/**
  * Vodafone Design System
  * 
  * main.css
  * CSS for Digital Assets v1.3
  * Release: 02 December 2008
  *
  */


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


/* 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 { 
	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.html) 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.html) repeat-x left bottom;
	clear:both;
}
.link_list1Col_inline {
	width:171px;
	padding-bottom: 1px;
	background: url(../img/dottedLine.html) repeat-x left bottom;
	margin:5px 0;
}
.static{
	position:static !important;
}
/* END 1 COLUMN WIDE MODULES */

/* BEGIN 2 COLUMN WIDE MODULES */
.mod2Col{
	width:384px;
	float:left;
}
.mod2Col .modBorder{
	width:384px;
	background-image: url(../img/2columnBorder.html);
}
.mod2Col .modFooter{
	background-image: url(../img/2columnFooter.html);
	width:384px;
}
.mod2Col .modTop{
	background-image: url(../img/2columnTop.html);
	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.html) 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.html);
}
.mod3Col .modFooter{
	background-image: url(../img/3columnFooter.html);
	width:576px;
}
.mod3Col .modTop{
	background-image: url(../img/3columnTop.html);
	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.html) repeat-x left bottom;
}
.link_list3Col_inline{
	width:555px;
	bottom:7px;
	padding-bottom: 1px;
	background: url(../img/dottedLine.html) 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.html) 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.html);
}
.txtBlock .modFooter{
	background-image: url(../img/txtBlockFooter.html);
	width:562px;
}
.txtBlock .modTop{
	background-image: url(../img/txtBlockTop.html);
	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 */


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



/* BEGIN HEADER STYLES */

globalNav
{
    border:1px solid #000;
}


.globalNav li{
	float:left;
	border-right: 0.0909em solid #fff;
	font-weight:bold;
}
.globalNav li a{
	padding: 0.36em 1.09em 0.36em 1.09em;
	background:#f00;
	height:1.454em; /* 16px */
	*height:auto; /* IE BUG FIX */
	color:#fff;
	display:block;
}
.globalNavActive{
    background:#CC0202 none repeat scroll 0 0 !important;
    color:#FFFFFF !important;
	height:1.454em; /* 16px */
	*height:auto; /* IE BUG FIX */
}
.globalNav li a:hover, .globalNav li a:focus {
	background:#cc0202;
	color: #fff;
    text-decoration: none; /* RxM added */
}
.globalNavShadow{
	width:954px; 
	height:5px;
	clear:both;
	display:block;
}
.globalNav{
	margin-top:0px; 
	
	float:right;
}
.globalNav ul{
	width:954px;
	height:2.182em; /* 24px */
	background:#f00;
	margin:0;
	padding:0;
}
#vodafoneLogo{
	position:relative;
	top:0; 
	left:0;
	width:130px;
	float:left;
	height:105px;
    margin: 0 0 0 2px; /* RxM added */
}
.firstLevelNav{
	width:900px;
	margin: 6px 12px 12px 12px; /* RxM modified - margin: 6px 12px 16px 12px; */
	padding: 0;
	float:left;
    display: inline;
}
.firstLevelNav ul li{
	display:inline;
}
.firstLevelNav a{
	padding:0 6px 0 3px; 
	text-decoration:none;
}
.firstLevelNav a:hover {
	text-decoration:underline;
}
	
.firstLevelNav a.noUnderline, .firstLevelNav a.noUnderline:hover{
	text-decoration:none !important;
}
	
.firstLevelNav .active, .metaNav .active{
	padding:0 6px 0 4px; 
	font-weight:bold;
}
.metaNav{
    float:right;
	height:25px;
	display:block; 
	width:350px;
	margin:13px 0 0 0;
}
.metaNav ul{
    width:100%;
    height:25px;
    text-align:right;
}
.metaNav ul li{
	display:inline;
	
}
.metaNav ul li a{
	padding-left:3px;
	padding-right:6px;
}
.metaShoppingCart{
	vertical-align:-7%;
	height:1em; /* 11px*/
	padding-right: 2px;
}
.searchNav
{
    clear:right;
    float:right;
	height:20px;
	margin:32px 0 0 0;
}
.searchField{
	width:254px; 
	font-size:1em;
	top:0;
	float:left;
}

.searchNav .textBtnGrey  {
    width: 38px;
}

.searchNav .textBtnGrey span {
    padding-left:12px;
}

