body{background:url("../img/body_bg_high.gif") repeat-x scroll left top #F4F4F4;} #orientation{left:-1000px;position:absolute;top:-1000px;} #page-cont{width:960px;margin:0px auto;} #vha-header{margin:0 3px 10px 3px;z-index:1000;position:relative;} #vha-header #top-nav{background:#F80000;width:auto !important;} #vha-header ul#menu li.top-level{position:static;z-index:1500;} #vha-header ul#menu li .nav-item-dd{left:0;} #vha-header ul#menu li .nav-item-dd{z-index:2000;} .grid{display:block;margin-left:0;margin-top:0;width:960px !important;} /* global nav */ #vha-header #global-nav-wrap{padding-bottom:20px;} #vha-header #top-globalnav{float:left;height:40px;position:relative;padding-left:80px;} #vha-header #top-globalnav li{float:left;margin-top:10px;} #vha-header #top-globalnav li a{display:block;font-size:1.178em;font-weight:bold;background-color:#f4f4f4;border-left:0px;display:block;text-decoration:none;padding:0px;margin:0px;border:solid 1px #d3d3d3;border-left:0px;border-right:0px;background-image:url(../img/vha_mm_pipe.gif);background-position:0px 0px;background-repeat:repeat-y;} #vha-header #top-globalnav li a span{padding:0px 20px;line-height:28px;display:block;} #vha-header #top-globalnav li.global-item-last a{border-right:solid 1px #d3d3d3;} #vha-header #top-globalnav li.nav-item-on,#top-globalnav li.global-item-active{margin-top:5px;} #vha-header #top-globalnav li.nav-item-on a,#top-globalnav li.global-item-active a{background-color:#fff;background-image:url(../img/vha_mm_pipe.gif);background-position:0px 0px;background-repeat:repeat-y;border-top:0px;border-bottom:0px;border-bottom:none;} #vha-header #top-globalnav li.nav-item-on a span,#top-globalnav li.global-item-active a span{border:0px;} #vha-header #top-globalnav li.nav-item-on a span,#top-globalnav li.global-item-active a span{text-indent:0px;display:block;line-height:33px;margin-right:-1px;background-image:url(../img/vha_mm_pipe.gif);background-position:100% 0px;background-repeat:repeat-y;border-top:solid 1px #d3d3d3;float:left;position:relative;background-color:#fff;border-left:solid 1px #d3d3d3;text-indent:-1px;padding:0px 21px 0px 20px;border-bottom:none;padding-bottom:1px;cursor:pointer;} #vha-header #top-globalnav li a:link, #vha-header #top-globalnav li a:visited, #vha-header #top-globalnav li a:hover, #vha-header #top-globalnav li a:active{} #vha-header #top-globalnav li a span{} #vha-header #top-globalnav li a:hover{} #vha-header #top-globalnav li a:hover span{} #vha-header #top-globalnav li.active a:link, #vha-header #top-globalnav li.active a:visited, #vha-header #top-globalnav li.active a:hover, #vha-header #top-globalnav li.active a:active{} #vha-header #top-globalnav li.active a span{} /*----[Account dropdown]----*/ #vha-header #top-links{width:490px;background:transparent;margin-bottom:0px;float:right;position:relative;z-index:50;} #vha-header #top-links ul#top-quicklinks{float:right;} #vha-header #top-links ul#top-quicklinks li.quick-links{float:right;font-weight:normal;height:40px;} #vha-header #top-links ul#top-quicklinks li.shopping-cart{float:left} #vha-header #top-links ul#top-quicklinks li.login-box{float:left; margin-left:10px;} #vha-header #top-links ul#top-quicklinks li.shopping-cart a{line-height:40px;} #vha-header #top-links ul#top-quicklinks li ul li{float:none;background:none;} #vha-header #top-links ul#top-quicklinks a:link, #vha-header #top-links ul#top-quicklinks a:visited, #vha-header #top-links ul#top-quicklinks a:hover, #vha-header #top-links ul#top-quicklinks a:active{text-decoration:none;padding:0px;vertical-align:middle;} #vha-header #top-links ul#top-quicklinks li.my-account a.account-sign-in{line-height:24px;margin:10px 0px 0px 35px;font-weight:bold;display:block;} #vha-header #top-links ul#top-quicklinks li.language-selector img{padding-bottom:2px;} #vha-header #top-links ul#top-quicklinks li.my-account{width:244px;background-image:url(../img/vha_mm_sprite.gif);background-repeat:no-repeat;background-position:0px 0px;height:40px;margin-right:0;font-size:1.178em;position:relative;} #vha-header #top-links ul#top-quicklinks li.sfHover a{text-decoration:none;} #vha-header #top-links ul.account-dropdown{position:absolute;right:2px;top:35px;z-index:99;width:208px;padding:10px;background:#fff;color:#333;min-height:10.5em;border:1px solid #cfcfcf;display:none;} #vha-header #top-links ul#top-quicklinks li.nav-item-on ul{display:block;} /*----[Login dropdown styling]----*/ #vha-header #top-links #top-quicklinks .account-dropdown a:link, #vha-header #top-links #top-quicklinks .account-dropdown a:visited, #vha-header #top-links #top-quicklinks .account-dropdown a:hover, #vha-header #top-links #top-quicklinks .account-dropdown a:active{text-decoration:none;padding:0;margin:0;color:#525252;font-weight:normal;} #vha-header #top-links #top-quicklinks .account-dropdown a:hover, #vha-header #top-links #top-quicklinks .account-dropdown a:active{color:#bd0000;} #vha-header #top-links .account-dd fieldset{} #vha-header #top-links .account-dd fieldset ul li{margin-bottom:10px;float:none;} #vha-header #top-links .account-dd fieldset ul li.btn-row{} #vha-header #top-links .account-dd fieldset ul li.btn-row button{float:left;background-image:url(../img/vha_mm_sprite.gif);height:24px;width:57px;background-repeat:no-repeat;background-position:-31px -76px;line-height:24px;text-align:center;color:#fff;font-weight:bold;} #vha-header #top-links .account-dd fieldset ul li.btn-row label{float:right;position:relative;padding-left:20px;} #vha-header #top-links .account-dd fieldset ul li.btn-row label input{position:absolute;width:16px;height:16px;margin:0px;padding:0px;left:0px;top:4px;} #vha-header #top-links .account-dd fieldset ul li.btn-row label span{font-size:11px;line-height:24px;float:left;color:#525252;} #vha-header #top-links .account-dd fieldset ul li .input-text{width:192px;padding:5px 5px 5px 8px;border:1px solid #c9c9c9;background:#f4f4f4;font-size:0.849em;} #vha-header #top-links .account-dd .account-links ul li{margin-bottom:0px;padding:0px;} #vha-header #top-links .account-dd .account-links ul li a{padding:0px;left:0px;top:0px;position:static;float:none;font-size:11px;color:#525252;} /*----[Renew dropdown]----*/ #vha-header #top-links ul#top-quicklinks li.my-account-logged-in{width:178px;background:transparent url(../img/buttons/btn_signed_in.gif) left top no-repeat;height:40px;font-size:1.178em;} #vha-header #top-links ul#top-quicklinks li.my-account-logged-in a.account-signed-in{position:relative;top:12px;left:30px;font-weight:bold;} #vha-header #top-links ul#top-quicklinks li.log-out{background:none;} #vha-header #top-links ul#top-quicklinks li.log-out .buttonLoggedIn{padding:0 0 0 12px;position:relative;top:8px;} p.light-grey{color:#9e9e9e;padding-bottom:7px;} #vha-header #top-links .dropdown-wrapper p.chart-text{font-weight:bold;width:200px;float:left;padding-bottom:5px;background:#fff;} #vha-header #top-links .dropdown-wrapper p.chart-text span{font-weight:bold;color:#bd0000;font-size:1.178em;padding-left:10px;} /* Mega Menu */ /* Commented out by Jia #top-nav{width:950px;background:#f80000 url(../img/menu_bg.gif);} Replacement rule on top of page */ #vha-header #top-nav div#menu{padding:1px 0px 0px 0px;display:block;width:auto;list-style-type:none;background-image:url(../img/logo.png);background-repeat:no-repeat;background-position:16px 50%;position:relative;height:58px;} #vha-header #top-nav ul#menu{padding:1px 0px 0px 0px;display:block;width:auto;list-style-type:none;background-image:url(../img/logo.png);background-repeat:no-repeat;background-position:16px 50%;position:relative;} #vha-header ul#menu li.top-level{float:left;text-align:center;border-right:1px solid #df0000;margin:0px;padding:0px;width:auto;padding:6px;font-size:1.359em;} #vha-header ul#menu li.nav-item-first{border-left:1px solid #df0000;} #vha-header ul#menu li.nav-item-home{width:71px;border-right:1px solid #DF0000;padding:5px;} #vha-header ul#menu li.nav-item-home a{background:none;display:block;text-indent:-9999px;} /*----[Top level menu hover]----*/ #vha-header ul#menu li.top-level a{display:block;text-decoration:none;color:#fff;line-height:46px;padding:0px 17px;margin:0px;/* corner tips */ -webkit-border-top-left-radius:1px;-webkit-border-top-right-radius:1px;-moz-border-radius-topleft:1px;-moz-border-radius-topright:1px;border-top-left-radius:1px;border-top-right-radius:1px;} #vha-header ul#menu li.nav-item-on a.top-level-item{color:#000;background-color:#fff;} #vha-header ul#menu li.nav-item-active{background-color:#BD0000;} /*----[Phones & plans]----*/ #vha-header ul#menu li.phones{font-size:1.359em;font-weight:bold;} #vha-header ul#menu li.phones a{} #vha-header ul#menu li.phones a:hover, #vha-header ul#menu li.phones:hover, #vha-header ul#menu li.phones:hover a{} #vha-header ul#menu li.phones a.active{} #vha-header ul#menu li.phones a.active:hover, #vha-header ul#menu li.phones:hover a.active{} /*----[Country specific if two lines required for long menu items]----*/ #vha-header ul#menu li.phones a.phones.greek{line-height:1;} #vha-header ul#menu li.phones a.phones.greek span{top:15px;} /*----[Applications & downloads]----*/ #vha-header ul#menu li.apps{font-size:1.359em;font-weight:bold;} #vha-header ul#menu li.apps a{} #vha-header ul#menu li.apps a:hover, #vha-header ul#menu li.apps:hover, #vha-header ul#menu li.apps:hover a{} #vha-header ul#menu li.apps a.active{} #vha-header ul#menu li.apps a.active:hover, #vha-header ul#menu li.apps:hover a.active{} /*----[Online]----*/ #vha-header ul#menu li.online{font-size:1.359em;font-weight:bold;} #vha-header ul#menu li.online a{} #vha-header ul#menu li.online a:hover, #vha-header ul#menu li.online:hover, #vha-header ul#menu li.online:hover a{} #vha-header ul#menu li.online a.active{} #vha-header ul#menu li.online a.active:hover, #vha-header ul#menu li.online:hover a.active{} /*----[Personal support]----*/ #vha-header ul#menu li.personal-support{font-size:1.359em;font-weight:bold;} #vha-header ul#menu li.personal-support a{} #vha-header ul#menu li.personal-support a:hover, #vha-header ul#menu li.personal-support:hover, #vha-header ul#menu li.personal-support:hover a{} #vha-header ul#menu li.personal-support a.active{} #vha-header ul#menu li.personal-support a.active:hover, #vha-header ul#menu li.personal-support:hover a.active{} /*----[Business products]----*/ #vha-header ul#menu li.products{font-size:1.359em;} #vha-header ul#menu li.products a{} #vha-header ul#menu li.products a:hover, #vha-header ul#menu li.products:hover, #vha-header ul#menu li.products:hover a{} #vha-header ul#menu li.products a.active{} #vha-header ul#menu li.products a.active:hover, #vha-header ul#menu li.products:hover a.active{} /*----[Total communications]----*/ #vha-header ul#menu li.comms{font-size:1.359em;} #vha-header ul#menu li.comms a{} #vha-header ul#menu li.comms a:hover, #vha-header ul#menu li.comms:hover, #vha-header ul#menu li.comms:hover a{} #vha-header ul#menu li.comms a.active{} #vha-header ul#menu li.comms a.active:hover, #vha-header ul#menu li.comms:hover a.active{} /*----[Bright ideas]----*/ #vha-header ul#menu li.ideas{font-size:1.359em;} #vha-header ul#menu li.ideas a{} #vha-header ul#menu li.ideas a:hover, #vha-header ul#menu li.ideas:hover, #vha-header ul#menu li.ideas:hover a{} #vha-header ul#menu li.ideas a.active{} #vha-header ul#menu li.ideas a.active:hover, #vha-header ul#menu li.ideas:hover a.active{} /*----[Business support]----*/ #vha-header ul#menu li.business-support{font-size:1.359em;} #vha-header ul#menu li.business-support a{} #vha-header ul#menu li.business-support a:hover, #vha-header ul#menu li.business-support:hover, #vha-header ul#menu li.business-support:hover a{} #vha-header ul#menu li.business-support a.active{} #vha-header ul#menu li.business-support a.active:hover, #vha-header ul#menu li.business-support:hover a.active{} /*----[Search in menu bar]----*/ #vha-header ul#menu li.search{padding:0px 10px;font-size:inherit;float:right;} #vha-header ul#menu li.search, #vha-header ul#menu li.search:hover{border-right:none;} #vha-header #menu li.search fieldset{width:145px;margin-top:13px;display:block;float:none;} #vha-header #menu li.search fieldset ul li{float:left;clear:none;margin:0px;padding:0px;border:solid 0px #00F;} #vha-header #menu li.search fieldset ul li button{background-image:url(../img/vha_mm_sprite.gif);background-repeat:no-repeat;background-position:0px -70px;height:30px;width:31px;clear:none;border:solid 0px #000;margin:0px;padding:0px;} #vha-header #menu li.search fieldset ul li button span{display:block;text-indent:-9999px;} #vha-header #menu li.search fieldset ul li .input-cont{padding:0px;font-weight:bold;font-size:1.087em;background-color:#f4f4f4;background-image:url(../img/vha_mm_sprite.gif);background-repeat:no-repeat;background-position:0px -40px;height:30px;float:left;padding-left:5px;} #vha-header #menu li.search fieldset ul li input#top-search-field{padding:0px;width:99px;margin:5px 0px 0px 0px;background:none;background-color:#f4f4f4;position:static;height:20px;display:block;clear:none;border:solid 0px #cc0000;float:left;} /*----[Mega Menus]----*/ #vha-header ul#menu li.nav-item-on .nav-item-dd{display:block;} #vha-header ul#menu li .nav-item-dd{display:none;position:absolute;left:88px;top:51px;width:auto;} #vha-header ul#menu li .nav-item-dd ul{float:left;margin:0px;width:auto;padding:0px 0px 0px 0px; /*ie font size fix*/ *padding:0px 0px 0px 0px; _padding:0px 0px 0px 0px; zoom:1; } #vha-header ul#menu li .nav-item-dd ul .nav-item-dd-inner{ box-shadow:3px 3px 3px #ccc; } /*webkit font size fix*/ @media screen and (-webkit-min-device-pixel-ratio:0){ul#menu li .nav-item-dd ul{padding:0px 0px 0px 0px;}} #vha-header ul#menu li .nav-item-dd IFRAME{position:absolute;top:0;left:-2px;z-index:-1;filter:mask();width:200px;height:400px;border:solid 1px #fff;} #vha-header ul#menu li.nav-item-dd-right .nav-item-dd ul{float:right;width:auto;} #vha-header ul#menu li.personal-support .nav-item-dd{} #vha-header ul#menu li ul li{background:#fff;padding:0;float:left;border:none;} #vha-header ul#menu li .nav-item-dd ul li{padding:0px 4px 4px 0px;font-size:0.735em;font-weight:normal;background-color:transparent;/* background-image:url(../img/vha_mm_drop_shadow.gif);*/ background-repeat:no-repeat;background-position:0px 0px;} #vha-header ul#menu li .nav-item-dd ul li .nav-item-dd-inner{background-color:#fff;border-left:1px solid #dbdbdb;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;padding:10px 0px 10px 10px;float:left;} #vha-header ul#menu li .nav-item-dd ul li dl{float:left;width:150px;text-align:left;background:#fff;padding:0px;margin:0px 10px 0px 0px;_margin:0px 5px 0px 5px;} #vha-header ul#menu li .nav-item-dd ul li dl.sub-nav-support{background:#ebeaea;padding:7px 0px 7px 0px;width:160px;} #vha-header ul#menu li .nav-item-dd ul li d0sub-nav-support dt,ul#menu li .nav-item-dd ul li dl.sub-nav-support dd{padding:0px 8px;} #vha-header ul#menu li .nav-item-dd ul li dl.sub-nav-support dt{border:0px;background-image:url(../img/vha_mm_sprite.gif);background-repeat:no-repeat;background-position:-223px -81px;padding-left:33px;margin-bottom:5px;} #vha-vca .vha-vca-hd .vha-vca-hd-topnav #top-nav ul#menu li .nav-item-dd ul li dl a{margin:0px;padding:0px;float:none;font-size:11.0333px;line-height:18px;color:#525252;font-weight:normal} #vha-header ul#menu li .nav-item-dd ul li dl dt{font-size:1.182em;font-weight:bold;border-bottom:1px dotted #e5e5e5;padding-bottom:3px;} #vha-header ul#menu li .nav-item-dd ul li dl dd a.subnav{display:block;font-weight:normal;border-bottom:1px dotted #e5e5e5;} #vha-header ul#menu li .nav-item-dd ul li dl dd a.subnav:hover, #vha-header ul#menu li .nav-item-dd ul li dl dd a.subnav:active{color:#bd0000;background-color:none;} #vha-header ul#menu li .nav-item-dd ul li dl.sub-nav-support a.subnav{background-color:#ebeaea;} #vha-header ul#menu li .nav-item-dd ul li dl.sub-nav-support a:hover{background-color:#ebeaea;} /*----[Alignment]----*/ /* header sprite*/ #vha-header .sub-nav-dl dt{background-image:url(../img/mm_header_sprite.gif);background-position:0px 0px;background-repeat:no-repeat;padding-top:95px;} #vha-header .sub-nav-dl-devices dt{background-position:0 0;width:150px;} #vha-header .sub-nav-dl-more-for-plan-bb dt{background-position:0 -134px;width:150px;} #vha-header .sub-nav-dl-plans-caps dt{background-position:0 -268px;width:150px;} #vha-header .sub-nav-dl-my-voda dt{background-position:0 -402px;width:150px;} #vha-header .sub-nav-dl-mobile-phones dt{background-position:0 -536px;width:150px;} #vha-header .sub-nav-dl-more-for-phone dt{background-position:0 -670px;width:150px;} #vha-header .sub-nav-dl-contract dt{background-position:0 -804px;width:150px;} #vha-header .sub-nav-dl-more-for-plan dt{background-position:0 -938px;width:150px;} #vha-header .sub-nav-dl-prepaid dt{background-position:0 -1072px;width:150px;} #vha-header .sub-nav-dl-community dt{background-position:0 -1206px;width:150px;} #vha-header .sub-nav-dl-help-support dt{background-position:0 -1340px;width:150px;} #vha-header .sub-nav-dl-popular-how-to dt{background-position:0 -1474px;width:150px;} #vha-header .sub-nav-dl-tools dt{background-position:0 -1608px;width:150px;} #vha-header .sub-nav-dl-tablets dt{background-position:0 -1742px;width:150px;} #vha-header .sub-nav-dl-whyvoda dt{background-position:0 -1852px;width:150px;} /* VHA Footer*/ #vha-header #vha-footer{border-top:1px solid #EEEEEE;margin-top:10px;padding:10px 3px;} #vha-header #vha-footer .vha-ft-col{float:left;width:190px;} #vha-header #vha-footer .vha-ft-col h4{font-size:12px;font-weight:bold;margin-bottom:5px;} .vha-ft-network{margin-bottom:15px;} /* structure */ /*----[Buttons]----*/ #vha-header a.buttonLight, #vha-header a.buttonDark, #vha-header a.buttonLoggedIn{padding-left:12px;display:block;float:left;text-decoration:none;} #vha-header a.buttonLight.bottomLeft{position:absolute;bottom:12px;left:10px;} #vha-header a.buttonLight span, #vha-header a.buttonDark span, #vha-header a.buttonLoggedIn span{height:20px;padding:7px 12px 0 0;display:block;font-weight:bold;cursor:pointer;float:left;white-space:nowrap /* White space nowrap added for larger text sizes in IE*/} #vha-header a.buttonLoggedIn span{height:28px;padding:4px 12px 0 0;} #vha-header a.buttonLight:link, #vha-header a.buttonLight:visited, #vha-header a.buttonLight:hover, #vha-header a.buttonLight:active{background:#f2f2f2 url(../img/buttons/btn_lightgrey_sprite.png) left top no-repeat;color:#525252;} #vha-header a.buttonLight span{background:#f2f2f2 url(../img/buttons/btn_lightgrey_sprite.png) right top no-repeat;} #vha-header a.buttonLight:hover{background:#ebebeb url(../img/buttons/btn_lightgrey_sprite.png) left -40px no-repeat;color:#525252 !important;} #vha-header a.buttonLight:hover span{background:#ebebeb url(../img/buttons/btn_lightgrey_sprite.png) right -40px no-repeat;} #vha-header a.buttonDark:link, #vha-header a.buttonDark:visited, #vha-header a.buttonDark:hover, #vha-header a.buttonDark:active{background:#bebebe url(../img/buttons/btn_darkgrey_sprite.png) left top no-repeat;color:#fff;} #vha-header a.buttonDark span{background:#bebebe url(../img/buttons/btn_darkgrey_sprite.png) right top no-repeat;color:#fff;} #vha-header a.buttonDark:hover{background:#818181 url(../img/buttons/btn_darkgrey_sprite.png) left -40px no-repeat;color:#fff;} #vha-header a.buttonDark:hover span{background:#818181 url(../img/buttons/btn_darkgrey_sprite.png) right -40px no-repeat;color:#fff;} #vha-header a.buttonLoggedIn:link, #vha-header a.buttonLoggedIn:visited, #vha-header a.buttonLoggedIn:hover, #vha-header a.buttonLoggedIn:active{background:#fdfdfd url(../img/buttons/btn_login_sprite.png) left top no-repeat;color:#525252;height:28px;} #vha-header a.buttonLoggedIn span{background:#fdfdfd url(../img/buttons/btn_login_sprite.png) right top no-repeat;color:#525252;height:26px;padding:6px 12px 0 0;height:22px;} #vha-header a.buttonLoggedIn:hover{background:#dbdbdb url(../img/buttons/btn_login_sprite.png) left -40px no-repeat;color:#525252;} #vha-header a.buttonLoggedIn:hover span{background:#dbdbdb url(../img/buttons/btn_login_sprite.png) right -40px no-repeat;color:#525252;} #vha-header a.signin-button{background-color: #333;border-radius: 3px;width:163px;height:25px;margin:7px 0 0 0;display: block;text-align: center;} #vha-header a.signin-button:hover{background-color: black;} #vha-header a.signin-button h3{line-height: 25px;font-size: 12px;color: #fff;padding: 0px 15px;} #vha-header a.signout-button{background-color: #333;border-radius: 3px;width:175px;height:25px;margin:7px 0 0 0;display: block;text-align: center;} #vha-header a.signout-button:hover{background-color: black;} #vha-header a.signout-button h3{line-height: 25px;font-size: 12px;color: #fff;padding: 0px 15px;} #vca-myvoda-form .alert{background-color:#efefef;position:relative;border-radius:4px;padding:10px} #vca-myvoda-form .alert .icon{float:left} #vca-myvoda-form .alert .icon img{width:20px;height:20px} #vca-myvoda-form .alert span.msg{display:block;overflow:hidden;padding-left:.5em}