/* Browser Reset CSS, Eric Meyer.  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	font-size:1em;
}
body {
	line-height: 1.5em;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/**
  * Vodafone CSS with integrated rebranding
  * 
  * site.css
  * Modified CSS from Digital Assets v1.3
  * Release: 08 January 2008
  *
  */


/**
  * Overall style rules
  */ 
body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	font-size: 69%;
	margin:0;
	background:#F4F4F4; 
	padding-bottom:20px;
	color:#000000;
}
a{
	color:#000000;
	text-decoration:none;
}
a:hover, a:focus {
	color:#0c5e7b;
}
a span.extended {
	display:none;
}
th {
	font-weight:bold;
}

#vfwrapper { margin:auto; width:970px; background-color:#ffffff; padding-left:10px; }
* html #vfwrapper { padding-left:20px }


/* BEGIN GENERIC MODULE STYLES */
.modCopy,.modCopy1col,.modCopy2col,.modCopy3col{
	padding:8px 0 4px 15px;
}
.clear{
	clear:both;
}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.inv, .jsEnabled .inv2 {
	position:absolute;
	top:-1000px;
	left:-1000px;
}
.accessibleHidden, .accessText{ 
	height:1px;
	left:-10000px;
	overflow:hidden;
	position:absolute;
	top:auto;
	width:1px;
}


legend.inv {
	visibility: hidden;
	margin:0 0 -3em;
}

.modBody{
	margin:0 3px 0 3px !important;
	position:relative;
	clear:both;
}
.modBody{
	margin:0 3px 0 3px;
	position:relative;
	clear:both;
}
.modBody img{/* quick hack take care. impacts? hhr */
vertical-align:bottom;
}
.modBody a.textlink{
	text-decoration:underline;
}
.modBody h3{
	font-size:1.182em; /*13px*/
	font-weight:normal;
}
.modBody h4{
	font-weight:bold;
}
h5{
	font-size:1.09em;/*12px*/
	line-height:1.5em;
}

.modHeader{
	color:#fff;
	margin:0 3px 0 3px;
	min-height:2.181em; /* 24px */
}
.modHeader h2 {
	font-size:1em;
	font-weight:bold;
	padding: 4px 0 0 7px;
	min-height:1.85em;
}
.modHeader a {
color:#fff;
padding: 0;
cursor: pointer;
display:block;
}
.modHeader a:hover,
.modHeader a:focus {
	color:#fff;
	text-decoration:underline !important;
}
.modHeader a span{
	display: block;
	float: left;
}
.modHeader a span.more{
	display: block;
	font-weight:normal;
	float: right;
	padding: 0 7px 0 0;
}
.modHeader a:hover span.more, 
.modHeader a:focus span.more {
	text-decoration:underline !important; 
}
.modHeight88{
	min-height:5.64em; /* 64 px content, makes the total module height 88 px*/
}
.modHeightLow{
	min-height:12.91em; 
}
.modHeight168{
	min-height:13.45em; /* 148 px content, makes the total module height 168 px*/
}
.modHeight216{
	min-height:17.3em; /* 196 px content, makes the total module height 216 px*/
}
.modHeight282{
	min-height: 23.18em; /* 255 px content, makes the total module height 282 px */
}
.modHeight282NoBorder{
	min-height: 25.37em; /* 255 px content, 255+32 due missing border */
}
.modHeight480 {
	min-height:41.27em; /*454 px content makes the module height 480px*/
}
.price1,.price2,.price3,.price4,.price5,.price6{
	display:inline;
	font-weight:bold;
	position:relative;
}
.price1,.price2,.price4{
	font-size:2.363em;/*26px*/
	line-height:2.091em;/*23px*/
}
.price1{
	padding-left:4px;
}
.price2{
	top:-9px;
	font-size:1.363em;/*15px*/
}
.price3{
	white-space:nowrap;
	font-size:2.363em;/*15px*/
	letter-spacing:-0.05em;
}
.price3 sup{
position: relative;
top: -0.6em;
font-size: 0.545455em;
margin-right: 0.3em;
}
.price4{
	padding-left:4px;
}
.price5{
	font-size:4.27em;/*47px*/
}
.price6{
	top:-0.55em;/*5px*/
	font-size:2.5em;/*20px*/
	left:-4px;
}
.bold{
	font-weight:bold;
}
.modFooter{
	height:8px;
	font-size:1px;
	line-height:1px;
	margin-bottom:5px;
}
.modBlankFooter{
  height: 8px;
	font-size:1px;
	line-height:1px;
	margin-bottom:5px;
}
.modFooter hr, .modBlankFooter hr {
	display: none;
}
.modTop{
	height:1px;
	font-size:1px;
	line-height:1px;
}
.modPad{
	padding-left:21px;
}
.modPad14{
	padding-left:14px;
}
.priceBox2{
position:relative;
top:.5em;/*15px*/
margin-bottom:1em;
}
.priceBox3{
	position:absolute;
	top:87px;
}
.float, .priceBox2 .text, .priceBox3 .text{
	display:block;
}
.float {
	float:left;
}
.priceBox2 .text,.priceBox3 .text{
min-height:30px;
}
.floatRight {
	float:right;
}
ul.jumplist {
	display: block;
	margin-top:10px;
}
.features li{
	background:url(../img/bullet.gif) no-repeat 3px 3px;
	padding-left:16px;
}
.bullet li{
	font-size:1.09em;/*12px*/;
	line-height:1.5em;
}
.bullet{
	list-style-type:disc;
	padding-left:17px;
	line-height:1.5em;
	margin:0.5em 0 0.7em 0;
}
.bulletSmall{
	list-style-type:disc;
	padding-left:17px;
	line-height:1.4em;
	margin:0.5em 0 0.7em 0;
}
.tabs h3{
	font-size:1.182em; /*13px*/
	font-weight:bold;
}
p{
	font-size:0.997em;/*11px*/
	line-height:1.5em;
	margin:0.5em 0 0.7em 0;
}
.modFlash{
	height:15.09em; /* 166 px */
	margin:0 0 13px 0;
}
.modFlash h1{
	margin:0 3px 0 3px;
	height:168px;
	background-repeat:no-repeat;
}
.modFlash h1 span{
	position:relative;
	margin: 0 0 0 -1000px;
}

.modBsmallLeft {
	float:left; width:241px; padding-right:15px;
	}
.modBsmallRight {
	float:left; width:241px
	}


/* END GENERIC MODULE STYLES */

