#overlay{position:absolute;z-index:50000;background:transparent url(/v4_shared/i/baseline_grid.png) repeat scroll top left;height:400px;width:90px;display:none;} /* ======================== */ /* Default element styling */ /* ======================== */ *{text-align:left;/* copied from v3 CSS... */margin:0;padding:0;line-height:12px;} html,body{/* copied from v3 CSS... */background-color:#fff;margin:0;padding:0;font:12px Arial,Helvetica,sans-serif;text-align:center;color:#4d4d4d;} body{background:transparent url(/v4_shared/i/global_nav/header_bg.png) repeat-x scroll top left;} body.transparent{background:none;background-color:transparent;} img{border:0;} a,a:active{color:#ff4901;text-decoration:underline;} fieldset{border:0;} /* ======================== */ /* Utility styles */ /* ======================== */ .os{height:0;overflow:hidden;text-indent:-1000em;/* TEST AGAINST screen.css position:absolute;left:-2000px;display:none;*/} .offScreen{position:absolute;left:-2000px;} .clearboth{clear:both;} .hidden{/* CONFIRM WITH JONATHAN */display:none;} .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} .clearfix{display:inline-block;} html[xmlns] .clearfix{display:block;} * html .clearfix{height:1%;} /* ======================== */ /* Global header */ /* ======================== */ #header {position:relative;height:117px; /* overridden in IE 6 & 7 */width:938px;margin:0 auto;padding:0;} #header #logo{display:block;position:absolute;top:23px;left:19px;} #header #logo img{/* reset v3 CSS... */margin:0;padding:0;} #header ul li .registerGlobal{position: relative;display: block;} #header ul li .info {background: url("/v4_shared/i/register_bubble.png") no-repeat scroll 0 0 transparent;color: #fafafa;display: none;font-size: 12px;line-height:1.2;height: 46px;padding:20px 12px;position: absolute;right: 10px;text-decoration: none;top: 13px;width: 95px;} /* ======================== */ /* Global navigation */ /* ======================== */ #header #nav{position:absolute;top:43px;left:280px;width:643px;height:44px;background:#fff url(/v4_shared/i/global_nav/bg.gif) no-repeat scroll top left;/* reset v3 CSS... */margin:0;padding:0;list-style:none;} #header #nav li{float:left;/* reset v3 CSS... */margin:0;padding:2px 0 0 0;} #header #nav li a{display:block;height:37px;/* temp,may be 1px too tall in source images */color:#fff;/* temp,so I can see the text */background:transparent url(/v4_shared/i/global_nav/sprite.gif) no-repeat scroll top left;text-indent:-1000em;} /* Global navigation sprite */ #header #nav li a.home{width:54px;margin-left:2px;} #header #nav li a.find_out{width:170px;background-position:-54px 0;} #header #nav li a.shop{width:84px;background-position:-224px 0;} #header #nav li a.help{width:160px;background-position:-308px 0;} #header #nav li a.home:hover{background-position:0 -37px;} #header #nav li a.find_out:hover{background-position:-54px -37px;} #header #nav li a.shop:hover{background-position:-224px -37px;} #header #nav li a.help:hover{background-position:-308px -37px;} #header #nav li.active a.home{background-position:0 -74px;} #header #nav li.active a.home:hover{/* When 'home' is active it shouldn't hover like a link */cursor:default;} ======= #header #nav li a.home { width: 54px; margin-left: 2px; } #header #nav li a.find_out { width: 170px; background-position: -54px 0; } #header #nav li a.shop { width: 84px; background-position: -224px 0; } #header #nav li a.help { width: 160px; background-position: -308px 0; } #header #nav li a.home:hover { background-position: 0 -37px; } #header #nav li a.find_out:hover { background-position: -54px -37px; } #header #nav li a.shop:hover { background-position: -224px -37px; } #header #nav li a.help:hover { background-position: -308px -37px; } #header #nav li.active a.home { background-position: 0 -74px; } #header #nav li.active a.home:hover {/* When 'home' is active it shouldn't hover like a link */cursor:default;} /* ======================== */ /* Search */ /* ======================== */ #header form,#header fieldset{margin:0;padding:0;border:0;} #search legend{display:none;} #searchTerm{position:absolute;font:11px Arial;top:54px;right:55px;color:#808080;width:105px;border:0;margin:0;padding:3px 0 4px 0;background-color:transparent;} #searchSubmit{position:absolute;top:54px;left:881px;background-color:transparent;border:0;cursor:pointer;} /* ======================== */ /* MyMeteor log in */ /* ======================== */ #MyMeteorLogin{z-index:700;display:block;border:0;padding-top:6px !important;margin:0;width:351px !important;/* Additional pixel to accommodate Chrome */position:absolute;top:0;right:-62px !important;} #MyMeteorLogin.MyMeteorLoginSml{right:10px !important;} #MyMeteorLogin legend{display:none;font:12px Arial,sans-serif;font-weight:bold;} #MyMeteorLogin fieldset{display:inline-block;float:left;width:280px;} #MyMeteorLogin label{color:#ff4901;font-size:11px;font-weight:bold;margin-right:2px;} #MyMeteorLogin input{font:11px Arial,sans-serif;border:1px #a6a6a6 solid;color:#808080;padding:2px 2px 0px 2px;width:60px;height:14px;} #MyMeteorLogin #mobilePw{width:40px;background:#fff url(/v4_shared/i/global_nav/myMeteor_pin_bg.gif) no-repeat top left;} #MyMeteorLogin #mobilePw:focus{background-image:none;} #MyMeteorLogin button{background:transparent url(/v4_shared/i/button_mymeteor.gif) no-repeat center center;border:0;color:#fff;padding:3px 5px 7px 5px;width:60px;text-align:center;} #MyMeteorLogin ul{/* Due to lack of CSS Reset,manually reset list-style */list-style:none;display:inline-block;font-size:10px;text-align:left;margin:0;padding:0;font:9px Verdana,sans-serif;} #MyMeteorLogin a{color:#ff4901;text-decoration:none;} #MyMeteorLogin a:hover{text-decoration:underline;} /* ======================== */ /* Main content styling */ /* ======================== */ /* Reset table CSS for lightbox */ table,table th,table td {position: relative;width: inherit;margin: 0;padding: 0;background-color: transparent;color: #4d4d4d;} #lightboxActual h2 {font-size:18px;line-height:20px;margin:0;padding:5px 0 10px 0;} #lightboxActual p {font-size:12px;line-height:15px;padding:0 0 9px 0;} #lightboxActual h3 {font-size:12px;line-height:15px;padding:3px 0 0 0;} #main_content,#search_results{float:none;/* TODO:consider cleaning up duplication of overall width across a few DIVs */width:938px;background:none;background:transparent url(/v4_shared/i/page_bg-top.png) no-repeat scroll 0 5px;/* GIF in IE6 *//* reset v3 CSS... */padding:12px 0 0 0;margin:0 auto;z-index:1;} #search_results{position:absolute;} #main_content-inner, #search_results-inner{padding:6px 35px 14px 35px;background:transparent url(/v4_shared/i/page_bg-middle.png) repeat-y scroll top left;/* GIF in IE6 */} #search_results-bottom{background:transparent url(/v4_shared/i/page_bg-bottom.png) no-repeat scroll top left;/* GIF in IE6 */height:10px;} /* Narrow page */ #main_content.narrow{background-image:url(/v4_shared/i/narrow_page/top.png);/* TODO:GIF in IE6 */} #main_content.narrow #main_content-inner{background-image:url(/v4_shared/i/narrow_page/middle.png);/* TODO:GIF in IE6 */} /* ======================== */ /* Home page */ /* ======================== */ #main_content_home{float:none;width:938px;margin:0 auto;z-index:1;position:relative;height:468px;padding:0;background:transparent url(/i/home/bg-xmas.png) no-repeat scroll top left;/* GIF in IE6 */} #main_content_home{float:none;width:938px;margin:0 auto;z-index:1;position:relative;height:468px;padding:0;} #main_content_home h1{margin:0;/* Without this,the layout gets messed in Safari */} #main_content_home ul, #main_content_home li{/* Due to lack of CSS Reset,manually reset all ULs */list-style:none;margin:0;padding:0;} #home_features #thumbnails{/* Default styling is for three-row features nav */width:240px;height:256px;/* TODO:fix height in IE6 */padding:12px 0 11px 0;margin:0px;position:absolute;top:9px;right:20px;background:transparent url(/i/home/feature_nav_bg.png) no-repeat scroll 13px 0;/* GIF in IE6 */z-index:150;} #home_features #thumbnails li{margin:0px;padding:0px;} /* ======================== */ /* Home page › Feature nav */ /* ======================== */ #home_features #thumbnails li.active{background:transparent url(/i/home/feature_nav-active.png) no-repeat scroll top left;/* GIF in IE6 */} #home_features #thumbnails li.active a{color:#fff;} #home_features #thumbnails li a{position:relative;display:block ;width:123px;/* TODO:fix in IE6 */height:55px;/* TODO:fix in IE6 */overflow:hidden;padding:25px 94px 0 0;margin:0 10px 8px 13px;/* TODO:set margin-bottom to 5px in IE to fix bug cause by absolutely positioned image */text-decoration:none;} #home_features #thumbnails li span{display:block;width:114px;margin-left:10px;text-align:right;/* text-transform:lowercase;*/font-size:13px;line-height:15px;padding-bottom:2px;/* removed in IE 6 & 7 */} #home_features #thumbnails li a img{position:absolute;top:5px;right:5px;} /* ========================== */ /* Home page › Feature banner */ /* ========================== */ #main_content_home .feature_banner{/* background-color:#b2002c;*/position:absolute;top:9px;left:0px;z-index:100;padding-left:30px;} #main_content_home h3.tab, #main_content_home h2.tab{position:absolute;height:42px;background:transparent url(/i/home/tabs.png) no-repeat scroll 0 -126px;/* GIF in IE6 */z-index:2;} #main_content_home .tab a{position:absolute;display:block;width:100%;height:28px;top:2px;left:1px;text-indent:-1000em;margin-right:4px;/* TODO:Add jQuery that finds anchors with h3.tab and makes them 5px narrower */ /* This is only a minor thing,but a nicety */ /*TODo:Add juqery to add mouse down behaviour to parent H3 that increase the 'top' by 1px while the mouse is down */} #main_content_home .feature_banner h3{left:11px;top:4px;width:154px;background:transparent url(/i/home/tabs.png) no-repeat scroll 0 -126px;/* GIF in IE6 */} #main_content_home .feature_banner h3.payg{left:11px;top:4px;width:154px;background:transparent url(/i/home/tabs.png) no-repeat scroll 0 -168px;/* GIF in IE6 */} #main_content_home .feature_banner .visible_content{padding:9px 0 0 0;} /* ========================== */ /* Home page › Shop online */ /* ========================== */ #main_content_home #shop{top:314px;left:253px;position:absolute;width:282px;height:133px;} #main_content_home #shop h2.tab{left:-10px;top:5px;width:121px;background-position:0 0px;} #main_content_home #shop img{position:absolute;} #main_content_home #shop a{width:282px;height:133px;float: left;overflow: hidden;position: relative;} /* ========================== */ /* Home page › Do more */ /* ========================== */ #main_content_home #do_more{top:314px;left:572px;position:absolute;width:136px;height:154px;} #main_content_home #do_more h2.tab{left:-10px;top:5px;width:131px;background-position:0 -42px;} /* ========================== */ /* Home page › Explore */ /* ========================== */ /*#main_content_home #explore{top:306px;left:716px;position:absolute;width:136px;height:154px;} */ #main_content_home #explore{left:726px;position:absolute;top:314px;} #main_content_home #explore h2.tab{left:-10px;top:5px;width:87px;background-position:0 -84px;} #main_content_home #explore ul{position:absolute;width:177px;height:102px;top:40px;left:10px;} #main_content_home #explore ul li{/* background-color:#ccc;*/float:left;padding-right:8px;margin-bottom:4px;} #main_content_home #explore ul li.small{font-size:11px;padding-top:3px;} #main_content_home #explore ul li.medium{font-size:14px;padding-top:3px;} #main_content_home #explore ul li.large{font-size:17px;} #main_content_home #explore a{color:#4d4d4d;text-decoration:none;} .home #explore a:hover{color:#4d4d4d;text-decoration:underline;} /* ========================== */ /* Global footer */ /* ========================== */ #actual_footer{margin-top:40px;} #main_footer{position:relative;clear:both;font-size:80%;padding:16px 0px 0px 0px;border-top:1px solid #682301;font-size:11px;width:100%;} #main_footer #main_footer_inner{width:950px;margin:9px auto 0px auto;float:none;} #copyright, #disclaimer{color:#7a7a7a;width:100%;clear:both;text-align:center;padding:10px 0;font-size:10px;display:block;} #disclaimer{padding-bottom:0;} #main_footer a.coverage{display:block;position:absolute;top:9px;right:-7px;} #main_footer #badges{display:block;position:absolute;top:9px;right:-7px;} #main_footer #badges.new{float:left;width:135px;position:static;} #main_footer #badges .badge{display:block;margin-bottom:10px;} #main_footer a{color:#ff4901;text-decoration:none;} #main_footer a:hover{color:#ff4901;text-decoration:underline;} #main_footer ul,#main_footer div{float:left;margin-bottom:9px;} #main_footer ul{/* Due to lack of CSS Reset,manually reset all ULs */ list-style:none;} #main_footer ul li{margin-bottom:6px;} #main_footer ul li strong{display:block;color:#ffffff;margin-bottom:9px;font-size:14px;} #main_footer ul li strong a{color:#ffffff;text-decoration:none;} * html #main_footer ul li strong{margin-bottom:0px;} #main_footer ul + ul + ul + ul{margin-top:-2px;} #main_footer ul + ul + ul + ul li{margin-bottom:6px;} /* ========================= */ /* MEGA MENU =============== */ /* ========================= */ #MegaMenuOverlay{position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:#000;display:none;z-index:9999996;cursor:pointer;} #menuContainer{position:absolute;top:0px;left:0px;width:100%;margin:45px auto 0 auto;z-index:9999997;cursor:pointer;} .mega_menu_blocker{z-index:9999999;cursor:pointer;position:absolute;left:-2000px;background-color:#000;margin:0px;padding:0px;} .mega_menu{padding:39px 0px 0px 58px;margin:0px auto 0px auto;position:relative;cursor:default;} .close_mega_menu{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:40px;cursor:pointer;z-index:9999998;} .mega_menu h2{position:absolute;top:0;left:0;width:100%;height:40px;text-indent:-1000em;cursor:pointer;z-index:9999998;/* border:1px #000 solid;*/} .switch_to_shop, .close-left, .close-right, .switch_to_find_out, .switch_to_help{display:block;position:absolute;top:0;height:39px;cursor:pointer;z-index:9999999;} .switch_to_find_out{left:230px;width:172px;} #shop_menu .switch_to_find_out{left:229px;} #help_menu .switch_to_find_out{left:247px;} .switch_to_shop{left:141px;width:86px;} #help_menu .switch_to_shop{left:161px;} .switch_to_help{left:401px;width:160px;} #shop_menu .switch_to_help{left:399px;} .close-left{left:0px;width:147px;} .close-right{right:0px;width:17px;} #help_menu .close-right { width: 37px;} .mega_menu h3{margin:0px;padding:0px;} .mega_menu img{margin-bottom:3px;} .mega_menu a:hover{color:#ff4901;text-decoration:underline;} .mega_menu div{float:left;margin-right:5px;} .mega_menu div ul{margin:0 0px 0px 0px;padding:0px;list-style-type:none;} .mega_menu div ul li{border-bottom:5px #fff solid;/* 4px in IE */padding:0px;} .mega_menu div ul li a{color:#4d4d4d;font:12px Arial,sans-serif;text-decoration:none;padding-right:6px;background:transparent url(/v4_shared/i/global_nav/mega_menu_a_bg.gif) no-repeat top right;} .mega_menu div ul li strong a{background-image:none;display:block;color:#ff4901;margin:5px 0px 0px 0px;} .mega_menu div ul li strong a{color:#ff4901 !important;} .mega_menu .phoneUsPandS{background:url('/v4_shared/i/global_nav/p_and_s_bottom_divide.gif') 0 0 no-repeat;float:left;padding-top:17px;padding-left:39px;margin:5px 0 0 0;margin-left:-39px;clear:both;width:532px;} .mega_menu .phoneUsStore{background:url('/v4_shared/i/global_nav/store_bottom_divide.gif') 0 0 no-repeat;float:left;padding-top:17px; *padding-top:10px;padding-left:39px;margin:5px 0 0 0;margin-left:-39px;clear:both;width:490px;} .mega_menu .phoneUsHelp{background:url('/v4_shared/i/global_nav/help_bottom_divide.gif') 0 0 no-repeat;float:left;padding-top:17px;padding-left:39px;margin:5px 0 0 0;margin-left:-39px;clear:both;width:580px;} #find_out_menu{background:transparent url(/v4_shared/i/global_nav/mega_menu_findOut.png) no-repeat top left;/* GIF in IE6 */width:520px;height:323px;display:none;left:10px;} #find_out_menu h2{margin:0px 0px 0px 230px;width:170px;} #shop_menu{background:transparent url(/v4_shared/i/global_nav/mega_menu_shop.png) no-repeat top left;/* GIF in IE6 */width:500px;height:300px;display:none;} #shop_menu h2{margin:0px 0px 0px 147px;width:87px;} #help_menu{background:transparent url(/v4_shared/i/global_nav/mega_menu_help.png) no-repeat top left;/* GIF in IE6 */width:560px;height:220px;display:none;left:10px;} #help_menu h2{margin:0px 0px 0px 420px;width:160px;} /* ========================= */ /* Predictive search */ /* ========================= */ #autocompleteSearchBox{position:absolute;width:146px;height:22px;background-color:#fff;position:absolute;z-index:9999;top:53px;left:-2000px;background:transparent url(/v4_shared/i/global_nav/autocomplete_bg.png) no-repeat top left;/* TEMPORARY GRAPHIC - NEED HIGH QUALITY */padding:2px 0px 0px 5px;} #autocompleteTerm{font:11px Arial;color:#808080;border:0;margin:3px 0px 0px 6px;/* CHANGED FOR IE */padding:0px;background-color:transparent;width:110px;} #autocompleteSearchSubmit{width:20px;display:none;} #noRlts{padding:3px;background-color:#ffd1be;border:1px #e2e2e2 solid;width:136px !important;margin-left:-13px !important;margin-top:8px;font:11px Arial,sans-serif;color:#847975 !important;} .ac_results{padding:3px;background-color:white;z-index:99999;width:136px !important;border:1px #e2e2e2 solid;/* margin:1px 0px 0px 0px;*/ margin-left:-13px !important;z-index:99999999 !important;} .ac_results ul{width:100%;list-style-position:outside;list-style:none;padding:0;margin:0;} .ac_results li{display:block;border-bottom:2px #fff solid;padding:2px !important;cursor:default;font:11px Arial,sans-serif;color:#847975 !important;/* line-height:16px;*/ /* add explicit height to autocomplete result to avoid really long title? */} .ac_loading{/* AUTOCOMPLETE LOADING INDICATOR (REMOVE?) */ /* background:white url('/v4_shared/i/indicator.gif') right center no-repeat;*/} .ac_odd{background-color:#fff;} .ac_over{background-color:#ffd1be;color:#ff5a05 !important;} /* ========================= */ /* Google search */ /* ========================= */ #search_results{position:absolute;left:-2000px;z-index:99;background-color:transparent;} #CSEsearchTrm h1{padding:10px 0px 20px 0px;font-size:20px;} #result_backBut{float:right;} #search_results *{background-color:transparent;border:none !important;color:#4d4d4d;} .gsc-search-box{position:absolute;left:-2000px;} .gsc-tabHeader,.gsc-tabhActive{position:absolute;left:-2000px;} .gsc-tabsArea{position:absolute;left:-2000px;display:none;} .gs-title,.gs-title b{color:#ff5a05 !important;line-height:1.1em;} .gs-visibleUrl-short{/* display:none;*/position:absolute;top:0px;left:-2000px;} .gs-visibleUrl-long{color:#a3a3a3 !important;font-size:10px;display:block !important;padding:4px 0px 10px 0px;} #twitter img{background:transparent url(/v4_shared/i/twitter.png) top left no-repeat;} #facebook img{background:transparent url(/v4_shared/i/facebook.png) top left no-repeat;} /** * PAYG progress bar */ #payg_progress_bar{margin:0;height:37px;background:transparent url(/v4_shared/i/page_bg-middle.png) repeat-y scroll left top;_background-image:url(/v4_shared/i/page_bg-middle.gif);padding-top:6px;padding-bottom:6px;} #payg_progress_bar_inner2{background:transparent url(/v4_shared/i/payg_progress_bar/background.gif) repeat-x left top;margin:0 20px;height:100%;} #payg_progress_bar_inner{margin:0 auto;width:533px;} #payg_progress_bar_inner img{float:left;margin-right:21px;margin-top:4px;} #payg_progress_bar_inner img.last{margin-right:0;} /** * 2010-05-11 - Proper page backgrounds */ html,#actual_footer{background-color:#CDCDCD;} body{background:none;background-attachment:fixed;background-position:center 0;background-repeat:no-repeat;} #actual_header{width:100%;background-color:#CDCDCD;} #header{height:106px;} #actual_main_content{width:100%;background-color:transparent;} /** * 20100517 - New footer */ #actual_footer{background-color:transparent;} #main_footer{padding:0;min-height:213px;height:auto !important;height:213px;border-top:none;*clear:none;} #main_footer #main_footer_inner{background:transparent url(/v4_shared/i/footer/footer_bg.png) top center no-repeat;_background-image:url(/v4_shared/i/footer/footer_bg.gif);width:874px;padding-left:25px;padding-top:37px;} #main_footer_inner .column{width:140px;margin-right:6px;color:#4D4D4D;font-size:13px;line-height:13px;} #main_footer_inner .column a{color:#4D4D4D;} #main_footer_inner .last{width:120px;margin-right:0;} #main_footer_inner ul li strong, #main_footer_inner ul li strong a, #main_footer_inner ul li strong a:hover{color:#FF4901;font-size:14px;text-decoration:none;} #main_footer #badges .badge{margin-bottom:8px;} #main_footer #badges.new{margin-left:2px;margin-top:-2px;width:166px;} #actual_footer #footer_notes{background-color:#4D4D4D;text-align:center;margin:0 auto;float:none;} #footer_notes ul.nav{display:inline-block;*display:inline;list-style:none;float:none;} #footer_notes ul.nav li{margin:15px 10px 10px;float:left;font-size:10px;line-height:12px;_line-height:13px;} #footer_notes ul.nav li a, #footer_notes ul.nav li a:hover{color:#FFFFFF;text-decoration:none;} p#copyright{padding-top:3px;} #cse-search-box input#searchTerm{border-color:transparent !important;outline:none !important;}