/* 
MoneySavingExpert.com Masthead CSS - January 2010
Author: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;}
#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; outline:none;}
#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;outline:none;}
#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;outline:none;}
#MSENavSearch #searchGo span { display:none;}

/* Navigation */
#MSENavWrap{height:43px; clear:both; border-left:1px solid #5B9100; border-right:1px solid #5B9100;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:0 -1px; border:0px; padding:0px; height:42px; background-image:url(http://images2.moneysavingexpert.com/images/masthead2010/tabsprite.jpg); background-repeat:repeat-x; background-position:0 -301px; float:left; background-color:#FDFDFD; width:999px; position:relative;min-width:993px;line-height:1.2; border:1px solid #5b9100; border-bottom:#5B9100;}
#MSEMainNavigation li{margin:0px; border:0px; padding:0px; display:inline-block; float:left}
#MSEMainNavigation li a{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:15px;}

#MSEMainNavigation li a.homeTab{width:45px; margin-left:0px; color:black;background-position:-1px -387px;}
#MSEMainNavigation li a.homeTab:hover{background-color:#111111;  color:white;background-position:-1px -431px;}
#MSEMainNavigation li a.homeTab span, #MSEMainNavigation li a.homeTabActive span {padding-top:24px; font-size:12px; display:block;  }
#MSEMainNavigation li a.homeTabActive{width:45px; margin-left:0px; color:white;background-position:-1px -431px;background-color:#111111;}

#MSEMainNavigation li a.cardsTab{color:#104fb6; width:86px}
#MSEMainNavigation li a.cardsTab:hover{background-position:0 0; background-color:#6E97FF; color:white}
#MSEMainNavigation li a.cardsTabActive{background-position:0 0; background-color:#6E97FF; color:white; width:86px}
#MSEMainNavigation li a.cardsTab span, #MSEMainNavigation li a.cardsTabActive span{padding-top:3px; display:block;}

#MSEMainNavigation li a.reclaimTab{color:#a60404; width:87px}
#MSEMainNavigation li a.reclaimTab:hover{background-position:0px -215px; background-color:#FF6E6F; color:white}
#MSEMainNavigation li a.reclaimTabActive{background-position:0px -215px; background-color:#FF6E6F; color:white; width:87px}
#MSEMainNavigation li a.reclaimTab span, #MSEMainNavigation li a.reclaimTabActive span{padding-top:3px; display:block}

#MSEMainNavigation li a.shoppingTab{color:#208600; width:87px}
#MSEMainNavigation li a.shoppingTab:hover{background-position:0px -43px; background-color:#30CC23; background-repeat:repeat-x; color:white}
#MSEMainNavigation li a.shoppingTabActive{background-position:0px -43px; background-color:#30CC23; color:white; width:87px}
#MSEMainNavigation li a.shoppingTab span, #MSEMainNavigation li a.shoppingTabActive span{padding-top:11px; display:block}

#MSEMainNavigation li a.dealsTab{color:#fe17d5; width:87px}
#MSEMainNavigation li a.dealsTab:hover{background-position:0px -129px; background-color:#FC79EB; color:white}
#MSEMainNavigation li a.dealsTabActive{background-position:0px -129px; background-color:#FC79EB; color:white; width:87px}
#MSEMainNavigation li a.dealsTab span, #MSEMainNavigation li a.dealsTabActive span{padding-top:3px; display:block}

#MSEMainNavigation li a.bankingTab{color:#d76d14; width:87px}
#MSEMainNavigation li a.bankingTab:hover{background-position:0px -86px; background-color:#F7962F; color:white}
#MSEMainNavigation li a.bankingTabActive{background-position:0px -86px; background-color:#F7962F; color:white; width:87px}
#MSEMainNavigation li a.bankingTab span, #MSEMainNavigation li a.bankingTabActive span{padding-top:3px; display:block}

#MSEMainNavigation li a.utilitiesTab{color:#1d8084; width:87px}
#MSEMainNavigation li a.utilitiesTab:hover{background-position:0px -258px; background-color:#35CDA4; color:white}
#MSEMainNavigation li a.utilitiesTabActive{background-position:0px -258px; background-color:#35CDA4; color:white; width:87px}
#MSEMainNavigation li a.utilitiesTab span, #MSEMainNavigation li a.utilitiesTabActive span{padding-top:3px; display:block}