/* BEGIN COLOR STYLES */
.petrolBG { background-color:#008698; }
.lightBlueBG { background-color:#e5eff1; }
/* END COLOR STYLES */


/* BEGIN 1 COLUMN WIDE MODULES */
.modCopy1col,.mod1Col{
	width:192px;
	float:left;
}
.mod1Col .modBorder{
	width:192px;
	background-image: url("../img/1columnBorder.gif");
}
.mod1Col .modFooter{
	background-image: url("../img/1columnFooter.gif");
	width:192px;
}
.mod1Col .modTop{
	background-image: url("../img/1columnTop.gif");
	width:192px;
}
.mod1Col .modCopy,.modCopy1col{
	width:171px;
}
.modHeight282 .modCopy1col {
min-height:21.8em;
position:relative;
}
.mod1Col .modHeader h2 {
	width:178px; 
}
.link_list1Col {
	position:absolute;
	width:171px;
	bottom:7px;
	padding-bottom: 1px;
	background: url(../img/dottedLine.gif) repeat-x left bottom;
	clear:both;
}
.link_list1Col_inline {
	width:171px;
	padding-bottom: 1px;
	background: url(../img/dottedLine.gif) repeat-x left bottom;
	margin:5px 0;
}
.static{
	position:static !important;
}
/* addditional col from live css - danb */
.mod1aCol{
	width:175px;
	float:left;
}

.mod1bCol{
	width:169px;
	float:left;
	min-height:390px;
}

.mod1cCol{
	width:180px;
	float:left;
}

.mod1sCol{
	width:100px;
	float:left;
}

.mod2sCol{
	width:400px;
	float:left;
}

/* END 1 COLUMN WIDE MODULES */

/* BEGIN 2 COLUMN WIDE MODULES */
.mod2Col{
	width:384px;
	float:left;
}
.mod2Col .modBorder{
	width:384px;
	background-image: url(../img/2columnBorder.gif);
}
.mod2Col .modFooter{
	background-image: url(../img/2columnFooter.gif);
	width:384px;
}
.mod2Col .modTop{
	background-image: url(../img/2columnTop.gif);
	width:384px;
}
.mod2Col .modCopy,.modCopy2col{
	width:363px;
}
.mod2Col .modHeader h2 {
	width:370px; 
}
.link_list2Col{
	position:absolute;
	width:363px;
	bottom:7px;
	padding-bottom: 1px;
	background: url(../img/dottedLine.gif) repeat-x left bottom;
}
/* END 2 COLUMN WIDE MODULES */

/* BEGIN 3 COLUMN WIDE MODULES */
.mod3Col{
	width:576px;
	float:left;
}
.mod3Col .modBorder{
	width:576px;
	background-image: url(../img/3columnBorder.gif);
}
.mod3Col .modFooter{
	background-image: url(../img/3columnFooter.gif);
	width:576px;
}
.mod3Col .modTop{
	background-image: url(../img/3columnTop.gif);
	width:576px;
}
.mod3Col .modCopy{
	width:555px;
}
.mod3Col .modHeader h2 {
	width:562px; 
}
.link_list3Col{
	position:absolute;
	width:555px;
	bottom:7px;
	padding-bottom: 1px;
	background: url(../img/dottedLine.gif) repeat-x left bottom;
}
.link_list3Col_inline{
	width:555px;
	bottom:7px;
	padding-bottom: 1px;
	background: url(../img/dottedLine.gif) repeat-x left bottom;
}
/* END 3 COLUMN WIDE MODULES */

/* BEGIN 4 COLUMN WIDE MODULES */
.mod4Col{
	width:768px;
	float:left;
}
.mod4Col .modBorder{
	width:768px;
	background-image: url(../img/4columnBorder.gif);
}
.mod4Col .modFooter{
	background-image: url(../img/4columnFooter.gif);
	width:768px;
}
.mod4Col .modTop{
	background-image: url(../img/4columnTop.gif);
	width:768px;
}
.mod4Col .modCopy{
	width:747px;
}
.mod4Col .modHeader h2 {
	width:754px; 
}
.link_list4Col{
	position:absolute;
	width:747px;
	bottom:7px;
	padding-bottom: 1px;
	background: url(../img/dottedLine.gif) repeat-x left bottom;
}
/* END 4 COLUMN WIDE MODULES */


/* BEGIN 5 COLUMN WIDE MODULES */
.mod5Col{
	width:960px;
	float:left;
}
ul#mod5TagCloud{ 
	text-align:center;
	font-size:0.9555em;
}
ul#mod5TagCloud li{
	display:inline; 
	font-size:70%;
}
ul#mod5TagCloud li.t1 a{ 
	font-size: 120%;
	line-height: 120%;
}
ul#mod5TagCloud li.t2 a{ 
	font-size: 160%; 
	line-height: 120%;	
}
ul#mod5TagCloud li.t3 a{ 
	font-size: 190%; 
	line-height: 120%;	
}
ul#mod5TagCloud li.t4 a{ 
	font-size: 210%;
	line-height: 120%;	
}
ul#mod5TagCloud li.t5 a{
	font-size: 230%;
	line-height: 120%;	
}
ul#mod5TagCloud li.t6 a{ 
	font-size: 250%;
	line-height: 120%;	
}
ul#mod5TagCloud li.t7 a{ 
	font-size: 270%; 
	line-height: 120%;	
}
ul#mod5TagCloud li.t8 a{
	font-size: 290%; 
	line-height: 120%;	
}
ul#mod5TagCloud li.t9 a{ 
	font-size: 310%; 
	line-height: 120%;	
}
ul#mod5TagCloud li.t10 a{ 
	font-size: 330%; 
	line-height: 120%;
}
ul#mod5TagCloud a { 
color:#333;
}

/* END 5 COLUMN WIDE MODULES */


/* BEGIN TEXT BLOCK STYLES */
.txtBlock{
	width:562px;
	margin-left:4px;
	float:left;
}
.txtBlock .modCopy1col{
	width:157px;
}
.txtBlock .modCopy2col{
	width:349px;
}
.txtBlock .modCopy3col{
	width:541px;
}
.txtBlock .modBorder{
	width:562px;
	background-image: url(../img/txtBlockBorder.gif);
}
.txtBlock .modFooter{
	background-image: url(../img/txtBlockFooter.gif);
	width:562px;
}
.txtBlock .modTop{
	background-image: url(../img/txtBlockTop.gif);
	width:562px;
}
.txtBlock .link_list1Col {
	width:157px;
}
.txtBlock .link_list2Col {
	width:349px;
}
.txtBlock .link_list3Col {
	width:541px;
}
/* END TEXT BLOCK STYLES*/


/* BEGIN SECOND LEVEL (LEFT) NAVIGATION */
.secondLevelNav{
padding:0;
}
.secondLevelNav li{
border-top:1px solid #ccc;
min-height:23px;
}
.secondLevelNav li strong{
font-weight:bold;
}
 .secondLevelNav li ul li { 
border:none;
}
.secondLevelNav a{
padding:4px 0 0 10px;
margin:0;
display:block;
min-height:19px;
}
.secondLevelNav li strong a, .secondLevelNav li.selected strong a{ 
background-color: #BAD4DA;
}
.secondLevelNav a:hover{
background-color: #BAD4DA;
color:black;
}
.secondLevelNav li ul li a{
padding-left:22px;
}
.secondLevelNav li ul li a:hover, .secondLevelNav li ul li a:active,
.secondLevelNav li ul li strong a, .secondLevelNav li ul li.selected strong a{ 
background-color: #BAD4DA;
}
/* END SECOND LEVEL NAVIGATION */

