body div#sape {
font-family: Arial, Helvetica, sans-serif;
/*line-height: 140%;*/
background-color: #fff;
color:#333;
}
#free_line_rental_show{position:relative;width:175px; float:left; }
#show_details{width:100px; float:left; text-align:center;font-size:13px;font-weight:bold;color:purple;}
#show_picture{width:75px; float:left; font-size:11px; text-align:center;}
#flashFooter{ background-image: url("flashFooter.gif"); width:760px; height:8px; font-size:1px; line-height:1px; margin-bottom:6px;}
#sape {margin:0 auto; }
#sape a{ color:#333; text-decoration:none; }
#sape a:hover, #sape a:focus { color:#008698; }
#sape img { border: none !important; }
/* BEGIN COLOR STYLES */
#sape .redBG {background:#f00;}
#sape .carmineRedBG	{background:#cc0202;}
#sape .deepPurpleBG	{background:#732978;}
#sape .lightPurpleBG	{background:#C592C8;}
#sape .petrolBG	{background:#008698;}
#sape .lightPetrolBG {background:#d9edf0;}
#sape .lightGreyBG {background:#f6f8f9;}
#sape .greyBG {background:#ccc;}
#sape .blueBG	{background:#0077b7;}
#sape .lightBlueBG {background:#6dc1d7;}
#sape .greenBG {background:#009868;}
#sape .grassGreenBG	{background:#5b8424;}
#sape .lightGrassGreenBG	{background:#e7edde;}
#sape .whiteBG {background:#fff;}
#sape .yellowBG {background:#f3b700;}
#sape .whiteText { color: #fff; }
/* END COLOR STYLES */
/* BEGIN HEADER STYLES */
#sape #topheader .globalNav { position: absolute; top: 10px; }
#sape .globalNav ul { list-style-type: none; margin: 0px; padding: 0px; }
#sape .globalNav li{ float:left; background:#f00; border-right: 0.0909em solid #fff; font-weight:bold; height:auto; padding: 0px; }
#sape .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;
}
#sape .globalNav li a.globalNavActive{
background:#cc0202 !important;
height:1.454em; /* 16px */
*height:auto; /* IE BUG FIX */
}
#sape .globalNav li a:hover, #sape .globalNav li a:focus { background:#cc0202; color: #fff; height:1.454em; *height:auto; }
#sape .globalNavShadow{ width:954px; height:5px; clear:both; display:block; }
#sape .globalNav{ margin-top:96px; margin-left:12px; }
#sape .globalNav ul{
width:954px;
height:2.182em; /* 24px */
background:#f00;
}
#sape #topheader #vodafoneLogo{ position:absolute; top:0px; margin-left: 10px; z-index: 99; }
#sape #topheader .subNav{ position: absolute; top: 139px; width:748px; margin: 0px 12px 16px; padding: 0 10px; z-index: 1; }
#sape .subNav ul { list-style-type: none; margin: 0px; padding: 0px; }
#sape .subNav ul li{ display:inline; }
#sape .subNav a{ padding:0 6px 0 3px; }
#sape .subNav .active, #sape .metaNav .active{ padding:0 6px 0 4px; font-weight:bold; }
#sape #topheader .metaNav{ position:absolute; top:0; left:auto; width:973px; height:25px; }
#sape .metaNav ul{ position:absolute; right:0; bottom:0; }
#sape .metaNav ul li{ display:inline; }
#sape .metaNav ul li a{ padding-left:3px; padding-right:6px; }
#sape .metaShoppingCart{
vertical-align:-7%;
height:1em; /* 11px*/
padding-right: 2px;
}
#sape #topheader .searchNav{ position:absolute; top:73px; left:auto; width:964px; height:25px; padding: 0px; margin: 0px; }
#sape input.searchField{ position:absolute; right:41px; width:240px; font-family: Arial, Helvetica, sans-serif; font-size:1em; color: #000; top:0; margin: 0px; padding: 0px; }
#sape #topheader .loginBox{ position:absolute; top:139px; left:auto; width: 964px; height:25px; z-index: 0; }
#sape #topheader .loginBox .loginField{ position: absolute; right: 0px; }
#sape .searchNav .textBtnGrey{ position:absolute; right:0; top:-6px; width:38px; }
#sape .searchNav #sape .textBtnGrey span{ padding-left: 12px; }
/* END HEADER STYLES */
/* LEFT-NAV */
/* BEGIN SECOND LEVEL (LEFT) NAVIGATION */
#sape .secondLevelNav { list-style-type: none; margin: 0px; padding: 0px; }
#sape .secondLevelNav li{ background: url("vop_dottedLine.gif") repeat-x top left; padding: 1px 0 1px; }
#sape .secondLevelNav li.first{ background-image: none; }
#sape .secondLevelNav a{
padding: 3px 0 4px 11px;
height:1.454em; /*16 px */
display:block;
position:relative;
}
#sape .secondLevelNav .level2{ padding-left:19px; }
#sape .secondLevelNav li.selected{ background:#bad4da url("vop_dottedLine.gif") repeat-x top left; margin-top: 1px; *margin-bottom:-1px; }
#sape .secondLevelNav li.lightPurpleBG { background:#C592C8; }
#sape .secondLevelNav li.lightPetrolBG { background:#bad4da; }
#sape .secondLevelNav li.lightGreyBG { background:#f6f8f9; }
#sape .secondLevelNav li.lightPurpleBG a:hover,
#sape .secondLevelNav li.lightPurpleBG a:focus { 
color:#4D2550;
}
#sape .secondLevelNav li.lightGreyBG a:hover,
#sape .secondLevelNav li.lightGreyBG a:focus {
color:#333333;
}
/* END SECOND LEVEL NAVIGATION */

