/* Updated 01/2024 Octav Nicolae Vodafone 2010 Styling - cclamp only - for portal Author: HP / Sapient Nitro Version 1.1 Contents - Orientation (Skip links) - Meta nav styles - Wrapper styling - Navigation - Primary navigation - Active state - Mega nav - Search - Left-hand navigation - List styling - Button set - Footer Navigation - Portal overrides and additions */ html { background:#f4f4f4; margin:0; padding:0; font-size:100% } body, * html body { background:url(img_body_bg_high.gif) left top repeat-x; color:#525252; font-family:Arial, Verdana, sans-serif; font-size:0.625em; text-align:left } /**** Orientation (Skip links) ****/ #orientation { display:block; margin:0 auto; width:952px } #orientation li { list-style:none outside; text-align:left } .jsEnabled #orientation { position:absolute; left:0; top:0; height:1%; margin:0; width:auto } .jsEnabled #orientation a { display:block; position:absolute; left:-1000px; top:0; white-space:nowrap } .jsEnabled #orientation a:focus { left:0 } /**** Meta nav styles ****/ #metaNav { margin-bottom:13px } #metaNavContent {font-weight:bold; margin:0 auto; text-align:right; width:970px } #mastheadTabs, #mastheadUtils { display:block; padding:0; } #mastheadTabs li, #mastheadUtils li { display:inline-block; list-style:none outside; vertical-align:top } #mastheadTabs { display:inline; float:left; font-size:1.3em; line-height:normal; margin:8px 0 0 79px } #mastheadTabs li { margin-right:5px; vertical-align:bottom } #mastheadTabs a { background:url(img_tab_global_left.gif) 0 0 no-repeat; display:block; padding:0 0 0 10px; text-decoration:none } #mastheadTabs a:hover, #mastheadTabs a:focus { background-color:#FFFFFF; background-position:0 -50px; color:#525252; cursor:pointer; outline:none } #mastheadTabs a span { background:url(img_tab_global_right.gif) 100% 0 no-repeat; display:inline-block; line-height:1em; margin:0; padding:9px 10px 6px 0; vertical-align:top; } #mastheadTabs a:hover span, #mastheadTabs a:focus span { background-position:100% -50px } #mastheadTabs .current a { background-color:#FFFFFF; background-position:0 -50px; color:#333333; text-decoration:none } #mastheadTabs .current a span { background-position:100% -50px; } #mastheadUtils { display:inline-block; margin:0 10px 0 0; } #mastheadUtils li { background:url(img_topnav_pipe.gif) no-repeat scroll left top; } #mastheadUtils li a { display:inline-block; font-size:1.1em; text-decoration:none; padding:14px 10px 8px; position:relative; vertical-align:middle; } #mastheadUtils li a:hover, #mastheadUtils li a:focus, #mastheadUtils li a:active { text-decoration:underline } #mastheadUtils #MUmyAccount, #mastheadUtils #MUmyAccountLink { background: url(img_btn_sign_in_high.gif) no-repeat right top; font-size:1.178em; margin-right:-2px; position:relative; text-align:left; width:240px; z-index:1000 } #MUmyAccount a { font-weight:bold; margin-left:28px; } #mastheadUtils #MUmyAccountOptions { background:#FFFFFF; border:1px solid #CFCFCF; color:#333333; display:block; margin:0 2px 0 8px; padding:0 0 5px; width:228px } #mastheadUtils #MUmyAccountOptions li { background:none; display:block; margin:0; padding:0; overflow:hidden } #MUmyAccountOptions li a { display:block; margin:0; text-decoration:none } #MUmyAccountOptions li a.darkButton { margin:8px 6px; padding:0; } #MUmyAccountOptions li a.darkButton:hover, #MUmyAccountOptions li a.darkButton:focus , #MUmyAccountOptions li a.darkButton:active { text-decoration:none; margin:8px 6px; } #MUmyAccountOptions li a.linkListLike { background-position:10px 11px; border-top:1px solid #EDEDED; font-size:1em; font-weight:normal; padding:8px 15px 3px 20px; margin:5px 0 0; } #MUmyAccountOptions li a.linkListLike:hover { background-position:10px -45px } #MUmyAccountOptions li .innerText { display:block; padding:10px 0 0 10px } .jsEnabled #mastheadUtils #MUmyAccountOptions { display:none; left:0; position:absolute; top:2.9702em; z-index:1001 } #mastheadUtils #MUmyAccountLink { background-image: url(img_btn_sign_in_link.gif); } #mastheadUtils #MUmyAccountLink a { display:block; font-weight:bold; margin-left:28px; } /**** Wrapper styling ****/ .container_12 { text-align:left; clear:both } /**** Navigation ****/ #navigation { background:#f80000 url("img_menu_bg.gif") left top no-repeat; margin:0 auto 10px; overflow:visible; padding:1px 0 0; text-align:right; width:952px } #navigation a { color:#FFF; text-decoration:none } #homeLink { float:left } #vfLogo { border-right:1px solid #DF0000; margin:0; padding:9px 15px 8px } /** Primary navigation (jsActive used in JS to hold active state before timeout fires) **/ #primaryNavigation { float:left; margin:0; padding:0; position:relative; overflow:visible; text-align:left; vertical-align:bottom; z-index:999 } #primaryNavigation li { border-right:1px solid #DF0000; display:block; font-size:1.6em; list-style:none outside } .jsEnabled #primaryNavigation li { float:left } #primaryNavigation li .menuLayerLink { background:#F80000 url(img_bg-mdd-mainvav-l.gif) no-repeat scroll left top; display:inline-block; line-height:1em; } #primaryNavigation li .menuLayerLink:hover, #primaryNavigation li .menuLayerLink:focus, #primaryNavigation li .jsActive { background-color:#fff; background-position:0 -58px; color:#666; cursor:pointer; text-decoration:none; outline:none } #primaryNavigation li .menuLayerLink span { background:url(img_bg-mdd-mainnav-r.gif) right top no-repeat; display:inline-block; padding:21px 25px 20px; text-align:center} /* defaults to the width for five items */ /* navigation alternative number of items */ #primaryNavigation.personal li .menuLayerLink span { } #primaryNavigation.business li .menuLayerLink span { padding-left:11px; padding-right:12px } #primaryNavigation.corporate li .menuLayerLink span { padding-left:19px; padding-right:19px } #primaryNavigation.publicsector li .menuLayerLink span { padding-left:19px; padding-right:19px } #primaryNavigation.fourItems li .menuLayerLink span { padding-left:45px; padding-right:45px } #primaryNavigation li .menuLayerLink:hover span, #primaryNavigation li .menuLayerLink:focus span, #primaryNavigation li .jsActive span { background-position:100% -58px } /* Active state marks the current area */ #primaryNavigation li.active { background:#BD0000 } #primaryNavigation li.active .menuLayerLink { background-position:0 -118px; } #primaryNavigation li.active .menuLayerLink span { background-position:100% -118px; } #primaryNavigation li.active .menuLayerLink:hover, #primaryNavigation li.active .menuLayerLink:focus, #primaryNavigation li.active .jsActive { background-position:0 -173px; color:#666; } #primaryNavigation li.active .menuLayerLink:hover span, #primaryNavigation li.active .menuLayerLink:focus span, #primaryNavigation li.active .jsActive span { background-position:100% -173px; } /** MegaNav **/ div.megaItems { background:#fff url(img_megadropdown-top.gif) right top no-repeat; margin:0; padding:0; width:50.9375em; z-index:1000 } div.megaItems_support { background-position:right -12px; width:40.9375em; } .megaCorner { background:url(img_megadropdown-top.gif) -9px -10px no-repeat; display:block; height:9px; overflow:hidden; } .megaItemsContent { background:#fff; border:1px solid #dbdbdb; border-top:none; overflow:hidden; padding:0 0 2px } .megaItemsContent { border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; } /* CSS3 border declaration */ #primaryNavigation .megaItem { display:inline; float:left; margin:0 0 10px 10px; padding:0; width:9.375em; vertical-align:top } #primaryNavigation .megaItemLast { margin-right:10px; } #primaryNavigation .megaList { border-top:1px solid #e5e5e5; margin:4px 0 0; padding:0; } #primaryNavigation .megaList li { border-right:none; border-bottom:1px solid #e5e5e5; float:none; font-size:1em; padding:0; } #primaryNavigation .megaItem a { color:#535353; display:block; font-size:0.6875em; padding:2px 0; text-align:left; text-decoration:none } #primaryNavigation .megaItem a:hover,#primaryNavigation .megaItem a:focus { text-decoration:underline; outline:none } .jsEnabled div.megaItems { display:none; position:absolute; left:8px; top:3.0625em; } .jsEnabled div.megaItems_support { left:auto; right:8px; } .megaTitle { display:block; font-size:0.75em; font-weight:bold; line-height:1.5em; margin-top:10px } #primaryNavigation .megaItem .megaTitle a { font-size:1em; padding-top:0; padding-bottom:0 } .specialNotice {border-top:1px solid #E5E5E5;clear:both;color:#80807e;margin:10px 10px 0 10px;height:23px;} #navigation .specialNotice a {margin:0 20px;color:#535353;font-size:0.6875em;} #navigation .specialNotice a:hover, #navigation .specialNotice a:focus { text-decoration:underline; outline:none } .specialNotice em {color:#c80000;margin:0;font-size:0.6875em;font-style:normal; font-weight:bold} /* Support column */ .megaSupport { background:#e9e9e9; padding:8px } .megaSupport .megaTitle { margin-top:0;background:url(img_h2-using-help.gif) no-repeat scroll 0 50% #EBEBEB;padding-left:27px; } #primaryNavigation .megaSupport .megaList { margin-bottom:10px; } /** Search **/ #searchForm { display:inline-block; text-align:left; min-height:58px;} #searchForm fieldset { display:inline; padding:13px 10px 0px 0; vertical-align:middle; } #searchQuery { background:#f4f4f4 url(img_search_box_2.gif) left top no-repeat; border:none; font-size:1.3em; font-weight:bold; margin-left:5px; line-height:1.2307em; padding:0px 0px 0px 7px; height:30px; vertical-align:top; width:90px; } #searchImageButton { vertical-align:top } /* Left-hand navigation */ #leftHandNavigation { color:#a4a4a4; font-size:1.1em; margin:0 1px 0 0; padding:0 0 15px 1px;} #leftHandNavigation ul { padding:0;} #leftHandNavigation li { background:#fff; list-style:none outside } #leftHandNavigation a {color:#a4a4a4; text-decoration:none; margin:0; padding:0; display:block; } #leftHandNavigation a:hover, #leftHandNavigation a:focus, #leftHandNavigation a:active { color:#ca0000; text-decoration:underline;} #leftHandNavigation li a { background:url(img_arrows_on_white1.png) 8px 10px no-repeat; border-bottom:1px solid #ebebeb; color:#525252; display:block; padding:0;} #leftHandNavigation li a:hover, #leftHandNavigation li a:focus, #leftHandNavigation li a:active { background-color:#ededed; background-position:8px -46px ; } #leftHandNavigation li a { padding:7px 0 7px 17px; } #leftHandNavigation li li a { background-position:15px 10px; padding-left:24px; } #leftHandNavigation li li a:hover, #leftHandNavigation li li a:focus, #leftHandNavigation li li a:active { background-position:15px -46px ; } #leftHandNavigation li.activeNav a { font-weight:bold; } #leftHandNavigation li.activeNav li a { font-weight:normal; } #leftHandNavigation li.activeNav li.activeNav a { font-weight:bold; } #leftHandNavigation li.activeNav li.activeNav li a { font-weight:normal; } #leftHandNavigation li.activeNav li.activeNav li.activeNav a { font-weight:bold; } #leftHandNavigation li a.activeItem { background-color:#ededed } #leftHandNavigation ul ul li a, #leftHandNavigation ul ul li.activeNav a { padding-left:31px; background-position:22px 10px; } #leftHandNavigation ul ul li a:hover, #leftHandNavigation ul ul li a:focus, #leftHandNavigation ul ul li a:active { background-position:22px -46px ; } /**** List styling ****/ a.linkListLike {background-image:url(img_arrows_on_white1.png);background-repeat:no-repeat;background-position:0 3px;display:block;padding-left:10px;text-decoration:none;} a.linkListLike:hover, a.linkListLike:focus, a.linkListLike:active {background-position:0 -53px ;color:#c80000;} /**** Button Set ****/ /* default styles, dark only */ a.darkButton { display:inline; float:left;border:none;background:url(img_bg_sprite_button.png) left top no-repeat;display:block;height:27px;text-decoration:none;color:#525252;font-size:1.1em;font-weight:bold;} a.darkButton span{white-space:nowrap;border:none;background:url(img_bg_sprite_button.png) right top no-repeat; display:block;height:20px;padding: 7px 10px 0 0;margin:0 0 0 10px;cursor:pointer;color:#525252;} /* Standard dark Button */ a.darkButton {background-position:left -54px;color:white;} a.darkButton span{background-position:right -54px;color:white;} a.darkButton:hover,a.darkButton:focus,a.darkButton:active {background-position:left -54px;} a.darkButton:hover span,a.darkButton:focus span,a.darkButton:active span {background-position:right -54px;} /**** Footer Navigation ****/ #footernav { color:#535353; clear:both; margin:17px 0 0 5px; padding-bottom:10px } .footerNotes { } #footernav_links { background:url(img_footerlines.gif) 0 0 repeat; overflow:hidden; margin-bottom:18px } #footernav_links dl { display:inline; float:left; margin:0 10px 8px 0; min-height:146px; padding:10px 0 3px; width:150px; } #footernav_links dt, #footernav_links dd { margin:0; padding:0 10px 0 3px; } #footernav_links dt { font-size:1.2em; font-weight:bold; margin-bottom:13px; } #footernav_links dd { font-size:1.1em; margin-bottom:8px } #footernav_links dl, #footernav_links a { color:#535353;text-decoration:none;} #footernav_links a:hover, #footernav_links a:focus { text-decoration:underline; outline:none } #footernav_links .lastItem { border:none; margin-right:0; } #footernav_links .lastItem dt, #footernav_links .lastItem dd { padding-right:0 } .footerLegal { clear:both; font-size:1.1em; text-align:right } .footerCopy {float: left; line-height: 2;text-align: left;} .socialIcons { display:block; margin:0; padding:0; } .socialIcons li { display:inline; list-style:none outside; margin:0; padding:0; } /**** Portal overrides and additions ****/ #mainShell { font-size:1.10333em; text-align:left; padding-left:0px !important; width:960px; float:none; } #footernav { margin:0 auto; text-align:left; width:960px } .advanceForm .modBody li p {padding:4px 10px 15px;} ul.productDetails {padding:10px 9px 4px !important;} h2.modHeaderCMS{font-size:1.49em;} ul.btns li,.advanceForm form ul.btns li{margin:0 10px 5px 12px;} *html ul.btns li,.advanceForm form ul.btns li{margin:0 10px 5px 12px !important;} .shadowLightBoxContent {text-align:left; } #paygTopUpCTA a{margin-top:0px !important;} img, fieldset{border:none} ul li {padding:0} .grid {background-color:#FFFFFF!important;} #metaNav li span {margin:0px!important; padding-left:5px;} #paygTopUpCTA {padding-left:10px!important;} *html #paygTopUpCTA {padding-left:5px!important;margin-left:0px !important;} /*style added to fix defect number 18904 */ a.bodyLink { background-position:100% 0px; display:inline; float:none; } a.bodyLink:hover{ float:none; display:inline; background-position:100% 0px; } /* .mod5Col.reminder { margin-left:30px; width:952px; background:none !important; } * html .mod5Col.reminder { margin-left:14px; width:952px; } */ * html #searchQuery{height:24px; padding-top:6px;} #sape .modHeader h2, #sape p, #sape .modBody p, #sape h1.petrol, #sape .petrolTitle {font-family:Arial, Verdana, sans-serif !important;} h2.modHeader a, h2.modHeader a:active {color:#FFFFFF !important;font-family:verdana, sans-serif !important;text-decoration:none !important;} h2.modHeader span{font-size:0.95em} *html h2.modHeader {padding:6px 0 0px 10px !important;} #mastheadTabs li a span, #mastheadUtils li a {color:#333 !important;} #template19 h2 {font-family:Arial, Verdana, sans-serif !important;padding-left:8px !important;} * html .advanceForm H2.modHeader {margin-right:2px;} .modHeight170 { height:15.55em } #mainContentOverlapContainer {width:960px;} #metaNav #mastheadTabs a{padding:0 0 0 10px;} /* Fix by Saurabh*/ .grid { BACKGROUND-COLOR: #ffffff! important; float:left; } DIV#messagePane P.error_pane_intro { PADDING-RIGHT: 35px; PADDING-LEFT: 35px; BACKGROUND: url(../images/icn_error.gif) no-repeat; FLOAT: none; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; TEXT-ALIGN: left;font-weight:bold;font-size:11px;color:#000; } UL#paneErrorList { MARGIN-LEFT: 40px; LIST-STYLE-TYPE: disc; font-weight:bold;font-size:11px;color:#000; } UL#paneErrorList LI a:link span {color:#000;} UL#paneErrorList LI a:hover span {color:#008698;text-decoration:underline;} .singleColumn { FLOAT: left; WIDTH: 192px; MARGIN-RIGHT: -1px;} *html .footerLegal { font-size:1em; } /*RFTU Fixes | Akhila*/ *html a.vf-inlineButton span { font-size:1.2em;} *html .contentFooter h5 { font-size:1.4em} *html .contentFooter p {font-size:1.1em} input#limitaccessurl[value*='?pageID=MV_0241']~div#mainShell div#contentGrid .contentPanelHeight4 a[title*='Explain my bill'],input#limitaccessurl[value*='?pageID=MV_0241']~div#mainShell div#contentGrid .contentPanelHeight4 a[title*='Explain my bill']~*,input#limitaccessurl[value*='?pageID=MV_0241']~div#mainShell div#contentGrid .contentPanelHeight4 a[href*='pageID=MV_6600'],input#limitaccessurl[value*='?pageID=MV_0241']~div#mainShell div#contentGrid .contentPanelHeight4 .supportPanel,input#limitaccessurl[value*='?pageID=MV_0241']~div#mainShell div#contentGrid .contentPanelHeight4 .supportPanel~*,input#limitaccessurl[value*='?pageID=MV_0241']~div#mainShell div#contentGrid .contentPanelHeight4 a[title*="Vodafone VIP-Get tickets to some of the UK"]{display:none}input#limitaccessurl[value*='?pageID=MV_6600']~div,input#limitaccessurl[value*='?pageID=MV_6602']~div{display:none}div#metaNav ul#mastheadUtils li#MUmyAccount ul#MUmyAccountOptions li:not(:last-child){display:none} /* Apollo landing page MV_6601 */ /* Author: Octav Nicolae 05/2021 */ input#limitaccessurl[value*='?pageID=MV_6601']~#mainShell #contentGrid,input#limitaccessurl[value*='?pageID=MV_6601']~#mainShell .singleColumn{display:none}input#limitaccessurl[value*='?pageID=MV_6601']~#mainShell .contentPanelHeight4{height:30em}input#limitaccessurl[value*='?pageID=MV_6601']~#mainShell .hubpanelExtraLarge{width:765px}input#limitaccessurl[value*='?pageID=MV_6601']~#mainShell .hubpanelExtraLarge ul{list-style:disc}input#limitaccessurl[value*='?pageID=MV_6601']~#mainShell .hubpanelExtraLarge li{padding-left:13px}input#limitaccessurl[value*='?pageID=MV_6601']~#mainShell .panelLeft{float:left}input#limitaccessurl[value*='?pageID=MV_6601']~#mainShell .panelRight{float:right;max-width:340px;padding-top:15px;padding-right:10px} /* hide upgrade link */ /* Author: Irshad CK 08/2021 */ input#limitaccessurl[value*='?pageID=MV_8081']~div#mainShell div#subNavigation ul ul{display:none} /* hide Help and Support links */ /* Author: Irshad CK 10/2021 */ input#limitaccessurl[value*='?pageID=MV_8081']~div#mainShell .grid div:nth-child(3) div:nth-child(3) {display:none} input#limitaccessurl[value*='?pageID=MV_8093']~div#mainShell .grid div:nth-child(3) div:nth-child(3) {display:none} input#limitaccessurl[value*='?pageID=MV_8093']~div#mainShell .grid div:nth-child(3) div:nth-child(4) {display:none} /* US1915839 - hide sections */ /* Author: Octav N 01/2024 */ #mastheadTabs, #primaryNavigation>li:nth-child(1), #primaryNavigation>li:nth-child(2), #primaryNavigation li:nth-child(3) .megaItems .megaItem:nth-child(2), #primaryNavigation li:nth-child(3) .megaItems .megaItem:nth-child(4), #footernav_links dl:nth-child(1), #footernav_links dl:nth-child(2) { display: none; }