#orientation {
	position:absolute;
	left:-1000px;
	top:-1000px;
}

/* BEGIN BUTTON STYLES */
/* END BUTTON STYLES */



/* BEGIN HEADER STYLESVodafone Masthead */
#topmenu-holder, #topmenu-holder1 {
	width: 970px;
	margin: 0 0 12px 2px;
	font-family:Arial,Helvetica,sans-serif;
}

#top-links {
	height: 67px;
	background:#E60000 url('../img/menu/menu_bg01.gif') repeat-x;
	position: relative;
	width: 956px;
}
.containsSubNav { margin-bottom:3.625em }
.basicMasthead { margin-bottom:11px }

	#top-links .top-logo {
		position: absolute;
		left:0;
		top:0;
		border:none
	}
	#top-quicklinks {
		float:right;
		height: 32px;
		margin:0 0 0 78px;
		padding:0;
		list-style-type:none;
		color:#FFF;
	}
	#top-quicklinks li {
		float: left;
		font-weight: bold;
		margin: 4px 0 0 15px;
		padding:0;
		line-height: 2em;
	}
	#top-quicklinks li a {
		color: #ffffff;
		text-decoration: none;
	}
	#top-quicklinks li a:hover, #top-quicklinks li a:focus, #top-quicklinks li a:active {
		text-decoration: underline;
		color:#FFF;
		outline:none;
	}
	#top-links fieldset.top-search {
		border: 0;
		clear: both;
		margin: 5px 6px 0 15px;
		padding:0;
		float: right;
	}
		#top-links fieldset.top-search input {
			vertical-align:top;
		}
		#top-links fieldset.top-search legend span {
			/* hide label off screen */
			position: absolute;
			top: 0;
			left: -10000px;
			height: 1px;
			overflow: hidden
		}
		#top-search-field {
			background:#FFF url('../img/menu/search-bg.gif') no-repeat;
			height: 18px;
			width: 99px;
			padding: 5px 0 0 20px;
			border: 0;
			font-family:Arial,Helvetica,sans-serif;
			font-size: 1em;
		}
	#top-quicklinks input {
		float: left;
	}
	#top-globalnav {
		clear:both;
		height: 35px;
		margin:0 0 -2px 78px;
		padding:0;
		list-style-type:none;
		background:#E60000 url('../img/menu/menu_norm.gif') repeat-x;
	}
		#top-globalnav li {
			height: 35px;
			float: left;
			background: url('../img/menu/menu_norm.gif') repeat-x;
			display: inline;
			line-height: 1.4;
			padding:0;
			margin:0;
		}
		#top-globalnav li.active {
			background:#FFF url('../img/menu/menu_active.gif') repeat-x;
		}
			#top-globalnav li a {
				display: block;
				float: left;
				height: 25px;
				color: #fff;
				font-size: 1.182em;
				font-weight: bold;
				/*padding: 8px 15px 0 15px;*/
				padding:8px 0 0; 
				text-align:center;
				margin: 2px 0 0 0;
				border-right: 1px solid #e70000;
				text-decoration: none;
			}
			#top-globalnav li a:hover, #top-globalnav li a:focus, #top-globalnav li a:active {
				background: #C80000;
				border-right: 1px solid #C80000;
				color:#FFF;
				text-decoration:none;
				outline:none;
			}
			#top-globalnav li.active a, #top-globalnav li.active a:hover, #top-globalnav li.active a:focus, #top-globalnav li.active a:active {
				color:#c80000;
				border-right: 0;
				margin: 0 0 0 4px;
				padding-top: 10px;
				background: url('../img/menu/menu_active.gif') right 0;
				outline:none;
			}
			#top-globalnav li.active a:hover, #top-globalnav li.active a:focus, #top-globalnav li.active a:active { text-decoration:underline }
			/* double margin bug */
			* html #top-globalnav li.active a { display:inline; }

		#top-globalnav #vfSubNav { 
			width: 954px;
			background: #fff;
			position: absolute;
			left: 0;
			bottom: -2.719em;
			border: solid #E0E0E0;			
			border-width: 0 2px 1px 0;
			/*border-bottom: 1px solid #f4f4f4;*/			
		}
			#top-globalnav #vfSubNav ul {
				list-style:none;
				padding:0;
				margin:0;
				float:left;
				width: 100%;
				border-top: 0;
				border-bottom: 1px solid #E0E0E0;
			}
			#top-globalnav #vfSubNav li {
				border: 0;
				background:none;
				height:auto
			}
			#top-globalnav #vfSubNav li a{
				height: auto;
				line-height: normal;
				color: #666;
				font-weight: normal;
				padding: 0.5em 5px 0.5em 10px;
				margin:0;
				width: auto;
				background:none;
			}
			
			#top-globalnav #vfSubNav li a:hover, #top-globalnav #vfSubNav li a:focus, #top-globalnav #vfSubNav li a:active  {
				color: #c80000;
				background: #fff;
				text-decoration: underline		
			}
			
			#top-globalnav #vfSubNav li a.active {
				color: #c80000;	
				font-weight: bold;				
			}
			
/* set widths for top navigation - padding won't work because of anti-aliasing, JS would have to load */
#link_mpap { min-width:195px }
#link_bb { min-width:108px; }
#link_aae { min-width:143px }
#link_ms { min-width:138px }
#link_bus { min-width:98px }
#link_ma { min-width:112px }
#link_help { min-width:72px }

.icon-cart {
	background: url('../img/menu/icon-cart.gif') no-repeat 0 1px;
	padding: 0 0 0 14px;
}

#top-firstlevel {
	background:white;
	clear: both;
	margin:0;
	padding:0;
	width: 954px;
	border-bottom:2px solid #dbdbdb;
	border-right:2px solid #dbdbdb;
	min-height:29px;
}
#top-firstlevel:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	#top-firstlevel li {
		float: left;
		display: inline;
		line-height: 2.2;
		font-size: 1.182em;
		margin: 0 0 0 15px;
		padding:0;
	}
		#top-firstlevel li a {
			color: #666;
			text-decoration: none;
		}
		#top-firstlevel li a:hover, #top-firstlevel li a:focus, #top-firstlevel li a:active {
			color:#c80000;
			text-decoration: underline;
			outline:none;
			border:none
		}
		#top-firstlevel li.active a, #top-firstlevel li a.active {
			color:#c80000;
			font-weight: bold;
		}
/* END HEADER STYLES */

/*#breadcrumb {color:#666; position: relative; left: 0; top: 0; float: left; clear: both; width: 942px; height: auto; padding: 6px 0 6px 0;margin: 0 6px 0 6px;}
	#breadcrumb a { color: #999;}*/