/* Changed from absolute positioning */
.loginBox{
	position:relative;
	float:right;
	margin:6px 0 6px 0;
}
.loginField{
	position:relative;

}
/*BEGIN change 1.2.0 */
.searchNav .inputBtnGrey {
    float:right;
	width:38px;
	margin:0;
}

/*END change 1.2.0 */

.registerBtn{
	padding-left:5px;
}
/* END HEADER STYLES */


/* 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-top: 1.2em;
	margin-left: 0px;
	display:block;
	width:970px;
}
.gridFixBreadcrumb {
padding-top:28px;
}
/* END GRID STYLES */

/* BEGIN FOOTER STYLES */
.footer{
	display:block;
	width:957px;
	clear:both;
	text-align:right;
	padding:14px 0 19px 0;
}
.footer a {
	padding:0 7px 0 4px;
}
.footer a:hover, .footer a:focus {
	text-decoration: underline;
}
.footer li{
	display:inline;
}
.footer span{
	padding:0 7px 0 4px;
}
.footer ul{
	margin-right:-6px;
}
/* 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;
}
.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); }

/*** Begin Manufacturers styles ***/
.contentArea { margin-left:10px; float:left; width:754px;background:#fff;padding:0 10px; display:inline; }
.man3Col { clear:left; }
.man2Col { float:left; width:498px; }
.man1p5Col { float:left; width:365px; margin-top:15px !important }
/* man1p5ColImg aligns videos horizontally on BBM page*/
.man1p5ColImg { float:left; width:370px; 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; overflow:hidden; clear:right;}

/* 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%; margin:5px 0 0 0;}
	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; text-decoration:none; }
	.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;list-style:none;}
	.link_list_new li { margin-bottom:2px;list-style:none; }
	.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; list-style:none; }

.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; }

.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 0 0 15px; 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;
	max-width: 780px;
	min-width:100px;
	max-height:660px;
	min-height:100px;
	background-color:white;
	padding:10px 15px 15px;
	overflow:auto;
}
.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;
}
#mask {
	position:fixed;
	top:0;
	left:0;
	visibility:hidden;
	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;
}
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;
}
/* end modal layer styles */

/*******/

#storm .modFlash{
	padding:0 3px 10px 3px;
}

#storm 
{
    width:956px;
    padding: 0 0 0 10px; /* RxM added */
	/* RxM removed - margin:0 auto 0 auto; */
}

/* END GENERIC MODULE STYLES */

#errorBox {
	height:200px;
	width:800px;
	border:1px solid #6DC1D7;
	margin:40px auto;
}

#errorBox h2 {
	background-color:#6DC1D7;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
	padding:8px 0 8px 0;
	text-align:center;
}

#errorBox p {
	margin:20px 0 0 25px;
}

#errorBox a {
	text-decoration:underline;
}

#errorBox a:hover {
	color:#FF0000;
}

/*Blackbeery Bold Page


/*404 Page BlackBerry */
.error {
	font-size:24px;
	color:#008698;
}

/*Style Issue with specifiaction bug fix */
/*Put in correct conditional style sheet once RR done*/
.present {
	*padding:0 0 10px 0;
}
.notPresent {
	*padding:0 0 10px 0;
}
.topNotPresent{
	*margin:0 0 20px 0;
}
dd img {
	vertical-align:bottom;
	overflow:hidden;
	display:inline;
}
/*BOLD HEADERS*/
/*Blackbeery Bold Page

Updated By Simon Smith 24/03/10
Reason - Updated Offers As Requested

*/

.BoldBannerLeft {
	width:493px;
	height:281px;
	float:left;
}

.BoldBannerOne {
	width:240px;
	height:142px;
	float:left;
	margin:0 0 0 20px;
	display:inline;
}

.BoldBannerTwo {
	width:240px;
	height:146px;
	float:left;
	margin:0 0 0 20px;
	display:inline;
}

.BoldBannerTwoIndex {
	width:240px;
	height:146px;
	float:left;
	margin:0 0 0 20px;
}


/*JQUERY BOLD COLOUR SWITCH*/
/*Colour Switch for Bold Page*/
#slideshow {
	width:493px;
	height:350px;
	display:inline;
}
#slideshow IMG {
	z-index:0;
}
#slideshow IMG.activeGallery {
	position:relative;
    z-index:0;
}
#slideshow IMG.notactiveGallery {
    z-index:0;
}
#button {
	width:493x;
	height:20px;
	margin:-30px 0 0 0;
	z-index:1;
	position:relative;
}
#button span {
	margin:0px 0 50px 320px;
	font-weight:bold;
	float:left;
}