#MSEMainNavigation li a.travelTab{color:#104fb6; width:87px}
#MSEMainNavigation li a.travelTab:hover{background-position:0px 0px; background-color:#6E97FF; color:white}
#MSEMainNavigation li a.travelTabActive{background-position:0px 0px; background-color:#6E97FF; color:white; width:87px}
#MSEMainNavigation li a.travelTab span, #MSEMainNavigation li a.travelTabActive span{padding-top:3px; display:block}

#MSEMainNavigation li a.insuranceTab{color:#a60404; width:88px}
#MSEMainNavigation li a.insuranceTab:hover{background-position:0px -215px; background-color:#FF6E6F; color:white}
#MSEMainNavigation li a.insuranceTabActive{background-position:0px -215px; background-color:#FF6E6F; color:white; width:87px}
#MSEMainNavigation li a.insuranceTab span, #MSEMainNavigation li a.insuranceTabActive span{padding-top:11px; display:block}

#MSEMainNavigation li a.mortgagesTab{color:#9d04be; width:88px}
#MSEMainNavigation li a.mortgagesTab:hover{background-position:0px -172px; background-color:#E06DFE; color:white}
#MSEMainNavigation li a.mortgagesTabActive{background-position:0px -172px; background-color:#E06DFE; color:white; width:87px}
#MSEMainNavigation li a.mortgagesTab span, #MSEMainNavigation li a.mortgagesTabActive span{padding-top:3px; display:block}

#MSEMainNavigation li a.familyTab{color:#1d8084; width:91px}
#MSEMainNavigation li a.familyTab:hover{background-position:0px -258px; background-color:#35CDA4; color:white}
#MSEMainNavigation li a.familyTabActive{background-position:0px -258px; background-color:#35CDA4; color:white; width:87px}
#MSEMainNavigation li a.familyTab span, #MSEMainNavigation li a.familyTabActive span{padding-top:3px; display:block}

#MSEMainNavigation li a.newsTab{color:#208600; width:79px;}
#MSEMainNavigation li a.newsTab:hover{background-position:0px -43px; background-color:#30CC23; color:white}
#MSEMainNavigation li a.newsTabActive{background-position:0px -43px; background-color:#30CC23; color:white; width:79px}
#MSEMainNavigation li a.newsTab span, #MSEMainNavigation li a.newsTabActive span{padding-top:3px; display:block}
 
 /* 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/subTabSprite3.jpg) no-repeat; border:0px;  background-color:#FDFDFD;}
#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/subTabSprite3.jpg) no-repeat; background-position:100% -155px; 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% -181px; }
#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/subTabSprite3.jpg) no-repeat; border:0px;background-position:0 -26px; background-color:#676767;}
#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/subTabSprite3.jpg) no-repeat; background-position:100% -155px; height:21px; cursor:pointer;  background-position:100% -181px; }

#MSEMainNavigation li.tipTab{ position:absolute; clear:both; right:100px; 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/subTabSprite3.jpg) no-repeat 0 -78px; border:0px;  background-color:#FDFDFD;}
#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/subTabSprite3.jpg) no-repeat; background-position:100% -155px; height:21px; cursor:pointer; }
#MSEMainNavigation li.tipTab a:hover{ background-position:0 -104px; background-color:#3C3FC0; }
#MSEMainNavigation li.tipTab a:hover span{ color:#fff; background-position:100% -207px; }

#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/subTabSprite3.jpg) no-repeat 0 -104px; border:0px;  background-color:#3C3FC0;}
#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/subTabSprite3.jpg) no-repeat 100% -207px; height:21px; cursor:pointer; }

/* Secondary Nav */
#secNav{clear:both; text-align:center; font-size:12px; color:#717171}
#secNavBar{width:850px; float:left; margin-top:3px}

/* 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  - Jan 2010
----------------------- 
"The art is not in making money, but in keeping it"
*/