/* BEGIN GRID STYLES */
.singleColumn{
	width:192px;
	float:left;
}
.doubleColumn{
	width:384px;
	float:left;
}
.tripleColumn{
	width:576px;
	float:left;
}
.quadColumn{
	width:768px;
	float:left;
}
/* pushing content up for dotcom, because no 2nd level navigation */
.fiveColumn{
	width:960px;
	float:left;
}
.grid{
	margin:0 auto;
	clear: both;
	display:block;
	width:970px;
}

.gridFixBreadcrumb {
padding-top:28px;
}
/* END GRID STYLES */

/*  red buttons */
.linkBtn{
	background-repeat: no-repeat;
	background-position: right top;
	padding: 1px 0 9px 0;
	cursor: pointer;
	text-decoration: none !important;
}

.linkBtn:hover{
	text-decoration:none;
	background-position: right -100px;
}

.linkBtn span{
	color: #ffffff;
	font-weight: bold;
	background-repeat: no-repeat;
	padding: 1px 6px 7px 6px;
}

.linkBtn .fixBtnFooter{
	height: 8px;
	width: 0px;
}

.linkBtn:hover span{
	background-position: left -100px;
}

.linkBtnWhite{
	background-repeat: no-repeat;
	background-position: right top;
	padding: 1px 0 9px 0;
	cursor: pointer;
	text-decoration: none !important;
}

.linkBtnWhite:hover{
	text-decoration:none;
	background-position: right -100px;
}

.linkBtnWhite span{
	color: #000000;
	font-weight: bold;
	background-repeat: no-repeat;
	padding: 1px 6px 7px 6px;
}

.linkBtnWhite .fixBtnFooter{
	height: 8px;
	width: 0px;
}

.linkBtnWhite:hover span{
	background-position: left -100px;
}

a.btnBlackBgWhite, .btnBlackBgWhite input {
	background-image: url(../img/but_reg_black_white_rt.gif);
}
.btnBlackBgWhite, .btnBlackBgWhite span{
	background-image: url(../img/but_reg_black_white_lt.gif);
}

a.btnWhiteBgWhite, .btnWhiteBgWhite input {
	background-image: url(../img/but_reg_white_white_rt.gif);
}
.btnWhiteBgWhite, .btnWhiteBgWhite span{
	background-image: url(../img/but_reg_white_white_lt.gif);
}

a.btnRedBgWhite, .btnRedBgWhite input {
	background-image: url(../img/but_reg_red_white_rt.gif);
}
.btnRedBgWhite, .btnRedBgWhite span{
	background-image: url(../img/but_reg_red_white_lt.gif);
}

/* BEGIN FOOTER STYLES */
#footer { padding: 0 5px 15px; margin:10px auto 0; width:970px }
.footer{
	display:block;
	width:957px;
	clear:both;
	text-align: center;	
	padding:0;
}

.footer li{
	display:inline;
	border-right:1px solid #666666; padding:0 5px 0 6px; color:#666666
}
.footer li.last { border-right:none }

.footer a {
	color:#666666; padding:0;
}
.footer a:hover, .footer a:focus {
	text-decoration: underline;
}
.footer span{
	padding:0 7px 0 4px;
}
#footer .modCopy { color:#999999; text-align: center; margin-top:8px; padding:0; }
/* END FOOTER STYLES */

/* BEGIN TEXTCONTENT STYLES */
.textContent {
	padding-top:0px;
}
.textContent h2, .textContent h3 {
	font-size:1.182em; /*13px*/
	font-weight:bold;
}
.textContent ul li {
	margin-bottom:6px;
}
/* END TEXTCONTENT STYLES*/


/* BEGIN TABLE MODULE STYLES */
.fullWidth{
	width:100%;
	border-collapse: collapse;
}
.fullWidth tbody td {
/*border-top: 1px dotted #666; removed in rebranding */
}
.tableContainer{
	padding: 0 4px 0 4px;
}
.tdEven,.tdEven2,.tdOdd,.tdOdd2,.tdHead,.tdHead2{
	padding:3px 12px 4px 12px;
	text-align:right;
}
.tdEven{
	border-right: 1px #0c5e7b solid;
	background:#fff;
}
.tdEven2{
	background:#fff;
}
.tdHead{
	border-right: 1px #fff solid;
	padding:4px 12px 4px 12px;
	background:#0c5e7b;
	color:#fff;
}
.tdHead2{
	background:#0c5e7b;
	color:#fff;
}
.tdOdd{
	border-right: 1px #0c5e7b solid;
	background:#ccc;
}
.tdOdd2{
	background:#ccc;
}
.left{
	text-align:left;
}
/* END TABLE MODULE STYLES */

/* BEGIN ERROR PAGE STYLES*/
.warningIcon {
	float:left;
	margin-right:6px;
}
#contactformMsg  {
background-color:#F3B700;
width:260px;
margin:10px 0 0 140px;
}
#contactformMsg  h3{
font-size:1.09em;
line-height:1.5em;
font-weight:bold;
}
#contactformMsg  li{
list-style-type:disc;
margin-left:15px;
}
#contactformMsg  li a{
color:black;
}


/*END ERROR PAGE STYLES*/

/* WAI enhancements */
abbr, acronym {
cursor:help;
border-bottom:1px dotted #000;
}

.shareThisContainer { padding-top:20px }
ul.icons { padding:10px 5px; text-align:center; }
	ul.icons li { display:inline; padding:0 15px; background-position:left center; background-repeat:no-repeat }
	ul.icons li.delicious { background-image:url(../img/shareThis/icon-delicious.gif); }
	ul.icons li.stumbleupon { background-image:url(../img/shareThis/icon-stumbleupon.gif); }
	ul.icons li.facebook { background-image:url(../img/shareThis/icon-facebook.gif); }
	ul.icons li.yahoo { background-image:url(../img/shareThis/icon-yahoo.gif); }
	ul.icons li.google { background-image:url(../img/shareThis/icon-google.gif); }
	ul.icons li.propeller { background-image:url(../img/shareThis/icon-propeller.gif); }
	ul.icons li.blinklist { background-image:url(../img/shareThis/icon-blinklist.gif); }

a.contextualAnchor img { vertical-align:middle }

/*** Begin Manufacturers styles ***/
.contentArea { margin-left:10px; float:left; width:754px }
.man3Col { clear:left; }
.man2Col { float:left; width:498px; }
.man2Colb { float:left; width:562px; }
.man1p5Col { float:left; width:365px; margin-top:15px !important }
.man1Col { float:left; width:241px; }
.man1ColPadded { padding:13px 10px; float:right; width:221px; }

.manRow { clear:both }
.manRow:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.spacedItem { margin:0 14px 14px 0; }
.spacedVerticalItem { margin:0 0 14px 0}
.paddedItem { padding:13px 10px; }

.man4Col .modBorder{ background-image: url(../img/man4columnBorder.gif); }
.man4Col .modFooter{ background-image: url(../img/man4columnFooter.gif); }
.man4Col .modTop{ background-image: url(../img/man4columnTop.gif); }
.man4Col .modBody { margin:0 4px !important; padding:6px 10px; }

