/* * MoneySavingExpert.com Mainsite Template CSS July 2010 * Author:MSE James * Revisions: * */ /****************************************** * * * Common styles * * * ******************************************/ body { margin: 0; padding: 0; background: white; color: #000; min-width: 750px; font-size: small; width: 100%; background: #d9d9d9; font-family: Arial, Helvetica, sans-serif; text-align: center; background:transparent url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/undergrad8.jpg) repeat-y scroll center center; } #container { padding: 0px; margin: 0 auto; margin-left: auto; margin-right: auto; background: white; width:1001px; height: 100%; padding-left: 0px; text-align: left; } .clear { clear: both; } .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } fieldset {border:0 solid;} fieldset legend {display:none;} a:hover { color: red; } a:visited { } .displaynone { display: none; } #mainContent { padding-top:2px; background: url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/background_inner.gif) repeat-y; } #leftSection { float: left; width:610px; margin: 0px; padding: 0px; margin-bottom: 10px; background: white; border-left: 0px; padding-left:10px; margin-bottom:0px; padding-bottom:50px; } #rightSection { float: right; width:378px; margin: 0px; padding: 0px; margin-bottom:10px; } h1, h2, h3, h4 {margin:0px; padding:0px;} #ChecklistHeader{ background:url(http://web.archive.org/web/20110811225005im_/http://flightchecker.moneysavingexpert.com/images/FC_LinksBox_Sliver_v1.gif) repeat-x; color:black; padding-bottom:3px;padding-top:2px; width:434px;text-align:center } .checklistTicks{ background:url(http://web.archive.org/web/20110811225005im_/http://flightchecker.moneysavingexpert.com/images/tick.png) no-repeat; padding-left:30px; text-decoration:none; } /****************************************** * * * Mainsite Masthead * * * ******************************************/ /* Main Masthead */ #MSEMasthead{width:964px; background:#4EC341 url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/navBG.jpg) repeat-x; background-position:0 1px; border:0px; width:100%;text-align:left;} #MSEMasthead #MSETop{border-top:1px solid #5B9100; border-right:1px solid #5B9100; border-left:1px solid #5B9100; height:75px;width:999px; text-align:left;} #MSEMasthead #MSETop #MSETitleWrapper{width:536px; float:left; position:relative;} #MSETitle{border:0px; margin-left:0px; float:none;} /* Bookmark */ #MSEBookmark{text-align:left; padding-right:0px; float:right; font-size:10px; margin-top:1px; color:#324F00;} #MSEBookmark a {color:#324F00; text-decoration:none; padding-right:5px;} #MSEBookmark a:hover {color:#B02A29;} /* Search */ #MSENavSearch{float:right; clear:right; width:290px; margin:3px 10px 0 0} #MSENavSearch .searchField{margin:4px 0 0 -2px; border:0px solid green; padding:0 0 0 2px; width:143px; height:19px; line-height:22px; float:left; color:#000; font-size:15px; font-family:calibri,Myriad Pro,Trebuchet MS,Arial,Sans-Serif; float:left} #MSENavSearch .searchSection{margin-top:4px; font-weight:lighter; font-family:Calibri,Myriad Pro,Trebuchet MS,Arial,Sans-Serif; height:20px;color:#000; width:100px; border:0px; border-left:1px solid #B7B9B7; float:left; font-size:14px;} #MSENavSearch #searchWrapperLeft {background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/searchBox.jpg); background-repeat:no-repeat; height:28px; position:relative; left:0px; top:0;} #MSENavSearch #searchWrapperRight {height:28px; width:7px; float:left;} #MSENavSearch #searchGo {cursor:pointer; position:absolute; right:0px; top:0px; border:0px !important; float:left; width:40px; height:28px; background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/searchGoSprite.jpg); background-repeat:no-repeat;background-color:#4EC341;} #MSENavSearch #searchGo span { display:none;} /* Navigation */ #MSENavWrap{height:43px; clear:both; border-left:0; border-right:0;border-bottom:1px solid #5B9100; padding-bottom:0px;} #MSENavWrapLeft{float:left; height:43px; width:100%} #MSENavWrapRight{height:43px; width:100%} #MSEMainNavigation{list-style-image:none; display:inline; margin:0px; padding:0px; height:42px; background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/tabsprite3.jpg); background-repeat:no-repeat; background-position:0 -301px; float:left; background-color:#FDFDFD; width:1001px; position:relative;min-width:1001px;line-height:1.2; border-top:1px solid #205F00;z-index:801;} #MSEMainNavigation li.MSESec1{margin:0px; border:0px; padding:0px; display:inline-block; float:left} #MSEMainNavigation li a.navL1{display:block; height:42px; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/tabsprite3.jpg) 0 -344px no-repeat; padding:0; width:86px; text-align:center; text-decoration:none; font-weight:bold; font-family: Calibri,Myriad Pro,Arial,Sans-Serif; font-size:14px;} #MSEMainNavigation #homeTab a.navL1{width:45px; margin-left:0px; color:black;background-position:-1px -387px;} #MSEMainNavigation #homeTab a.navL1:hover{background-color:#111111; color:white;background-position:-1px -431px;} #MSEMainNavigation #homeTab a.navL1 span, #MSEMainNavigation #homeTabActive a span {padding-top:24px; font-size:12px; display:block; } #MSEMainNavigation #homeTab.active a{margin-left:0px; color:white;background-position:-1px -431px;background-color:#111111;} #MSEMainNavigation #cardsTab a.navL1{color:#104fb6; width:87px} #MSEMainNavigation #cardsTab:hover a.navL1{background-position:0 0; background-color:#6E97FF; color:white} #MSEMainNavigation #cardsTab a.navL1 span , #MSEMainNavigation #cardsTabActive a.navL1 span{padding-top:3px; display:block;} #MSEMainNavigation #cardsTab.active a.navL1{background-position:0 0; background-color:#6E97FF; color:white;} #MSEMainNavigation #reclaimTab a.navL1{color:#a60404; width:87px} #MSEMainNavigation #reclaimTab:hover a.navL1{background-position:0 -215px; background-color:#FF6E6F; color:white} #MSEMainNavigation #reclaimTab a.navL1 span, #MSEMainNavigation #reclaimTabActive a.navL1 span{padding-top:3px; display:block;} #MSEMainNavigation #reclaimTab.active a.navL1{background-position:0 -215px; background-color:#FF6E6F; color:white; } #MSEMainNavigation #shoppingTab a.navL1{color:#208600; width:87px} #MSEMainNavigation #shoppingTab:hover a.navL1{background-position:0px -43px; background-color:#30CC23; background-repeat:repeat-x; color:white} #MSEMainNavigation #shoppingTab a.navL1 span, #MSEMainNavigation #shoppingTabActive a.navL1 span{padding-top:11px; display:block} #MSEMainNavigation #shoppingTab.active a.navL1{background-position:0px -43px; background-color:#30CC23; color:white; } #MSEMainNavigation #dealsTab a.navL1{color:#fe17d5; width:87px} #MSEMainNavigation #dealsTab:hover a.navL1{background-position:0px -129px; background-color:#FC79EB; background-repeat:repeat-x; color:white} #MSEMainNavigation #dealsTab a.navL1 span, #MSEMainNavigation #dealsTabActive a.navL1 span{padding-top:3px; display:block} #MSEMainNavigation #dealsTab.active a.navL1{background-position:0px -129px; background-color:#FC79EB; color:white;} #MSEMainNavigation #bankingTab a.navL1{color:#d76d14; width:87px} #MSEMainNavigation #bankingTab:hover a.navL1{background-position:0px -86px; background-color:#F7962F; color:white} #MSEMainNavigation #bankingTab a.navL1 span, #MSEMainNavigation #bankingTabActive a.navL1 span{padding-top:3px; display:block} #MSEMainNavigation #bankingTab.active a.navL1{background-position:0px -86px; background-color:#F7962F; color:white; } #MSEMainNavigation #utilitiesTab a.navL1{color:#1d8084; width:87px} #MSEMainNavigation #utilitiesTab:hover a.navL1{background-position:0px -258px; background-color:#35CDA4; color:white} #MSEMainNavigation #utilitiesTab a.navL1 span, #MSEMainNavigation #utilitiesTabActive a.navL1 span{padding-top:3px; display:block} #MSEMainNavigation #utilitiesTab.active a.navL1{background-position:0px -258px; background-color:#35CDA4; color:white; width:87px} #MSEMainNavigation #travelTab a.navL1{color:#104fb6; width:88px} #MSEMainNavigation #travelTab:hover a.navL1{background-position:0 0; background-color:#6E97FF; color:white} #MSEMainNavigation #travelTab a.navL1 span, #MSEMainNavigation #travelTabActive a.navL1 span{padding-top:3px; display:block;} #MSEMainNavigation #travelTab.active a.navL1{background-position:0 0; background-color:#6E97FF; color:white;} #MSEMainNavigation #insuranceTab a.navL1{color:#a60404; width:88px} #MSEMainNavigation #insuranceTab:hover a.navL1{background-position:0px -215px; background-color:#FF6E6F; color:white} #MSEMainNavigation #insuranceTab a.navL1 span, #MSEMainNavigation #insuranceTabActive a.navL1 span{padding-top:11px; display:block} #MSEMainNavigation #insuranceTab.active a.navL1{background-position:0px -215px; background-color:#FF6E6F; color:white;} #MSEMainNavigation #mortgagesTab a.navL1{color:#9d04be; width:88px} #MSEMainNavigation #mortgagesTab:hover a.navL1{background-position:0px -172px; background-color:#E06DFE; color:white} #MSEMainNavigation #mortgagesTab a.navL1 span, #MSEMainNavigation #mortgagesTabActive a.navL1 span{padding-top:3px; display:block} #MSEMainNavigation #mortgagesTab.active a.navL1{background-position:0px -172px; background-color:#E06DFE; color:white;} #MSEMainNavigation #familyTab a.navL1{color:#1d8084; width:88px} #MSEMainNavigation #familyTab:hover a.navL1{background-position:0px -258px; background-color:#35CDA4; color:white} #MSEMainNavigation #familyTab a.navL1 span, #MSEMainNavigation #familyTabActive a.navL1 span{padding-top:3px; display:block} #MSEMainNavigation #familyTab.active a.navL1{background-position:0px -258px; background-color:#35CDA4; color:white;} #MSEMainNavigation #newsTab a.navL1{color:#208600; width:82px;} #MSEMainNavigation #newsTab:hover a.navL1{background-position:0px -43px; background-color:#30CC23; color:white} #MSEMainNavigation #newsTab a.navL1 span, #MSEMainNavigation #newsTabActive a.navL1 span{padding-top:3px; display:block} #MSEMainNavigation #newsTab.active a.navL1{background-position:0px -43px; background-color:#30CC23; color:white;} /* SubNav Links */ #MSEMainNavigation li.forumTab{ position:absolute; clear:both; right:8px; top:-26px; display:block; width:90px; height:25px; background-image:none; border:0px; z-index:10;} #MSEMainNavigation li.forumTab a{ display:block; height:25px; width:auto; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite4.jpg) no-repeat; border:0px; background-color:#FDFDFD; font-family: Calibri,Myriad Pro,Arial,Sans-Serif; text-decoration:none;} #MSEMainNavigation li.forumTab a span{ font-weight:bold; font-size:14px; color:black; text-decoration:none; text-align:left; display:block; padding:4px 0 0 0px; margin-left:40px; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite4.jpg) no-repeat; background-position:100% -182px; height:21px; cursor:pointer; } #MSEMainNavigation li.forumTab a:hover{ background-position:0 -26px; background-color:#676767; } #MSEMainNavigation li.forumTab a:hover span{ color:#fff; background-position:100% -208px; } #MSEMainNavigation li.forumTabActive{ position:absolute; clear:both; right:8px; top:-26px; display:block; width:90px; height:25px; background-image:none; border:0px; z-index:10;} #MSEMainNavigation li.forumTabActive a{ color:#fff; display:block; height:25px; width:auto; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite4.jpg) no-repeat; border:0px;background-position:0 -26px; background-color:#676767; font-family: Calibri,Myriad Pro,Arial,Sans-Serif; text-decoration:none;} #MSEMainNavigation li.forumTabActive a span{ font-weight:bold; font-size:14px; color:white; text-decoration:none; text-align:left; display:block; padding:4px 0 0 0px; margin-left:40px; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite4.jpg) no-repeat; background-position:100% -208px; height:21px; cursor:pointer; } #MSEMainNavigation li.blogTab{ position:absolute; clear:both; right:100px; width:80px; top:-26px; display:block; height:25px; background-image:none; border:0px; z-index:10;} #MSEMainNavigation li.blogTab a{ display:block; height:25px; width:auto; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite4.jpg) no-repeat 0 -52px; border:0px; background-color:#FDFDFD; font-family: Calibri,Myriad Pro,Arial,Sans-Serif; text-decoration:none;} #MSEMainNavigation li.blogTab a span{ font-weight:bold; font-size:14px; color:black; text-decoration:none; text-align:left; display:block; padding:4px 0 0 0px; margin-left:40px; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite4.jpg) no-repeat; background-position:100% -182px; height:21px; cursor:pointer; } #MSEMainNavigation li.blogTab a:hover{ background-position:0 -78px; background-color:#3C3FC0; } #MSEMainNavigation li.blogTab a:hover span{ color:#fff; background-position:100% -156px; } #MSEMainNavigation li.blogTabActive{ position:absolute; clear:both; right:100px; width:80px; top:-26px; display:block; height:25px; background-image:none; border:0px; z-index:10;} #MSEMainNavigation li.blogTabActive a{display:block; height:25px; width:auto; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite4.jpg) no-repeat 0 -78px; border:0px; background-color:#3C3FC0; font-family: Calibri,Myriad Pro,Arial,Sans-Serif; text-decoration:none;} #MSEMainNavigation li.blogTabActive a span{color:#fff; font-weight:bold; font-size:14px; text-decoration:none; text-align:left; display:block; padding:4px 0 0 0px; margin-left:40px; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite4.jpg) no-repeat 100% -156px; height:21px; cursor:pointer; } #MSEMainNavigation li.tipTab{ position:absolute; clear:both; right:182px; width:80px; top:-26px; display:block; height:25px; background-image:none; border:0px; z-index:10;} #MSEMainNavigation li.tipTab a{ display:block; height:25px; width:auto; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite4.jpg) no-repeat 0 -104px; border:0px; background-color:#FDFDFD; font-family: Calibri,Myriad Pro,Arial,Sans-Serif; text-decoration:none;} #MSEMainNavigation li.tipTab a span{ font-weight:bold; font-size:14px; color:black; text-decoration:none; text-align:left; display:block; padding:4px 0 0 0px; margin-left:40px; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite4.jpg) no-repeat; background-position:100% -182px; height:21px; cursor:pointer; } #MSEMainNavigation li.tipTab a:hover{ background-position:0 -130px; background-color:#3C3FC0; } #MSEMainNavigation li.tipTab a:hover span{ color:#fff; background-position:100% -234px; } #MSEMainNavigation li.tipTabActive{ position:absolute; clear:both; right:182px; width:80px; top:-26px; display:block; height:25px; background-image:none; border:0px; z-index:10;} #MSEMainNavigation li.tipTabActive a{display:block; height:25px; width:auto; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite4.jpg) no-repeat 0 -130px; border:0px; background-color:#3C3FC0; font-family: Calibri,Myriad Pro,Arial,Sans-Serif; text-decoration:none;} #MSEMainNavigation li.tipTabActive a span{color:#fff; font-weight:bold; font-size:14px; text-decoration:none; text-align:left; display:block; padding:4px 0 0 0px; margin-left:40px; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite4.jpg) no-repeat 100% -234px; height:21px; cursor:pointer; } #MSEMainNavigation li.xmasTab{ position:absolute; clear:both; right:264px; width:110px; top:-26px; display:block; height:25px; background-image:none; border:0px; z-index:10;} #MSEMainNavigation li.xmasTab a{ display:block; height:25px; width:auto; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite4.jpg) no-repeat 0 -260px; border:0px; background-color:#FDFDFD; font-family: Calibri,Myriad Pro,Arial,Sans-Serif; text-decoration:none;} #MSEMainNavigation li.xmasTab a span{ font-weight:bold; font-size:14px; color:black; text-decoration:none; text-align:left; display:block; padding:4px 0 0 0px; margin-left:40px; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite4.jpg) no-repeat; background-position:100% -182px; height:21px; cursor:pointer; } #MSEMainNavigation li.xmasTab a:hover{ background-position:0 -286px; background-color:#3C3FC0; } #MSEMainNavigation li.xmasTab a:hover span{ color:#fff; background-position:100% -156px; } #MSEMainNavigation li.xmasTabActive{ position:absolute; clear:both; right:264px; width:110px; top:-26px; display:block; height:25px; background-image:none; border:0px; z-index:10;} #MSEMainNavigation li.xmasTabActive a{display:block; height:25px; width:auto; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite4.jpg) no-repeat 0 -286px; border:0px; background-color:#3C3FC0; font-family: Calibri,Myriad Pro,Arial,Sans-Serif; text-decoration:none;} #MSEMainNavigation li.xmasTabActive a span{color:#fff; font-weight:bold; font-size:14px; text-decoration:none; text-align:left; display:block; padding:4px 0 0 0px; margin-left:40px; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite4.jpg) no-repeat 100% -156px; height:21px; cursor:pointer; } #MSEMainNavigation li.fepTab{ position:absolute; clear:both; right:264px; width:116px; top:-26px; display:block; height:25px; background-image:none; border:0px; z-index:10;} #MSEMainNavigation li.fepTab a{ display:block; height:25px; width:auto; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite5.jpg) no-repeat 0 -312px; border:0px; background-color:#FDFDFD; font-family: Calibri,Myriad Pro,Arial,Sans-Serif; text-decoration:none;} #MSEMainNavigation li.fepTab a span{ font-weight:bold; font-size:14px; color:black; text-decoration:none; text-align:left; display:block; padding:4px 0 0 0px; margin-left:35px; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite5.jpg) no-repeat; background-position:100% -182px; height:21px; cursor:pointer; } #MSEMainNavigation li.fepTab a:hover{ background-position:0 -338px; background-color:#3C3FC0; } #MSEMainNavigation li.fepTab a:hover span{ color:#fff; background-position:100% -156px; } #MSEMainNavigation li.fepTabActive{ position:absolute; clear:both; right:264px; width:116px; top:-26px; display:block; height:25px; background-image:none; border:0px; z-index:10;} #MSEMainNavigation li.fepTabActive a{display:block; height:25px; width:auto; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite5.jpg) no-repeat 0 -338px; border:0px; background-color:#3C3FC0; font-family: Calibri,Myriad Pro,Arial,Sans-Serif; text-decoration:none;} #MSEMainNavigation li.fepTabActive a span{color:#fff; font-weight:bold; font-size:14px; text-decoration:none; text-align:left; display:block; padding:4px 0 0 0px; margin-left:35px; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite5.jpg) no-repeat 100% -156px; height:21px; cursor:pointer; } /* Secondary Nav Dropdowns*/ div.dropdown{position:absolute; float:left; border:0px; display:none; z-index:800; left:35px; padding-left:19px; top:42px; background-position:0px -239px; background-repeat:no-repeat} div.dropdown .wrapperL{display:block; float:left; background-repeat:no-repeat; padding-right:19px; background-position:right -478px; background-repeat:no-repeat} div.dropdown .wrapperR{display:block; float:left; background-position:bottom; background-repeat:repeat-x; height:239px;width:856px; background-position:0 0;} div.dropdown ul.secNav {color:black; display:block; list-style:none; padding:0px; margin:0px; width:100%; float:left; border:0px; } div.dropdown ul.secNav li {margin:0px; border:0px; padding:5px; margin-left:-4px; cursor:pointer; font-weight:bold; font-size:11pt;} div.dropdown ul.secNav li a{color:black; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} div.dropdown ul.secNav li a:hover{color:#AC2522;} div.dropdown div.column {margin-left:0px; background-repeat:repeat-x; background-position: right 8px; background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/border2.png); background-repeat:no-repeat; margin-top:10px; margin-right:4px; float:left; width:300px; font-family:Arial, Helvetica, sans-serif; padding-left:4px; height:190px; padding-top:10px;} div.dropdown div.column h3 {cursor:default; padding:0; border:0px; margin:0px; font-size:17px; height:22px; font-family:Arial, Helvetica, sans-serif;} div.dropdown div.dropdownArrow {position:absolute; display:block; background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/arrows.png); width:28px; height:14px; top:0px; z-index:801;padding:0; margin:0;} div.dropdown div.col1 {width:231px; margin-left:-5px} div.dropdown div.col1 ul li {margin: 1px 0 0 0; background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/bullets.png); background-repeat:no-repeat; padding-left:18px;} div.dropdown div.col2 {width:398px;} div.dropdown div.col2 ul li {margin: 6px 0 6px 0; background-image: none; padding: 0; border:0;} div.dropdown div.col2 ul li a{ width:100%; padding:0; margin:0; border:0; display:block; font-size:12px; font-weight:normal !important; white-space:nowrap; overflow:hidden; margin-right:3px;} div.dropdown div.col2 ul li a strong{ font-size:13px;} div.dropdown div.col3 { width: 196px; background-image:none;} div.dropdown div.col3 ul { padding-left:5px;} div.dropdown div.col3 ul li{ margin:2px 0 5px -4px; width:100%; padding:0px; font-weight:normal; font-size:11px;} div.dropdown div.col3 h3 {padding-bottom:2px; } div.dropdown div.col3 h4{ margin:0px; padding:0px; border:0px; font-weight:normal; font-size:13px; font-weight:bold; padding-bottom:2px;} div.dropdown div.col3 span{ margin:0px; padding:0px; border:0px; font-weight:normal; font-size:12px;} div.dropdown div.baseTab{ position:absolute; right:11px; top:178px; margin-right:10px; background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/baseTab.png); z-index:1002; height:42px; padding-left:17px;} div.dropdown div.baseTab span {display:block; margin-right:-10px; background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/baseTab.png); z-index:1002; height:42px; padding-left:10px;} div.dropdown div.baseTab span a {display:block; font-weight:bold; height:35px; padding-top:5px; color:white; font-size:16px; line-height:42px; margin-right:15px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; } div.dropdown div.baseTab span a:hover {text-decoration:underline;} #MSEMainNavigation #cardsTab div.dropdown { background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/blueDD.png);} #MSEMainNavigation #cardsTab div.dropdown .wrapperL{ background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/blueDD.png);} #MSEMainNavigation #cardsTab div.dropdown .wrapperR{ background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/blueDD.png);} #MSEMainNavigation #cardsTab div.dropdown h3 { color:#131582;} #MSEMainNavigation #cardsTab div.dropdown .dropdownArrow { background-position:0 -84px; left:41px; } #MSEMainNavigation #cardsTab div.dropdown div.col1 ul li { background-position:2px -246px; } #MSEMainNavigation #cardsTab div.dropdown div.baseTab { background-position:0px -252px; } #MSEMainNavigation #cardsTab div.dropdown div.baseTab span { background-position:right -252px; } #MSEMainNavigation #reclaimTab div.dropdown {background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/redDD.png);} #MSEMainNavigation #reclaimTab div.dropdown .wrapperL{ background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/redDD.png);} #MSEMainNavigation #reclaimTab div.dropdown .wrapperR{ background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/redDD.png);} #MSEMainNavigation #reclaimTab div.dropdown h3 { color:#8A1211;} #MSEMainNavigation #reclaimTab div.dropdown .dropdownArrow { background-position:0 -70px;left:127px; } #MSEMainNavigation #reclaimTab div.dropdown div.col1 ul li { background-position:2px -206px; } #MSEMainNavigation #reclaimTab div.dropdown div.baseTab { background-position:0px -210px; } #MSEMainNavigation #reclaimTab div.dropdown div.baseTab span { background-position:right -210px; } #MSEMainNavigation #shoppingTab div.dropdown {background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/greenDD.png);} #MSEMainNavigation #shoppingTab div.dropdown .wrapperL{ background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/greenDD.png);} #MSEMainNavigation #shoppingTab div.dropdown .wrapperR{ background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/greenDD.png);} #MSEMainNavigation #shoppingTab div.dropdown h3 {color:#1F7D00;} #MSEMainNavigation #shoppingTab div.dropdown .dropdownArrow { background-position:0 -56px;left:215px; } #MSEMainNavigation #shoppingTab div.dropdown div.col1 ul li { background-position:2px -166px; } #MSEMainNavigation #shoppingTab div.dropdown div.baseTab { background-position:0px -168px; } #MSEMainNavigation #shoppingTab div.dropdown div.baseTab span { background-position:right -168px; } #MSEMainNavigation #dealsTab div.dropdown {background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/pinkDD.png);} #MSEMainNavigation #dealsTab div.dropdown .wrapperL{ background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/pinkDD.png);} #MSEMainNavigation #dealsTab div.dropdown .wrapperR{background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/pinkDD.png); } #MSEMainNavigation #dealsTab div.dropdown h3{color:#BF0D97;} #MSEMainNavigation #dealsTab div.dropdown .dropdownArrow { background-position:0 -28px; left:301px;} #MSEMainNavigation #dealsTab div.dropdown div.col1 ul li { background-position:2px -86px; } #MSEMainNavigation #dealsTab div.dropdown div.baseTab { background-position:0px -84px; } #MSEMainNavigation #dealsTab div.dropdown div.baseTab span { background-position:right -84px; } #MSEMainNavigation #utilitiesTab div.dropdown { background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/tealDD.png);} #MSEMainNavigation #utilitiesTab div.dropdown .wrapperL{ background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/tealDD.png); } #MSEMainNavigation #utilitiesTab div.dropdown .wrapperR{ background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/tealDD.png); } #MSEMainNavigation #utilitiesTab div.dropdown h3{color:#176F83;} #MSEMainNavigation #utilitiesTab div.dropdown .dropdownArrow { background-position:0 -42px; left:390px; } #MSEMainNavigation #utilitiesTab div.dropdown div.col1 ul li { background-position:2px -126px; } #MSEMainNavigation #utilitiesTab div.dropdown div.baseTab { background-position:0px -126px; } #MSEMainNavigation #utilitiesTab div.dropdown div.baseTab span { background-position:right -126px; } #MSEMainNavigation #bankingTab div.dropdown { background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/brownDD.png);} #MSEMainNavigation #bankingTab div.dropdown .wrapperL{ background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/brownDD.png); } #MSEMainNavigation #bankingTab div.dropdown .wrapperR{ background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/brownDD.png); } #MSEMainNavigation #bankingTab div.dropdown h3{color:#A74C05;} #MSEMainNavigation #bankingTab div.dropdown .dropdownArrow { background-position:0 -14px; left:475px;} #MSEMainNavigation #bankingTab div.dropdown div.col1 ul li { background-position:2px -46px; } #MSEMainNavigation #bankingTab div.dropdown div.baseTab { background-position:0px -42px; } #MSEMainNavigation #bankingTab div.dropdown div.baseTab span { background-position:right -42px; } #MSEMainNavigation #travelTab div.dropdown {background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/blueDD.png);} #MSEMainNavigation #travelTab div.dropdown .wrapperL{ background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/blueDD.png);} #MSEMainNavigation #travelTab div.dropdown .wrapperR{ background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/blueDD.png);} #MSEMainNavigation #travelTab div.dropdown h3 {color:#131582;} #MSEMainNavigation #travelTab div.dropdown .dropdownArrow { background-position:0 -84px; left:562px; } #MSEMainNavigation #travelTab div.dropdown div.col1 ul li { background-position:2px -246px; } #MSEMainNavigation #travelTab div.dropdown div.baseTab { background-position:0px -252px; } #MSEMainNavigation #travelTab div.dropdown div.baseTab span { background-position:right -252px; } #MSEMainNavigation #insuranceTab div.dropdown { background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/redDD.png);} #MSEMainNavigation #insuranceTab div.dropdown .wrapperL{ background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/redDD.png); } #MSEMainNavigation #insuranceTab div.dropdown .wrapperR{ background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/redDD.png);} #MSEMainNavigation #insuranceTab div.dropdown h3 { color:#8A1211;} #MSEMainNavigation #insuranceTab div.dropdown .dropdownArrow { background-position:0 -70px; left:650px;} #MSEMainNavigation #insuranceTab div.dropdown div.col1 ul li { background-position:2px -206px; } #MSEMainNavigation #insuranceTab div.dropdown div.baseTab { background-position:0px -210px; } #MSEMainNavigation #insuranceTab div.dropdown div.baseTab span { background-position:right -210px; } #MSEMainNavigation #mortgagesTab div.dropdown { background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/purpleDD.png); } #MSEMainNavigation #mortgagesTab div.dropdown .wrapperL{ background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/purpleDD.png); } #MSEMainNavigation #mortgagesTab div.dropdown .wrapperR{ background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/purpleDD.png);} #MSEMainNavigation #mortgagesTab div.dropdown h3{ color:#601594; } #MSEMainNavigation #mortgagesTab div.dropdown .dropdownArrow { background-position:0 0;left:736px; } #MSEMainNavigation #mortgagesTab div.dropdown div.col1 ul li { background-position:2px -6px; } #MSEMainNavigation #mortgagesTab div.dropdown div.baseTab { background-position:0px 0px; } #MSEMainNavigation #mortgagesTab div.dropdown div.baseTab span { background-position:right 0px; } #MSEMainNavigation #familyTab div.dropdown { background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/tealDD.png);} #MSEMainNavigation #familyTab div.dropdown .wrapperL{ background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/tealDD.png); } #MSEMainNavigation #familyTab div.dropdown .wrapperR{ background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/tealDD.png); } #MSEMainNavigation #familyTab div.dropdown h3{color:#176F83;} #MSEMainNavigation #familyTab div.dropdown .dropdownArrow { background-position:0 -42px; left:822px; } #MSEMainNavigation #familyTab div.dropdown div.col1 ul li { background-position:2px -126px; } #MSEMainNavigation #familyTab div.dropdown div.baseTab { background-position:0px -126px; } #MSEMainNavigation #familyTab div.dropdown div.baseTab span { background-position:right -126px; } /* Misc */ #MSEDDcache { width:0; height:0; position:absolute; top:-1000px;} #MSEDDcache i{width:0; height:0;} #MSEDDcache i.MSEPu{background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/purpleDD.png);} #MSEDDcache i.MSEBr{background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/brownDD.png);} #MSEDDcache i.MSEPi{background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/pinkDD.png);} #MSEDDcache i.MSETe{background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/tealDD.png);} #MSEDDcache i.MSEGr{background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/greenDD.png);} #MSEDDcache i.MSERe{background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/redDD.png);} #MSEDDcache i.MSEBl{background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/blueDD.png);} div.MSEvisible { display:block; } #MSEBeta {background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/masthead2010/beta.png); cursor:help ;width:40px; height:40px; z-index:2; position:absolute; left:560px; top:5px;} /* Breadcumb */ #breadcrumb{font-size:80%; color:#666; margin:0 5px 3px 5px; padding:2px 0 0 5px; float:left} #breadcrumbborder{border-bottom:1px solid #999} /****************************************** * * * Mainsite RHS * * * ******************************************/ #MSErhsTipbox { width:355px; height:413px; background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/rhstipbox/bg.png); background-repeat:no-repeat; position:relative; margin-top:1px; padding-top:1px; z-index:1; } #MSElatestTips { list-style-type:none; padding:0px; margin:0px; border:0px; font-family:Calibri, Myriad Pro, Arial, Sans-Serif; height:195px; background-color:white; position:absolute; left:19px; top:54px; z-index:5; width:316px; overflow:auto; border:1px solid #8f8e8e; padding-top:50px; } #MSElatestTips li { padding:0px; border:0px; margin:0px; display:block; width:299px; height:75px; background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/rhstipbox/border-bottom.jpg); background-repeat:no-repeat; background-position:bottom center; } #MSElatestTips li a { display:block; text-decoration:none; width:100%; height:74px; margin:0px; border:0px; padding:0px; cursor:pointer; } #MSElatestTips li a:hover { background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/rhstipbox/gradient.jpg); background-repeat:repeat-x; } #MSElatestTips li a img { border:1px solid #919191; float:left; margin-left:5px; margin-top:3px; margin-bottom:3px; margin-right:10px; width:65px; height:65px; } span.dealTitle { display:block; font-size:13pt; padding-top:8px; color:#000000; font-weight:bold; font-family: Arial, Sans-Serif; } span.dealLead { display:block; font-size:10pt; color:#013571; font-family:Arial, Helvetica, sans-serif; } #tipsHeader { width:301px; height:60px; background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/rhstipbox/grey_top.png); position:absolute; z-index:10; left:19px; top:53px; color:#003471; } #MSErhsSignUp{ position:absolute; left:25px; top:302px; margin-right:20px; text-align:center; } #MSErhsSignup span { display:block; margin-left:10px; } #MSErhsLinksBlock { clear:both; display:block; text-decoration:none;font-family:calibri, myriad pro; font-size:12px; text-align:center; padding-top:7px; } /****************************************** * * * Mainsite Footer * * * ******************************************/ #MSEfooter { background-color:#50c342; float:left; } #MSEfooter h3.title{ text-decoration:none; border:0px; padding:0px; color:white; margin:2px 0 3px 5px; font-family:Arial, Helvetica, sans-serif; font-size:14px;} #MSEfooter div.wrapL { background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/footer/wrapperL.png) no-repeat; padding-left:11px; float:left; margin-left:3px; margin-right:3px; width:985px} #MSEfooter div.wrapR { background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/footer/wrapperR.png) right top no-repeat; padding-right:11px; float:left; } #MSEfooter ul.navigation { list-style-type:none; padding:0px; border:0px; margin:0px; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/footer/footerBG.png) repeat-x; float:left; height:135px;} #MSEfooter ul.navigation li { display:block; float:left; width:239px; height:59px; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/footer/footerCross.png) no-repeat;padding:4px 0px 0px 4px;} #MSEfooter ul.navigation li a {text-decoration:none; color:black; margin:0px; font-family:Arial, Helvetica, sans-serif;} #MSEfooter ul.navigation a h3{ padding:0px; border:0px; margin:0px; font-size:15px;} #MSEfooter ul.navigation span {font-size:12px;color:#3F3F3F;} #MSEfooter ul.navigation li.footer1 {background-image:none; margin-top:5px;} #MSEfooter ul.navigation li.footer2 {background-position:-56px 2px; margin-top:5px; } #MSEfooter ul.navigation li.footer3 {background-position:-56px 2px; margin-top:5px; } #MSEfooter ul.navigation li.footer4 {background-position:-56px 2px; margin-top:5px;} #MSEfooter ul.navigation li.footer5 { background-position:186px -60px; position:relative; left:1px; top:-1px; padding-top:5px; } #MSEfooter ul.navigation li.footer6 { background-position:186px -60px; position:relative; left:1px; top:-1px; padding-top:5px; } #MSEfooter ul.navigation li.footer7 {background-position:186px -60px; position:relative; left:1px; top:-1px; padding-top:5px; } #MSEfooter ul.navigation li.footer8 {background-image:none; width:242px; margin-left:-1px;} #MSEfooter ul.navigation li.footer1 a{ color:#334494;} #MSEfooter ul.navigation li.footer2 a{ color:#9E0507;} #MSEfooter ul.navigation li.footer3 a{ color:#1E730E;} #MSEfooter ul.navigation li.footer4 a{ color:#BE621F;} #MSEfooter ul.navigation li.footer5 a{ color:#BE621F;} #MSEfooter ul.navigation li.footer6 a{ color:#1E730E;} #MSEfooter ul.navigation li.footer7 a{ color:#9E0507;} #MSEfooter ul.navigation li.footer8 a{ color:#334494;} #MSEfooter ul.navigation li a:hover{color:black;} #MSEfooter #MSEdisclaimer {padding:5px 4px 5px 4px;float:left;} #MSEfooter #MSEdisclaimer .footerText {color:white;text-align:left;font-size:12px;} #MSEfooter #MSEdisclaimer .linkBlock {color:black;padding-top:4px;text-align:center;} #MSEfooter #MSEdisclaimer .linkBlock a, #MSEdisclaimer .footerText a {color:black;text-decoration:none;} #MSEfooter #MSEdisclaimer .linkBlock a:hover, #MSEdisclaimer .footerText a:hover{ color:#9E0507;} /****************************************** * * * Mainsite Footer Colourbox * * * ******************************************/ .hidden { display:none; } /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/colorbox/overlay.png) 0 0 repeat;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/colorbox/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/colorbox/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/colorbox/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/colorbox/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/colorbox/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/colorbox/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/colorbox/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/colorbox/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/colorbox/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/colorbox/loading.gif) center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:0; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://images2.moneysavingexpert.com/images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://images2.moneysavingexpert.com/images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://images2.moneysavingexpert.com/images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://images2.moneysavingexpert.com/images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://images2.moneysavingexpert.com/images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://images2.moneysavingexpert.com/images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://images2.moneysavingexpert.com/images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://images2.moneysavingexpert.com/images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} /****************************************** * * * Tabbed RHS * * * ******************************************/ #tabbedRHS { width:330px; margin-left:26px; } #tabbed_headerRHS { background-color:white; z-index:20; height:28px; background-color:#E6F3DF; } #tabbed_headerRHS ul { list-style-type:none; margin:0; padding:0; width:332px; } #tabbed_headerRHS ul li { float:left; margin-right:2px; } #tabbed_headerRHS .tab_on { height:30px; position:relative; top:0; left:0; z-index:40; display:block; background-image:url('http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/tabbed_rhs/tab_on_r.jpg'); background-position:right; background-repeat:no-repeat; padding-right:11px; text-decoration:none; color:black; font-size:14px; font-weight:bold; cursor:pointer; } #tabbed_headerRHS .tab_on span { display:block; background-image:url('http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/tabbed_rhs/tab_on_l.jpg'); background-repeat:no-repeat; padding-left:11px; height:30px; text-align:center; padding-top:6px; } #tabbed_headerRHS .tab_hover { height:30px; position:relative; top:0; left:0; z-index:40; display:block; background-image:url('http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/tabbed_rhs/tab_on_r.jpg'); background-position:right; background-repeat:no-repeat; padding-right:11px; text-decoration:none; color:black; font-size:14px; font-weight:bold; cursor:pointer; } #tabbed_headerRHS .tab_hover span { display:block; background-image:url('http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/tabbed_rhs/tab_on_l.jpg'); background-repeat:no-repeat; padding-left:11px; height:30px; text-align:center; padding-top:6px; } #tabbed_headerRHS .tab_on:hover { color:#000000; cursor:default; } #tabbed_headerRHS .tab_off { height:30px; position:relative; top:0; left:0; z-index:40; display:block; background-image:url('http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/tabbed_rhs/tab_off_r.jpg'); background-position:right; background-repeat:no-repeat; padding-right:11px; text-decoration:none; color:white; font-size:14px; font-weight:bold; cursor:pointer; } #tabbed_headerRHS .tab_off:hover { color:#BF0000; color:#006699; color:#0000ff; } #tabbed_headerRHS .tab_off span { display:block; background-image:url('http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/tabbed_rhs/tab_off_l.jpg'); background-repeat:no-repeat; padding-left:11px; height:30px; text-align:center; padding-top:6px; } #tabbed_bodyRHS { border:2px solid #0ca20f; } #tabbed_bodyRHS .tab_content { background-color:#FFFFFF } .news_rss_feed ul a { text-decoration:none; } .news_rss_feed_list { position:relative; } .news_rss_feed ul { list-style-type:none; margin-bottom:5px; margin-left:0; margin-top:0; padding:0 15px; } .news_rss_feed li { border-bottom:1px solid #CCCCCC; font-size:90%; margin:0; overflow:hidden; padding:8px 8px 8px 0; } .news_rss_feed_pic img { border:1px solid black; float:left; height:35px; width:35px; } .news_rss_feed_see { background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/newsrhs/Marker.gif); background-repeat:no-repeat; bottom:0; font-size:13px; font-weight:bold; padding-bottom:4px; padding-left:20px; margin-right:10px; text-decoration:none; } .news_rss_feed_add { background-image:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/newsrhs/rss.png); background-repeat:no-repeat; bottom:0; font-size:13px; font-weight:bold; padding-bottom:4px; padding-left:20px; margin-left:10px; padding-right:11px; text-decoration:none; } .news_rss_feed_feedList li a { float:left; font-family:arial; font-size:13px; font-weight:bold; margin-left:5px; padding-left:5px; width:220px; } .dpbLeft{ width:59px; height:81px; float:left; } .dpbRight{ float:left; } .dpbTop{ background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/dealsPageBoxes/hTop2.gif) no-repeat left top; width:532px; padding-top:6px } .dpbMid{ background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/dealsPageBoxes/hMid2.gif) repeat-y left top; width:532px; height:69px; padding-left:5px; } .dpbBottom{ background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/dealsPageBoxes/hBot2.gif) no-repeat left bottom; width:532px; padding-bottom:6px; } #todayM{ color:#a41f22; } .dpbTopDealsPage{ float:Left; } .dpbMid>div{ font-size:14px; font-family: arial, sans-serif; font-weight: bold; } .dpbMidLeft{ float:left; width:235px; } .dpbMidRight{ float:left; width:295px; line-height:1.2em; } .dpbMidRightCol{ float:left; margin-left:2px; width:142px; } .dpbMidRightCol a{ font-size:12px; text-decoration:none; font-weight:normal; display:block; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/arrow_new_v4.gif) no-repeat ; padding-left:10px; } .dpbMidRightCol a:hover{ text-decoration:underline; } .fdpbTop{ width:200px; height:55px; } .fdpbSubTop{ background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/dealsPageBoxes/forumSubTop2.gif) left top repeat-y; width:200px; height:18px; font-family:arial, sans-serif; } .fdpbMid{ overflow:hidden; width:200px; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/dealsPageBoxes/forumMidSlither2.gif) left top repeat-y; } .fdpbBottom{ width:200px; height:6px; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/dealsPageBoxes/forumBot.gif) left top no-repeat; } .fdpbMid>div{ font-size:14px; font-family: arial, sans-serif; font-weight: bold; } #todayF{ color:#a41f22; } .fdpbMidTop{ width:200px; } .fdpbMidMid{ width:185px; height:22px; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/dealsPageBoxes/moreDeals.gif) left top no-repeat; margin:5px auto; } .fdpbMidBottom{ padding-left:20px; padding-right:20px; } .fdpbMidBottom a{ font-size:12px; text-decoration:none; font-weight:normal; display:block; line-height:1.4em; background:url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/arrow_new_v4.gif) no-repeat; padding-left:10px; } .fdpbMidBottom a:hover{ text-decoration:underline; } .dpbMid .topDeal{ width:120px; float:left; color:#0D9603; } .dpbMid .topDeal a{ color:#0D9603; text-decoration:none; } .topDeal a:visited{ color:#551A8B; } .topDeal a:hover{ color:#ff0000; } .fdpbMid .topDeal{ width:200px; color:#0D9603; text-align:center; } .fdpbMid .topDeal a{ color:#0D9603; text-decoration:none; text-align:center; font-size:16px; } /* .fdpbMid .topDeal a:visited{ color:#551A8B; } */ body.admin{ background:#ccf; } .input textarea, .input select, .input input[name=topDealAlias]{ width:300px; } .allDeals{ float:left; height:533px; overflow-y:auto; overflow-x:hidden; } #dealsList{ height:198px; float:left; width:290px; } .left, .right{ float:left; } .right{ width:840px; } .adminBox{ border:2px groove #878787; background:#fff; padding:10px; margin:15px; } #rightSection>.adminBox{ margin:15px 0px 15px 15px; width:457px; } #previewDealsBox{ width:810px; } .forumPreview{ float:left; width:200px; } .homePagePreview{ float:left; margin-left:5px; width:600px; } /****************************************** * * * Browser Bar * * * ******************************************/ .browsebarLayer { margin-top:10px; background:white; width:330px; margin-left:26px; } .browsebarLayer a { text-decoration:none; } .browsebarLayerSmall { margin-top:10px; background:white; } .browsebarLayerSmall a{ text-decoration:none; } #browsebarbox { border-top:0px; margin-bottom:4px; } #browsebarbox .header{ } #browsebarbox a{text-decoration:none;} #tools_layer .header{ background: url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/homepage/ToolsHeader.gif); height:32px; } #tools_layer .header h2{ display:none; } #tools_layer .headerSmall{ background: url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/browsebar08/freetools_or_forum.gif); height:24px; } #tools_layer .headerSmall h2{ display:none; } #tools_layer ul{ border:1px solid #D57307; } #browsebarbox .header h2{ color:white; font-size:120%; margin:0px; padding:4px; text-align:center; padding-bottom:6px; } ul.browsebarUL { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0px 0px 0px 0px; padding:10px 3px; padding-left:10px; padding-right:10px; } li.browsebarLI { font-size:95%; padding-bottom:7px; border-bottom:1px solid #CCCCCC; padding-top:7px; } li.browsebarLI a { text-decoration: none; } #browsebarbox ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0px 0px 0px 15px; padding:10px 3px; } #browsebarbox li { font-size:95%; padding-bottom:7px; } #browsebarbox li a { font-weight:bold; text-decoration:none; } #browsebarbox li a:hover { color:red; } #browsebarbox span { color:black; font-weight:normal; } #browsebarbox .browsebarLayer li a{ text-decoration:none; } #browsebarbox .browsebarLayer li a:hover{ color: red; } #browsebarbox .browsebarLayer span { color:black; font-weight:normal; } #article_layer .header{ background: url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/browsebar08/OtherArticles.gif); height:32px; } #article_layer .header h2{ display:none; } #article_layer .headerSmall{ background: url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/browsebar08/Forum.gif); height:32px; } #article_layer .headerSmall h2{ display:none; } #article_layer ul{ border:1px solid #0A6A96; } #funstuff_layer .header{ background: url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/browsebar08/FunStuffLarge.gif); height:32px; } #funstuff_layer ul{ border:1px solid #DE1111; } #funstuff_layer .header h2{ display:none; } #funstuff_layer .headerSmall{ background: url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/browsebar08/Forum_FunStuff_v1.gif); height:24px; } #funstuff_layer .headerSmall h2{ display:none; } #external_layer .header{ } #forums_layer .header{ background: url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/browsebar08/Forum.gif); height:32px; } #forums_layer .header h2{ display:none; } #forums_layer ul{ border:1px solid #B14098; } #ones_not_to_miss { margin-top:10px; } #ones_not_to_miss .header { background: url(http://web.archive.org/web/20110811225005im_/http://images2.moneysavingexpert.com/images/browsebar08/Forum_OnesNot_v1.gif); height:24px; } #ones_not_to_miss .header h2 { display:none; } #ones_not_to_miss .content { border:1px solid #F0057E; background-color:white; } /* End of MSE Masthead CSS - Mar 2010 ----------------------------------- _ _ / / | /_/ / \_\/ \ \ \ _;______ \_; ,'o `. [_, )£ `._ / ll`--'ll "The art is not in making money, but in keeping it" ------------------------------------ */ /* FILE ARCHIVED ON 22:50:05 Aug 11, 2011 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 06:54:08 Aug 07, 2022. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 70.811 exclusion.robots: 0.095 exclusion.robots.policy: 0.087 RedisCDXSource: 0.64 esindex: 0.009 LoadShardBlock: 49.765 (3) PetaboxLoader3.datanode: 73.482 (4) CDXLines.iter: 16.214 (3) load_resource: 152.809 PetaboxLoader3.resolve: 122.454 */