body {
 font-family: Arial, Helvetica, sans-serif;
 line-height: 140%;
 font-size: 69%;
 margin:0;
 background-color: #fff;
 color:#333;
}
a {
color:#333;
}
a:hover, a:focus { color:#008698; }
hr { display: none; }
th { font-weight:bold; }
.redBG {background:#f00;}
.carmineRedBG   {background:#cc0202;}
.deepPurpleBG   {background:#732978;}
.lightPurpleBG  {background:#C592C8;}
.petrolBG       {background:#008698;}
.lightPetrolBG  {background:#bad4da !important;}
.lightGreyBG    {background:#f8f8fa;}
.greyBG         {background:#ccc;}
.blueBG         {background:#0077b7;}
.lightBlueBG    {background:#6dc1d7;}
.greenBG        {background:#009868;}
.grassGreenBG   {background:#5b8424;}
.whiteBG        {background:#fff;}
.orangeBG       {background-color:#f6b040 !important;}
.cremeBG        {background-color:#ffcc9a !important;}
.palePetrolBG   {background-color:#e5eff1 !important;}
.modCopy,.modCopy1col,.modCopy2col,.modCopy3col, .modCP2Content{
padding:8px 0 6px 7px;
}
.noFloat,.clear{
clear:both;
}
.modBody, modBody_gray {
margin:0 3px;
position:relative;
clear:both;
}
.modBody a.textlink, modBody_gray a.textlink {
text-decoration:underline;
}
h1.pageTitle {
color: #008698;
margin-left:0;
font-size: 2.1em;
font-weight: bold;
line-height: 1.1em;
margin-bottom: 0.5em;
}
h1.petrol{
color:#008698;
font-size:2.1em;
font-weight: bold;
line-height:1.1em;
margin-left:0;
}
h1.deepPurple{
 color: #732978;
 font-size:2.1em;
 font-weight: bold;
 line-height:1.1em;
}
h2 {
font-size:1.636em;
padding: 7px 0 6px 0;
}
.modBody h2.petrol, modBody_gray h2.petrol {
font-size: 1.6em;
color:#008698;
}
.modBody h3, modBody_gray h3 {
font-size:1.182em;
font-weight:normal;
}
.modBody h4, modBody_gray h4,  h3{
font-weight:bold;
}
.modBody h4.petrol, modBody_gray h4.petrol {
color:#008698;
padding:3px 0 10px 0;
}
h5{
font-size:1.09em;/*12px*/
line-height:1.5em;
}
#contentGrid h5 {
font-size:1.182em; /*13px*/
font-weight:bold;
color:#008698;
}
.modHeader{
color:#fff;
margin:0 3px 0 3px;
height:2.181em;
overflow:hidden;
}
.modHeader h2{
font-size:1em;
font-weight:bold;
float:left;
padding: 4px 0 0 7px;
}
.modHeader a{
color:#fff;
float:right;
font-weight:normal;
padding: 4px 0 0 7px;
text-decoration:none;
}
.modHeader a:hover,
.modHeader a:focus {
color:#fff;
}
.modHeader a span{
 font-weight:bold;
 padding:0 7px 0 5px;
}
.modPromo {
height:120px;
overflow:hidden;
}
.modHeight88 {
height:5.64em;
overflow:hidden;
}
.modHeight90 {
height:90px;
overflow:hidden;
}
.modHeightLow {
height:12.91em;
overflow:hidden;
}
.modHeight168 {
height:13.45em;
overflow:hidden;
}
.modHeight172 {
height:15.6em;
overflow:hidden;
}
.modHeight186 {
height:15.65em;
overflow:hidden;
}
.modHeight216{
height:17.3em;
overflow:hidden;
}
.modHeight282{
height: 23.18em;
overflow:hidden;
}
.modHeight280{
height: 25.37em;
overflow:hidden;
}
.modHeight282NoBorder{
height: 25.37em;
overflow:hidden;
}
.modHeight341{
height: 341px;
overflow:hidden;
}
.modHeight480 {
height:41.27em;
overflow:hidden;
}
.price1,.price2,.price3,.price4,.price5,.price6{
display:inline;
font-weight:bold;
position:relative;
}
.price1,.price2,.price4{
font-size:2.363em;
line-height:2.091em;
}
.price1{
padding-left:4px;
}
.price2{
top:-9px;
font-size:1.363em;
}
.price3{
float:left;
top:-2.27em;
}
.price4{
padding-left:4px;
}
.price5{
font-size:4.27em;
}
.price6{
top:-0.55em;
font-size:2.5em;
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;
}
.priceBox{
position:absolute;
bottom:1.545em;/*17px*/
}
.priceBox .priceTag{
display:inline;
position:relative;
top:-18px;
left:0;
}
.priceBox .text{
position:relative;
display:inline;
top:-18px;
left:0;
}
.priceBox2{
float:left;
position:relative;
top:1.36em;
}
.priceBox3{
position:absolute;
top:98px;
}
.float,.priceBox2 .text,.priceBox3 .text{
float:left;
}
.floatRight {
float:right;
}
.skipper{
left:-1000px;
position:absolute;
top:-1000px;
}
.features { margin:0; font-size:1em; }
.features li{
list-style-type:none;
background:url(../images/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 h2{
font-size:16px;
padding-bottom:6px;
}
.tabs h3{
font-size:1.182em;
font-weight:bold;
}
p{
font-size:1.09em;
line-height:1.5em;
margin:0.5em 0 0.7em 0;
}
.modFlash{
height:15.09em;
padding:0 3px 13px 3px;
}
.modFlashTall{
  height:25.33em;
  padding:0 3px 13px 3px;
}
.modCopy1col,.mod1Col{
width:192px;
float:left;
}
.mod1Col .modBorder{
width:192px;
background-image: url("../images/1columnBorder.gif");
}
.mod1Col .modFooter{
width:192px;
background-image: url("../images/1columnFooter.gif");
}
.mod1Col .modTop{
width:192px;
background-image: url("../images/1columnTop.gif");
}
.mod1Col .modCopy,.modCopy1col{
width:171px;
}
.link_list1Col {
list-style-type:none;
position:absolute;
width:171px;
bottom:7px;
padding-bottom: 1px;
background: url(../images/dottedLine.gif) repeat-x left bottom;
}
.link_list1Col_inline {
width:171px;
padding-bottom: 1px;
background: url(../images/dottedLine.gif) repeat-x left bottom;
}
.static{
position:static !important;
}
.modCopy15col, .mod15Col {
width:288px;
float:left;
}
.mod15Col .modBorder {
width:288px;
background-image: url("../images/15columnBorder.gif");
}
.mod15Col .modFooter{
width:288px;
background-image: url("../images/15columnFooter.gif");
margin-bottom:0;
border-bottom:5px solid white;
}
.mod15Col .modBody, .mod15Col .modBody_gray {
width:282px;
height:260px;
border-top:1px solid #ccc;
}

.mod1Col {
  /* border: 1px solid blue; */
}
.mod1Col .modBody {
border-top:1px solid #ccc;
}

.mod15Col.selected .modBody, .mod15Col.selected .modBody_gray {
width:278px;
height: 258px;
border:2px solid #f6b040;
border-bottom-width: 1px;
}
.mod15Col.selected .modFooter{
width:288px;
background-image: url("../images/15columnFooter_selected.gif");
}
.mod15Col .modCopy, .modCopy15col{
width:267px;
}
.link_list15Col {
list-style-type:none;
position:absolute;
width:267px;
bottom:7px;
padding-bottom: 1px;
background: url(../images/dottedLine.gif) repeat-x left bottom;
}
.link_list15Col_inline {
width:267px;
padding-bottom: 1px;
background: url(../images/dottedLine.gif) repeat-x left bottom;
}
.modPhoneBox {
width:285px;
float:left;
}
.modPhoneBox .modBorder {
width:285px;
background-image: url("../images/15columnBorder.gif");
}
.modPhoneBox .modFooter {
width:285px;
background-image: url("../images/15columnFooter.gif");
margin-bottom:0;
border-bottom:5px solid white;
}
.modPhoneBox .modBody {
width:282px;
height: 260px;
border-top:1px solid #ccc;
}
.modPhoneBox .modCopy {
width:267px;
}
.modPhoneBox .detail {
float: left;
width: 160px;
}
.modPhoneBox .detail h2 {
font-size:1.3em;
font-weight: bold;
padding:0;
}
.modPhoneBox .detail .addon {
color: #ff9c01;
font-weight: bold;
}
.modPhoneBox .detail .flags {
display: block;
clear:both;
height:20px;
}
.modPhoneBox .detail p {
font-size:1em;
line-height: 1em;
}
.modPhoneBox .detail p.price_with {
clear: both;
margin: 0 0 1em 0;
}
.modPhoneBox .detail p.price1, .modPhoneBox .detail p.price2 {
float:left;
font-size: 1.8em;
line-height: 1.5em;
font-weight: normal;
margin: 0;
padding:0;
width:60%;
}
.modPhoneBox .detail p.price1b, .modPhoneBox .detail p.price2b {
margin: 0;
padding:0;
float:right;
width:auto;
}
.modPhoneBox .detail p.price2 {
top:0;
font-weight: bold;
margin-top: 20px;
}
.modPhoneBox .detail p.price1c {
float:left;
font-size: 1.8em;
line-height: 1.5em;
font-weight: normal;
margin: 0;
padding:0;
width:60%;
margin-bottom: 20px;
}
.modPhoneBox .detail p.price1d {
margin: 0;
padding:0;
float:right;
width:auto;
}
.modPhoneBox .detail p.price2c {
float:left;
font-size: 1.8em;
line-height: 1.5em;
margin: 0;
padding:0;
width:60%;
top:0;
font-weight: bold;
margin-top: 5px;
margin-bottom: 15px;
}
.modPhoneBox .detail p.price2d {
margin: 0;
padding:0;
float:right;
width:auto;
margin-top: 5px;
margin-bottom: 15px;
}
.modPhoneBox .detail p.price2b {
margin-top: 20px;
}
.modPhoneBox .detail p.price3 {
font-size: 1.3em;
font-weight: bold;
height: 1em;
top: 0;
margin: 0;
padding:0;
}
.modPhoneBox ul.link_list1Col {
width: 267px;
}
.modPhoneBox .image {
float:left;
width:80px;
height:160px;
margin: 20px 10px 0 0;
}
.mod2Col{
width:384px;
float:left;
}
.mod2Col .modBorder{
width:384px;
background-image: url("../images/2columnBorder.gif");
/* border-right: 2px solid grey; */
/* border: 1px solid red; */
}
.mod2Col .modFooter{
background-image: url("../images/2columnFooter.gif");
width:384px;
/* border-right: 3px solid blue; */
}
.mod2Col .modTop{
background-image: url("../images/2columnTop.gif");
width:384px;
}
.mod2Col .modCopy,.modCopy2col{
width:363px;
}
.link_list2Col{
list-style-type:none;
position:absolute;
width:363px;
bottom:7px;
padding-left:0;
padding-bottom: 1px;
background: url(../images/dottedLine.gif) repeat-x left bottom;
}
.mod3Col{
width:576px;
float:left;
}
.mod3Col .modBorder{
width:576px;
background-image: url("../images/3columnBorder.gif");
}
.mod3Col .modFooter{
background-image: url("../images/3columnFooter.gif");
width:576px;
}
.mod3Col .modTop{
background-image: url("../images/3columnTop.gif");
width:576px;
}
.mod3Col .modCopy{
width:555px;
}

.link_list3Col{
list-style-type:none;
position:absolute;
width:555px;
bottom:7px;
padding-left:0;
padding-bottom: 1px;
background: url(../images/dottedLine.gif) repeat-x left bottom;
}
.mod4Col{
width:768px;
float:left;
}
.mod4Col .modBorder{
width:768px;
background-image: url("../images/4columnBorder.gif");
}
.mod4Col .modFooter{
background-image: url("../images/4columnFooter.gif");
width:768px;
}
.mod4Col .modTop{
background-image: url("../images/4columnTop.gif");
width:768px;
}
.mod4Col .modCopy{
width:747px;
}
.link_list4Col{
list-style-type:none;
position:absolute;
width:747px;
bottom:7px;
padding-left:0;
padding-bottom: 1px;
background: url(../images/dottedLine.gif) repeat-x left bottom;
}
.mod5Col{
width:960px;
float:left;
}
.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("../images/txtBlockBorder.gif");
}
.txtBlock .modFooter{
background-image: url("../images/txtBlockFooter.gif");
width:562px;
}
.txtBlock .modTop{
background-image: url("../images/txtBlockTop.gif");
width:562px;
}
.txtBlock .link_list1Col {
width:157px;
}
.txtBlock .link_list2Col {
width:349px;
}
.txtBlock .link_list3Col {
width:541px;
}
.secondLevelNav div {
background: url(../images/dottedLine.gif) repeat-x top left;
}
.secondLevelNav a{
padding: 3px 0 3px 11px;
display:block;
position:relative;
text-decoration: none;
}
.secondLevelNav .menuitem2 a,.secondLevelNav .menuitem2act a { padding-left:19px; }
.secondLevelNav .menuitem3 a,.secondLevelNav .menuitem3act a { padding-left:27px; }
.secondLevelNav .menuitem4 a,.secondLevelNav .menuitem4act a { padding-left:35px; }
.secondLevelNav .menuitem5 a,.secondLevelNav .menuitem5act a { padding-left:42px; }
.secondLevelNav .notpointer a {
background:#bad4da url(../images/dottedLine.gif) repeat-x top left;
}
.secondLevelNav .notpointer div a,
.secondLevelNav .menuitem1comment {
background:transparent url(../images/dottedLine.gif) repeat-x top left !important;
font-weight: normal;
}
.secondLevelNav .notpointer div a:hover { color: Black; }
.menuitem1act a,
.menuitem1act .menuitem2act a,
.menuitem1act .menuitem2act .menuitem3act a,
.menuitem1act .menuitem2act .menuitem3act .menuitem4act a,
.menuitem1act .menuitem2act .menuitem3act .menuitem4act a .menuitem5act a {
font-weight: bold;
}
.secondLevelNav .menuitem1comment {
font-weight: bold !important;
padding: 3px 0 3px 11px;
display:block;
position:relative;
text-decoration: none;
color: Black;
background:#bad4da !important;
}
.menuitem1act .menuitem2 a, .menuitem1act .menuitem3 a,
.menuitem1act .menuitem4 a, .menuitem1act .menuitem5 a,
.menuitem1comment {
background: url(../images/dottedLine.gif) repeat-x top left;
font-weight: normal !important;
}

.menuitem0, .menuitem0act {
  text-decoration: none !important;
}

.secondLevelNav li.lightPurpleBG {
background:#C592C8;
}
.secondLevelNav li.lightPetrolBG {
background:#bad4da;
}
.secondLevelNav li.lightGreyBG {
background:#f6f8f9;
}
.secondLevelNav li.lightPurpleBG a:hover,
.secondLevelNav li.lightPurpleBG a:focus {
color:#4D2550;
}
.secondLevelNav li.lightGreyBG a:hover,
.secondLevelNav li.lightGreyBG a:focus {
color:#333333;
}
a.btnGrey             { background:url("../images/buttons/arrow-grey.gif") no-repeat left top; }
a.btnBlue             { background:url("../images/buttons/arrow-blue.gif") no-repeat left top; }
a.btnRed              { background:url("../images/buttons/arrow-red.gif") no-repeat left top; }
a.btnLightBlue        { background:url("../images/buttons/arrow-lightBlue.gif") no-repeat left top; }
a.btnPetrol           { background:url("../images/buttons/arrow-petrol.gif") no-repeat left top; }
a.btnGreen            { background:url("../images/buttons/arrow-green.gif") no-repeat left top; }
a.btnGrassGreen       { background:url("../images/buttons/arrow-grassGreen.gif") no-repeat left top; }
a.btnGrassGreenClose  { background:url("../images/buttons/grassgreen_close.gif") no-repeat left top; }
a.btnDeepPurple       { background:url("../images/buttons/arrow-deepPurple.gif") no-repeat left top; }
a.btnMinus            { background:url("../images/buttons/minus.gif") no-repeat left top; }
a.btnDelete           { background:url("../images/buttons/delete.gif") no-repeat left top; }
a.btnPlus             { background:url("../images/buttons/plus.gif") no-repeat left top; }
a.btnGreyOnRed        { background:url("../images/buttons/arrow-grey-on-red.gif") no-repeat left top; }
a.btnGreyOnLightBlue  { background:url("../images/buttons/arrow-grey-on-lightblue.gif") no-repeat left top; }
a.btnGreyInline       { background:url("../images/buttons/arrow-grey.gif") no-repeat right top; padding-right:20px; }
a.btnBlueInline       { background:url("../images/buttons/arrow-blue.gif") no-repeat right top; padding-right:20px; }
a.btnRedInline        { background:url("../images/buttons/arrow-red.gif") no-repeat right top; padding-right:20px; }
a.btnLightBlueInline  { background:url("../images/buttons/arrow-lightBlue.gif") no-repeat right top; padding-right:20px; }
a.btnPetrolInline     { background:url("../images/buttons/arrow-petrol.gif") no-repeat right top; padding-right:20px; }
a.btnGreenInline      { background:url("../images/buttons/arrow-green.gif") no-repeat right top; padding-right:20px; }
a.btnPrint            { background:url("../images/buttons/btn_print.gif") no-repeat right top; padding-right:20px; }
a.btnPrintPurple      { background:url("../images/buttons/btn_print_purple.gif") no-repeat right top; padding-right:18px; }
a.btnPostPurple       { background:url("../images/buttons/btn_post_purple.gif") no-repeat right top; padding-right:18px; }
a.btnDeletePurple     { background:url("../images/buttons/delete-deepPurple.gif") no-repeat right top; padding-right:18px; }
a.btnGreyInline:hover, a.btnBlueInline:hover, a.btnRedInline:hover,
a.btnLightBlueInline:hover, a.btnPetrolInline:hover, a.btnGreenInline:hover,
a.btnPrint:hover, a.btnPrintPurple:hover, a.btnPostPurple:hover, a.btnDeletePurple:hover { background-position:100% -100px; }
a.btnPlus {
background:transparent url("../images/buttons/btn_plus.gif") no-repeat scroll left top;
display: block;
text-decoration: none !important;
float: right;
width: 20px;
}
a.btnMinus {
background:transparent url("../images/buttons/btn_minus.gif") no-repeat scroll left top;
display: block;
text-decoration: none !important;
float: right;
width: 20px;
}
a:hover.btnPlus, a:hover.btnMinus { background-position:left -100px; }
.btnGreyOnLightBlue {color:#fff;}
.btnGreyOnLightBlue:hover {color:#000;}
.divider {
background: url(../images/dottedLine.gif);
font-size: 0;
line-height:0;
height:1px;
}
.link_list1Col,.link_list1Col_inline,.link_list2Col,.link_list3Col,.link_list4Col{
font-size: 1em;
margin-left: 0;
margin-bottom: 0;
}
.link_list1Col li,.link_list1Col_inline li,.link_list2Col li,.link_list3Col li,.link_list4Col li{
list-style-type:none;
height: 2em;
background: url(../images/dottedLine.gif) repeat-x top left;
padding-bottom: 1px;
width:100%;
}
.link_list1Col a,.link_list1Col_inline a,.link_list2Col a,.link_list3Col a,.link_list4Col a{
padding: 4px 15px 0 0;
display:block;
background-position:100% 4px;
text-decoration: none;
height:1.636em;
}
.link_list1Col a:hover,.link_list1Col_inline a:hover,.link_list2Col a:hover,.link_list3Col a:hover,.link_list4Col a:hover,
.link_list1Col a:focus,.link_list1Col_inline a:focus,.link_list2Col a:focus,.link_list3Col a:focus,.link_list4Col a:focus {
background-position:100% -96px;
}
.btnGreyOnRed {
position:static;
color: #fff;
}
.btn li{
display:inline;
}
.btn a,a.btnGreyOnRed{
padding: 4px 20px 5px 0;
background-position:100% 4px;
height:14px;
}
.btn a:hover, .btn a:focus {
background-position:100% -96px;
}
a.btnGreyOnRed:hover, a.btnGreyOnRed:focus {
background-position:100% -96px;
color:#fff;
}
.textBtnRed, .textBtnPurple, .textBtnGrey, .textBtnGreyOnRed, .textBtnRedOnPurple, .textBtnRedActive {
position:relative;
float:left;
margin-top:6px;
display:inline;
color:#fff;
font-weight:bold;
text-decoration: none !important;
}
.textBtnRed span, .textBtnPurple span, .textBtnGrey span, .textBtnGreyOnRed span, .textBtnRedOnPurple span, .textBtnRedActive span {
cursor:hand;
position:relative;
float:left;
padding-left:9px;
padding-right:9px;
line-height:2.7ex;
padding-bottom:10px;
}
.textBtnRedActive span {
cursor: default;
}
.textBtnRed:hover, .textBtnPurple:hover, .textBtnGrey:hover, .textBtnGreyOnRed:hover, .textBtnRedOnPurple:hover,
.textBtnRed:focus, .textBtnPurple:focus, .textBtnGrey:focus, .textBtnGreyOnRed:focus, .textBtnRedOnPurple:focus,
.textBtnRedActive {
background-position: right -95px;
}
.textBtnRed:hover span, .textBtnPurple:hover span, .textBtnGrey:hover span, .textBtnGreyOnRed:hover span, .textBtnRedOnPurple:hover span,
.textBtnRed:focus span, .textBtnPurple:focus span, .textBtnGrey:focus span, .textBtnGreyOnRed:focus span, .textBtnRedOnPurple:focus span,
.textBtnRedActive span {
color:#fff;
background-position: left -95px;
}
.textBtnRed, .textBtnRedActive {
background:url("../images/buttons/redRight.gif") no-repeat right top;
}
.textBtnRed span, .textBtnRedActive span {
background:url("../images/buttons/redLeft.gif") no-repeat left top;
}
.textAreaRed, .textAreaPurple, .textAreaGrey, .textAreaGreyOnRed, .textAreaRedOnPurple, .textAreaRedActive {
position:relative;
float:left;
margin-top:6px;
display:inline;
color:#fff;
font-weight:bold;
text-decoration: none !important;
}
.textAreaRed span, .textAreaPurple span, .textAreaGrey span, .textAreaGreyOnRed span, .textAreaRedOnPurple span, .textAreaRedActive span {
cursor:hand;
position:relative;
float:left;
padding-left:9px;
padding-right:9px;
line-height:2.7ex;
padding-bottom:10px;
}
.textAreaRed, .textAreaRedActive {
background:url("../images/buttons/redRight.gif") no-repeat right top;
}
.textAreaRed span, .textAreaRedActive span {
background:url("../images/buttons/redLeft.gif") no-repeat left top;
}
.textAreaPurple      { 
  background:url("../images/buttons/purpleRight.gif") no-repeat right top; 
}
.textAreaPurple span { 
  background:url("../images/buttons/purpleLeft.gif") no-repeat left top; 
}
.textAreaGrey      { 
  background:url("../images/buttons/greyRight.gif") no-repeat right top; 
}
.textAreaGrey span { 
  background:url("../images/buttons/greyLeft.gif") no-repeat left top; 
}
.textBtnRedSmall {
display:block;
color:#fff;
font-weight:bold;
float:none !important;
padding: 2px 9px 0px 9px;
_padding-top:0;
height:16px;
_height:18px;
position:relative;
display:inline;
padding:2px 15px;
}
.textBtnRedSmall span {
cursor:hand;
display:block;
width:6px;
height:18px;
position:absolute;
left:-1px;
top:0;
}
.textBtnRedSmall:hover, .textBtnRedSmall:focus { background-position: right -18px; color:#fff; }
.textBtnRedSmall:hover span, .textBtnRedSmall:focus span { background-position: left -18px; }
.textBtnRedSmall { background:url("../images/buttons/redRightSmall.gif") no-repeat right top; }
.textBtnRedSmall span { background:url("../images/buttons/redLeftSmall.gif") no-repeat left top;}
.textBtnPurple      { background:url("../images/buttons/purpleRight.gif") no-repeat right top; }
.textBtnPurple span { background:url("../images/buttons/purpleLeft.gif") no-repeat left top; }
.textBtnGrey      { background:url("../images/buttons/greyRight.gif") no-repeat right top; }
.textBtnGrey span { background:url("../images/buttons/greyLeft.gif") no-repeat left top; }
.textBtnGreyOnRed      { background:url("../images/buttons/greyRight-on-red.gif") no-repeat right top; }
.textBtnGreyOnRed span { background:url("../images/buttons/greyLeft-on-red.gif") no-repeat left top;}
.textBtnRedOnPurple      { background:url("../images/buttons/redRight-on-purple.gif") no-repeat right top; }
.textBtnRedOnPurple span { background:url("../images/buttons/redLeft-on-purple.gif") no-repeat left top;}
.submitRed {
background:url("../images/buttons/submit-red.jpg") no-repeat left top;
cursor: pointer; width: 42px; height: 24px; border: none; text-align: center; padding-top: 1px; padding-bottom: 10px; color: #fff; font-weight: bold; text-decoration: none; }
.submitSilver {
background:url("../images/buttons/submit-silver.jpg") no-repeat left top;
cursor: pointer; width: 52px; height: 24px; border: none; text-align: center; padding-top: 1px; padding-bottom: 10px; color: #fff; font-weight: bold; text-decoration: none; }
.submitPurple {
background:url("../images/buttons/submit-purple.jpg") no-repeat left top;
cursor: pointer; width: 60px; height: 24px; border: none; text-align: center; padding-top: 1px; padding-bottom: 10px; color: #fff; font-weight: bold; text-decoration: none; margin-top: 1px; }
.submitBlue {
background:url("../images/buttons/submit-blue.gif") no-repeat left top;
cursor: pointer; width: 60px; height: 24px; border: none; text-align: center; padding-top: 1px; padding-bottom: 10px; color: #fff; font-weight: bold; text-decoration: none; margin-top: 1px; }
.submitLightBlue {
background:url("../images/buttons/submit-lightblue.gif") no-repeat left top;
cursor: pointer; width: 60px; height: 24px; border: none; text-align: center; padding-top: 1px; padding-bottom: 10px; color: #fff; font-weight: bold; text-decoration: none; margin-top: 1px; }
.submitBlueWide {
background:url("../images/buttons/submit-blue-wide.gif") no-repeat left top;
cursor: pointer; width: 180px; height: 24px; border: none; text-align: center; padding-top: 1px; padding-bottom: 10px; color: #fff; font-weight: bold; text-decoration: none; margin-top: 1px; }
a.sub_purple, a.sub_grey, a.sub_red,
a.sub_purple_on, a.sub_grey_on, a.sub_red_on {
clear: left !important;
display: block !important;
text-decoration: none !important;
}
a.sub_purple span, a.sub_grey span, a.sub_red span,
a.sub_purple_on span, a.sub_grey_on span, a.sub_red_on span {
background-color: transparent;
background-repeat: no-repeat;
display: block;
text-decoration: none;
float: left;
width: 6px;
height: 24px;
font-size: 0.1px !important;
}
a.sub_purple span { background-image: url("../images/buttons/purpleLe.gif"); }
a.sub_grey span { background-image: url("../images/buttons/greyLe.gif"); }
a.sub_red span { background-image: url("../images/buttons/redLe.gif"); }
a.sub_purple_on span { background-image: url("../images/buttons/purpleLe_on.gif"); }
a.sub_grey_on span { background-image: url("../images/buttons/greyLe_on.gif"); }
a.sub_red_on span { background-image: url("../images/buttons/redLe_on.gif"); }
a.sub_purple_on .button_purple { background-image: url("../images/buttons/purpleRi_on.gif"); }
a.sub_grey_on .button_grey { background-image: url("../images/buttons/greyRi_on.gif"); }
a.sub_red_on .button_red { background-image: url("../images/buttons/redRi_on.gif"); }
.button_purple, .button_grey, .button_red,
.button_purple_on, .button_grey_on, .button_red_on {
cursor: pointer;
border: none;
background-repeat: no-repeat;
background-position: right top;
background-color: transparent;
height: 24px;
color: White;
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
text-align: center;
text-align: left;
width: auto;
margin: 0;
padding: 0 5px 9px 0;
*padding-bottom: 5px;
overflow: visible;
float: left;
}
.button_purple    { background-image: url("../images/buttons/purpleRi.gif"); }
.button_grey      { background-image: url("../images/buttons/greyRi.gif"); }
.button_red       { background-image: url("../images/buttons/redRi.gif"); }
.button_purple_on { background-image: url("../images/buttons/purpleRi_on.gif"); }
.button_grey_on   { background-image: url("../images/buttons/greyRi_on.gif"); }
.button_red_on    { background-image: url("../images/buttons/redRi_on.gif"); }
.globalNav li{
list-style-type: none;
float:left;
border-right: 0.0909em solid #fff;
font-weight:bold;
padding: 0;
}
.globalNav li a{
padding: 0.36em 1.09em 0.36em 1.09em;
background:#f00;
height:1.454em;
*height:auto;
color:#fff;
display:block;
text-decoration:none;
}
.globalNavActive{
background:#7fb0bb !important;
height:1.454em; /* 16px */
*height:auto; /* IE BUG FIX */
}
.globalNav li a:hover, .globalNav li a:focus {
background:#7fb0bb;
color: #fff;
}
.globalNavShadow{
width:954px;
height:0x;
clear:both;
display:block;
}
.globalNav{
margin-top:106px;
margin-left:12px;
}
.globalNav ul{
width:954px;
height:2.16em; /* 24px */
*height:2.26em; /* IE BUG FIX */
background:#f00;
margin:0;
font-size: 1em;
}
#vodafoneLogo{
position:absolute;
top:0;
left:12px;
}
.CiliChiliLogo{
position:absolute;
float:right;
top:106px;
left:855px;
}
.firstLevelNav .active, 
.firstLevelNav .menuitem0act{
background: #7fb0bb; !important;
color: #fff;
height: 1.454em; /* 16px */
*height: auto; /* IE BUG FIX */
}
.metaNav .active, .metaNav .menuitem0act{
padding:0 6px 0 4px;
font-weight:bold;
}
.firstLevelNav ul{
margin:0;
font-size: 1em;
}
.firstLevelNav ul li{
display:inline;
font-size: 1.1em;
}
.firstLevelNav li {
float: left;
border-right: 0.0909em solid #fff;
}

.firstLevelNav .li_eshop {
float: left;
margin-bottom: 11px;
margin-top: -11px;
border-right: 0.0909em solid #fff;
}

.firstLevelNav li a {
padding: 0.36em 0.9em;
background: #BAD4DA;
height: 1.454em; /* 16px */
*height: auto; /* IE BUG FIX */
color: #000;
display: block;
}
.firstLevelNav li.active a { 
background: #7fb0bb; !important;
color: #fff;
height: 1.454em; /* 16px */
*height: auto; /* IE BUG FIX */
}
.firstLevelNav li a:hover,
.firstLevelNav li a:focus
{
background: #7fb0bb;
color: #fff;
}
.firstLevelNavShadow {
width: 954px; 
height: 1px;
clear: both;
display: block;
}
.firstLevelNav {
margin-top: 1px;
margin-left: 12px;
}
.firstLevelNav ul {
width: 954px;
height: 2.5em; 
*height: 2.6em; 12px; /* IE7 Margin Fix */
background: #BAD4DA;
_margin-bottom: 12px; /* IE6 Margin Fix */
*margin-bottom: 12px; /* IE7 Margin Fix */
font-size: 0.87em;
margin:0;
}
.firstLevelNavEshop ul {
width: 954px;
height: 2.5em; 
margin-top: 1px;
margin-left: 12px;
background: #BAD4DA;
*margin-top: -27px;
*height: 2.2em; /* IE7 Margin Fix */
*margin-bottom: 0; /* IE7 Margin Fix */
_margin-bottom: 12px; /* IE6 Margin Fix */
}
.firstLevelNavEshop ul li{
display:inline;
font-size: 1.1em;
}
.firstLevelNavEshop li {
float: left;
border-right: 0.0909em solid #fff;
}
.firstLevelNavEshop .li_eshop {
float: left;
margin-bottom: 11px;
margin-top: -11px;
border-right: 0.0909em solid #fff;
*margin-top: -1px;
}
.firstLevelNavEshop li a {
padding: 0.36em 0.9em;
background: #BAD4DA;
height: 1.454em; /* 16px */
*height: auto; /* IE BUG FIX */
color: #000;
display: block;
}
.firstLevelNavEshop li.active a { 
background: #7fb0bb; !important;
color: #fff;
height: 1.454em; /* 16px */
*height: auto; /* IE BUG FIX */
}
.firstLevelNavEshop li a:hover,
.firstLevelNavEshop li a:focus
{
background: #7fb0bb;
color: #fff;
}
.metaNav{
position:absolute;
top:0;
left:0;
width:973px;
height:25px;
}
.metaNav ul{
position:absolute;
right:0;
bottom:0;
margin:0;
font-size: 1em;
}
.metaNav ul li{
display:inline;
}
.metaNav ul li a{
padding-left:3px;
padding-right:6px;
text-decoration: underline;
}
.metaShoppingCart{
vertical-align:-7%;
height:1em; /* 11px*/
padding-right: 2px;
}
.searchNav{
position:absolute;
top:70px;
left:0;
width:966px;
height:25px;
}
.searchField{
position:absolute;
right:65px;
width:254px;
font-size:1em;
top:0;
}
.searchButton {
position:absolute;
right:0;
top:0;
}
.loginBox{
position:absolute;
top:141px;
left:774px;
width:192px;
height:25px;
font-size: 0.915em;
}
.loginBox a {text-decoration:none;}
.loginField{
position:absolute;
right:0;
}
.searchNav .textBtnGrey{
position:absolute;
right:0;
top:-6px;
width:38px;
}
.searchNav .textBtnGrey span{
padding-left: 12px;
}
.registerBtn{
padding-left:5px;
}
.singleColumn{
width:192px;
float:left;
}
.doubleColumn{
width:384px;
float:left;
}
.tripleColumn{
width:576px;
float:left;
}
.quadColumn{
width:768px;
float:left;
}
.fiveColumn{
width:960px;
float:left;
}
.grid{
margin-top: 12px;
margin-left: 9px;
display:block;
width:970px;
}
.footer{
  width:957px;
  text-align: right;
  padding: 14px 0 19px 0;
  margin-top: -60px;
  float: left;
  *float: right;
  *margin-top: -24px;
  *width:657px;
  *padding: -2px 0 0 0;
}
.footer a { padding:0 7px 0 4px; }
.footer li { display:inline; }
.footer span { padding:0 7px 0 4px; }
.footer ul { margin-right:-6px; }
.footer .energie {
  background-image: url(../images/zelena_energie.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 22px;
  margin-top:10px;
  font-weight: bold;
  color: #616161;
  padding: 5px 7px 5px 22px;
}
.footer .energie_2 {
  background-image: url(../images/ekoznacka.jpg);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 22px;
  margin-top:10px;
  font-weight: bold;
  color: #616161;
  padding: 5px 7px 5px 22px;
}
.footer_icons {
  width:300px;
  padding: 14px 0 19px 0;
  margin-top: -10px;
  *margin-top: -24px;
  *padding: -2px 0 0 0;
}
.footer_icons_image {
  margin-left: 8px;
}
.footerSwitchOff {
  display:none;
}  
.footerSwitchOn {

} 
.tripleMod{
position:relative;
height:17.272em;
}
.tripleMod h3{
left:53px;
}
.tripleMod h4{
left:55px;
font-size: 1.365em;
}
.tripleMod h3{
font-size:1.182em;/*13px*/
font-weight:normal;
}
.tripleMod h4{
font-weight:bold;
}
.tripleMod h3,.tripleMod h4,.priceTag,.tripleMod .textBtnRed,.tripleMod .features,.tripleMod .footnote,.tripleMod img{
position:absolute;
}
.tripleMod .priceTag{
top:9.18em;
left:50px;
}
.tripleMod .textBtnRed{
top:14.73em;/*162px*/
right:0;
}
.tripleMod .features{
left:53px;
top:3em;
width:117px;
height:7em;
overflow:hidden;
list-style-type:none;
}
.tripleMod .features li{
background:url(../images/bulletSmall.gif) no-repeat 3px 3px;
padding-left:10px;
}
.tripleMod .footnote{
left:53px;
top:13.181em;
display:block;
}
.username{
width:135px;
height:1.37em;
font-size:1em;
margin-bottom:3px;
color:#333;
}
#pwd,#txt{
position:absolute;
top: 2em;
left: 3px;
width:68px;
height:16px;
margin-bottom:3px;
font-size:1em;
color:#333;
margin-left:32px;
}
.login{
position:relative;
}
.login .textBtnPurple{
float:right;
top:-5px;
width:56px;
*left:2px;
}
.login .textBtnPurple span{
padding-left:11px;
}
.bgImg{
z-index:0;
}
.searchCloud h1,.searchCloud h2,.searchCloud h3,.searchCloud h4,.searchCloud h5,.searchCloud h6{
float:left;
font-weight:bold;
padding:0 8px 2px 0;
white-space: pre;
color:#333;
}
.searchCloud h1{
font-size:1.545em; /* 17px */
}
.searchCloud h2{
font-size:1.364em; /* 15px */
}
.searchCloud h3{
font-size:1.272em; /* 14px */
}
.searchCloud h4{
font-size:1.18em; /* 13px */
}
.searchCloud h6{
font-size:1em; /* 11px */
}
.helpSelector select{
width:170px;
font-size:1em;
margin-bottom:3px;
}
.module9Text{
position:relative;
top:-4px;
}
.module10ImgRight{
float:right;
}
.module10ImgLeft{
float:left;
}
.smallTopSeller  h3 {
margin:0 0 5px 50px;
}
.smallTopSeller h4 {
padding:0 0 0 50px;
}
#modCTA, #modCTAdotCom {
position:relative;
clear:both;
height: 15em;
overflow:hidden;
margin:0 3px 14px 3px;
}
* html #modCTA {
height: 171px;
}
#modCTAdotCom {
height: 266px;
}
* html #modCTA, * html #modCTAdotCom {
margin-bottom: 9px;
}
.ctaLayer {
position: absolute;
background-color: #f00;
color: #fff;
}
#modCTA .ctaLayer {
top: 40px;
left: 12px;
}
#modCTAdotCom .ctaLayer {
left: 12px;
top: 84px;
height:121px;
}
.ctaLayer script {
display: none;
}
div.ctaLayer {
background-color: #f00;
color: #fff;
z-index: 999;
padding: 2px 12px 12px 12px;
}
@media screen, projection {
#modCTA .hide, #modCTAdotCom .hide {
visibility: hidden;
}
}
#modCTA div.ctaLayer {
width: 230px;
height: 100px; /
}
#modCTAdotCom div.ctaLayer {
width: 340px;
height: 107px;
}
.ctaLayer h1 {
font-size: 28px;
font-weight: bold;
letter-spacing: -0.02em;
line-height: 1.3;
}
.ctaLayer p {
font-size: 14px;
font-weight: bold;
letter-spacing: -0.03em;
line-height: 1.4;
margin-top: 6px;
}
#modCTAdotCom .ctaLayer p {
font-size: 13px;
}
.ctaLayer .ctaLink {
position: absolute;
bottom: 8px;
font-size: 11px;
height: 15px;
font-weight: bold;
letter-spacing: -0.03em;
line-height: 1.4;
}
.ctaLink a {
color: #fff;
padding-right: 20px;
background: url(../images/buttons/arrow-grey-on-red.gif) no-repeat right top;
text-decoration: none;
}
.ctaLink a:hover, .ctaLink a:focus {
color: #999;
background-position:100% -100px;
}
#modCTAdotCom .countryform {
position:absolute;
left: 12px;
top: 205px;
height: 40px;
width: 364px;
background-color: #f00;
}
#modCTAdotCom .countryform select {
position:absolute;
width: 160px;
top: 10px;
left: 12px;
}
#modCTAdotCom .countryform a {
position:absolute;
left: 185px;
top: 5px;
}
.cartGroup{
margin:0.6em 0 0.727em 0;
}
.carthead{
line-height:1.6em;
font-weight: bold;
width:175px;
clear:both;
}
.cartProduct{
position:relative;
font-size:0.91em;
line-height:1.3em;
left: 0;
width: 120px;
float:left;
}
.cartPrice{
position:relative;
width: 50px;
float:right;
text-align: right;
line-height:1.3em;
clear:both;
}
.dynamicHeightLinks{
position:relative !important;
padding-top: 32px;
}
.page_list li{
padding-top:5px;
margin-bottom:-5px;
}
.page_list li a{
text-decoration:underline;
display:inline;
padding:0 6px 0 6px;
}
.page_list .active{
padding:0 6px 0 6px;
font-weight:bold;
}
.dcTeaser {
line-height:1.3em;
}
.dcTeaser h1 {
font-size:1.45em;
font-weight:bold;
margin-bottom:8px;
}
.dcTeaser h2 {
font-weight: bold;
}
.dcTeaser .img_left {
float:left;
margin:0 10px 14px 0;
}
.dcTeaser .img_right {
float:right;
margin:0 0 14px 10px;
}
.pageHl {
padding: 0 0 18px 13px;
}
.scShopCart {
margin: 0 1px;
width: 760px;
border-collapse: collapse;
line-height: 1.3;
}
.scShopCart  a:hover, .scShopCart a:focus {
color: #732978;
}
.scShopCart th {
padding: 6px 8px 4px 10px;
border-right: 1px dotted #ccc;
}
.scShopCart td {
padding: 9px 8px 4px 10px;
border-right: 1px dotted #ccc;
vertical-align: top;
}
* html .scShopCart th, * html .scShopCart td {
border-right: 1px solid #ccc;
}
.scShopCart td, .scShopCart .scHeader {
background:transparent url(../images/dottedLine.gif) repeat-x bottom right;
}
.scShopCart td.scIntro {
border: none;
background: none;
padding: 15px 10px;
}
.scShopCart th{
background-color: #ece6ed;
font-weight: bold;
}
.scShopCart .scHeader {
background-color: #ece6ed;
}
.scShopCart th {
text-align: right;
}
.scShopCart th.scPrd {
text-align: left;
}
.scShopCart .scPrd {
width: 445px;
}
.scShopCart .scMon, .scShopCart .scSng {
width: 80px;
}
.scShopCart td.scAct {
padding: 5px 0; /* padding l/r will be attached to links */
width: 91px;
border-right: none;
}
.scShopCart td.scAct {
border-right: none;
}
.scShopCart td.scAct a {
height:1.636em;
display: block;
padding:4px 15px 0 0;
margin: 0 8px 0 10px;
}
.scShopCart td.scAct .devider {
width: 91px;
display: block;
line-height: 0.1;
margin: 5px 0;
background: transparent url(../images/dottedLine.gif) repeat-x bottom left;
}
.scShopCart td.scAct a.btnAdd {
background: url("../images/buttons/arrow-deepPurple.gif") no-repeat;
background-position: 100% 4px;
height:1.636em;/*18px*/
}
.scShopCart td.scAct a.btnDelete {
background: url("../images/buttons/delete-deepPurple.gif") no-repeat;
background-position: 100% 4px;
}
.scShopCart td.scAct a.btnAdd:hover, .scShopCart td.scAct a.btnDelete:hover,
.scShopCart td.scAct a.btnAdd:focus, .scShopCart td.scAct a.btnDelete:focus {
background-position: 100% -96px;
}
.scShopCart .scPrice {
text-align: right;
}
.scShopCart .scHighlight {
color: red;
}
.scShopCart .scImg {
width: 66px;
float: none;
padding: 5px;
text-align: center;
vertical-align: top;
border-right: none;
}
.scShopCart .scAddItem {
padding-left: 30px;
}
.scShopCart a.scOptHide  {
display: block;
padding-left: 20px;
height: 1.636em;/*18px*/
background:url("../images/buttons/plus-deepPurple.gif") no-repeat;
}
.scShopCart a.scOptShow  {
display: block;
padding-left: 20px;
height: 1.636em;/*18px*/
background:url("../images/buttons/minus-deepPurple.gif") no-repeat;
}
.scShopCart a.scOptHide:hover, .scShopCart a.scOptShow:hover,
.scShopCart a.scOptHide:focus, .scShopCart a.scOptShow:focus  {
background-position: 0 -100px;
}
.scShopCart .scSpacer  td {
height: 1px;
line-height: 0.1;
font-size: 1px;
}
.scShopCart .scSummary td {
font-weight: bold;
}
.scShopCart .scSumOption {
padding-left: 90px;
}
.scShopCart .scFunc {
background: none;
border-right: none;
height: 60px;
vertical-align: bottom;
padding-bottom: 6px;
}
.scShopCart .scFunc a.btnDeepPurple {
display: block;
float: left;
padding-right: 20px;
height: 1.636em; /*18px*/
background:url("../images/buttons/arrow-deepPurple.gif") no-repeat right 0;
}
.scShopCart .scFunc a.btnDeepPurple:hover, .scShopCart .scFunc a.btnDeepPurple:focus {
background-position: right -100px;
}
.scShopCart .scFunc span.devider {
float: left;
width: 25px;
color: #fff;
}
.scShopCart .scFunc .textBtnRed {
float: right; right: 0;
margin-bottom: -0.36em;
}
.textContent {
padding-top:0px;
}
.textContent h3 {
font-size:1.182em; /*13px*/
font-weight:bold;
}
.textContent ul li {
margin-bottom:6px;
}
.fullWidth{
width:100%;
border-collapse: collapse;
}
.tableContainer{
padding: 0 4px 0 4px;
}
.tdEven,.tdEven2,.tdOdd,.tdOdd2,.tdHead,.tdHead2{
padding:3px 12px 4px 12px;
text-align:right;
}
.tdEven{
border-right: 1px #008698 solid;
background:#fff;
}
.tdEven2{
background:#fff;
}
.tdHead{
border-right: 1px #fff solid;
padding:4px 12px 4px 12px;
background:#008698;
color:#fff;
}
.tdHead2{
background:#008698;
color:#fff;
}
.tdOdd{
border-right: 1px #008698 solid;
background:#f6f8f9;
}
.tdOdd2{
background:#f6f8f9;
}
.tdEven3,.tdOdd3{
padding:3px 12px 4px 12px;
border-right: 1px #008698 solid;
background:#ffffff;
}
.left{
text-align:left;
}
.center{
text-align:center;
}
.tabBox{
margin:0 0 0 3px;
}
.tab,.activeTab{
position:relative;
padding:5px 9px 3px 9px;
border-right:1px solid #fff;
margin-bottom:-1px;
display:inline;
float:left;
cursor:pointer;
}
.tab{
background:#a7c6cd;
}
.tabBox.purple .tab {
background-color: #C592C8;
}
.tabBox.purple a:hover, .tabBox.purple a:focus {
color: #fff;
}
.activeTab{
background:#7fb0bb !important;
font-weight:bold;
color:#fff;
}
.tabBox.purple .activeTab {
background:#732978 !important;
}
.hidden{
display:none;
}
.tab_text_imgLeft {
float:left;
margin:0 0.64em 0 -6px;
}
.tab_text_imgRight {
float:right;
margin:0 -7px 0 0.64em;
}
.productPic1{
text-align:center;
margin:0 8px 8px 6px;
overflow:hidden;
}
.productDetail .price{
position:absolute;
right:0px;
text-align:right;
white-space: nowrap;
top:34px;
}
.productDetail{
position:relative;
}
.productDetail form{
position:relative;
width:250px;
}
.productDetail h1{
position:relative;
left:2px;
font-size:23px;
font-weight:bold;
line-height:29px;
top:19px;
margin-bottom:42px;
}
.productDetail h1 span{
font-size:14px;
position:relative;
top:-7px;
left:2px;
}
.productDetail h3{
font-weight:bold;
line-height:29px;
}
.productDetail .footnote{
text-decoration:underline;
cursor:pointer;
display:block;
margin-top:20px;
padding-right:13px;
}
.productDetail .button{
margin-right:13px;
float:right;
}
.productDetail .tabBox{
  margin:20px 0 0 3px;
}
.popupbuttonbox_top,.popupbuttonpack_top,.popupbuttonpack_bottom,.popuptable,.popupproductpic,.popupproductdescription,.popuplogo{
position:absolute;
}
.popuplogo{
top:0;
left: 12px;
width:130px;
height:105px;
background:url("../images/vodafone_logo.gif");
clear:both;
}
.popupbuttonbox_top{
top: 15px;
left: 12px;
width: 570px;
}
.popupbuttonpack_top{
right: 0;
}
.popupbuttonpack_bottom{
margin-top:13px;
right: 3px;
}
.popupbtn2{
margin-left:8px;
}
.popuptable {
top:243px;
left:9px;
}
.popupproductpic{
top:116px;
left: 12px;
}
.popupproductdescription{
top:124px;
left: 204px;
width:376px;
height:124px;
}
.popuphead{
font-size:24px;
font-weight: bold;
}
.popupsub{
font-size:18px;
font-weight: bold;
line-height:32px;
height: 46px;
}
.popupcopy{
font-size:13px;
font-weight: normal;
}
.popupfooter{
position:absolute;
margin-top:40px;
display:block;
width:574px;
clear:both;
text-align:right;
padding:14px 0 19px 0;
}
.popupfooter a{
padding:0 7px 0 4px;
}
.popupfooter li{
display:inline;
}
.popupfooter span{
padding:0 7px 0 4px;
}
.popupfooter ul{
margin-right:-6px;
}
.formCopy{
position:relative;
float:left;
width:130px;
margin-top:2px;
padding:0 10px 0 0;
text-align:right;
display:block;
}
.formMsg {
padding:12px;
display:none;
}
.formMsg .formMsgHead {
font-size:12px;
font-weight:bold;
margin-bottom:8px;
}
.formList {
margin-top:10px;
}
.formList li{
padding-bottom:10px;
}
input, textarea, select {
font:normal 11px Arial;
vertical-align:middle;
}
.formList .input_large {
width:284px;
height:14px;
}
.formList .select_large {
width:290px;
}
.formList textarea {
width:284px;
height:150px;
}
form .inputErr, .formList .inputErr {
background:#F3B700;
}
.inputErrMsg {
margin:4px 0 0 144px;
font-weight:bold;
}
.warningIcon {
margin:0 5px 0 0;
float:left;
}
.formButtons {
height:34px;
}
.formButtons a {
float:right;
margin-right:8px;
bottom:0;
}
.warningIcon {
float:left;
margin-right:6px;
}

.filterModule{
margin-bottom:8px;
}
.filterModule select {
width:178px;
margin-right:4px;
}
.filterCopy {
padding:4px 4px 12px 4px;
}
.modSupport h2{
font-size:1.81em;
font-weight:bold;
padding:6px 0 6px 0;
}
.modSupport h3{
font-size:1.09em;
font-weight:bold;
}
.vl_content h3{
margin:12px 0 0 6px;
font-size:1.182em;
font-weight:bold;
}
.vl_content p {
margin:4px 0 8px 6px;
font-size:1em;
}
.vl_teaser {
position:relative;
height:10.91em; /*120 px content makes the module height 144px*/
margin:0 0 4px 6px;
clear:both;
}
.vl_teaser h3 {
}
.vl_teaser h4 {
margin:-11px 0 11px 0;
}
.vl_teaserSmall {
position: relative;
margin:0 8px 4px 6px;
width:105px;
height:10.91em; /*121 px*/
float:left;
}
.vl_teaserSmall .link_list1Col {
  width:105px;
}
.modSitemap h1 {
padding:6px 0 16px 14px;
}
.modSitemapCol {
position:relative;
float:left;
clear:none;
display:block;
width:192px;
margin-bottom:-1.81em;
}
.modSitemapBody{
width:192px;
background-image: url("../images/1columnBorder.gif");
margin-bottom:18px;
margin-left:0;
}
.modSitemapCol ul { font-size:1em; }
.modSitemapBody li {
margin:0;
padding:0;
list-style: none;
list-style-type: none;
line-height:1em;
}
.modSitemapBody a{
position:relative;
padding-top:0.45em;
padding-bottom:0.45em;
padding-left:14px;
display:block;
width: 160px;
}
.modSitemapBody h3 a {
padding-top:0.45em;
padding-bottom:0.45em;
left:3px;
width: 172px;
background:#008698;
color:#ffffff;
font-weight:bold;
font-size:0.845em;
}
.modSitemapBody h3 a:hover {
color:#ffffff;
}
.modSitemapBody .menuitem1 {
position:relative;
left:4px;
width: 184px;
background:#b2dae0;
margin:0;padding:0;
}
.modSitemapBody .menuitem2, .modSitemapBody .menuitem3, .modSitemapBody .menuitem4 {
width: 184px;
background:#ffffff;
margin:0;padding:0;
}
.modSitemapBody .menuitem2 a { padding-left:24px; }
.modSitemapBody .menuitem3 a { padding-left:36px;width: 148px; }
.modSitemapBody .menuitem4 a { padding-left:48px;width: 136px; }
.modSitemapBody .menuitem2 li { background:url("../images/dottedLine.gif") repeat-x top left; }
.modSitemapBody .menuitem2 li.first { background:none; }
.modSitemapBody .modFooter{
margin-bottom:0;
background:#f00 url("../images/1columnFooter.gif") no-repeat;
}
.gen_table{
position:relative;
top:20px;
left:-7px;
width:568px;
padding-left:4px;
padding-right:4px;
margin-right:-7px;
background:url("../images/3columnBorder.gif");
}
.tab_footer{
position:absolute;
left:0px;
width:576px;
height:7px;
font-size:1px;
line-height:1px;
background: transparent url("../images/3columnFooter.gif") no-repeat top left;
}
.gen_table table{
width:100%;
}
.gen_table th {
font-weight: bold;
}
.gen_table ul {
list-style-type:disc;
padding-left:12px;
}
.gen_table tr,.gen_table td,.gen_table th{
position:relative;
padding: 5px 12px 5px 12px;
padding: 8px;
background:none;
}
.gen_table .titlerow{
background:#66b6c1;
color: #ffffff;  
}
.gen_table .row_a{
background:url("../images/dottedLine.gif") repeat-x top left;
*background:url("../images/dottedLine.gif") repeat-x 1px left;
}
.gen_table .row_b{
background:#f6f8f9 url("../images/dottedLine.gif") repeat-x top left;
}
.gen_table .row_c{
background:#f6f8f9 url("../images/dottedLine.gif") repeat-x top left;
}
.gen_table .row_a td, .row_b td, .gen_table .row_a2 td {
padding:7px 4px 7px 8px;
vertical-align:top;
}
.gen_table table th.rowspanIE   { *border-left:1px solid white; }
.gen_table table td.rowspanIE   { *border-left:1px solid #008698; }
.gen_table table .rowspanIEno { *border-right:none !important; }
.gen_table5{
position:relative;
left:-7px;
width:568px;
padding-left:4px;
padding-right:4px;
margin-right:-7px;
background:url("../images/3columnBorder.gif");
}
.gen_table5 table { width:100% }
.gen_table5 th { background:#66b6c1; color: #ffffff;}  
.gen_table5 th.last { border-right:none;}
.gen_table5 .row_a td { background:#ffffff url("../images/dottedLine.gif") repeat-x top left; }
.gen_table5 .row_b td { background:#f6f8f9 url("../images/dottedLine.gif") repeat-x top left; }
.gen_table5 .row_a td, .gen_table5 .row_a2 td, .gen_table5 .row_b td { padding:7px 4px 7px 8px; vertical-align:top;}
td.check input { width: 15px; }
.fl { float: left; }
.fr { float: right; }
.fn { float: none !important; }
.tac { text-align: center !important; }
.tal { text-align: left !important; }
.tar { text-align: right !important; }
.vam { vertical-align: middle !important; }
.bo0 { border: none; }
.bo1 { border: 1px solid red; }
.bo2 { border: 1px solid lime; }
.w10 { width: 10%; }
.w20 { width: 20%; }
.w30 { width: 30%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w70 { width: 70%; }
.w80 { width: 80%; }
.w90 { width: 90%; }
.w100 { width: 100%; }
.w954 { width: 954px; }
.wauto { width: auto !important; }
.p0 { padding: 0 !important; }
.p0a { padding: 0 auto !important; }
.pa0 { padding: auto 0 !important; }
.margin0, .m0 { margin: 0 !important; }
.margintop0 {  margin-top: 0 !important; }
.margintop1 {  margin-top: 1px }
.margintop5 {  margin-top: 5px }
.margintop10 { margin-top: 10px }
.margintop20 { margin-top: 20px; }
.margintop30 { margin-top: 30px; }
.marginright0 {  margin-right: 0 !important; }
.marginright10 {  margin-right: 10px; }
.marginbottom0 {  margin-bottom: 0 !important; }
.marginbottom5 {  margin-bottom: 5px; }
.marginbottom10 { margin-bottom: 10px }
.marginbottom20 { margin-bottom: 20px }
.marginbottom50 { margin-bottom: 50px; }
.marginleft0 {  margin-left: 0 !important; }
.marginleft10 {  margin-left: 10px; }
.marginleft20 {  margin-left: 20px; }
.marginleft30 {  margin-left: 30px; }
.top0 { top:0; }
.bottom0 { bottom:0; }
div.hr {
background-image: url(../images/bg_line_h1.gif);
background-repeat: repeat-x;
background-position: bottom left;
height: 1px;
font-size: 0.75px;
margin: 20px 0;
}
div.hr2 {
background-image: url(../images/bg_line_h1.gif);
background-repeat: repeat-x;
background-position: bottom left;
height: 1px;
font-size: 0.75px;
margin: 7px 0;
}
div.hr3 {
border-top:1px dotted #ccc;
height: 1px;
font-size: 0.75px;
}
.fs09 { font-size: 0.9em; }
.fs10 { font-size: 1.0em; }
.fs11 { font-size: 1.1em; }
div.cleaner {
border: none;
clear: both;
margin: 0;
padding: 0;
background: transparent;
font-size: 0.1px;
height: 1px;
}
div.liveHp {margin-top:9px;}
div.liveHp img {
float: left;
width: 55px;
height: 55px;
margin-right: 5px;
}
div.liveHp h4 {
margin:0;
padding:0;
width:108px;
height:55px;
overflow:hidden;
font-size:1em;
line-height:1.25em;
}
div.liveHp h4 a {text-decoration:underline;}
div.liveHpWall {width: 140px;}
div.liveHpWall a {display:block;width:55px;height:55px;margin:9px 9px 0 0;float:left;}
strong { font-weight: bold; }
#contentGrid.tripleColumn { width:570px;margin:0 3px; }
#contentGrid.tripleColumn .textContent h1 { color:#008698;font-size: 2.1em;font-weight:bold;line-height:1.1em;margin-left:0;margin-bottom:0.5em; }
#contentGrid.quadColumn .mod3Col { width: 576px; }
#contentGrid.quadColumn   { width:762px;margin-left:3px; }
#contentGrid h3 { font-size:1.182em; font-weight:bold; }
#skyscraper {
position:absolute;
top:173px;
left:976px;
border:none;
overflow: hidden;
width:160px;
height:615px;
}
#skyscraper div {
width:160px;
height:600px;
}
#skyscraper div.divColor {
background-color: white;
margin:0;
padding:0;
font-size:11px;
height:15px;
}
.inline-button {
font-size:11px;
margin: 0;
padding: 0;
_padding: 3px 0;
white-space:nowrap;
text-decoration: none !important;
vertical-align:middle;
color:#fff;
float:none !important;
cursor:pointer;
}
.inline-button span {
font-size:11px;
margin:0;
padding: 2px 0;
background:url("../images/buttons/redLeftSmall.gif") no-repeat left top;
}
.inline-button em {
font-size:11px;
font-style: normal !important;
font-weight: bold;
margin:0;
padding: 2px 9px;
background:url("../images/buttons/redRightSmall.gif") no-repeat right top;
}
.inline-button:hover span {
background-position: left -18px;
}
.inline-button:hover em {
 background-position: right -18px;
 color:#fff;
 }
.gen_table .question {
padding: 0 !important;
text-align: center;
vertical-align: middle !important;
}
.gen_table .question a {
width: 1em;
text-decoration: underline;
padding: 0.2em;
}
.zone_1 {
padding:3px 12px 4px 12px;
text-align:left;
border-right: 1px #008698 solid;
background:#5b8424;
}
.zone_2 {
padding:3px 12px 4px 12px;
text-align:left;
border-right: 1px #008698 solid;
background:#f6b040;
}
.zone_3 {
padding:3px 12px 4px 12px;
text-align:left;
border-right: 1px #008698 solid;
background:#C592C8;
}
dl.news dd { margin: -15px 0pt 10pt 75px; }
.dottedTop { background:url("../images/dottedLine.gif") repeat-x top left; }
.hsFilterTopLeft {
background:url("../images/dottedLine.gif") repeat-x top left;
float:left;
width:141px;
height:75px;
border-right: 1px dotted #ccc;
}
.hsFilterTopRight {
background:url("../images/dottedLine.gif") repeat-x top left;
float:left;
width: 425px;
height:75px;
}
.modCP2Content
{
 height:80px;
}