/* * MoneySavingExpert.com Masthead CSS Dropdown Edition - January 2010 * Author:MSE James * Revisions: * 19 March 2010: Secondary Dropdown CSS Added - MSE James */ /* Main Masthead */ #MSEMasthead{width:964px; background:#4EC341 url(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:2px; 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://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://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://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://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://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://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://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://images2.moneysavingexpert.com/images/masthead2010/subTabSprite4.jpg) no-repeat; background-position:100% -155px; height:21px; cursor:pointer; background-position:100% -181px; } #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://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://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://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://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://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://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:100px; 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://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://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://images2.moneysavingexpert.com/images/masthead2010/subTabSprite7.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://images2.moneysavingexpert.com/images/masthead2010/subTabSprite7.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% -364px; } #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://images2.moneysavingexpert.com/images/masthead2010/subTabSprite7.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://images2.moneysavingexpert.com/images/masthead2010/subTabSprite7.jpg) no-repeat 100% -364px; 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://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://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://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://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://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://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://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://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://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://images2.moneysavingexpert.com/images/masthead2010/blueDD.png);} #MSEMainNavigation #cardsTab div.dropdown .wrapperL{ background-image:url(http://images2.moneysavingexpert.com/images/masthead2010/blueDD.png);} #MSEMainNavigation #cardsTab div.dropdown .wrapperR{ background-image:url(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://images2.moneysavingexpert.com/images/masthead2010/redDD.png);} #MSEMainNavigation #reclaimTab div.dropdown .wrapperL{ background-image:url(http://images2.moneysavingexpert.com/images/masthead2010/redDD.png);} #MSEMainNavigation #reclaimTab div.dropdown .wrapperR{ background-image:url(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://images2.moneysavingexpert.com/images/masthead2010/greenDD.png);} #MSEMainNavigation #shoppingTab div.dropdown .wrapperL{ background-image:url(http://images2.moneysavingexpert.com/images/masthead2010/greenDD.png);} #MSEMainNavigation #shoppingTab div.dropdown .wrapperR{ background-image:url(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://images2.moneysavingexpert.com/images/masthead2010/pinkDD.png);} #MSEMainNavigation #dealsTab div.dropdown .wrapperL{ background-image:url(http://images2.moneysavingexpert.com/images/masthead2010/pinkDD.png);} #MSEMainNavigation #dealsTab div.dropdown .wrapperR{background-image:url(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://images2.moneysavingexpert.com/images/masthead2010/tealDD.png);} #MSEMainNavigation #utilitiesTab div.dropdown .wrapperL{ background-image:url(http://images2.moneysavingexpert.com/images/masthead2010/tealDD.png); } #MSEMainNavigation #utilitiesTab div.dropdown .wrapperR{ background-image:url(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://images2.moneysavingexpert.com/images/masthead2010/brownDD.png);} #MSEMainNavigation #bankingTab div.dropdown .wrapperL{ background-image:url(http://images2.moneysavingexpert.com/images/masthead2010/brownDD.png); } #MSEMainNavigation #bankingTab div.dropdown .wrapperR{ background-image:url(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://images2.moneysavingexpert.com/images/masthead2010/blueDD.png);} #MSEMainNavigation #travelTab div.dropdown .wrapperL{ background-image:url(http://images2.moneysavingexpert.com/images/masthead2010/blueDD.png);} #MSEMainNavigation #travelTab div.dropdown .wrapperR{ background-image:url(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://images2.moneysavingexpert.com/images/masthead2010/redDD.png);} #MSEMainNavigation #insuranceTab div.dropdown .wrapperL{ background-image:url(http://images2.moneysavingexpert.com/images/masthead2010/redDD.png); } #MSEMainNavigation #insuranceTab div.dropdown .wrapperR{ background-image:url(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://images2.moneysavingexpert.com/images/masthead2010/purpleDD.png); } #MSEMainNavigation #mortgagesTab div.dropdown .wrapperL{ background-image:url(http://images2.moneysavingexpert.com/images/masthead2010/purpleDD.png); } #MSEMainNavigation #mortgagesTab div.dropdown .wrapperR{ background-image:url(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://images2.moneysavingexpert.com/images/masthead2010/tealDD.png);} #MSEMainNavigation #familyTab div.dropdown .wrapperL{ background-image:url(http://images2.moneysavingexpert.com/images/masthead2010/tealDD.png); } #MSEMainNavigation #familyTab div.dropdown .wrapperR{ background-image:url(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://images2.moneysavingexpert.com/images/masthead2010/purpleDD.png);} #MSEDDcache i.MSEBr{background:url(http://images2.moneysavingexpert.com/images/masthead2010/brownDD.png);} #MSEDDcache i.MSEPi{background:url(http://images2.moneysavingexpert.com/images/masthead2010/pinkDD.png);} #MSEDDcache i.MSETe{background:url(http://images2.moneysavingexpert.com/images/masthead2010/tealDD.png);} #MSEDDcache i.MSEGr{background:url(http://images2.moneysavingexpert.com/images/masthead2010/greenDD.png);} #MSEDDcache i.MSERe{background:url(http://images2.moneysavingexpert.com/images/masthead2010/redDD.png);} #MSEDDcache i.MSEBl{background:url(http://images2.moneysavingexpert.com/images/masthead2010/blueDD.png);} div.MSEvisible { display:block; } #MSEBeta {background-image:url(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} /* End of MSE Masthead CSS - Mar 2010 ----------------------------------- _ _ / / | /_/ / \_\/ \ \ \ _;______ \_; ,'o `. [_, )£ `._ / ll`--'ll "The art is not in making money, but in keeping it" ------------------------------------ */