#whiteGallery {
	width:20px;
	height:20px;
	float:right;
	border:1px solid #000000;
	background-color:#FFFFFF;
	margin:0 5px 0 0;
	z-index:1;
	
}
#black{
	width:20px;
	height:20px;
	background-color:#000000;
	float:right;
	margin:0 10px 0 0;
	z-index:1;
	border:1px solid #000000;

}
.notactiveGallery {
	display:none;
}
#offer2 {
	display:none; 
	 margin:0 0 14px 0;
	_margin:0 0 18px 0;/*hack to be cleaned up*/
	
}
/* Pearl colour swatch */
#slideshowPearl {
	width:753px;
	height:280px;
	display:inline;
	clear:both;
	padding:0 0 3px 0;
	float:left;
}
#slideshowPearl IMG {
	z-index:0;
}
#slideshowPearl IMG.activeGallery {
	position:relative;
    z-index:0;
}
#slideshowPearl IMG.notactiveGallery {
    z-index:0;
	}
#buttonPearl {
	width:753x;
	height:20px;
	margin:-30px 0 0 0;
	z-index:1;
	position:relative;
}
#buttonPearl span {
	margin:0 0 0 580px;
	font-weight:bold;
	float:left;
	clear:both;
}
#buttonPearlOther {
	width:753x;
	height:20px;
	margin:-30px 0 0 0;
	z-index:1;
	position:relative;

}
#buttonPearlOther span {
	margin:0 0 0 580px;
	font-weight:bold;
	float:left;
	clear:both;
}
#pinkGallery {
	width:20px;
	height:20px;
	float:right;
	border:1px solid #000000;
	background-color:#EEA2AD;
	margin:0 5px 0 0;
	z-index:1;
}
/* Image rotator styling - Pearl and BBM pages */
#rotatorPearl	{
	height: 280px;
	width:753px;
	overflow:hidden;
	position:relative;
}
#rotatorBBM	{
	height: 224px;
	width:754px;
	overflow:hidden;
	position:relative;
}
#rotatorPearl ul li, #rotatorBBM ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
#rotatorPearl ul li img,  #rotatorBBM ul li img {
	background: #FFF;
}
#rotatorPearl ul li.show,  #rotatorBBM ul li.show {
	z-index:500;
}
/* Spaces CTA on BBM page */
.spacedItemBbm { margin:0 7px 0 0; }

/*Torch form CSS*/
#boxForm {
	width:710px;	
	min-height:340px;
	border:1px solid #000000;
	clear:both;
	padding:5px;
}
#register {
	float:right;
	margin:-40px 300px 0 0;
}
.check {
	margin:0 0 0 1`0px;
}
/* error message */
.error {
	/* supply height to ensure consistent positioning for every browser */
	height:15px;
	background-color:#FFFE36;
	border:1px solid #E1E16D;
	font-size:11px;
	color:#000;
	padding:3px 10px;
	margin-left:10px;

	/* CSS3 spicing for mozilla and webkit */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;

	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
}
/*Thank you*/

#container, #headerThankYou {
	width:200px;
	height:50px;
	text-align:center;
	
}
#headerThankYou h1, #headerThankYou p {
	font-size:16px;
	color:#008698;
	text-align:center;
	font-weight:bolder;
	float:left;
	margin:10px 0 0 150px;
	*margin:10px 0 0 100px;
	width:400px;
}

/* Index page PAYG tabs */
.container {width: 500px; margin: 10px auto;}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;

}
.alreadyOwnBar {
	margin:10px 0 0 0;
}
/*style as new temaplte overides PAYG BlackBerry*/
.tabNavigation li a {
	text-decoration:none;
}
.marginLeft {
	margin:0 0 0 80px;
}
.marginLeftText {

}
.marginTop {
	margin:10px 0 0 0;
}
.marginLink {
	margin:30px 0 0 0;
	padding:0 0 0 40px;
}
table {
	margin: 0 auto; 
	border-collapse:collapse;
}
th {
	background-color:#EDEDED;
	font-size:105%;
	font-weight:bold;
	padding:3px 5px 3px 5px;
}
td {
    padding:5px 5px 5px 5px;
}
.center {
	text-align:center;
	margin:10px 0 0 0;
}
.greyTable {
	background-color:#EDEDED;
}
.padText { 
	padding:8px;
}