/* headings */
.petrol { color:#378698 }

.primaryHeading { font-size:2.54em; line-height:normal }
.secondaryHeading { font-size:2.08em; line-height:normal; }
.tertiaryHeading { font-size:1.164em; line-height:normal; font-weight:bold }
.standoutHeading { font-size:5.438em; line-height:normal; }
.boxHeading, .boxHeading2 { font-size:1.54em; line-height:normal; font-weight:bold; }
.man1Col .boxHeading { margin-top:10px }
.specHeading { font-size:1.164em; line-height:normal; font-weight:bold }
.introText { font-size:1.359em; line-height:normal }
.phoneDetailText, .disclaimerText {font-size:0.9em; line-height:normal}
.disclaimerText a { color:#0C5E7B; }

.reg {
    font-size:50%;
    vertical-align:super;
    text-decoration:none
}
.bold { font-weight:bold }

a.arrowLink { text-decoration:underline; padding-right:12px; background:url(../img/paginationArrows.gif) right 3px no-repeat; }
a.newWindow { padding-right:20px; background:url(../img/popupIcon.gif) right top no-repeat; }

.separater { border-bottom:1px dotted #666; padding-bottom:10px; margin-bottom:20px; }

.manHeadingContainer { text-align:right; margin-bottom:5px }
.manHeadingContainer .primaryHeading, .manHeadingContainer .secondaryHeading { float:left; text-align:left }

/* buttons */
.manBtnPetrol { display:inline-block; line-height:23px; padding-left:10px; background:url(../img/petrol_button_left.gif) 0 0 no-repeat;
	font-weight:bold; font-size:1.164em; color:#FFF; }
	.manBtnPetrol span { display:inline-block; line-height:23px; padding-right:10px; background:url(../img/petrol_button_right.gif) right 0 no-repeat; }
.manBtnPetrol:hover { color:#FFF; background-position:0 -96px }
	.manBtnPetrol:hover span { background-position:right -96px }

.textBtnGrey { background:transparent url(../img/grey_button_right.gif) no-repeat scroll right top;
	color:#FFFFFF; display:inline; float:left; font-weight:bold; margin:0 0 0 3px; }
.textBtnGrey:hover, .textBtnGrey:focus {background-position:right -95px;color:#FFFFFF;text-decoration:none;}
	.textBtnGrey span {background:transparent url(../img/grey_button_left.gif) no-repeat scroll left top;
		float:left;line-height:2.7ex;padding-bottom:10px;padding-left:9px;padding-right:9px;position:relative;}
	.textBtnGrey:hover span{background-position:left -95px;	color:#FFFFFF;text-decoration:none;}



/* anchorLinks */
.anchorLinks { text-align:right; display:block; line-height:20px; margin-right:10px;}
	.anchorLinks li { display:inline; padding:0 0 0 10px; margin:0 0 0 20px; background:url(../img/paginationArrows.gif) 0 -77px no-repeat; }

/* tab navigaion */
ul.tabNavigation { display:block; word-spacing:-1em; margin-bottom:14px }
	ul.tabNavigation li { display:inline-block; width:33%; text-align:center; word-spacing:normal; padding-bottom:10px }
	ul.fourTabs li { width:25% }
	ul.fiveTabs li { width:20% }
		ul.tabNavigation li a { color:#FFF; font-size:1.3em; display:block; line-height:38px; padding:0; margin:0 2px;
			background:url(../img/tabItemSprite.gif) center 0 no-repeat; font-weight:bold;}
		ul.tabNavigation li a:hover { background-position:center -150px; color:#FFFFFF; font-weight:bold }
		ul.tabNavigation li.firstTab a { background-position:0 0; }
		ul.tabNavigation li.firstTab a:hover { background-position:0 -150px; }
		ul.tabNavigation li.lastTab a { background-position:right 0; }
		ul.tabNavigation li.lastTab a:hover { background-position:right -150px; }
		ul.tabNavigation li.selectedTab { background:url(../img/tabItemSprite.gif) center -300px no-repeat; }
		ul.tabNavigation a.selectedTab { background-position:center -150px; }
		ul.tabNavigation li.firstTab a.selectedTab { background-position:left -150px; }
		ul.tabNavigation li.lastTab a.selectedTab { background-position:right -150px; }

/*review list */
.reviewsList { display:block; border-top:1px dotted #666; padding-top:10px }
	.reviewsList li { display:block; border-bottom:1px dotted #666; padding-bottom:10px; margin-bottom:10px }
		.reviewsList .ratingStars { height:16px; text-indent:-1000px; margin-bottom:10px; background:url(../img/ratingStars.gif) 0 0 no-repeat; }
			.reviewsList .ratingFour { background-position:0 -30px; }
			.reviewsList .ratingThree { background-position:0 -60px; }
			.reviewsList .ratingTwo { background-position:0 -90px; }
			.reviewsList .ratingOne { background-position:0 -120px; }
			.reviewsList .ratingZero { background-position:0 -150px; }
		.reviewsList .reviewer, .reviewsList .review { display:inline-block; vertical-align:top; width:200px; }
		.reviewsList .review { width:534px; margin-left:10px; }
			.reviewsList .review p { margin:0 0 10px }
			.reviewsList .shareThis { font-weight:bold; font-size:1.164em; line-height:normal; display:inline }
			.reviewsList .shareThisList, .reviewsList .shareThisList li { display:inline; line-height:16px; border:none; }
				 .shareThisList img { vertical-align:text-bottom; }
.reviewFooter { margin-bottom:50px }
	.reviewFooter .manBtnPetrol { float:right }

.pagination { display:block; text-align:center }
	.pagination li { display:inline-block; color:#378698; vertical-align:top; margin:0 5px }
		.pagination a, .pagination span { font-size:1.164em; font-weight:bold; }
		.pagination a { text-decoration:underline }
		.pagination a.paginationPrevious, .pagination a.paginationNext { font-size:1em; font-weight:normal; padding:0 0 0 10px; background:url(../img/paginationArrows.gif) 0 -37px no-repeat;}
		.pagination a.paginationNext { padding:0 10px 0 0; background-position:right 3px; }

.buyList { display:block; clear:left; margin:0 0 30px }
	.buyList li { display:inline; }
	.buyList li a { display:block; float:left; width:218px; padding:8px 10px 6px; border:3px solid #E9D8EB; margin-right:11px;  background:url(../img/shortBtnRed.gif) 95% center no-repeat }
	.buyList li a:hover { background-color:#E9D8EB }
	.buyList li a.last { margin-right:0; }
	/*.buyList li a.buyItem3 { float:right }*/
		.buyList li a span { font-size:1.36em; font-weight:bold; color:#6D2E77; padding-right:25px; }

.offerPanel { background-color:#e60000; width:211px; padding:13px 15px; }
	.offerPanel h3 { color:#FFFFFF; font-size:2.08em; font-weight:normal; line-height:normal }
		.offerPanel h3 span { display:block; font-size:0.74em; margin-top:4px }
	.offerPanel ul { display:block; margin-top:5px; }
		.offerPanel li { display:inline-block; padding-right:20px; margin-right:8px; background:url(../img/smallBtnDarkRed.gif) center right no-repeat }
	.offerPanel a { color:#FFFFFF; font-size:1.087em; line-height:1.6em; }
	.offerPanel a:hover { color:#FFFFFF; }

.inlineLinkList { display:block; padding:10px; background-color:#E5EFF1 }
	.inlineLinkList li { display:inline; font-size:1.164em; font-weight:bold; padding-right:12px; background:url(../img/paginationArrows.gif) right -156px no-repeat; }
		.inlineLinkList li a { text-decoration:underline }
		.inlineLinkList1 { margin-right:50px; }
		.inlineLinkList2 { margin-right:23px; }

.rolloverIntroContainer { min-height:170px }
.rolloverIntro { font-size:1.087em; }
.rolloverBox { position:relative; min-height:325px; }
	.rolloverBox h3, .rolloverBox p { width:50% }
	.rolloverBox img { position:absolute; top:10px; right:10px; z-index:10; }
	
	.rolloverPanel { padding:6px; }
	.initialImage { z-index:20 !important; }
	.rolloverPanel:hover { background-color:#E5EFF1 }
	.rolloverPanel:hover img { z-index:30; }

.quotation { font-size:1.54em; line-height:normal; font-weight:bold; color:#378698; margin:13px 10px 10px; }
.cite { margin:0 10px 13px; text-align:right }
	.citeName { float:left } 
	.ratingSmallStars { display:inline-block; text-indent:-1000px; text-align:left !important; overflow:hidden; width:84px; height:20px; background:url(../img/ratingStars.gif) left -188px no-repeat; }
	.ratingSmallFour { background-position:left -208px }
	.ratingSmallThree { background-position:left -228px }
	.ratingSmallTwo { background-position:left -248px }
	.ratingSmallOne { background-position:left -268px }
	.ratingSmallZero { background-position:left -288px }
.quotationFooter { text-align:right; height:13px; padding:10px 0 0; background:#FFF url(../img/quotationTail.gif) left top no-repeat; }
	.quotationFooter a { text-decoration:underline; padding-right:12px; background:url(../img/paginationArrows.gif) right 3px no-repeat; }

.link_list_new { margin:0.5em 0 0.7em; font-size:0.997em}
	.link_list_new li { margin-bottom:2px }
	.link_list_new a { padding-right:12px; background:url(../img/paginationArrows.gif) right 3px no-repeat; }
	.link_list_new a.modalLayer, .link_list_new a.newWindow { padding-right:20px; background:url(../img/popupIcon.gif) right top no-repeat; }
.link_list_new2 li { padding-left:12px; margin-top:10px; background:url(../img/paginationArrows.gif) left -114px no-repeat; font-weight:bold }

.planTable { border:3px solid #E9D8EB; width:100%; margin-bottom:18px }
	.planTable caption { background-color:#E9D8EB; color:#6D2E77; font-size:1.54em; font-weight:bold; padding:6px 0 4px 12px; }
	.planTable th, .planTable td { border-bottom:1px dotted #E9D8EB; padding:10px; font-size:0.997em }
	.planTable th { color:#6D2E77 }
	.planTable a { text-decoration:underline }
	.planTable img { float:left; margin-right:8px }
	
.recommendedBox { background:url(../img/recommendGradient.gif) left bottom repeat-x; }
	.recommendedBox .boxHeading { padding:0 !important; }
.recommendedList { display:block }
	.recommendedList li { display:block; float:left; margin:10px 0; }
		.recommendedList li img, .recommendedList li .phoneDetails { float:left; margin-right:10px; }
		.recommendedList li .phoneDetails { margin-right:22px }
		.recommendedList li.last .phoneDetails { margin-right:0 }
		.recommendedList li a { font-weight:bold; text-decoration:underline; color:#378698 }
		
.pricePlansBox { border:3px solid #E9D8EB; clear:both; padding:10px 0; }
	.pricePlansBox h3 { color:#6D2E77; display:block; font-size:1.54em; line-height:normal; font-weight:bold; clear:left; padding:0 10px; margin-bottom:6px }
	.pricePlansBox h3.subsequentPricePlan { padding-top:10px; margin-top:10px; border-top:2px dotted #E9D8EB }
	.pricePlansBox img { float:left; margin:0 6px 6px 10px }
	.pricePlansBox p { margin:0 10px 4px }
	.pricePlansBox a { text-decoration:underline; padding-right:12px; background:url(../img/paginationArrows.gif) right 3px no-repeat; }

.forYou { display:block; clear:left; margin:0 0 18px; padding:0 }
	.forYou li { display:block; }
	.forYou li a { display:block; padding:8px 10px 6px; margin:0; border:3px solid #e5eff1; background:url(../img/shortBtnRed.gif) 95% center no-repeat }
	.forYou li a:hover { background-color:#e5eff1 }
	.forYou li a.last { margin-right:0; }
	/*.buyList li a.buyItem3 { float:right }*/
		.forYou li a span { font-size:1.36em; font-weight:bold; color:#5896a5; padding-right:25px; }
		
.forYou2 { display:block; clear:left; margin:0 0 18px; padding:0 }
	.forYou2 li { display:block; }
	.forYou2 li a { display:block; padding:8px 10px 6px; margin:0; border:3px solid #e5eff1; background:url(../img/shortBtnRed.gif) 48% center no-repeat }
	.forYou2 li a:hover { background-color:#e5eff1 }
	.forYou2 li a.last { margin-right:0; }
	/*.buyList li a.buyItem3 { float:right }*/
		.forYou2 li a span { font-size:1.36em; font-weight:bold; color:#5896a5; padding-right:25px; }
	
	
.exploreBoxContainer { padding:30px 0 20px }

.man4Col .exploreBox { background:url(../img/exploreGradient.gif) left center repeat-x; padding:0; }
.man4Col .boxHeading { padding:10px; }

.exploreList { display:block }
	.exploreList li { display:block; float:left; margin:10px 0 10px 0; padding:0 26.7px; width:133px; text-align:center }
		.exploreList li img {  margin-bottom:10px }
		.exploreList li h3 { font-size:1.09em; text-align:left }
			.exploreList li a { font-weight:bold; text-decoration:underline }
		.exploreList li p { text-align:left }
	.exploreList li:hover { background:#FFF; }
		.exploreList li:hover a { color:#378698 }
	.exploreList li.last { margin-right:0; }

.specificationsList { margin:5px 0 15px; }
.specificationsList dt, .specificationsList dd { float:left; width:180px; margin-bottom:5px }
.specificationsList dt { clear:left; width:155px }

.thumbnailList { display:block; margin:10px 0; clear:left }
	.thumbnailList li { display:inline; display:block; float:left }
		.thumbnailList li img { margin:0 16px 10px 0; border:1px solid #e3e3e3 }
		.thumbnailList li.current img { margin:0 16px 9px 0; padding:2px; background:#378698 }
		.thumbnailList li.forth img { margin:0 0 10px 0 }
.spacedThumbnailList { margin-bottom:30px; }

.galleryItem, .galleryFlashItem { margin:30px 0 0; }
.galleryFlashItem { min-height:390px }

.accessoriesList, .accessoriesList li { display:block; clear:left; margin:10px 0; }
	.accessoriesList li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.accessoriesList img { float:left; margin:0 10px 10px 0 }
	.accessoriesList .accessoriesContent { float:left; width:245px; margin-bottom:10px; }

/* default flash container sizes */
div#flashContent { height:280px }
div#featureContent { height:330px }

.alreadyOwnBar { background:#378597 url(../img/alreadyBar.png) left center no-repeat; width:750px; color:#FFFFFF; line-height:39px; font-size:16px; margin:15px 0 20px 2px }
	.alreadyOwnBar span {  padding-left:10px }

/*** End Manufacturers styles ***/

/* modal Layer styles */
#ModalLayer, .ModalLayer {
	position: fixed;
	top:0;
	left:10px;
	display:none;
	z-index:997;
	min-width:100px;
	min-height:100px;
	background-color:white;
	overflow:auto;
}
#ModalLayer:focus, .ModalLayer:focus { outline:none }
.modalStyleManufacturors {
	padding:10px 15px 15px;
	max-width: 780px;
	max-height:660px;
}
.modalStyleClassic {
	border:1px solid #80B0BB;
	padding:0;
	max-width: none;
	max-height: none;
}
.ModalLayer h1 { font-size:1.54em; line-height:normal; font-weight:bold; color:#378698; margin-bottom:8px }
#modalType_ajax.ModalLayer .closeBtn {
z-index:999;
}
#modalType_ajax.ModalLayer .modalLayerContent {
z-index:998;
}

#modalContainer {
	position:fixed;
	top:0;
	left:0;
	visibility:hidden;
	width: 100%;
	height:100%;
	z-index:995;
	display:block;
}
#mask {
	position:absolute;
	top:0;
	left:0;
	background-color:#000;
	opacity: 0.6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8 opacity */
	width: 100%;
	height:100%;
	z-index:996;
	display:block;
}
.MaskClassic {
	background-color:#FFF !important;
}
a.closeBtn{
	background-image: url(../img/btnClose.gif);
	background-repeat:no-repeat;
	background-position: left top;
	width: 22px;
	height:22px;
	float:right;
	display:block;
	text-indent:-2000px;
	overflow:hidden;
	margin: 0;
}
.closeOverlay {
	background:#008698 none repeat scroll 0 0;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	height:23px;
	width:100%;
}
.closeOverlay .link_close {
	background:transparent url(../img/icn_close.gif) no-repeat scroll right top;
	cursor:pointer;
	display:block;
	float:right;
	height:100%;
	text-align:right;
}
.closeOverlay .link_close a {
	border-right:1px solid #FFFFFF;
	color:#FFFFFF;
	display:block;
	font-size:1em;
	font-weight:bold;
	height:100%;
	line-height:23px;
	margin-right:21px;
	padding-right:6px;
	text-decoration:none;
}
/* end modal layer styles */

/* contextual Help start */
.contextualHelp, .contextualHelpRussian { clear:both }
.jsEnabled .contextualHelp {
	display:none;
	background-color:#4F8636;
	position: absolute;
	left:0;
	top:0;
	width: 278px;
	padding:10px 10px 40px 10px;
	background-image: url('../img/contextual_help_bg.gif');
	background-repeat:no-repeat;
	background-position: center bottom;
	z-index:999;
	clear:none
}
.jsEnabled .contextualHelp span{
	background-color:#fff;
	padding:5px;
	display:block;
}
.jsEnabled .contextualHelpRight {
	width:200px;
	padding:10px 10px 10px 25px;
	background-position:5px 7px;
}
.jsEnabled .contextualHelpRussian { 
	background-color:#D9F0FF;
	display:none;
	left:0;
	margin:0;
	position:absolute;
	top:0;
	white-space:normal;
	width:300px;
	z-index:999;
}
.jsEnabled .contextualHelpRussian span{
	display:block;
 	padding:2px 6px 6px;
}

/* contextual help end */

/*******/

/* help hover classic */
a.helpHoverTarget img { vertical-align:middle }

.helpHover { clear:both; }

.jsEnabled .helpHover { position:absolute; width:219px; z-index:10000; color:#676767; background:none; border:none; padding:0; margin:0; display:none }
.jsEnabled .helpHover *, .jsEnabled .helpHover { overflow:hidden }/* fix IE mouseleave */
.jsEnabled .helpHoverCloseButton { float:right }

/*below needs consolidating -  also it exists in IE6.css*/
.jsEnabled .helpHoverContent { padding:23px 23px 0 23px; background: url(../img/helphover/help_hover_main.png) top left no-repeat; }
.jsEnabled .helpHoverHeader, .jsEnabled .helpHoverFooter { height:19px; background: url(../img/helphover/help_hover_footer-left.png) bottom left no-repeat;}
.jsEnabled .helpHoverHeader { background-image:url(../img/helphover/help_hover_header.png); }

.jsEnabled .hoverPositionAboveCentered .helpHoverFooter { background-image:url(../img/helphover/help_hover_footer.png); }
.jsEnabled .hoverPositionBottomCentered .helpHoverHeader { background-image:url(../img/helphover/help_hover_header.png); }
.jsEnabled .hoverPositionRight .helpHoverContent,
.jsEnabled .hoverPositionLeft .helpHoverContent
	{ background-image:url(../img/helphover/help_hover_header-right.png); }
.jsEnabled .hoverPositionRight .helpHoverFooter,
.jsEnabled .hoverPositionLeft .helpHoverFooter
	{ background-image:url(../img/helphover/help_hover_main-bottom.png); }

/*******/

/* END GENERIC MODULE STYLES */

/* carousel / slider tabs start */
.carousel {
	margin: 0;
	position: relative;
}

.jsEnabled .carousel .tabListH {		
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:10;
}

.jsEnabled .carousel .tabListH li {
	float: left;
	height: 66px;
	background: url('../img/carousel/tabSprite.gif') left 0 no-repeat;
	width: 142px;	
	padding: 0
}

.jsEnabled .carousel .tabListH li a {
	display: block;
	font-size: 1.5em;	
	height: 40px;
	line-height: 100%;
	padding: 6px 12px 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	outline: none;
}


.jsEnabled .carousel .tabListH li.start, 
.jsEnabled .carousel .tabListH li.end {
	width: 143px;
}
.jsEnabled .carousel .tabListH li.active {
	background-image:url('../img/carousel/tab-active.gif');
}

/* vertical tabs */
.jsEnabled .carousel .tabListV {
	list-style-type:none;
	margin: 0;
	padding: 0;
	float: left;
	border:none;
}

.jsEnabled .carousel .tabListV li {
	width: 103px;
	margin: 10px 0 105px;
	padding: 0;
	cursor: pointer
}

.jsEnabled .carousel .tabListV li { margin: 0 0 1px; }
.jsEnabled .carousel .tabListV li.last { margin: 0 }

.jsEnabled .carousel .tabListV li a {	
	height: 42px;
	line-height: 42px;
	margin: 0 16px 0 0;
	padding: 0 0 0 10px;
	color: #fff;
	overflow: hidden;
	background: #AEC943;
}
.jsEnabled .carousel .tabListV li.active {
	background:url('../img/carousel/tabv-active.png') no-repeat center right
}

.jsEnabled .carousel .tabListV li a {	
	background: #E2ECC2;
	color: #4d7f38;	
	display:block;
}

.jsEnabled .carousel .tabListV li.active a {background: #AEC943;color: #fff}
/* carousel / slider tabs end */

/* carousel / slider carousel starts */

.carouselContainer {
	position: relative;	
	clear: both;
}
.jsEnabled .carousel .horizontal {
}

.jsEnabled .carousel .vertical {
	width:auto;
	clear:none;
	height:171px;
}

.jsEnabled .carouselContainer {overflow:hidden; position: relative}
.jsEnabled .carouselContent {list-style: none; display:block}
.jsEnabled .carouselContent li {display:block;margin-bottom:0}
.jsEnabled .carousel .horizontal li {float:left; white-space: normal}

.carouselControls { position:absolute; bottom:0; right:10px; }
.carouselControls .start, .carouselControls .end { display:none } 

/* carousel / slider carousel ends */

/* Error message pane Old style - non JS */
#errorMassagePane{
	padding: 5px 5px 10px 10px;
	color: red;
}

/* Error message pane AND Help Hovers - non JS */
#messagePane { position:fixed;  bottom:0; border:1px solid #f6af40; border-bottom:none; left:50%; margin-left:-482px; width:945px; z-index:9999; }

div#messagePane, div#messagePaneBE {
	background:#FFFFFF url('../img/helphover/help_hover_gradient_only.gif') top center repeat-x; 
	border:1px solid #f6af40;
	border-bottom:none; 
	font-weight: bold;  
	padding: 10px 0 10px 15px; 
	overflow:auto 
}
div#messagePane p, div#messagePaneBE p { float:right; text-align:right; padding:0 20px;  }
div#messagePane p.error_pane_intro, div#messagePaneBE p.error_pane_intro { 
	background: url('../img/icn_error.gif') no-repeat;
	float:none; 
	text-align:left; 
	padding: 5px 35px;
}
div#messagePane img, div#messagePaneBE img { vertical-align: bottom; margin-right: 10px }

div#messagePaneNonJS{
	border:1px solid #f6af40;
	border-top-width: 0px;
	background: url('../img/helphover/help_hover_gradient_only.gif') top center repeat-x;
	font-weight: bold;  
	padding: 10px 0 10px 15px;
	margin: 0px 10px 0px 10px;
	width:944px;
}
div#messagePaneNonJS p.error_pane_intro { 
	text-align:left; 
	background: url('../img/icn_error.gif') no-repeat; 
	padding: 5px 35px;
}
div#messagePaneNonJS ul li{
	list-style-type: disc;
	padding-left: 0px;
	margin-left: 15px;
}
.displayNone{
	display: none;
}
.clearAll {
	clear:both;
}
#errorIFrameLayer, #errorIFrameDivLayer {
	position:absolute;
	border: 0;
	padding:0;
	margin:0;
	width:960px;
	height: auto;
	left: 0px;
	top: 0px;
	z-index:-1;
}

ul#paneErrorList {
	list-style-type: disc;
	margin-left: 40px	
}
ul#paneErrorList li {
	float: left;
	clear:both;
}
ul#paneErrorList ul {
	margin-left: 15px	
}
ul#paneErrorList ul li{
	list-style-type: circle;
}
div#messagePaneBE ul#paneErrorList li {
	float:none;
	clear:both;
}
/* End message pane */

/*----- Validation styling -----*/
.validationFailed {	background: #F8B140;border: 1px solid #050707}

.errorValidation {
	margin: 5px 0 10px 134px
}
	.errorValidation li {
		padding: 2px 0
	}
		.errorValidation li p {
			color: #f33;
			font-size: 0.94em;
			font-weight: bold;
			line-height: 100%;
			margin: 0;
		}

.validationIcon  {	
	display: inline-block;
	width: 26px;
	height: 20px;
	overflow: hidden;
	margin: 0 0 0 5px;
	position: relative;
	vertical-align: middle;				
}			
.validatedLabelFail {
	background: url(../img/validation-error.gif) no-repeat top left;
}
.validatedLabelPass {
	background: url(../img/validation-pass.gif) no-repeat top left;
}

/* End validation styling */ 

/* Reuseable styles for tabbed list, content etc */
			
div.tabContentBox { clear: both; overflow:auto }

div.tabContentContainer { /*encloses content, only*/
	padding:10px;
}

/*----- Tab styles  -----*/
div.tabbedContent ul.tabList {
	display:block;
	margin: 0 3px;	
	border-bottom: 1px solid #ccc; 
}
ul.tabList li {
	background:#B8D2DA;
	display:inline-block;
	margin-right:1px;
}
*:first-child+html ul.tabList li {
	display:inline;/* danb - bugfix for ie8 running in ie7 mode */
}
ul.tabList li.activeTabElement {
	background-color:#008698;
	font-weight:bold;
}
ul.tabList li a { color:#000; padding:6px 11px; display:block }
ul.tabList li a:hover, ul.tabList li a:focus { cursor: pointer; color:#000; text-decoration: underline; outline:none }
ul.tabList li.activeTabElement a { color:#FFF; }
ul.tabList li.activeTabElement a:hover, ul.tabList li.activeTabElement a:focus { color: #fff; text-decoration: none; }
/* end */

/*----- Accordion styles  -----*/
.accordionList {
	margin: 0px 1px; list-style-type: none; padding:0;
}
.accordionList li {
	padding:1px 0 0 0;
}
.accordionList .accordionHeader {
	padding:5px 0 5px 10px; font-weight: bold; background: url(http://online.vodafone.co.uk/dispatch/portal/simplegetfileservlet?ddocname=vf014127&revisionselectionmethod=latestreleased&inline=0) no-repeat 98% 50%; color: #007788; 
}
.jsEnabled .accordionList .accordionHeader {
	cursor: pointer; background-color: #ccdcee
}
.jsEnabled .accordionList .active {
	background: url(http://online.vodafone.co.uk/dispatch/portal/simplegetfileservlet?ddocname=vf014128&revisionselectionmethod=latestreleased&inline=0) #007689 no-repeat 98% 50%; color: #fff
}
.jsEnabled ul.accordionList .accordionContent {
	display: none; background-color: #fff
}
.jsEnabled ul.accordionList .accordOpen {
	display: block
}
.sampleAccordionContainer { height:13.5em; overflow:auto }
.jsEnabled .sampleAccordionContainer { overflow:hidden }
/* End Accordion */