/* BEGIN GRID STYLES */
#sape .singleColumn{ width:192px; float:left; }
#sape .doubleColumn{ width:384px; float:left; }
#sape .tripleColumn{ width:576px; float:left; }
#sape .grid{ position:relative; margin-top: 0; *top:12px; margin-left: 9px; display:block;  }
* html #sape .grid{ margin-top: 0px; top:3px; }
#sape .quadColumn{ float:left; }
/* END GRID STYLES */
/* BEGIN GENERIC MODULE STYLES */
#sape .modCopy, #sape .modCopy1col, #sape .modCopy2col, #sape .modCopy3col{
padding:8px 0 6px 7px;
}
#sape .noFloat,#sape .clear{ clear:both; }
#sape .absBotRtBtn { position: absolute; bottom: 17px; right: 10px; }
#sape .absBotRtBtn2 { position: absolute; bottom: -20px; left: 3px; }
#sape .modBody{ margin:0 3px 0 3px; position:relative; clear:both; }
#sape .modBody a.textlink{ text-decoration:underline; }
#sape h1.petrol{ color:#008698; font-size:2.1em; font-weight: bold; line-height:1.1em; }
#sape h1.deepPurple{ color: #732978; font-size:2.1em; font-weight: bold; line-height:1.1em; }
#sape .modBody h2.petrol { font-size: 1.6em; font-weight: 500; color:#008698; line-height: 105%; padding: 3px 0 10px 0; }
#sape .modBody h2.petrol a { color:#008698; text-decoration: none; }
#sape .modBody h2.petrol a:hover { color:#008698; text-decoration: none; }
#sape #wbr h3.grassGreen{
font-size:1.0em; /*13px*/
font-weight:bold;
color:#5b8424;
width: 117px;
padding:0px 0 10px 0;
}
#sape #help h3.grassGreen{
font-size:1.0em; /*13px*/
font-weight:bold;
color:#5b8424;
padding:0px 0 10px 0;
}
#sape #corpCust h3 {
font-size:1.0em; /*13px*/
font-weight:bold;
color:#000000;
padding:0px 0 10px 0;
}
#sape .modBody h3{
font-size:1.182em; /*13px*/
font-weight:normal;
}
#sape .mBody h3.petrol{
font-size:1.0em; /*13px*/
font-weight:bold;
color:#008698;
width: 117px;
padding:0px 0 10px 0;
}
#sape .modCopy h3.petrol{
font-size:1.0em; /*13px*/
font-weight:bold;
color:#008698;
padding:0px 0 10px 0;
}
#sape #findPhone h3.petrol, #sape .imgHolder45 h3.petrol{
font-size:1.0em; /*13px*/
font-weight:bold;
color:#008698;
padding:0px 0 10px 0;
left: 0;
top: 0;
}
#sape .modBody h4{ font-size: 1.0em; font-weight:bold; }
#sape .modBody h4.petrol{ color:#008698; padding:3px 0 10px 0; }
#sape .modBody h4.grassGreen{ color:#5b8424; padding:0px 0 10px 0; }
#sape h5{
font-size:1.09em;/*12px*/
line-height:1.5em;
}
#sape .modHeader{
color:#fff;
margin:0 3px 0 3px;
height:2.181em; /* 24px */
overflow:hidden;
}
#sape .modHeader h2{ font-size:1em; font-weight:bold; float:left; padding: 4px 0 0 7px; }
#sape .modHeader h2 a{ color:#fff; float:left; font-weight:bold; padding: 0; } /*pramod*/
#sape .modHeader h2 a:hover{ text-decoration:underline; } /*pramod*/
#sape .modHeader a{ color:#fff; float:right; font-weight:normal; padding: 4px 0 0 7px; }
#sape .modHeader a:hover,
#sape .modHeader a:focus {
color:#fff;
}
#sape .modHeader a span{ font-weight:bold; padding:0 7px 0 5px; }
#sape .modHeight88{
height:5.64em; /* 64 px content, makes the total module height 88 px*/
overflow:hidden;
}
#sape .modHeightLow{ height:12.85em; overflow:hidden; }
#sape .modHeight168{
height:13.43em; /* 148 px content, makes the total module height 168 px*/
overflow:hidden;
}
#sape .modHeight216{
height:17.3em; /* 196 px content, makes the total module height 216 px*/
overflow:hidden;
}
#sape .modHeight282{
height: 22.97em; /* 255 px content, makes the total module height 282 px */
*height: 23.1em;
overflow:hidden;
position: relative;
}
#sape .modHeight282NoBorder{
height: 25.37em; /* 255 px content, 255+32 due missing border */
overflow:hidden;
}
#sape .modHeight480 {
height:41.27em; /*454 px content makes the module height 480px*/
overflow:hidden;
}
#sape .price1, #sape .price2, #sape .price3, #sape .price4, #sape .price5, #sape .price6{
display:inline;
font-weight:bold;
position:relative;
}
#sape .price1, #sape .price2, #sape .price4{
font-size:2.363em;/*26px*/
line-height:2.091em;/*23px*/
}
#sape .price1{ padding-left:4px; }
#sape .price2{
top:-9px;
font-size:1.363em;/*15px*/
}
#sape .price3{
float:left;
top:-2.27em;/*25px*/
}
#sape .price4{ padding-left:4px; }
#sape .price5{
font-size:4.27em;/*47px*/
}
#sape .price6{
top:-0.55em;/*5px*/
font-size:2.5em;/*20px*/
left:-4px;
}
#sape .bold{ font-weight:bold; }
#sape .modFooter{ height:8px; font-size:1px; line-height:1px; margin-bottom:6px; }
#sape .modFooterSmall{ height:8px; font-size:1px; line-height:1px; margin-bottom:6px; }
#sape .modBlankFooter{ height: 8px; font-size:1px; line-height:1px; margin-bottom:5px; }
#sape .modFooter hr, #sape .modFooterSmall hr, #sape .modBlankFooter hr { display: none; }
#sape .modTop{ height:1px; font-size:1px; line-height:1px; }
#sape .modPad{ padding-left:21px; }
#sape .modPad14{ padding-left:14px; }
#sape .priceBox{
position:absolute;
bottom:1.545em;/*17px*/
}
#sape .priceBox .priceTag{ display:inline; position:relative; top:-18px; left:0; }
#sape .priceBox .text{ position:relative; display:inline; top:-18px; left:0; }
#sape .priceBox2{
float:left;
position:relative;
top:1.36em;/*15px*/
}
#sape .priceBox3{ position:absolute; top:98px; }
#sape .float,#sape .priceBox2 .text,#sape .priceBox3 .text{
float:left;
}
#sape .floatLeft { float:left; }
#sape .floatRight { float:right; }
.skipit{ left:-1000px; position:absolute; top:-1000px; }
#sape .skipit{ left:-1000px; position:absolute; top:-1000px; }
#sape .noPadMarg { padding: 0px; margin: 0px; }
#sape .noshow { display: none; }
#sape .features { list-style-type: none; margin: 0px; padding: 0px; }
#sape .features li{ background: url("bullet.gif") no-repeat 3px 3px; padding-left:16px; }
#sape .bullet li{
font-size:1.09em;/*12px*/;
line-height:1.5em;
}
#sape .bullet{ list-style-type:disc; padding-left:17px; line-height:1.5em; margin:0.5em 0 0.7em 0; }
#sape .bulletSmall{ list-style-type:disc; padding-left:17px; line-height:1.4em; margin:0.5em 0 0.7em 0; }
#sape .tabs h2{ font-size:16px; padding-bottom:6px; }
#sape .tabs h3{
font-size:1.182em; /*13px*/
font-weight:bold;
}
#sape p{
font-size:1.09em;/*12px*/
line-height:1.5em;
margin:0.5em 0 0.7em 0;
}
#sape .modFlash{
height:15.09em; /* 166 px */
padding:0 3px 13px 3px;
}
#sape ul.petrolCheckList { margin: 8px 0px 0px 0px; padding: 0px; list-style: none; }
#sape ul.petrolCheckList li { padding-left: 15px; background: url("icon_right_petrol.gif") no-repeat left 8px; margin: 0px 0px 4px 0px; }
#sape .imgHolder45 { float: left; width: 45px; margin: 0px; padding: 0px; }
#sape .contentHolder45 { float: left; width:120px; padding-left: 5px; }
#sape .cntCopyTop { height: auto; flo at: left; }
#sape .modCopy p { margin: 0px; padding: 0px; margin-top: -7px; font-size: 1em; line-height: 1.2em; }
#sape .modBody p{ font-size: 100%; line-height: 140%; }
#sape .mBody p { position: absolute; left: 53px; top: 25px; width: 120px;}
#sape .pTop5 { padding-top: 5px; }
#sape .pTop10 { margin-top: 10px; }
#sape p.pTop10 { padding-top: 8px; }
#sape p.pTop20 { padding-top: 18px; }
#sape .marginRight5 { margin-right: 5px; }
#sape .module9Text1{ position:relative; top:-15px; }
#sape .module9Text2{ position:relative; top: -10px; }
#sape .absBottom { position: absolute; top: 98px; left: 7px; margin-bottom: 5px; }
#sape .iccBottom { position: absolute; top: 92px; left: 7px; margin-bottom: 5px; }
#sape #sb p {position: absolute; top: 18px;}
#sape .topDrop50 { margin-top: 50px; }
/* END GENERIC MODULE STYLES */
/* BEGIN 1 COLUMN WIDE MODULES */
#sape .modCopy1col, #sape .mod1Col{ width:192px; float:left; }
#sape .mod1ColSmall{ width:184px; float:left; }
#sape .mod1Col .modBorder{ width:192px; background-image: url("columnBorder.gif"); }
#sape .mod1ColSamll .modBorderSmall{ width:184px; background-image: url("columnBorderSmall.gif"); }
#sape .mod1Col .modFooter{ background-image: url("columnFooter.gif"); width:192px; }
#sape .mod1ColSmall .modFooterSmall{ background-image: url("columnFooterSmall.gif"); width:184px; }
#sape .mod1Col .modTop{ background-image: url("columnTop.gif"); width:192px; }
#sape .mod1Col .modCopy, #sape .modCopy1col{ width:171px; }
#sape .link_list1Col { list-style-type: none; margin: 0px; position:absolute; width:171px; bottom:7px; padding: 0px 0px 1px 0px; background: url("vop_dottedLine.gif") repeat-x left bottom; }
#sape .link_list1Col_inline { list-style-type: none; margin: 0px; width:171px; padding: 0px 0px 1px 0px; background: url("vop_dottedLine.gif") repeat-x left bottom; }
#sape .static{ position:static !important; }
/* END 1 COLUMN WIDE MODULES */
/* BEGIN 2 COLUMN WIDE MODULES */
#sape .mod2Col{ width:384px; float:left; }
#sape .mod2Col .modBorder{ width:384px; background-image: url("2columnBorder.gif"); }
#sape .mod2Col .modFooter{ background-image: url("2columnFooter.gif"); width:384px; }
#sape .mod2Col .modTop{ background-image: url("2columnTop.gif"); width:384px; }
#sape .mod2Col .modCopy, #sape .modCopy2col{ width:363px; }
#sape .link_list2Col{ list-style-type: none; margin: 0px; position:absolute; width:363px; bottom:7px; padding: 0px 0px 1px 0px; background: url("vop_dottedLine.gif") repeat-x left bottom; }
/* END 2 COLUMN WIDE MODULES */
/* BEGIN 3 COLUMN WIDE MODULES */
#sape .mod3Col{ width:576px; float:left; }
#sape .mod3Col .modBorder{ width:576px; background-image: url("3columnBorder.gif"); }
#sape .mod3Col .modFooter{ background-image: url("3columnFooter.gif"); width:576px; }
#sape .mod3Col .modTop{ background-image: url("3columnTop.gif"); width:576px; }
#sape .mod3Col .modCopy{ width:555px; }
#sape .link_list3Col{ position:absolute; width:555px; bottom:7px; padding-bottom: 1px; background: url("vop_dottedLine.gif") repeat-x left bottom; }
/* END 3 COLUMN WIDE MODULES */
/* BEGIN 4 COLUMN WIDE MODULES */
#sape .mod4Col{ width:768px; float:left; }
#sape .mod4Col .modBorder{ background-image: url("4columnBorder.gif"); }
#sape .mod4Col .modFooter{ background-image: url("4columnFooter.gif"); width:768px; }
#sape .mod4Col .modTop{ background-image: url("4columnTop.gif"); width:768px; }
#sape .mod4Col .modCopy{ width:747px; }
#sape .link_list4Col{
position:absolute;
width:747px;
bottom:7px;
padding-bottom: 1px;
background: url("vop_dottedLine.gif") repeat-x left bottom;
}
/* END 4 COLUMN WIDE MODULES */
/*
* TEASER MODULES
* 
*/
/* BEGIN MODULE 1 STYLE */
#sape .mBody { position:relative; }
#sape .mBody h3 { left: 53px; }
#sape .fPhoneHeight50 {
position: relative;
height: 4.5em; /*50px; */
}
#sape .tripleMod{
position:relative;
height:17.272em;/* 190px */
}
#sape .tripleMod h3{ left:53px; }
#sape .tripleMod h4{
left:55px;
top:2em; /* 22px */
}
#sape .tripleMod h3{
font-size:1.182em;/*13px*/
font-weight:normal;
}
#sape .tripleMod h4{ font-size: 1.0em; font-weight:bold; }
#sape .tripleMod h3, #sape .tripleMod h4, #sape .priceTag, #sape .tripleMod .textBtnRed, #sape .tripleMod .features, #sape .tripleMod .footnote, #sape .tripleMod img, 
#sape .mBody h3, #sape .mBody .features, #sape .tripleMod .txtBtnRed, #sape .tripleMod fieldset.f_phone, #sape .fPhoneHeight50 .txtBtnPetrolOnBG{
position:absolute;
}
#sape .tripleMod .priceTag{
top:9.18em;/* 93px */
left:50px;
}
#sape .tripleMod .textBtnRed{
top:14.73em;/*162px*/
right:0;
}
#sape .tripleMod .txtBtnRed, #sape .tripleMod .txtBtnGrassGreenOnBG, #sape .tripleMod .txtBtnPetrol, #sape .tripleMod .txtBtnRedonPetrol{
top:16.5em;/*162px*/
right:0;
}
#sape #homepageTripleMod .txtBtnRedonPetrol { /* added by pramod as a fix for BuyNow button on homepage */
float: right;
top: 14em;
}
#sape .fPhoneHeight50 .txtBtnPetrolOnBG { bottom:0px; right: 0px; }
#sape .tripleMod .features{
left:53px;
top:5em;/*55px*/
width:117px;
height:5em;/*55px*/
overflow:hidden;
list-style-type:none;
}
#sape .mBody .features{
left:53px;
top:2.7em;/*55px*/
width:117px;
height: auto;
overflow:hidden;
list-style-type:none;
}
#sape .tripleMod .features li{ background: url("bulletSmall.gif") no-repeat 3px 8px; padding-left:10px; }
#sape .mBody .features li{ background: url("bulletSmall.gif") no-repeat 3px 8px; padding-left:10px; }
#sape .tripleMod .footnote{
left:53px;
top:13.181em;/*145px*/
display:block;
text-decoration:underline;
}
/* END MODULE 1 STYLES */
/* BEGIN CALL-TO ACTION LAYER */
#sape #modCTA, #sape #modCTAdotCom {
position:relative;
clear:both;
height: 15em; /* 166px */
overflow:hidden;
margin:0 3px 14px 3px;
}
* html #sape #modCTA { height: 171px; }
#sape #modCTAdotCom { height: 266px; }
* html #sape #modCTA, 
* html #sape #modCTAdotCom {
margin-bottom: 9px;
}
#sape .ctaLayer { position: absolute; background-color: #f00; color: #fff; }
#sape #modCTA .ctaLayer { top: 40px; left: 12px; }
#sape #modCTAdotCom .ctaLayer { left: 12px; top: 84px; height:121px; }
#sape .ctaLayer script { display: none; }
#sape div.ctaLayer { background-color: #f00; color: #fff; z-index: 999; padding: 2px 12px 12px 12px; }
@media screen, projection {
#sape #modCTA .hide, 
#sape #modCTAdotCom .hide {
visibility: hidden;
}
}
#sape #modCTA div.ctaLayer {
width: 230px; /* 20.9em; */ /* 230px; */
height: 100px; /* 9.1em; */ /* 100px */
}
#sape #modCTAdotCom div.ctaLayer { width: 340px; height: 107px; }
#sape .ctaLayer h1 { font-size: 28px; font-weight: bold; letter-spacing: -0.02em; line-height: 1.3; }
#sape .ctaLayer p { font-size: 14px; font-weight: bold; letter-spacing: -0.03em; line-height: 1.4; margin-top: 6px; }
#sape #modCTAdotCom .ctaLayer p { font-size: 13px; }
#sape .ctaLayer .ctaLink { position: absolute; bottom: 8px; font-size: 11px; height: 15px; font-weight: bold; letter-spacing: -0.03em; line-height: 1.4; }
#sape .ctaLink a { color: #fff; padding-right: 20px; background: url("arrow-grey-on-red.gif") no-repeat right top; }
#sape .ctaLink a:hover, #sape .ctaLink a:focus { color: #999; background-position:100% -100px; }
#sape #modCTAdotCom .countryform { position:absolute; left: 12px; top: 205px; height: 40px; width: 364px; background-color: #f00; }
#sape #modCTAdotCom .countryform select { position:absolute; width: 160px; top: 10px; left: 12px; }
#sape #modCTAdotCom .countryform a { position:absolute; left: 185px; top: 5px; }
/* END CALL-TO-ACTION LAYER */
/* BEGIN BUTTON STYLES */
#sape a.btnGrey { background:url("arrow-grey.gif") no-repeat left top; }
#sape a.btnBlue{ background:url("arrow-blue.gif") no-repeat left top; }
#sape a.btnLightBlue{ background:url("arrow-lightBlue.gif") no-repeat left top; }
#sape a.btnPetrol{ background:url("arrow-petrol.gif") no-repeat left top; }
#sape a.btnPetrolOnBG{ background:url("arrow-petrol-onbg.gif") no-repeat left top; }
#sape a.btnGreen{ background:url("arrow-green.gif") no-repeat left top; }
#sape a.btnGrassGreen{ background:url("arrow-grassGreen.gif") no-repeat left top; }
#sape a.btnGrassGreenOnBG{ background:url("arrow-grassGreen-onbg.gif") no-repeat left top; }
#sape a.btnGrassGreenClose{ background:url("grassgreen_close.gif") no-repeat left top; }
#sape a.btnDeepPurple{ background:url("arrow-deepPurple.gif") no-repeat left top; }
#sape a.btnYellow{ background:url("arrow-yellow.gif") no-repeat left top; }
#sape a.btnMinus{ background:url("minus.gif") no-repeat left top; }
#sape a.btnDelete{ background:url("delete.gif") no-repeat left top; }
#sape a.btnPlus{ background:url("plus.gif") no-repeat left top; }
#sape a.btnGreyOnRed{ background:url("arrow-grey-on-red.gif") no-repeat left top; }
#sape a.btnGreyOnYellow{ background:url("arrow-grey-on-yellow.gif") no-repeat left top; }
#sape a.btnGreyOnLightBlue{ background:url("arrow-grey-on-lightblue.gif") no-repeat left top; }
#sape .divider { background: url("vop_dottedLine.gif"); font-size: 0; line-height:0; height:1px; }
#sape .link_list1Col li, #sape .link_list1Col_inline li, #sape .link_list2Col li, #sape .link_list3Col li, #sape .link_list4Col li{
height: 2em;
background: url("vop_dottedLine.gif") repeat-x top left;
padding: 0px 0px 1px 0px;
width:100%;
}
#sape .link_list1Col a, #sape .link_list1Col_inline a, #sape .link_list2Col a, #sape .link_list3Col a, #sape .link_list4Col a{
padding: 4px 15px 0 0;
display:block;
background-position:100% 4px;
height:1.636em;/*18px*/
}
#sape .link_list1Col a:hover, #sape .link_list1Col_inline a:hover, #sape .link_list2Col a:hover, #sape .link_list3Col a:hover, #sape .link_list4Col a:hover, 
#sape .link_list1Col a:focus, #sape .link_list1Col_inline a:focus, #sape .link_list2Col a:focus, #sape .link_list3Col a:focus, #sape .link_list4Col a:focus {
background-position:100% -96px;
}
#sape .btnGreyOnRed { position:static; color: #fff; }
#sape ul.btn { /*added by pramod to fix login-register links in header*/
padding: 0px 0 40px;
}
#sape .btn li{ display:inline; }
#sape .btn li strong { margin-right: 10px; }
#sape .btn a, #sape a.btnGreyOnRed{
padding: 4px 20px 5px 0;
background-position:100% 4px;
/* position:relative; */
height:14px;
}
#sape .btn a:hover, #sape .btn a:focus {
background-position:100% -96px;
}
#sape a.btnGreyOnRed:hover, #sape a.btnGreyOnRed:focus {
background-position:100% -96px;
color:#fff;
}
#sape .textBtnRed, #sape .textBtnPurple, #sape .textBtnGrey, #sape .textBtnGreyOnRed, #sape .txtBtnRed, #sape .txtBtnPetrolOnBG, #sape .txtBtnGrassGreenOnBG, #sape .txtBtnPetrol, #sape .txtBtnRedonPetrol, #sape .txtBtnGoPetrol, #sape .btnTextRed{
position:relative;
margin-top:6px;
display:inline;
color:#fff;
font-family:arial;
font-weight:bold;
padding-bottom:10px;
line-height:14px;
}
#sape .textBtnRed span, #sape .textBtnPurple span, #sape .textBtnGrey span, #sape .textBtnGreyOnRed span, #sape .txtBtnRed span, #sape .txtBtnPetrolOnBG span, #sape .txtBtnGrassGreenOnBG span, #sape .txtBtnPetrol span, #sape .txtBtnRedonPetrol span, #sape .txtBtnGoPetrol span, #sape .btnTextRed span {
position:relative;
padding-top:-1px; /* Mac: Firefox & Safari fix*/
padding-right:9px;
padding-left:9px;
padding-bottom:10px;
}
#sape .textBtnRed:hover, #sape .txtBtnRed:hover, #sape .txtBtnPetrolOnBG:hover, #sape .txtBtnGrassGreenOnBG:hover, #sape .txtBtnRedonPetrol:hover, #sape .txtBtnPetrol:hover, #sape .txtBtnGoPetrol:hover, #sape .textBtnPurple:hover, #sape .textBtnGrey:hover, #sape .textBtnGreyOnRed:hover, #sape .btnTextRed:hover,
#sape .textBtnRed:focus, #sape .txtBtnRed:focus, #sape .txtBtnPetrolOnBG:focus, #sape .txtBtnGrassGreenOnBG:focus, #sape .txtBtnRedonPetrol:focus, #sape .txtBtnPetrol:focus, #sape .txtBtnGoPetrol:focus, #sape .textBtnPurple:focus, #sape .textBtnGrey:focus, #sape .textBtnGreyOnRed:focus, #sape .btnTextRed:focus{
background-position: right -95px;
}
#sape .textBtnRed:hover span, #sape .txtBtnRed:hover span, #sape .txtBtnPetrol:hover span, #sape .txtBtnGoPetrol:hover span, #sape .textBtnPurple:hover span, #sape .textBtnGrey:hover span, #sape .textBtnGreyOnRed:hover span, #sape .btnTextRed:hover span, #sape .txtBtnRedonPetrol:hover span, #sape .txtBtnPetrolOnBG:hover span, #sape .txtBtnGrassGreenOnBG:hover span,
#sape .textBtnRed:focus span, #sape .txtBtnRed:focus span, #sape .txtBtnPetrol:focus span, #sape .txtBtnGoPetrol:focus span, #sape .textBtnPurple:focus span, #sape .textBtnGrey:focus span, #sape .textBtnGreyOnRed:focus span, #sape .btnTextRed:focus span, #sape .txtBtnRedonPetrol:focus span, #sape .txtBtnPetrolOnBG:focus span, #sape .txtBtnGrassGreenOnBG:focus span{
color:#fff;
background-position: left -95px;
}
#sape .textBtnRed, #sape .txtBtnRed, #sape .btnTextRed{
background:url("redRight.gif") no-repeat right top;
}
#sape .textBtnRed span, #sape .txtBtnRed span, #sape .btnTextRed span{
background:url("redLeft.gif") no-repeat left top;
}
#sape .txtBtnRedonPetrol {
background:url("redRight-onPetrolBG.gif") no-repeat right top;
}
#sape .txtBtnRedonPetrol span {
background:url("redLeft-onPetrolBG.gif") no-repeat left top;
}
#sape .txtBtnPetrolOnBG {
background:url("petrolRight-onbg.gif") no-repeat right top;
}
#sape .txtBtnPetrolOnBG span {
background:url("petrolLeft-onbg.gif") no-repeat left top;
}
#sape .txtBtnPetrol {
background:url("petrolRight.gif") no-repeat right top;
}
#sape .txtBtnPetrol span {
background:url("petrolLeft.gif") no-repeat left top;
}
#sape .txtBtnGrassGreenOnBG {
background:url("grassGreenRight-onbg.gif") no-repeat right top;
}
#sape .txtBtnGrassGreenOnBG span {
background:url("grassGreenLeft-onbg.gif") no-repeat left top;
}
#sape .textBtnPurple{ background:url("purpleRight.gif") no-repeat right top; }
#sape .textBtnPurple span{ background:url("purpleLeft.gif") no-repeat left top; }
#sape .textBtnGrey{ background:url("greyRight.gif") no-repeat right top; }
#sape .textBtnGrey span{ background:url("greyLeft.gif") no-repeat left top; }
#sape .textBtnGreyOnRed{ background:url("greyRight-on-red.gif") no-repeat right top; }
#sape .textBtnGreyOnRed span{ background:url("greyLeft-on-red.gif") no-repeat left top; }
/* END BUTTON STYLES */
/* BEGIN FORM MODULE */
#sape .tripleMod fieldset.f_phone { border: none; margin: 0; width: 192px; top: 1.5em; left: 0; }
#sape .optionpanel { width: 85px; float: left; padding: 0px; margin:5px 0 0 0; }
*html #sape .optionpanel { margin:2px 0 0 0; }
#sape .optionpanel label{ padding: 0px 0 0 0px; margin-left: 0px; fl oat: left; }
/************** This is an IE 6 fix****************/
* html #sape .optionpanel label{ padding: 0px 0 0 0px; margin-left: -3px; fl oat: left; }
#sape .optionpanel input { padding: 0px; margin: 0px; }
*html #sape .optionpanel input { padding: 0px 0px; margin: 0px 0px; }
#sape .inputcheck { margin-right: 5px; }
#sape .question { float: left; clear: both; width: 100%; margin-bottom: 0px; border: solid 0px red; }
#sape .topdrop { margin-top: 25px; }
#sape .dropdown { font-family: Arial, Helvetica, sans-serif; color:#000; font-size: 1em; width: 170px; }
#sape .tripleMod select { margin: 2px 0 5px 0; }
/* END FORM MODULE */

/*--BEGIN: Tag Cloud --*/
#cloudarea {min-height: 75px; height: auto !important; height: 75px; }
ul#tagcloud {width:100%; margin:0; padding:0; list-style-type:none; text-align: center; }
ul#tagcloud li {display:inline; padding: 0 5px; line-height: 2.3em; vertical-align:middle;}
ul#tagcloud li.tag10 a{font-size: 1.25em; color: #333333;}
ul#tagcloud li.tag12 a{font-size: 1.45em; font-weight: bold; color:#666666;}
ul#tagcloud li.tag14 a{font-size: 1.80em; color:#999999;}
/*--END: Tag Cloud --*/

body {
	background: #fff;
/*	background: url('../assets/static/tiled_background.gif') repeat;	*/
	/*margin: 4px 0px 20px 0px;*/
	padding: 0px;
	font-size: .7em;
	
	font-weight: normal;
	color: #333333;
	text-align: center;
}