@charset "utf-8"; /** * Print styles. * * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */ p a, p a:visited { color: #444 !important; text-decoration: underline; } p a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } } /* Eric Meyer's CSS Reset http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ .mainNavRow html, .mainNavRow body, .mainNavRow div, .mainNavRow span, .mainNavRow applet, .mainNavRow object, .mainNavRow iframe, .mainNavRow h1, .mainNavRow h2, .mainNavRow h3, .mainNavRow h4, .mainNavRow h5, .mainNavRow h6, .mainNavRow p, .mainNavRow blockquote, .mainNavRow pre, .mainNavRow a, .mainNavRow abbr, .mainNavRow acronym, .mainNavRow address, .mainNavRow big, .mainNavRow cite, .mainNavRow code, .mainNavRow del, .mainNavRow dfn, .mainNavRow em, .mainNavRow img, .mainNavRow ins, .mainNavRow kbd, .mainNavRow q, .mainNavRow s, .mainNavRow samp, .mainNavRow small, .mainNavRow strike, .mainNavRow strong, .mainNavRow sub, .mainNavRow sup, .mainNavRow tt, .mainNavRow var, .mainNavRow b, .mainNavRow u, .mainNavRow i, .mainNavRow center, .mainNavRow dl, .mainNavRow dt, .mainNavRow dd, .mainNavRow ol, .mainNavRow ul, .mainNavRow li, .mainNavRow fieldset, .mainNavRow form, .mainNavRow label, .mainNavRow legend, .mainNavRow caption, .mainNavRow article, .mainNavRow aside, .mainNavRow canvas, .mainNavRow details, .mainNavRow embed, .mainNavRow figure, .mainNavRow figcaption, .mainNavRow footer, .mainNavRow header, .mainNavRow hgroup, .mainNavRow menu, .mainNavRow nav, .mainNavRow output, .mainNavRow ruby, .mainNavRow section, .mainNavRow summary, .mainNavRow time, .mainNavRow mark, .mainNavRow audio, .mainNavRow video { margin: 0; padding: 0; border: 0; font: inherit; } .mainNavRow ol, .mainNavRow ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } .mainNavRow table { border-collapse: collapse; border-spacing: 0; } /* Nicolas Gallagher's micro clearfix */ .row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } body { background: #fff; font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif; font-size: 81.3%; color: #222; position: relative; -webkit-font-smoothing: antialiased; background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/HPrepeatRest.gif) repeat; line-height:1.385; } a { color: #003575;} blockquote { margin: 1.385em; color: #666; font-style: italic; } strong { font-weight: bold; } em,dfn { font-style: italic; } dfn { font-weight: bold; } sup, sub { line-height: 0; } abbr, acronym { border-bottom: 1px dotted #666; } address { margin: 0 0 1.385em; font-style: italic; } del { color:#666; } a:hover { color: #b31717; } p a, p a:visited { line-height: inherit; } h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; } h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; } h2 { font-size: 2em; margin-bottom: 1em; } h3 { font-size: 1.385em; line-height: 1; margin-bottom: 1em; } h4 { font-size: 1.231em; margin-bottom: 1.125em; line-height:1.125em; } h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.385em; } h6 { font-size: 1em; font-weight: bold; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } p { margin: 0 0 1.385em; } .mainNavRow ul { list-style: none outside; } .mainNavRow ol { list-style: decimal; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ol ol { margin: 0 0 0.25em; } ul.large li { line-height: 21px; } /* -------------------------------------------------- :: Block grids courtesy ZURB -------------------------------------------------- */ .block-grid { display: block; overflow: hidden; } .block-grid>li { display: block; height: auto; float: left; } .block-grid.two-up { margin-left: -4% } .block-grid.two-up>li { margin-left: 4%; width: 46%; } .block-grid.three-up { margin-left: -3% } .block-grid.three-up>li { margin-left: 3%; width: 30.3%; } .block-grid.four-up { margin-left: -2% } .block-grid.four-up>li { margin-left: 2%; width: 23%; } .block-grid.five-up { margin-left: -1.5% } .block-grid.five-up>li { margin-left: 1.5%; width: 18.5%; } /* -------------------------------------------------- :: The Grid -------------------------------------------------- */ #container { margin:0 auto; width:1000px; background: transparent;} .row { width: 100%; min-width: 727px; margin: 0 auto; margin-top:1.385em } /* To fix the grid into a certain size, set max-width to width */ .row .row { min-width: 0px; } .column, .columns { margin-left: 2.2%; float: left; min-height: 1px; position: relative; } .column:first-child, .columns:first-child { margin-left: 0%; } .row .one.column { width: 9.1%; background:#0b6759 } .row .two.columns { width: 20.4%; } .row .three.columns { width: 31.9%; } .row .four.columns { width: 43.2% ;} .row .five.columns { width: 54.5%; } .row .six.columns { width: 65.8%; } .row .seven.columns { width: 77.1% ; } .row .eight.columns { width: 88.4%; } .row .nine.columns { width: 100%; } div.innerRow { width:100%; margin-bottom:1.385em; clear:left} div.innerRow .columns:first-child { margin-left:0;} div.twoThirds { width:65.8%} div#theWrapper { width:100%;background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/HPrepeatTop.gif) repeat-x top left;} .row .six.columns .three.columns { width:31.3%; margin-left: 3%} .row .six.columns .six.columns {width: 65.6%; margin-left: 0} #breadcrumb { color: #666666; font-size: 0.846em; line-height: 1.636; margin: 0 0 1em 0; padding:0; float:none; } /*-------------------------------------------------------------------------------- Header ---------------------------------------------------------------------------------*/ #MSEMasthead #MSETop #MSETitleWrapper { height: 74px;} #MSEBookmark { display:none; } div.mainNavHeader { height:160px; position:relative} a.MartinHome { width:83px; height:117px; display:block; position:absolute; background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/martinimage.png) no-repeat left top ; text-indent:-9999px; left:0; top:4px} h2.MSElogo { text-indent:-9999px; width:477px; height:58px; display:block ;background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/mastMain.png) no-repeat left -21px; position:absolute; left:105px; top:55px;} span.protest { position: absolute; left: 585px; top:40px; background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/mastMain.png) no-repeat -475px top; width:141px; height:80px;} div.secondaryNav {width:100%; height:40px; } div.mainNavHeader .secondaryNav ul {display:block; margin:0; padding:0; -moz-transition: all 0.2s ease; -webkit-transition:all 0.2s ease; transition:all 0.2s ease} div.mainNavHeader .secondaryNav ul li { display:inline; } div.mainNavHeader .secondaryNav ul li a { display:block; float:left; padding:0px 15px; color:#FFFFFF; text-shadow:0 1px 0 #000000; text-transform:uppercase; text-decoration:none; margin: 0; line-height:38px; font-size: 11px; font-weight:bold; border:none;} div.mainNavHeader .secondaryNav ul li a:hover, { background-color:#666666; } div.secondaryNav {width:100%; height:40px; } div.mainNavHeader .secondaryNav ul {display:block; margin:0; padding:0 0 0 55px; -moz-transition: all 0.2s ease; -webkit-transition:all 0.2s ease; transition:all 0.2s ease} div.mainNavHeader .secondaryNav ul li { display:inline-block; float:left } div.mainNavHeader .secondaryNav ul li a:hover { background-color:#666666; } div.mainNavHeader .secondaryNav ul li.MSEstuff { padding:0 30px 0 20px; height:38px; position:relative; background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/littlearrows.png) no-repeat 90px 18px} div.mainNavHeader .secondaryNav ul li.MSEstuff.active { background-position: 91px -28px; background-color:#666666} div.mainNavHeader .secondaryNav ul li.MSEstuff a {padding:0} div.mainNavHeader .secondaryNav ul li.MSEstuff:hover { background-color:#666666} div.mainNavHeader .secondaryNav ul li.forumExpand { position:relative; margin-left:10px;} div.mainNavHeader .secondaryNav ul li.forumExpand a { background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/forumbuttonsprite.png) no-repeat left top; position:relative; width:60px; height:28px; margin:5px 0; line-height:28px; padding:0 0 0 15px} div.mainNavHeader .secondaryNav ul li.forumExpand span { background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/forumbuttonsprite.png) no-repeat; position:absolute; right:-15px; top:5px; display:block; width:28px; height:28px; background-position: right -120px; cursor:pointer} div.mainNavHeader .secondaryNav ul li.forumExpand a:hover { background-position:0 -30px;} div.mainNavHeader .secondaryNav ul li.forumExpand span:hover { background-position: right -90px } div.mainNavHeader .secondaryNav ul li.forumExpand span.active { background-position: right -60px } /* Forum Drop Ups*/ .above{ display:none;background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/forumdropdownrpt.gif) repeat-x bottom #555555;height:170px;} ul.forumBoxes {width:1020px; margin:0 auto; padding:13px 0px 13px 0px; text-align:left} ul.forumBoxes li { display: block; -moz-transition: all 0.2s ease 0s; background-color: transparent; border-top: 1px dotted #929292; border-bottom:1px dotted #929292; color: #fff; float: left; margin: 0; padding: 0.2% 0.4% 0.2% 59px; width: 190px; height:55px; border-right:1px dotted #929292; } ul.forumBoxes p { line-height:1; color:#ffffff; margin:0 0 11px 0} ul.forumBoxes p a { color:#ffffff; text-decoration:none} ul.forumBoxes p a:hover {text-decoration:underline} ul.forumBoxes li a H4 { font-size: 13px; font-weight: bold; line-height: 1.385; display: block; color: #ffffff; margin: 0;} ul.forumBoxes li a H4 span { display: block; font-size: 11px; color: #f6f6f6; font-weight: normal;} ul.forumBoxes li a:hover span { text-decoration: none} ul.forumBoxes li { color: #c5c5c5} ul.forumBoxes li a { font-size: 11px; color: #f6f6f6; text-decoration: none;} ul.forumBoxes li a:hover { text-decoration: underline} .forumBoxes .topRow{border-bottom:none;} .forumBoxes .rightRow{border-right:none;} .fHome{background:url(http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/forumiconsprite.png) 6px 7px no-repeat;} .fPureMoney{background:url(http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/forumiconsprite.png) 6px -54px no-repeat;} .fWorksandBen{background:url(http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/forumiconsprite.png) 6px -114px no-repeat;} .fHomeAndPlay{background:url(http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/forumiconsprite.png) 6px -174px no-repeat;} .fWhoandWhere{background:url(http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/forumiconsprite.png) 6px -234px no-repeat;} .fBargains{background:url(http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/forumiconsprite.png) 6px -294px no-repeat;} .fMoneySavingandSite{background:url(http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/forumiconsprite.png) 6px -355px no-repeat;} .fMoneySavingArms{background:url(http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/forumiconsprite.png) 6px -413px no-repeat;} /* Forum Drop ups end*/ .MSEnav {position:absolute; width:300px; display:none; top:45px; left:-95px; background:#444444; border:1px solid #000000; border-radius:5px; z-index:9999; padding: 10px 0} .MSEnav:before{ display:block; width:0; height:0; border-width:10px; border-color: transparent transparent #000000 transparent; border-style:solid; content:""; position:absolute; left:141px; top:-20px} .MSEnav:after { display:block; width:0; height:0; border-width:10px; border-color: transparent transparent #444444 transparent; border-style:solid; content:""; position:absolute; left:141px; top:-19px} div.mainNavHeader .secondaryNav ul li .MSEnav ul { padding: 0} div.mainNavHeader .secondaryNav ul li .MSEnav ul li a {color:#ffffff; font-weight:normal; text-transform:none; text-decoration:none; font-size:0.923em; line-height:1.5; display:block; border-bottom: 1px dotted #cccccc; width:130px; padding:5px 0; margin: 0 10px; text-shadow:none } div.mainNavHeader .secondaryNav ul li .MSEnav ul li:nth-last-of-type(-n+2) a {border-bottom:none} div.mainNavHeader .social { width:70px; position:absolute; right:-9px; top:85px} div.mainNavHeader .social a { display:block; width:26px; height:26px; float:left; background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/socialSpriteHome.png) no-repeat left top; opacity:0.8; margin-right:9px; text-indent:-9999px; position: relative ; text-decoration: none} div.mainNavHeader .social a span {display: none; position: absolute; background: #666666; border: 1px solid #fff; border-radius:8px; padding: 2px 5px; top:-38px; left:-21px; width:61px; z-index: 9999; text-indent: 0; font-size: 10px; line-height: 1.4; text-align: center} div.mainNavHeader .social a span:before { content: ""; border-width:5px; border-color:#ffffff transparent transparent transparent; position: absolute; left:28px; bottom: -10px; border-style: solid} div.mainNavHeader .social a span:after { content: ""; border-width:5px; border-color:#666666 transparent transparent transparent; position: absolute; left:28px; bottom: -9px; border-style: solid} div.mainNavHeader .social a:hover span { display: block; color: #ffffff; opacity: 0.8} div.mainNavHeader .social a:hover {opacity:1} div.mainNavHeader .social a.facebookLink { background-position:-60px 0} div.mainNavHeader .social a.twitterLink { background-position:-30px 0} div.mainNavHeader .social a.googleLink { background-position:0 0; display:none} /* New search */ .assistive { display:block; text-indent:-9999px;} form.searchform {display: inline-block;zoom: 1;*display: inline;width:240px; float:right;position:relative; padding:0; height:30px; margin-top: 6px;} .searchform input, .searchform select {font: normal 12px/100% "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif!important; ;} .searchform .searchSection { width:90px; height: 25px; left:115px; position: absolute; top:1px; display: none; z-index: 1; } .searchform .assistive{float:left;} .searchform .searchBox {background: #fff;padding: 3px 0 3px 5px;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);box-shadow: inset 0 1px 2px rgba(0,0,0,.2);width:235px;position:absolute; top:0;height:19px; right:0;width: 125px;} .searchform .searchfield {width:100px;outline: none;border: none;} /*.searchform .searchfield:focus {-ms-box-shadow:0 0 5px #0098d9; -o-box-shadow:0 0 3px #0098d9;-webkit-box-shadow:0 0 5px #0098d9;-moz-box-shadow:0 0 5px #0098d9; box-shadow:0 0 5px #0098d9}*/ .searchform .searchbutton {height: 21px;width: 21px;position: absolute; right:2px; top:2px; background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/searchSpriteFinal.png) no-repeat left top; border:none; text-indent:-9999px; cursor:pointer} .searchform .searchbutton.switched { background-position:left bottom;} .searchDropdown { position:absolute; top:4px; left:110px; border-left:1px solid #cccccc; } .searchDropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px!important; } .searchDropdown dd { position:relative; } .searchDropdown a, .dropdown a:visited { color:#333333; text-decoration:none; outline:none; font: normal 12px/100% "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif!important; text-shadow: 0} .searchDropdown a:hover { color:#b31717;} .searchDropdown dt a:hover { color:#111111;} .searchDropdown dt a {background: url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/searcharrow.gif) no-repeat scroll 95% center; display:block; padding-right:20px;width:93px; padding:3px 3px;} .searchDropdown dt a span {cursor:pointer; display:block;} .searchDropdown dd ul { border:1px solid #e5e5e5; border-top:none; display:none; left:-1px; padding:0!important; position:absolute; top:3px; width:auto; min-width:100px; list-style:none; background: #ffffff; z-index: 9998;} .searchDropdown span.value { display:none;} .searchDropdown dd ul li a { padding:3px!important; display:block!important; text-transform: none!important; text-shadow: none!important; width: 98px; color: #333!important} .searchDropdown dd ul li a:hover { background-color:#f6f6f6!important;} .searchDropdown img.flag { border:none; vertical-align:middle; margin-left:10px; } .flagvisibility { display:none;} /* Search box */ #MSENavSearch2 { width:300px; height:25px; position:relative; margin-top:9px; position:absolute; right:20px; } #MSENavSearch2 input.searchField {-webkit-border-top-left-radius: 12px; -webkit-border-bottom-left-radius: 12px; -moz-border-radius-topleft: 12px; -moz-border-radius-bottomleft: 12px; border-top-left-radius: 12px; text-indent:10px; border-bottom-left-radius: 12px; line-height:15px; padding:1px; position:absolute; left:0; top:1px; border:none; width:168px; font-size:1em; font-weight:bold; background:#f6f6f6; color:#333333; text-transform:uppercase; height:17px;} #MSENavSearch2 input.go {width:32px; position:absolute; left:291px; top:1px;} #MSENavSearch2 select { position:absolute; line-height:15px; padding:0px; width:120px; left:171px; border:none;font-size:1em; font-weight:bold; top:1px; background:#f6f6f6; color:#333333; text-transform:uppercase; height:19px;} #MSENavSearch2 input.searchField {width: 170px;} #MSENavSearch2 {right:0px; width:200px; top:0;} #MSENavSearch2 input{outline:none;} #MSENavSearch2 input.go {left: 169px;} #searchBox {/*position:relative;*/display:block;height:20px;width:300px;padding: 0px;margin: 0px auto 0px auto;border-radius:5px;z-index:1001;} #searchcontainer{ width:201px} #headersearchresults {background-color: #F6F6F6;width:201px;display:none; position:relative;z-index: 1000;line-height:0; margin-top:10px; margin-left: 0px;box-shadow: 0 2px 3px #666666;} #headersearchresults ul {list-style:none; padding:10px 0px 0px 0px;margin:0px;} #headersearchresults ul li { background-color:#FFFFFF;text-align: left;display:block;width:100%;} #headersearchresults ul li a:hover { background-color:#EBEBEB;} #headersearchresults ul li a span{color:blue} #headersearchresults ul li a {line-height:20px; text-decoration:none;padding: 5px; display: block;color: #333333;float:none;margin:0px;text-shadow:0px 0px;} a.searchHover {border-radius:0px 0px 0px 0px ;border:0px; box-shadow:0} #headersearchresults ul li a:hover{border-radius: 0px 0px 0px 0px; } .search_hover { background-color:#EBEBEB!important; color:#232323!important;} /* MegaDropDowns ---------------------------------------------------------------*/ #topnav {margin: 0; padding: 0;width: 100%;list-style: none; position:absolute; bottom:0; left:0} #topnav li {float: left;margin: 0; padding: 0;position: relative; width:10%} #topnav li a {float: left; text-align:center;text-decoration:none;line-height: 15px;font-weight:bold;color:#ffffff;text-shadow:0 1px 0 #444444;position:relative; padding:5px 0; display:block; width:100%; background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/RPTnoise.png) repeat; font-size:1em; /*-moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; transition:all 0.4s ease; height:30px;*/ } #topnav li a.shopping, #topnav li a.insurance { line-height:30px} /* topnav states */ #topnav li a.cards, #topnav li a.travel {background-color:#0b2e59; } #topnav li a.reclaim, #topnav li a.insurance {background-color:#b31717; } #topnav li a.shopping {background-color:#7ab317; } #topnav li a.utilities, #topnav li a.family {background-color:#0D6759; } #topnav li a.deals {background-color:#df39ae; } #topnav li a.banking {background-color:#C76E17; } #topnav li a.mortgages {background-color:#2a044a; } #topnav li:hover a, #topnav li a:hover { background:#333333} #topnav li a.active-tab { background:#666666; position:relative; margin-top:0; } #section_mortgages #topnav li a.mortgage, #section_cards #topnav li a.cards, #section_banking #topnav li a.banking, #section_shopping #topnav li a.shopping, #section_deals #topnav li a.deals, #section_utilities #topnav li a.utilities, #section_phones #topnav li a.utilities, #section_family #topnav li a.family, #section_insurance #topnav li a.insurance, #section_reclaim #topnav li a.reclaim {background:#666666; position:relative; margin-top:0} #topnav li a.mortgages:hover:before, #topnav li a.mortgages.active-tab:before, #section_mortgages #topnav li a.mortgage:before {border:1px solid #2a044a; width:98%; height:0; display:block; position:absolute; top:41px; left:0; content:''; z-index:9997} #topnav li a.cards:hover:before, #topnav li a.cards.active-tab:before, #section_cards #topnav li a.cards:before, #topnav li a.travel:hover:before, #topnav li a.travel.active-tab:before, #section_travel #topnav li a.travel:before {border:1px solid #0B2e59; width:98%; height:0; display:block; position:absolute; top:41px; left:0; content:''; z-index:9997} #topnav li a.banking:hover:before, #topnav li a.banking.active-tab:before, #section_banking #topnav li a.banking:before {border:1px solid #C76E17; width:98%; height:0; display:block; position:absolute; top:41px; left:0; content:''; z-index:9997} #topnav li a.shopping:hover:before, #topnav li a.shopping.active-tab:before, #section_shopping #topnav li a.shopping:before { border:1px solid #7ab317; width:98%; height:0; display:block; position:absolute; top:41px; left:0; content:''; z-index:9997} #topnav li a.deals:hover:before, #topnav li a.deals.active-tab:before, #section_deals #topnav li a.deals:before { border:1px solid #df39ae; width:98%; height:0; display:block; position:absolute; top:41px; left:0; content:''; z-index:9997} #topnav li a.utilities:hover:before, #topnav li a.utilities.active-tab:before, #section_utilities #topnav li a.utilities:before, #section_phones #topnav li a.utilities:before, #topnav li a.family:hover:before, #topnav li a.family.active-tab:before, #section_family #topnav li a.family:before {border:1px solid #0D6759; width:98%; height:0; display:block; position:absolute; top:41px; left:0; content:''; z-index:9997} #topnav li a.insurance:hover:before, #topnav li a.insurance.active-tab:before, #section_insurance #topnav li a.insurance:before, #topnav li a.reclaim:hover:before, #topnav li a.reclaim.active-tab:before, #section_reclaim #topnav li a.reclaim:before { border:1px solid #b31717; width:98%; height:0; display:block; position:absolute; top:41px; left:0; content:''; z-index:9997} /* and for the secondary nav... */ div.mainNavHeader .secondaryNav ul li a.active-tab, #section_email div.mainNavHeader .secondaryNav ul li a.email, #section_news div.mainNavHeader .secondaryNav ul li a.news, #section_blog div.mainNavHeader .secondaryNav ul li a.blog, #section_MSEstuff div.mainNavHeader .secondaryNav ul li.MSEstuff, #section_finEd div.mainNavHeader .secondaryNav ul li a.finEd, #section_students div.mainNavHeader .secondaryNav ul li a.students {background-color:#666666} #topnav li .sub {position: absolute; top: 40px; left: 0px;background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/MegaDDBGyep.gif) repeat-y left top #f6f6f6;padding: 0 0 2em 0;float: left;border:3px solid #333333; z-index:999; width:994px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; display:none; z-index:9995} /* #topnav li .sub:before { width:20px; height:16px; position:absolute; top:0px; left:39%; display:block; background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/NavTriActive.gif) no-repeat 0 -3px; content:""} */ #topnav li .sub.reclaim { left:-100px;} #topnav li .sub.shopping { left:-200px;} #topnav li .sub.deals { left:-300px;} #topnav li .sub.utilities { left:-400px;} #topnav li .sub.banking { left:-500px;} #topnav li .sub.travel { left:-600px;} #topnav li .sub.insurance { left:-700px;} #topnav li .sub.mortgages { left:-800px;} #topnav li .sub.income { left:-900px;} #topnav li .sub.reclaim:before { left:141px;} #topnav li .sub.shopping:before { left:243px;} #topnav li .sub.deals:before { left:345px;} #topnav li .sub.utilities:before { left:447px;} #topnav li .sub.banking:before { left:550px;} #topnav li .sub.travel:before { left:651px;} #topnav li .sub.insurance:before { left:754px;} #topnav li .sub.mortgages:before { left:855px;} #topnav li .sub.income:before { left:956px;} #topnav li .sub a { color:#444444; text-decoration:none;} #topnav li .sub ul { width:200px; float:left; display:block;} #topnav li .sub ul li { text-decoration:none; font-size:1em; display:block; color:#555555; width:90%; padding:0 5%; line-height:1.385;} #topnav li .sub ul li a { background-color:transparent!important; text-align:left; font-weight:normal; text-shadow:none; padding:0; color:#003575; font-size: 1em; line-height: 1.385; } #topnav li .sub ul li a:hover { color:#b31717} #topnav li .sub ul li a:hover:after {content:''; border:none} #topnav li .sub ul li a img { float:left; margin:0 0.5em 0 0} #topnav li .sub ul li a.amazon, #topnav li .sub ul li a.gasAndElec, #topnav li .sub ul li a.premBonds { padding:10px 30px 10px 10px; background-color:#ffffff; border:1px solid #c5c5c5; border-radius:8px; font-weight:bold; height:84px; margin:18px 0 0 0; width:150px} #topnav li .sub ul li a.amazon span, #topnav li .sub ul li a.gasAndElec span, #topnav li .sub ul li a.premBonds span { font-weight:normal; color:#444444; display:block; width:160px;} #topnav li .sub ul li a.amazon { background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/amazon.png) no-repeat 95% 15%} #topnav li .sub ul li a.gasAndElec { background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/gasnelec.png) no-repeat 95% 15%} #topnav li .sub ul li a.premBonds { background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/prembonds.png) no-repeat 95% 15%} #topnav .sub .featured { width:390px; float:left;} #topnav .sub span { display:block; font-weight:normal; color:#111111;} #topnav .sub .featured img {float:left; margin: 10px 0 10px 15px} #topnav .sub .imageCol { width:1px; overflow:auto; float:left} #topnav .sub .featured .boxOut { width:165px; padding:5px; border:1px solid #c5c5c5; background-color:#f6f6f6; border-radius:8px; float:left; margin:0 0 5px 15px} #topnav .sub .featured .boxOut.Wide { width: 340px; margin-left:20px;} #topnav .sub .featured .boxOut h2 {display:block; background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/RepeatLatticeHeader.png) repeat 0 0px; height:16px; border-top:3px solid #344282; font-size: 0.75em; font-weight: bold; line-height: 1.25;text-transform:uppercase} #topnav .sub .featured .boxOut.Wide.vouchs { background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/discounticon.png) no-repeat 90% 30%} #topnav .sub .featured .boxOut.Wide.bargs { background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/hotbargainicon.png) no-repeat 90% 30%} #topnav .sub .featured .boxOut.Wide.rests { background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/vouchersicon.png) no-repeat 90% 30%} #topnav .sub .featured ul.bestBuys { float:left; display:block;} #topnav .sub .featured .boxOut.Wide ul.bestBuys { } #topnav .sub .featured ul.bestBuys li a {margin:0; font-weight:bold; } #topnav .sub .featured ul.bestBuys li a.subLink { font-weight:normal; /* padding-left:9px; background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/navTrismlGrey.png) no-repeat left 5px; width:150px; */ margin:0; color:#333333} #topnav .sub .featured ul.bestBuys li a.subLink span { display:inline; font-style:italic} #topnav .sub .featured ul.bestBuys li a.subLink:hover, #topnav .sub .featured ul.bestBuys li a.subLink:hover span { color:#b31717; cursor:pointer;} #topnav .sub .featured a.ddQuote {background: none repeat scroll 0 0 #F6F6F6; border: 1px solid #C5C5C5; border-radius: 10px 10px 10px 10px; color: #555555; font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; margin:0 5% 1em 5%; padding: 3% 3% 5% 3%; position:relative; text-align: left; width: 330px; text-shadow:0 1px 0 #ffffff; font-weight:normal} #topnav .sub .featured a.ddQuote:hover { color:#b31717;} #topnav .sub .featured a.ddQuote:hover span {color:#b31717} #topnav .sub .featured a.ddQuote i { position:absolute; right:-20px; top:20%; background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/bubbleArrow.png) no-repeat left top; display:block; width:20px; height:20px; } #topnav .sub .featured a.ddQuote:first-of-type {margin-top:1em;} /*#topnav .sub .featured a.ddQuote:before { content:'\2018'; color:#b31717;} #topnav .sub .featured a.ddQuote:after { content:'\2019'; color:#b31717; }*/ #topnav .sub .featured a.ddQuote span { background: none repeat scroll 0 0 transparent; bottom: 2px; color: #0B2E59; display: inline-block; font-family: Arial,Helvetica,sans-serif; font-size: 10px; font-weight: normal; padding: 0; position: absolute; right: 5px; text-align: right; text-shadow: none; text-transform: uppercase; } #topnav .sub li H2, #topnav .sub .featured H2 { display:block; padding:0; font-size:1.231em; line-height:1.125em; font-family:'MuseoSlab500', sans-serif; font-weight: normal; margin:1em 0 0 0; color:#b31717 } #topnav .sub .featured H2 { margin-left:5%; margin-bottom:3%} #topnav .sub .featured span.guideTitle {position:absolute; right:20px; top:16px; color:#555555; text-shadow:0 1px 0 #ffffff;} #topnav .sub a.sectionLink { font-size:1em; font-weight: bold; position:absolute; color:#333333; text-shadow:0 1px 0 #ffffff; width:275px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomright: 5px; border-top-left-radius: 8px; border-bottom-right-radius: 5px; bottom:0; right:0; margin-bottom:0; background:#f6f6f6; border-left:3px solid; border-top:3px solid; } #topnav .sub a.sectionLink:hover {color:#b31717} #topnav .sub.cards a.sectionLink, #topnav .sub.travel a.sectionLink {border-color:#0b2e59} #topnav .sub.shopping a.sectionLink { border-color:#7ab317} #topnav .sub.deals a.sectionLink { border-color:#DC36AB} #topnav .sub.utilities a.sectionLink, #topnav .sub.income a.sectionLink { border-color:#0D6759} #topnav .sub.banking a.sectionLink {border-color:#CE7721} #topnav .sub.mortgages a.sectionLink {border-color:#2a044a} #topnav .sub.insurance a.sectionLink, #topnav .sub.reclaim a.sectionLink { border-color:#b31717} /* Dropdown Tool icon states */ #topnav .featured .tools { margin-bottom:3%} #topnav .featured .tools li { margin-left: 10px; width: 350px; margin-bottom:0; } #topnav .featured .tools li a { background: url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/toolSpriteMenuTall.png) no-repeat scroll 0 0 transparent !important; display: block; padding:0.5em 0 0.5em 45px; text-decoration: none; margin-bottom:0;} #topnav .featured .boxOut.Wide .tools li { width:280px; } #topnav .featured .boxOut.Wide .tools li {margin-left:-10px;} #topnav .featured .tools li a.codeCalcMenu { background-position: 0 -2800px !important; } #topnav .featured .tools li a.codeCalcMenu:hover { background-position: 0 -2900px !important; } #topnav .featured .tools li a.incTaxMenu { background-position: 0 -4400px !important; height: 40px; } #topnav .featured .tools li a.incTaxMenu:hover { background-position: 0 -4500px !important; } #topnav .featured .tools li a.stuFinMenu { background-position: 0 -5400px !important; } #topnav .featured .tools li a.stuFinMenu:hover { background-position: 0 -5500px !important; } #topnav .featured .tools li a.theDemotMenu { background-position: 0 -2200px !important; } #topnav .featured .tools li a.theDemotMenu:hover { background-position: 0 -2300px !important; } #topnav .featured .tools li a.firstMortMenu { background-position: 0 -4800px !important; } #topnav .featured .tools li a.firstMortMenu:hover { background-position: 0 -4900px !important; } #topnav .featured .tools li a.remorGuideMenu { background-position: 0 -4800px !important; } #topnav .featured .tools li a.remorGuideMenu:hover { background-position: 0 -4900px !important; } #topnav .featured .tools li a.mortCalcMenu { background-position: 0 -4800px !important; } #topnav .featured .tools li a.mortCalcMenu:hover { background-position: 0 -4900px !important; } #topnav .featured .tools li a.stmDutyMenu { background-position: 0 -5200px !important; } #topnav .featured .tools li a.stmDutyMenu:hover { background-position: 0 -5300px !important; } #topnav .featured .tools li a.carInsurMenu { background-position: 0px -4000px !important; } #topnav .featured .tools li a.carInsurMenu:hover { background-position: 0px -4100px !important; } #topnav .featured .tools li a.homeInsurMenu { background-position: 0px -4800px !important; } #topnav .featured .tools li a.homeInsurMenu:hover { background-position: 0px -4900px !important; } #topnav .featured .tools li a.tmMaxMenu { background-position: 0 -5600px !important; } #topnav .featured .tools li a.tmMaxMenu:hover { background-position: 0 -5700px !important; } #topnav .featured .tools li a.flightToolMenu { background-position: 0 -400px !important; } #topnav .featured .tools li a.flightToolMenu:hover { background-position: 0 -500px !important; } #topnav .featured .tools li a.budBrainMenu { background-position: 0 -3800px !important; } #topnav .featured .tools li a.budBrainMenu:hover { background-position: 0 -3900px !important; } #topnav .featured .tools li a.savCalcMenu { background-position: 0 -3000px !important; } #topnav .featured .tools li a.savCalcMenu:hover { background-position: 0 -3100px !important; } #topnav .featured .tools li a.cardsGoneMenu { background-position: 0 -1200px !important; } #topnav .featured .tools li a.cardsGoneMenu:hover { background-position: 0 -1300px !important; } #topnav .featured .tools li a.premBondsMenu { background-position: 0 -5000px !important; } #topnav .featured .tools li a.premBondsMenu:hover { background-position: 0 -5100px !important; } #topnav .featured .tools li a.mobValMenu { background-position: 0 -2000px !important; } #topnav .featured .tools li a.mobValMenu:hover { background-position: 0 -2100px !important; } #topnav .featured .tools li a.UKcallToolMenu { background-position: 0 -3400px !important; } #topnav .featured .tools li a.UKcallToolMenu:hover { background-position: 0 -3500px !important; } #topnav .featured .tools li a.IntcallToolMenu { background-position: 0 -3400px !important; } #topnav .featured .tools li a.IntcallToolMenu:hover { background-position: 0 -3500px !important; } #topnav .featured .tools li a.broadbandFinderMenu { background-position: 0 -1000px !important; } #topnav .featured .tools li a.broadbandFinderMenu:hover { background-position: 0 -1100px !important; } #topnav .featured .tools li a.disCountMenu { } #topnav .featured .tools li a.disCountMenu:hover { } #topnav .featured .tools li a.restDealsMenu { } #topnav .featured .tools li a.restDealsMenu:hover { } #topnav .featured .tools li a.hotBarginsMenu { } #topnav .featured .tools li a.hotBarginsMenu:hover { } #topnav .featured .tools li a.tuneToolMenu { background-position: 0 -600px !important; } #topnav .featured .tools li a.tuneToolMenu:hover { background-position: 0 -700px !important; } #topnav .featured .tools li a.amzToolMenu { background-position: 0 -200px !important; } #topnav .featured .tools li a.amzToolMenu:hover { background-position: 0 -300px !important; } #topnav .featured .tools li a.megaShopMenu { background-position: 0 -4600px !important; } #topnav .featured .tools li a.megaShopMenu:hover { background-position: 0 -4700px !important; } #topnav .featured .tools li a.mobValMenu { } #topnav .featured .tools li a.mobValMenu:hover { } #topnav .featured .tools li a.balTransMenu { } #topnav .featured .tools li a.balTransMenu:hover { } #topnav .featured .tools li a.zeroSpendMenu { } #topnav .featured .tools li a.zeroSpendMenu:hover { } #topnav .featured .tools li a.cashBackMenu { } #topnav .featured .tools li a.cashBackMenu:hover { } #topnav .featured .tools li a.cheapLoansMenu { } #topnav .featured .tools li a.cheapLoansMenu:hover { } #topnav .featured .tools li a.cheapiPhoneMenu { background-position: 0 -5800px !important; } #topnav .featured .tools li a.cheapiPhoneMenu:hover { background-position: 0 -5900px !important; } #topnav .sub div.featured ul.latest-deals { width: 85%; padding: 0; margin: 0; left: 30px; position: relative; background: url("http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/poundicon.png") no-repeat scroll transparent; background-position: 100% 45%; } #topnav .sub div.featured ul.latest-deals a { font-weight: bold; background-repeat: no-repeat; } #topnav .sub div.featured ul.latest-deals li { padding: 0; margin: 0; height: 4em; } /* height required for IE7.0 */ #topnav .sub div.featured ul.latest-deals span { display: block; } #topnav .sub div.featured ul.latest-deals img { border: 0; margin: 0 10px 0 0; width: 45px; height: 45px; padding: 1px; border-radius: 3px; } /* sub Header Colours .cards H2, .travel H2 { color:#0b2e59} .reclaim H2, .insurance H2 { color:#b31717} .shopping H2 { color:#7ab317} .deals H2 { color:#DC36AB} .utilities H2, .income H2 { color:#0D6759} .banking H2 {color:#CE7721} .mortgages H2 {color:#2a044a} */ /* MegaDropDown Ends */ /*------------------------------------------------------------------------ Slider -------------------------------------------------------------------------*/ div.smallSlider {width:99%; padding:0.5%; background-color: #a8a8a8; margin:0; height:184px; position:relative; border-bottom:1px solid #fff } div.smallSlider a .artBox { background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/repeatsixtyblack.png) repeat; } div.smallSlider a .artBox {position:absolute; top:10px; left:10px; max-width:310px; background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/repeatseventyblack.png) repeat; padding:10px; } div.smallSlider a .artBox:hover { background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/repeatsixtyblack.png) repeat; cursor:pointer} div.smallSlider a .artBox h2, div.smallSlider a .artBox h2 a span, div.smallSlider a .artBox p { color:#FFFFFF; } div.smallSlider a .artBox h2 {font-size:0.917em; line-height:1.636; margin:0 0 1em 0; text-decoration:none; font-weight:normal; letter-spacing:-0.04em} div.smallSlider a .artBox h2 span { font-size:1.636em; display:block; line-height: 1; font-family: 'MuseoSlab500', serif; margin: 0 0 1em;} div.smallSlider a .artBox p { font-size:1em; margin:0; } div.smallSlider a .artBox h2.banner { background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/lht2_banner.png) no-repeat -3px 1px; font-size:0.917em; line-height: 24px; margin:3px 0 0 -10px; padding:0 0 0 10px; } div.smallSlider a .artBox h2.banner span { margin-top:5px;} /* Popular links */ .popularLinks ul{ display:inline; } /* CSS for jQuery Orbit Plugin 1.2.3 * www.ZURB.com/playground * Copyright 2010, ZURB * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php /* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY ================================================== */ #featured { width: 651px; height: 184px; background: #f6f6f6; overflow: hidden; } #featured a{text-decoration: none;} #featured>img, #featured>div, #featured>a { display: none; } /* CONTAINER ================================================== */ div.orbit-wrapper { width: 1px; height: 1px; position: relative; } div.orbit { width: 669px; height: 184px; position: relative; overflow: hidden; } div.orbit>img { position: absolute; top: 0; left: 0; display: none; } div.orbit>a { border: none; position: absolute; top: 0; left: 0; line-height: 0; display: none; } .orbit>div { position: absolute; top: 0; left: 0; width: 669px; height: 184px; background:#f6f6f6;} /* BULLET NAV ================================================== */ .orbit-bullets { position: absolute; z-index: 4; list-style: none; top: 10px; left:95%; margin-left: -50px; padding: 0; width:20%; height:10% } .orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/bulletNavSprite.png) no-repeat left -16px; width: 13px; height: 13px; overflow: hidden; } .orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; } .orbit-bullets li.active { color: #222; background-position: 0 0; } .orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; } /* FLUID LAYOUT ================================================== */ .orbit .fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%; } .orbit, .orbit-wrapper { width: 100% !important; } /*------------------------------------------------------------------------------------- Sidebar -------------------------------------------------------------------------------------*/ .rhsBox { background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/RPTnoise.png) repeat #e9e9e9; border: 1px solid #b8b8b8; padding: 3%; border-radius: 10px;display:block; position:relative; margin-bottom:1.385em} .rhsBox div ul { margin:0; list-style:none; overflow:auto; display:block} .rhsBox div ul li { background-color: #fcfcfc; border-bottom: 1px solid #b8b8b8; border-top: 1px solid #FFFFFF; border-left: 1px solid #b8b8b8; border-right: 1px solid #b8b8b8; min-height: 46px; display: block; padding: 0.5em; } .rhsBox ul li a {color:#0b2e59; font-size:1em; line-height:1.385em; font-weight:normal; text-decoration:none; font-style: normal; } .rhsBox div ul li:first-child { border-top:1px solid #c5c5c5} .rhsBox div ul li:hover {background:#fcfcfc} .rhsBox div ul li img { float:left; border:3px solid #c5c5c5; margin-right:10px; position: relative } .rhsBox div ul li:hover img { border-color:#666666;} .rhsBox div ul li:hover a { color:#b31717} .rhsBox div ul li a.new img:after { position: absolute; width:32px; height:32px; left:-4px; top:-4px; display: block; content: ""; background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/newWrap.png) no-repeat left top;} .rhsBox ul.topTabs li {display:inline; background: transparent; border: none;} .rhsBox ul.topTabs li a {padding: 0.2em 0.5em; display:block; max-width: 36%; float:left; font-size:1em; line-height:1.385em; font-weight:bold; text-transform:uppercase; color:#ffffff; overflow:auto; text-align:center; margin-left: 5px; position: relative; top: 1px; z-index: 1; border: 1px solid #b8b8b8; border-bottom: none; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;} .rhsBox ul.topTabs li a:hover{text-decoration: underline;} .rhsBox ul.topTabs li a:focus {outline: 0;} .rhsBox ul.topTabs li a.first {margin-left: 0px;} .rhsBox ul.topTabs li a.selected {color:#333333; text-shadow:0 1px 0 #f6f6f6; background: #fcfcfc;text-decoration: none; top: 1px; position: relative;} div.rhsBox > div {margin-top: 3px;border:none;clear:both; } div.rhsBox > div h2 {margin-top: 0; } .rhsBox h3, .rhsBox p {margin-bottom: 0.5em;} .rhsnewsBox ul.topTabs li a {background: #0D6759;} .rhswowBox ul.topTabs li a {background: #0b2e59;} .rhssocialBox ul.topTabs li a, div.rhsBox.rhssocialBox h3 a {background: #3B5998;} .rhsBox.rhswowBox div ul li {min-height: 56px; padding: 0.5em 0.5em 0.2em; } .rhsArticle div ul li, .rhsForum div ul li, .rhsFun div ul li, .rhsTools div ul li {min-height: 19px;} .rhsBox.rhsTools div ul li a:before, .rhsBox.rhsArticle div ul li a:before, .rhsBox.rhsForum div ul li a:before, .rhsBox.rhsFun div ul li a:before { width:20px; height:20px; background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/bulletArrowMask.png) no-repeat left top; content:''; display:block; margin:0 0 0 -5px; float:left; } .rhsTools h3, .rhsBox.rhsTools div ul li a:before { background-color:#b31717} .rhsArticle h3,.rhsBox.rhsArticle div ul li a:before { background-color:#7ab317} .rhsFun h3, .rhsBox.rhsFun div ul li a:before { background-color: #0b2e59} .rhsForum h3, .rhsBox.rhsForum div ul li a:before {background-color:#2a044a} .rhsBox h3 {text-decoration:none; -moz-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; border-radius:8px; display:block; font-family:'MuseoSlab500'; font-weight:normal; line-height:1.2; color: #ffffff; padding: 2%;} .rhsBox.rhssocialBox h3 { background-color: #3B5998; } .rhsBox.tmm h3 {background-color: #1876BE ;} .rhsBox.rhsnewsBox h3 {background-color: #0D6759 ; display:none;} .rhsBox.rhswowBox h3 {background-color:#0B2e59 ;} .rhsBox h3 a { background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/rightArrow.png) no-repeat ; background-position:110% 50%; -moz-transition:background-position 0.2s ease; -webkit-transition:background-position 0.2s ease; transition:background-position 0.2s ease; color: #ffffff; text-decoration: none; display: block; ; } .rhsBox h3 a:hover { background-position:98% 50%} div.rhsFooter {font-size:0.917em; line-height:1.636; color:#0d6759; height: 1em; } div.rhsFooter a { display: block; } div.rhsFooter a.rss { float: left; color: #0d6759;background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/rssSprite.png) no-repeat 0 3px; padding-left:22px; } div.rhsFooter a.newsLink{ float: right; color: #0d6759; background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/rssSprite.png) no-repeat 0 -18px; padding-left: 22px; } /* Tip box specific */ div.rhsBox.TipBox { background-color:#0B2E59; width:94%; padding:3%;overflow: auto;} div.TipBox h2 {color: #FFFFFF;display: block; font-family: 'MuseoSlab500', sans-serif; font-size: 23px; margin-bottom:0.5em; text-align: center; font-weight:normal;line-height:0.917em;} div.TipBox span.dateBlock { width:100%; background:#f6f6f6; color:#333333; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; display:block; text-align:center; text-transform:uppercase; font-size:12px} .TipBox span.dateBlock em {text-transform:none; font-style:italic} .TipBox ul.tipsList { height:215px; overflow:auto; border:1px solid #e5e5e5; margin-bottom:5px; } .TipBox ul.tipsList li a { display:block; border-bottom:1px solid #c5c5c5; border-top:1px solid #ffffff; background-color:#f9f9f9; padding:1em 0.833em; text-decoration:none; } .TipBox ul.tipsList li a:hover {background:#e7e7e7} .TipBox ul.tipsList li a img { float:left; border:3px solid #c5c5c5; margin-right:10px; width:50px; height:50px; border:3px solid #a8a8a8} .TipBox ul.tipsList li a:hover img {border-color:#4f4f4f} .TipBox ul.tipsList li a span.dealTitle { font-size:1.167em; line-height:1.286em; color:#0b2e59; font-weight: bold; padding-top:0px !important;} .TipBox ul.tipsList li a span.dealLead {font-size:1em; color:#4c4c4c; display:block; } .TipBox ul.tipsList li a span.dealTitle, .TipBox ul.tipsList li a span.dealLead {font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif;} /* This rule can go once template v2 is overwritten */ .TipBox .tipForm { position:relative; height:40px;} .TipBox p { color:#FFF; text-align:center; font-size:1em; line-height:1.385em; text-shadow:0 1px 0 #003575; margin:5px 0; line-height:1.385em; display:block; font-weight:bold} .TipBox input.keywords {height:31px; font-size:14px; width:62%; color:#666666; text-indent:5px; border-radius:5px; border: 1px solid #c5c5c5; margin-right:1%; position:absolute; top:1px; line-height:2em; -moz-box-shadow:0 3px 0 #444444; -webkit-box-shadow:0 3px 0 #444444; box-shadow:0 3px 0 #444444;} .TipBox input, div.rhsTipBox textarea { outline: 0; background: #FFFFFF; background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); position:absolute; top:0;} .TipBox input:focus, textarea:focus { border-color: #458ade; -webkit-box-shadow: 0 0 3px #F6F6F6; -moz-box-shadow: 0 0 3px #F6F6F6; box-shadow: 0 0 3px #F6F6F6; } .TipBox input.submit { width: 35%; background: #B31717; border-radius:5px; color: #FFFFFF; font-size:14px; border:1px solid #570707; line-height:2em; display:inline-block; text-align:center; text-shadow:0 1px 0 #222222; cursor:pointer; height:37px; -moz-box-shadow:0 3px 0 #570707; -webkit-box-shadow:0 3px 0 #570707; box-shadow:0 3px 0 #570707; position:absolute; top:0; right:0; text-transform:uppercase; } .TipBox input.submit:active { top:3px; -moz-box-shadow: 0 1px 0 #570707} .TipBox ul.subLinks { display: inline; float: left; font-size: 10px !important; line-height: 12px; margin-bottom: 0; margin-top: 1px; width: 95%;} .TipBox ul.subLinks li {display:inline;} .TipBox ul.subLinks li a { color: #FFFFFF; float: left; font-size: 10px; text-decoration: none; text-align:center; width:25%; display:block; } .TipBox ul.subLinks li a:hover { text-decoration:underline} .TipBox ul.subLinks li a.last { padding-right:0} /* TMM specific */ .rhsBox.tmm ul { display:block;-moz-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; border-radius:8px; list-style:none; overflow:auto; margin-top:2%;} .rhsBox.tmm ul li {width:26%; padding:2%; line-height:1.385em; display:inline;float:left; background:#ffffff; border: none; border-bottom:1px dotted #e5e5e5; text-align: center; font-weight: bold; min-height: 18px; } .rhsBox.tmm ul li a{float:left;display:block; height:100%;width:100%; -moz-border-radius:12px; -webkit-border-radius:12px; -o-border-radius:12px; border-radius:12px;} .rhsBox.tmm ul li.currency { width:37%; text-indent:-9999px;} .rhsBox.tmm ul li.lira { border-radius: 12px 12px 12px 12px;height: 26px;margin: 0 2% 0 1%; padding: 0;} .rhsBox.tmm ul li.lira a {background: url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/tmmSprite.png) no-repeat scroll 0 top transparent;} .rhsBox.tmm ul li.euro { border-radius: 12px 12px 12px 12px;height: 26px;margin: 0 2% 0 1%;padding: 0;} .rhsBox.tmm ul li.euro a {background: url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/tmmSprite.png) no-repeat scroll 0 bottom transparent;} .rhsBox.tmm ul li.dollar {border-radius: 12px 12px 12px 12px;height: 26px;margin: 0 2% 0 1%;padding: 0;} .rhsBox.tmm ul li.dollar a {background: url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/tmmSprite.png) no-repeat scroll 0 -30px transparent;} .rhsBox.tmm ul li.dollar a:hover { background-position: -120px -30px} .rhsBox.tmm ul li.euro a:hover { background-position: -120px bottom} .rhsBox.tmm ul li.lira a:hover { background-position: -120px 0px} .rhsBox.tmm ul li.title { border-bottom:none; color:#333333; font-style:italic; background: transparent; width: 38%; font-weight: bold; font-size: 1em; padding-left: 0;} .rhsBox.tmm ul li.leftCurve {-webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; border-top-left-radius: 8px; color: #0d6759; background:#f6f6f6; font-weight: bold;} .rhsBox.tmm ul li.leftbotCurve {-webkit-border-bottom-left-radius-left-radius: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-left-radius: 8px;} .rhsBox.tmm ul li.rightCurve {-webkit-border-bottom-left-radius-right-radius: 8px;-moz-border-radius-topright: 8px;border-top-right-radius: 8px; background:#f6f6f6; font-weight: bold; color: #b31717; } .rhsBox.tmm ul li.lastRow { border-bottom:none} /* TuneCheck specific */ .rhsBox.tuneCheck h3 { background-color:#DC03D6} .rhsBox.tuneCheck ul { display:block; list-style:none; overflow:auto; margin-top:0;} .rhsBox.tuneCheck ul li { background-color: #fcfcfc; border-bottom: 1px solid #c5c5c5; border-top: 1px solid #FFFFFF; border-left: 1px solid #c5c5c5; border-right: 1px solid #c5c5c5; min-height: 46px; display: block; padding: 0.5em; } .rhsBox.tuneCheck ul li:first-of-type { border-top:1px solid #c5c5c5} .rhsBox.tuneCheck ul li a { text-decoration:none; font-size:1em; line-height:1.385em; display:block;} .rhsBox.tuneCheck ul li a span { display:block; font-style:italic; padding:0} .rhsBox.tuneCheck ul li a span.number { color:#dc03d6; display:inline; font-weight:bold; font-style:normal; font-size:15px} .rhsBox.tuneCheck ul li a img {float:left; border:3px solid #c5c5c5; margin-right:10px; margin-bottom:10px; width:40px; height:40px } .rhsBox.tuneCheck ul li:hover { background:#f6f6f6} .rhsBox.tuneCheck ul li:hover img { border:3px solid #4f4f4f} .rhsBox.tuneCheck .dropdownContent ul { margin-top:0%;} .rhsBox.tuneCheck .dropdownContent ul li:first-of-type { border-top:1px dotted #e5e5e5} .tuneCheck span.expandLink { display:block; background:#f6f6f6; text-align:center; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; color:#555555} .tuneCheck span.expandLink:hover { background:#e5e5e5; color:#333333; cursor:pointer;} /* Stats Specific */ .siteStats { text-shadow: 0 1px 0 #ffffff; margin-top: 1.385em; border-top: 1px solid #e5e5e5; position: relative; padding-top: 0; margin-bottom: 1.385em; padding-bottom: 2em; } .siteStats .statsDate { float: right; width: 50px; background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/RPTnoise.png) repeat #666666; -moz-box-shadow: 0 -1px 0 #ffffff; -webkit-box-shadow: 0 -1px 0 #ffffff; box-shadow: 0 1px 0 #ffffff; padding: 10px 3px 0 3px; color: #ffffff; text-align: center; text-transform: uppercase; text-shadow: 0 1px 0 #333333; font-weight: bold; margin: -2% 3% 0 0; border-radius:3px; font-size:1em; } .siteStats .statsDate .mth { font-size: 22px; padding:0; display: block; color: #666666; background: #fcfcfc; text-shadow: 0 1px 0 #ffffff; border-radius:2px; } .siteStats:before { display:block; position:absolute; width:100%; height:0px; top:1px; left:0; border-top: 1px solid #ffffff; } .siteStats:after { display:block; position:absolute; width:100%; bottom:-37px; left:0; height: 121px; background: url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/hitwiseMid.png) no-repeat right top; content: ''; } .siteStats h4 {font-size:1em; line-height:1.385em; font-weight:bold; margin: 1.385em 0 0 0; color: #444444; } .siteStats h4:first-of-type { margin-top:0em; } .siteStats div h3 { font-family:'MuseoSlab500', sans-serif; display:block; line-height:1.2;font-weight:normal; margin: 1.2em 0 1em 0; text-shadow: 0 -1px 0 #ffffff; color: #666666; } .siteStats .divide { border-top: 1px dotted #e5e5e5; margin-top: 1em; padding-top: 0.5em; } .siteStats ul { margin-bottom:1em } .siteStats ul li { border:none; margin:0; padding:0; font-size:1em; line-height:1.385em; color: #666666; text-shadow: 0 1px 0 #ffffff; } .siteStats ul li:before { content: - ; } .siteStats p.hitwise { margin:0; font-size:0.917em; line-height:1.636; font-style:italic; color: #777777; padding-right: 100px; } .siteStats a.statsinfo2 { position: relative; z-index: 24; border-bottom: 1px dotted #005000; text-decoration: none } .siteStats a.statsinfo2:hover { z-index: 25; } .siteStats a.statsinfo2 span { display: none; } .siteStats a.statsinfo2:hover span { background-color: white; border: 1px solid black; color: #222222; display: block; font-weight: normal; left: 20px; padding: 6px; position: absolute; text-align: left; top: 0; width: 165px; } /*WOWedits*/ .rhsBox.rhswowBox div ul li { min-height: 56px; padding: 0.5em 0.5em 0.2em; } .rhsBox.rhswowBox p { text-align: center; } .wow_deal_text_column { max-width:190px; float: left; display: block; margin: 0px; font-weight: normal; color: #333333; font-style: italic; font-weight: normal; } .wow_deal_text_column a { display: block; } .popularity_big_value { width: 77px; text-align: center; cursor: pointer; display: block; height: 50px; position: relative; margin-top: 5px; } .popularity_big_red { background: url('http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/forum_style_2/misc/wow_big_red.gif') no-repeat; } .popularity_big_orange { background: url('http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/forum_style_2/misc//wow_big_orange.gif') no-repeat; } .popularity_big_light_orange { background: url('http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/forum_style_2/misc/wow_big_light_orange.gif') no-repeat; } .popularity_big_yellow { background: url('http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/forum_style_2/misc/wow_big_yellow.gif') no-repeat; } .popularity_big_faint_grey { background: url('http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/forum_style_2/misc//wow_big_faint_grey.gif') no-repeat; } /*------------------------------------------------------------------------------------- Footer -------------------------------------------------------------------------------------*/ div#footer { background: url("http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/footerRest.jpg") repeat scroll 0 0 transparent;text-align: left;width:100%;} div#footer:before { content:''; display:block; height:20px; background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/footerTop.jpg) repeat-x; margin-top:30px} div#footer div.inner { margin:0 auto; width:1001px;} div#footer div.inner a { color:#003575} div#footer a {text-decoration:none} div#footer div.soSumi { padding:0;color:#4f4f4f} div#footer div.soSumi ul li { width:46%; padding:0 1% 0 3%; float:left; display:block; background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/footerBullet.png) no-repeat left 7px; margin:0 0 1.385em;} div#footer div.soSumi h4 { font-size:18px; font-weight:normal; margin-bottom:0.833em; color:#555555; text-shadow: 0 1px 0 #f3f3f3} div#footer p.terms { margin-bottom:10px 0; display:block; text-align:center; font-size:1em; clear:both} .thanksChris {text-align: left;width:100%; border-bottom:1px dotted #b3b3b3; margin-bottom:-1px } .thanksChris h4 {background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/footLogo.png) no-repeat bottom left; display:block; text-indent:-9999px; height:1.385em; width:100%; padding-top:1.385em; margin:0 0 1.385em 0; border-top:1px dotted #b3b3b3} .footBox {color: #666666;float: left;width:24.15%;margin: 0;padding: 0.2% 0.4%;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; background-color:transparent; transition: all 0.2s ease; border-top:1px dotted #b3b3b3} .footBox.last { margin-right:0} .footBox h3 {font-size: 17px;line-height:1;margin:0px;padding:0; color:#666666} .footBox p {font-size:10px;width:70%;margin:4px 0 0 0 ; line-height:18px; color:#444444} .footBox.bBrain {background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/budgetplanner.png) no-repeat 300px 10px;} .footBox.pBonds {background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/premiumbonds.png) no-repeat 300px 10px; } .footBox.tChecker {background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/tunecheckericon.png) no-repeat 300px 10px} .footBox.mValuer{ background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/mobilevaluer.png) no-repeat 300px 10px } .footBox.fChecker{ background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/flightcheckericon.png) no-repeat 300px 10px } .footBox.mShopbot{ background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/megashopbot.png) no-repeat 300px 10px } .footBox.cChecker{ background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/callchecker.png) no-repeat 300px 10px} .footBox.tMoney{ background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/tmm.png) no-repeat 300px 10px } .footBox:hover { background-position:200px 0px;} .footBox.bBrain:hover {background-color: #7ab317;} .footBox.pBonds:hover {background-color: #535353; } .footBox.tChecker:hover {background-color: #8c0099;} .footBox.mValuer:hover{ background-color: #3698c0;} .footBox.fChecker:hover{ background-color: #0B2E59; } .footBox.mShopbot:hover{ background-color: #0D6759;} .footBox.cChecker:hover { background-color: #b31717;} .footBox.tMoney:hover{ background-color: #c66e17; } .footBox:hover h3 {color: #FFF;text-shadow: rgba(0, 0, 0, 0.398438) 0px 0px 4px} .footBox:hover p {color: #FFF;} div#footer .thisistheEnd { background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/footerEnd.jpg) repeat; padding-bottom:1%;width:100% } div#footer .thisistheEnd:before { content:''; background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/footerLattice.jpg) repeat-x; display:block; height:8px; } div#footer .thisistheEnd p { padding:1% 0 0 0; color:#ffffff; margin:0; display: block; width:100%;} div#footer .thisistheEnd a { color:#ffffff;} div#footer .thisistheEnd a:hover {text-decoration:underline} /* LEGACY HEADER CODE */ #MSEMainNavigation { z-index:5 !important;} #MSEMasthead { background: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/navBG.jpg") repeat-x scroll 0 1px #4EC341; border: 0 none; text-align: left; margin: 0 auto; width: 1002px;} #MSEMasthead #MSETop { border-left: 1px solid #5B9100; border-right: 1px solid #5B9100; border-top: 1px solid #5B9100; height: 75px; text-align: left; width: 999px; } #MSEMasthead #MSETop #MSETitleWrapper { float: left; position: relative; width: 536px; } #MSETitle { border: 0 none; float: none; margin-left: 0; } #MSEBookmark { color: #324F00; float: right; font-size: 10px; margin-top: 1px; padding-right: 0; text-align: left; } #MSEBookmark a { color: #324F00; padding-right: 5px; text-decoration: none; } #MSEBookmark a:hover { color: #B02A29; } #MSENavSearch { clear: right; float: right; margin: 3px 10px 0 0; width: 290px; } #MSENavSearch .searchField { border: 0 solid green; color: #000000; float: left; font-family: calibri,Myriad Pro,Trebuchet MS,Arial,Sans-Serif; font-size: 15px; height: 19px; line-height: 22px; margin: 4px 0 0 -2px; padding: 0 0 0 2px; width: 143px; } #MSENavSearch .searchSection { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #B7B9B7; border-style: none none none solid; border-width: 0 0 0 1px; color: #000000; float: left; font-family: Calibri,Myriad Pro,Trebuchet MS,Arial,Sans-Serif; font-size: 14px; font-weight: lighter; height: 20px; margin-top: 4px; width: 100px; } #MSENavSearch #searchWrapperLeft { background-image: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/searchBox.jpg"); background-repeat: no-repeat; height: 28px; left: 0; position: relative; top: 0; } #MSENavSearch #searchWrapperRight { float: left; height: 28px; width: 7px; } #MSENavSearch #searchGo { background-color: #4EC341; background-image: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/searchGoSprite.jpg"); background-repeat: no-repeat; border: 0 none !important; cursor: pointer; float: left; height: 28px; position: absolute; right: 0; top: 0; width: 40px; } #MSENavSearch #searchGo span { display: none; } #MSENavWrap { border-bottom: 1px solid #5B9100; border-left: 0 none; border-right: 0 none; clear: both; height: 43px; padding-bottom: 0; } #MSENavWrapLeft { float: left; height: 43px; width: 100%; } #MSENavWrapRight { height: 43px; width: 100%; } #MSEMainNavigation { background-color: #FDFDFD; background-image: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/tabsprite3.jpg"); background-position: 0 -301px; background-repeat: no-repeat; border-top: 1px solid #205F00; display: inline; float: left; height: 42px; line-height: 1.2; list-style-image: none; margin: 0; min-width: 1001px; padding: 0; position: relative; width: 1001px; z-index: 801; } #MSEMainNavigation li.MSESec1 { border: 0 none; display: inline-block; float: left; margin: 0; padding: 0; } #MSEMainNavigation li a.navL1 { background: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/tabsprite3.jpg") no-repeat scroll 0 -344px transparent; display: block; font-family: Calibri,Myriad Pro,Arial,Sans-Serif; font-size: 14px; font-weight: bold; height: 42px; padding: 0; text-align: center; text-decoration: none; width: 86px; } #MSEMainNavigation #homeTab a.navL1 { background-position: -1px -387px; color: black; margin-left: 0; width: 45px; } #MSEMainNavigation #homeTab a.navL1:hover { background-color: #111111; background-position: -1px -431px; color: white; } #MSEMainNavigation #homeTab a.navL1 span, #MSEMainNavigation #homeTabActive a span { display: block; font-size: 12px; padding-top: 24px; } #MSEMainNavigation #homeTab.active a { background-color: #111111; background-position: -1px -431px; color: white; margin-left: 0; } #MSEMainNavigation #cardsTab a.navL1 { color: #104FB6; width: 87px; } #MSEMainNavigation #cardsTab:hover a.navL1 { background-color: #6E97FF; background-position: 0 0; color: white; } #MSEMainNavigation #cardsTab a.navL1 span, #MSEMainNavigation #cardsTabActive a.navL1 span { display: block; padding-top: 3px; } #MSEMainNavigation #cardsTab.active a.navL1 { background-color: #6E97FF; background-position: 0 0; color: white; } #MSEMainNavigation #reclaimTab a.navL1 { color: #A60404; width: 87px; } #MSEMainNavigation #reclaimTab:hover a.navL1 { background-color: #FF6E6F; background-position: 0 -215px; color: white; } #MSEMainNavigation #reclaimTab a.navL1 span, #MSEMainNavigation #reclaimTabActive a.navL1 span { display: block; padding-top: 3px; } #MSEMainNavigation #reclaimTab.active a.navL1 { background-color: #FF6E6F; background-position: 0 -215px; color: white; } #MSEMainNavigation #shoppingTab a.navL1 { color: #208600; width: 87px; } #MSEMainNavigation #shoppingTab:hover a.navL1 { background-color: #30CC23; background-position: 0 -43px; background-repeat: repeat-x; color: white; } #MSEMainNavigation #shoppingTab a.navL1 span, #MSEMainNavigation #shoppingTabActive a.navL1 span { display: block; padding-top: 11px; } #MSEMainNavigation #shoppingTab.active a.navL1 { background-color: #30CC23; background-position: 0 -43px; color: white; } #MSEMainNavigation #dealsTab a.navL1 { color: #FE17D5; width: 87px; } #MSEMainNavigation #dealsTab:hover a.navL1 { background-color: #FC79EB; background-position: 0 -129px; background-repeat: repeat-x; color: white; } #MSEMainNavigation #dealsTab a.navL1 span, #MSEMainNavigation #dealsTabActive a.navL1 span { display: block; padding-top: 3px; } #MSEMainNavigation #dealsTab.active a.navL1 { background-color: #FC79EB; background-position: 0 -129px; color: white; } #MSEMainNavigation #bankingTab a.navL1 { color: #D76D14; width: 87px; } #MSEMainNavigation #bankingTab:hover a.navL1 { background-color: #F7962F; background-position: 0 -86px; color: white; } #MSEMainNavigation #bankingTab a.navL1 span, #MSEMainNavigation #bankingTabActive a.navL1 span { display: block; padding-top: 3px; } #MSEMainNavigation #bankingTab.active a.navL1 { background-color: #F7962F; background-position: 0 -86px; color: white; } #MSEMainNavigation #utilitiesTab a.navL1 { color: #1D8084; width: 87px; } #MSEMainNavigation #utilitiesTab:hover a.navL1 { background-color: #35CDA4; background-position: 0 -258px; color: white; } #MSEMainNavigation #utilitiesTab a.navL1 span, #MSEMainNavigation #utilitiesTabActive a.navL1 span { display: block; padding-top: 3px; } #MSEMainNavigation #utilitiesTab.active a.navL1 { background-color: #35CDA4; background-position: 0 -258px; color: white; width: 87px; } #MSEMainNavigation #travelTab a.navL1 { color: #104FB6; width: 88px; } #MSEMainNavigation #travelTab:hover a.navL1 { background-color: #6E97FF; background-position: 0 0; color: white; } #MSEMainNavigation #travelTab a.navL1 span, #MSEMainNavigation #travelTabActive a.navL1 span { display: block; padding-top: 3px; } #MSEMainNavigation #travelTab.active a.navL1 { background-color: #6E97FF; background-position: 0 0; color: white; } #MSEMainNavigation #insuranceTab a.navL1 { color: #A60404; width: 88px; } #MSEMainNavigation #insuranceTab:hover a.navL1 { background-color: #FF6E6F; background-position: 0 -215px; color: white; } #MSEMainNavigation #insuranceTab a.navL1 span, #MSEMainNavigation #insuranceTabActive a.navL1 span { display: block; padding-top: 11px; } #MSEMainNavigation #insuranceTab.active a.navL1 { background-color: #FF6E6F; background-position: 0 -215px; color: white; } #MSEMainNavigation #mortgagesTab a.navL1 { color: #9D04BE; width: 88px; } #MSEMainNavigation #mortgagesTab:hover a.navL1 { background-color: #E06DFE; background-position: 0 -172px; color: white; } #MSEMainNavigation #mortgagesTab a.navL1 span, #MSEMainNavigation #mortgagesTabActive a.navL1 span { display: block; padding-top: 3px; } #MSEMainNavigation #mortgagesTab.active a.navL1 { background-color: #E06DFE; background-position: 0 -172px; color: white; } #MSEMainNavigation #familyTab a.navL1 { color: #1D8084; width: 88px; } #MSEMainNavigation #familyTab:hover a.navL1 { background-color: #35CDA4; background-position: 0 -258px; color: white; } #MSEMainNavigation #familyTab a.navL1 span, #MSEMainNavigation #familyTabActive a.navL1 span { display: block; padding-top: 3px; } #MSEMainNavigation #familyTab.active a.navL1 { background-color: #35CDA4; background-position: 0 -258px; color: white; } #MSEMainNavigation #newsTab a.navL1 { color: #208600; width: 82px; } #MSEMainNavigation #newsTab:hover a.navL1 { background-color: #30CC23; background-position: 0 -43px; color: white; } #MSEMainNavigation #newsTab a.navL1 span, #MSEMainNavigation #newsTabActive a.navL1 span { display: block; padding-top: 3px; } #MSEMainNavigation #newsTab.active a.navL1 { background-color: #30CC23; background-position: 0 -43px; color: white; } #MSEMainNavigation li.forumTab { background-image: none; border: 0 none; clear: both; display: block; height: 25px; position: absolute; right: 8px; top: -26px; width: 90px; z-index: 10; } #MSEMainNavigation li.forumTab a { background: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite4.jpg") no-repeat scroll 0 0 #FDFDFD; border: 0 none; display: block; font-family: Calibri,Myriad Pro,Arial,Sans-Serif; height: 25px; text-decoration: none; width: auto; } #MSEMainNavigation li.forumTab a span { background: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite4.jpg") no-repeat scroll 100% -182px transparent; color: black; cursor: pointer; display: block; font-size: 14px; font-weight: bold; height: 21px; margin-left: 40px; padding: 4px 0 0 0; text-align: left; text-decoration: none; } #MSEMainNavigation li.forumTab a:hover { background-color: #676767; background-position: 0 -26px; } #MSEMainNavigation li.forumTab a:hover span { background-position: 100% -208px; color: #FFFFFF; } #MSEMainNavigation li.forumTabActive { background-image: none; border: 0 none; clear: both; display: block; height: 25px; position: absolute; right: 8px; top: -26px; width: 90px; z-index: 10; } #MSEMainNavigation li.forumTabActive a { background: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite4.jpg") no-repeat scroll 0 -26px #676767; border: 0 none; color: #FFFFFF; display: block; font-family: Calibri,Myriad Pro,Arial,Sans-Serif; height: 25px; text-decoration: none; width: auto; } #MSEMainNavigation li.forumTabActive a span { background: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite4.jpg") no-repeat scroll 100% -208px transparent; color: white; cursor: pointer; display: block; font-size: 14px; font-weight: bold; height: 21px; margin-left: 40px; padding: 4px 0 0 0; text-align: left; text-decoration: none; } #MSEMainNavigation li.blogTab { background-image: none; border: 0 none; clear: both; display: block; height: 25px; position: absolute; right: 100px; top: -26px; width: 80px; z-index: 10; } #MSEMainNavigation li.blogTab a { background: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite4.jpg") no-repeat scroll 0 -52px #FDFDFD; border: 0 none; display: block; font-family: Calibri,Myriad Pro,Arial,Sans-Serif; height: 25px; text-decoration: none; width: auto; } #MSEMainNavigation li.blogTab a span { background: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite4.jpg") no-repeat scroll 100% -182px transparent; color: black; cursor: pointer; display: block; font-size: 14px; font-weight: bold; height: 21px; margin-left: 40px; padding: 4px 0 0 0; text-align: left; text-decoration: none; } #MSEMainNavigation li.blogTab a:hover { background-color: #3C3FC0; background-position: 0 -78px; } #MSEMainNavigation li.blogTab a:hover span { background-position: 100% -156px; color: #FFFFFF; } #MSEMainNavigation li.blogTabActive { background-image: none; border: 0 none; clear: both; display: block; height: 25px; position: absolute; right: 100px; top: -26px; width: 80px; z-index: 10; } #MSEMainNavigation li.blogTabActive a { background: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite4.jpg") no-repeat scroll 0 -78px #3C3FC0; border: 0 none; display: block; font-family: Calibri,Myriad Pro,Arial,Sans-Serif; height: 25px; text-decoration: none; width: auto; } #MSEMainNavigation li.blogTabActive a span { background: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite4.jpg") no-repeat scroll 100% -156px transparent; color: #FFFFFF; cursor: pointer; display: block; font-size: 14px; font-weight: bold; height: 21px; margin-left: 40px; padding: 4px 0 0 0; text-align: left; text-decoration: none; } #MSEMainNavigation li.tipTab { background-image: none; border: 0 none; clear: both; display: block; height: 25px; position: absolute; right: 182px; top: -26px; width: 80px; z-index: 10; } #MSEMainNavigation li.tipTab a { background: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite4.jpg") no-repeat scroll 0 -104px #FDFDFD; border: 0 none; display: block; font-family: Calibri,Myriad Pro,Arial,Sans-Serif; height: 25px; text-decoration: none; width: auto; } #MSEMainNavigation li.tipTab a span { background: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite4.jpg") no-repeat scroll 100% -182px transparent; color: black; cursor: pointer; display: block; font-size: 14px; font-weight: bold; height: 21px; margin-left: 40px; padding: 4px 0 0 0; text-align: left; text-decoration: none; } #MSEMainNavigation li.tipTab a:hover { background-color: #3C3FC0; background-position: 0 -130px; } #MSEMainNavigation li.tipTab a:hover span { background-position: 100% -234px; color: #FFFFFF; } #MSEMainNavigation li.tipTabActive { background-image: none; border: 0 none; clear: both; display: block; height: 25px; position: absolute; right: 182px; top: -26px; width: 80px; z-index: 10; } #MSEMainNavigation li.tipTabActive a { background: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite4.jpg") no-repeat scroll 0 -130px #3C3FC0; border: 0 none; display: block; font-family: Calibri,Myriad Pro,Arial,Sans-Serif; height: 25px; text-decoration: none; width: auto; } #MSEMainNavigation li.tipTabActive a span { background: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite4.jpg") no-repeat scroll 100% -234px transparent; color: #FFFFFF; cursor: pointer; display: block; font-size: 14px; font-weight: bold; height: 21px; margin-left: 40px; padding: 4px 0 0 0; text-align: left; text-decoration: none; } #MSEMainNavigation li.xmasTab { background-image: none; border: 0 none; clear: both; display: block; height: 25px; position: absolute; right: 264px; top: -26px; width: 110px; z-index: 10; } #MSEMainNavigation li.xmasTab a { background: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite7.jpg") no-repeat scroll 0 -260px #FDFDFD; border: 0 none; display: block; font-family: Calibri,Myriad Pro,Arial,Sans-Serif; height: 25px; text-decoration: none; width: auto; } #MSEMainNavigation li.xmasTab a span { background: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite7.jpg") no-repeat scroll 100% -182px transparent; color: black; cursor: pointer; display: block; font-size: 14px; font-weight: bold; height: 21px; margin-left: 40px; padding: 4px 0 0 0; text-align: left; text-decoration: none; } #MSEMainNavigation li.xmasTab a:hover { background-color: #3C3FC0; background-position: 0 -286px; } #MSEMainNavigation li.xmasTab a:hover span { background-position: 100% -364px; color: #FFFFFF; } #MSEMainNavigation li.xmasTabActive { background-image: none; border: 0 none; clear: both; display: block; height: 25px; position: absolute; right: 264px; top: -26px; width: 110px; z-index: 10; } #MSEMainNavigation li.xmasTabActive a { background: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite7.jpg") no-repeat scroll 0 -286px #3C3FC0; border: 0 none; display: block; font-family: Calibri,Myriad Pro,Arial,Sans-Serif; height: 25px; text-decoration: none; width: auto; } #MSEMainNavigation li.xmasTabActive a span { background: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite7.jpg") no-repeat scroll 100% -364px transparent; color: #FFFFFF; cursor: pointer; display: block; font-size: 14px; font-weight: bold; height: 21px; margin-left: 40px; padding: 4px 0 0 0; text-align: left; text-decoration: none; } #MSEMainNavigation li.fepTab { background-image: none; border: 0 none; clear: both; display: block; height: 25px; position: absolute; right: 264px; top: -26px; width: 116px; z-index: 10; } #MSEMainNavigation li.fepTab a { background: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite5.jpg") no-repeat scroll 0 -312px #FDFDFD; border: 0 none; display: block; font-family: Calibri,Myriad Pro,Arial,Sans-Serif; height: 25px; text-decoration: none; width: auto; } #MSEMainNavigation li.fepTab a span { background: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite5.jpg") no-repeat scroll 100% -182px transparent; color: black; cursor: pointer; display: block; font-size: 14px; font-weight: bold; height: 21px; margin-left: 35px; padding: 4px 0 0 0; text-align: left; text-decoration: none; } #MSEMainNavigation li.fepTab a:hover { background-color: #3C3FC0; background-position: 0 -338px; } #MSEMainNavigation li.fepTab a:hover span { background-position: 100% -156px; color: #FFFFFF; } #MSEMainNavigation li.fepTabActive { background-image: none; border: 0 none; clear: both; display: block; height: 25px; position: absolute; right: 264px; top: -26px; width: 116px; z-index: 10; } #MSEMainNavigation li.fepTabActive a { background: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite5.jpg") no-repeat scroll 0 -338px #3C3FC0; border: 0 none; display: block; font-family: Calibri,Myriad Pro,Arial,Sans-Serif; height: 25px; text-decoration: none; width: auto; } #MSEMainNavigation li.fepTabActive a span { background: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite5.jpg") no-repeat scroll 100% -156px transparent; color: #FFFFFF; cursor: pointer; display: block; font-size: 14px; font-weight: bold; height: 21px; margin-left: 35px; padding: 4px 0 0 0; text-align: left; text-decoration: none; } div.dropdown { background-position: 0 -239px; background-repeat: no-repeat; border: 0 none; display: none; float: left; left: 35px; padding-left: 19px; position: absolute; top: 42px; z-index: 800; } div.dropdown .wrapperL { background-position: right -478px; background-repeat: no-repeat; display: block; float: left; padding-right: 19px; } div.dropdown .wrapperR { background-position: 0 0; background-repeat: repeat-x; display: block; float: left; height: 239px; width: 856px; } div.dropdown ul.secNav { border: 0 none; color: black; display: block; float: left; list-style: none outside none; margin: 0; padding: 0; width: 100%; } div.dropdown ul.secNav li { border: 0 none; cursor: pointer; font-size: 11pt; font-weight: bold; margin: 0 0 0 -4px; padding: 5px; } div.dropdown ul.secNav li a { color: black; font-family: Arial,Helvetica,sans-serif; font-weight: bold; text-decoration: none; } div.dropdown ul.secNav li a:hover { color: #AC2522; } div.dropdown div.column { background-image: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/border2.png"); background-position: right 8px; background-repeat: no-repeat; float: left; font-family: Arial,Helvetica,sans-serif; height: 190px; margin-left: 0; margin-right: 4px; margin-top: 10px; padding-left: 4px; padding-top: 10px; width: 300px; } div.dropdown div.column h3 { border: 0 none; cursor: default; font-family: Arial,Helvetica,sans-serif; font-size: 17px; height: 22px; margin: 0; padding: 0; } div.dropdown div.dropdownArrow { background-image: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/arrows.png"); display: block; height: 14px; margin: 0; padding: 0; position: absolute; top: 0; width: 28px; z-index: 801; } div.dropdown div.col1 { margin-left: -5px; width: 231px; } div.dropdown div.col1 ul li { background-image: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/bullets.png"); background-repeat: no-repeat; margin: 1px 0 0; padding-left: 18px; } div.dropdown div.col2 { width: 398px; } div.dropdown div.col2 ul li { background-image: none; border: 0 none; margin: 6px 0; padding: 0; } div.dropdown div.col2 ul li a { border: 0 none; display: block; font-size: 12px; font-weight: normal !important; margin: 0 3px 0 0; overflow: hidden; padding: 0; white-space: nowrap; width: 100%; } div.dropdown div.col2 ul li a strong { font-size: 13px; } div.dropdown div.col3 { background-image: none; width: 196px; } div.dropdown div.col3 ul { padding-left: 5px; } div.dropdown div.col3 ul li { font-size: 11px; font-weight: normal; margin: 2px 0 5px -4px; padding: 0; width: 100%; } div.dropdown div.col3 h3 { padding-bottom: 2px; } div.dropdown div.col3 h4 { border: 0 none; font-size: 13px; font-weight: bold; margin: 0; padding: 0 0 2px; } div.dropdown div.col3 span { border: 0 none; font-size: 12px; font-weight: normal; margin: 0; padding: 0; } div.dropdown div.baseTab { background-image: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/baseTab.png"); height: 42px; margin-right: 10px; padding-left: 17px; position: absolute; right: 11px; top: 178px; z-index: 1002; } div.dropdown div.baseTab span { background-image: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/baseTab.png"); display: block; height: 42px; margin-right: -10px; padding-left: 10px; z-index: 1002; } div.dropdown div.baseTab span a { color: white; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 16px; font-weight: bold; height: 35px; line-height: 42px; margin-right: 15px; padding-top: 5px; text-decoration: none; } div.dropdown div.baseTab span a:hover { text-decoration: underline; } #MSEMainNavigation #cardsTab div.dropdown { background-image: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/blueDD.png"); } #MSEMainNavigation #cardsTab div.dropdown .wrapperL { background-image: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/blueDD.png"); } #MSEMainNavigation #cardsTab div.dropdown .wrapperR { background-image: url("http://web.archive.org/web/20120310005901im_/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: 0 -252px; } #MSEMainNavigation #cardsTab div.dropdown div.baseTab span { background-position: right -252px; } #MSEMainNavigation #reclaimTab div.dropdown { background-image: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/redDD.png"); } #MSEMainNavigation #reclaimTab div.dropdown .wrapperL { background-image: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/redDD.png"); } #MSEMainNavigation #reclaimTab div.dropdown .wrapperR { background-image: url("http://web.archive.org/web/20120310005901im_/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: 0 -210px; } #MSEMainNavigation #reclaimTab div.dropdown div.baseTab span { background-position: right -210px; } #MSEMainNavigation #shoppingTab div.dropdown { background-image: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/greenDD.png"); } #MSEMainNavigation #shoppingTab div.dropdown .wrapperL { background-image: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/greenDD.png"); } #MSEMainNavigation #shoppingTab div.dropdown .wrapperR { background-image: url("http://web.archive.org/web/20120310005901im_/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: 0 -168px; } #MSEMainNavigation #shoppingTab div.dropdown div.baseTab span { background-position: right -168px; } #MSEMainNavigation #dealsTab div.dropdown { background-image: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/pinkDD.png"); } #MSEMainNavigation #dealsTab div.dropdown .wrapperL { background-image: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/pinkDD.png"); } #MSEMainNavigation #dealsTab div.dropdown .wrapperR { background-image: url("http://web.archive.org/web/20120310005901im_/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: 0 -84px; } #MSEMainNavigation #dealsTab div.dropdown div.baseTab span { background-position: right -84px; } #MSEMainNavigation #utilitiesTab div.dropdown { background-image: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/tealDD.png"); } #MSEMainNavigation #utilitiesTab div.dropdown .wrapperL { background-image: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/tealDD.png"); } #MSEMainNavigation #utilitiesTab div.dropdown .wrapperR { background-image: url("http://web.archive.org/web/20120310005901im_/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: 0 -126px; } #MSEMainNavigation #utilitiesTab div.dropdown div.baseTab span { background-position: right -126px; } #MSEMainNavigation #bankingTab div.dropdown { background-image: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/brownDD.png"); } #MSEMainNavigation #bankingTab div.dropdown .wrapperL { background-image: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/brownDD.png"); } #MSEMainNavigation #bankingTab div.dropdown .wrapperR { background-image: url("http://web.archive.org/web/20120310005901im_/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: 0 -42px; } #MSEMainNavigation #bankingTab div.dropdown div.baseTab span { background-position: right -42px; } #MSEMainNavigation #travelTab div.dropdown { background-image: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/blueDD.png"); } #MSEMainNavigation #travelTab div.dropdown .wrapperL { background-image: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/blueDD.png"); } #MSEMainNavigation #travelTab div.dropdown .wrapperR { background-image: url("http://web.archive.org/web/20120310005901im_/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: 0 -252px; } #MSEMainNavigation #travelTab div.dropdown div.baseTab span { background-position: right -252px; } #MSEMainNavigation #insuranceTab div.dropdown { background-image: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/redDD.png"); } #MSEMainNavigation #insuranceTab div.dropdown .wrapperL { background-image: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/redDD.png"); } #MSEMainNavigation #insuranceTab div.dropdown .wrapperR { background-image: url("http://web.archive.org/web/20120310005901im_/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: 0 -210px; } #MSEMainNavigation #insuranceTab div.dropdown div.baseTab span { background-position: right -210px; } #MSEMainNavigation #mortgagesTab div.dropdown { background-image: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/purpleDD.png"); } #MSEMainNavigation #mortgagesTab div.dropdown .wrapperL { background-image: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/purpleDD.png"); } #MSEMainNavigation #mortgagesTab div.dropdown .wrapperR { background-image: url("http://web.archive.org/web/20120310005901im_/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: 0 0; } #MSEMainNavigation #mortgagesTab div.dropdown div.baseTab span { background-position: right 0; } #MSEMainNavigation #familyTab div.dropdown { background-image: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/tealDD.png"); } #MSEMainNavigation #familyTab div.dropdown .wrapperL { background-image: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/tealDD.png"); } #MSEMainNavigation #familyTab div.dropdown .wrapperR { background-image: url("http://web.archive.org/web/20120310005901im_/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: 0 -126px; } #MSEMainNavigation #familyTab div.dropdown div.baseTab span { background-position: right -126px; } #MSEDDcache { height: 0; position: absolute; top: -1000px; width: 0; } #MSEDDcache i { height: 0; width: 0; } #MSEDDcache i.MSEPu { background: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/purpleDD.png") repeat scroll 0 0 transparent; } #MSEDDcache i.MSEBr { background: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/brownDD.png") repeat scroll 0 0 transparent; } #MSEDDcache i.MSEPi { background: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/pinkDD.png") repeat scroll 0 0 transparent; } #MSEDDcache i.MSETe { background: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/tealDD.png") repeat scroll 0 0 transparent; } #MSEDDcache i.MSEGr { background: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/greenDD.png") repeat scroll 0 0 transparent; } #MSEDDcache i.MSERe { background: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/redDD.png") repeat scroll 0 0 transparent; } #MSEDDcache i.MSEBl { background: url("http://web.archive.org/web/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/blueDD.png") repeat scroll 0 0 transparent; } div.MSEvisible { display: block; } #MSEMainNavigation li.fepTab{ position:absolute; clear:both; right:264px; width:100px; 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/20120310005901im_/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/20120310005901im_/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/20120310005901im_/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/20120310005901im_/http://images2.moneysavingexpert.com/images/masthead2010/subTabSprite5.jpg) no-repeat 100% -156px; height:21px; cursor:pointer; } /*megadropdowns old masthead ul#MSEMainNavigation li .sub {position: absolute; top: 40px; left: 0px;background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/MegaDDBGyep.gif) repeat-y left top ;padding: 0 0.5em 1em 0.5em;float: left;border:3px solid #333333; z-index:999; width:984px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; display:none} ul#MSEMainNavigation li .sub a { color:#444444; text-decoration:none;} ul#MSEMainNavigation li .sub ul { width:200px; float:left; display:block;} ul#MSEMainNavigation li .sub ul li { margin-left:10px; text-decoration:none; padding:0 0 0.25em 0; font-size:1em; display:block; color:#555555; width:190px; line-height:1.385em;} ul#MSEMainNavigation li .sub ul li a { background:transparent; text-align:left; font-weight:normal; text-shadow:none; padding:0; color:#003575; font-size: 1em; line-height: 1.385em; } ul#MSEMainNavigation li .sub ul li a:hover { color:#b31717} ul#MSEMainNavigation li .sub ul li a img { float:left; margin:0 0.5em 0 0} ul#MSEMainNavigation .sub .featured a { font-size:1em; margin-bottom:0; font-style: normal; } ul#MSEMainNavigation .sub span { display:block; font-weight:normal; color:#111111;} ul#MSEMainNavigation .sub .featured { width: 384px; float:left} ul#MSEMainNavigation .sub .featured img {float:left; margin: 10px 0 10px 15px} ul#MSEMainNavigation .sub .featured ul { width: 250px} ul#MSEMainNavigation .sub .imageCol { width:1px; overflow:auto; float:left} ul#MSEMainNavigation .sub .featured li { width:250px; font-style: italic; } ul#MSEMainNavigation .sub li H2, ul#MSEMainNavigation .sub .featured H2 { display:block; padding:0; font-size:1.286em; line-height:1.167em; font-family:'MuseoSlab500', sans-serif; font-weight: normal; margin:1.286em 0 0 0; } ul#MSEMainNavigation .sub .featured H2 {margin-left: 15px;} ul#MSEMainNavigation .sub a.sectionLink { background: none repeat scroll 0 0 #333333; border-bottom-right-radius: 5px; border-top-left-radius: 8px; bottom: 0; color: #FFFFFF; font-size: 16px; height: 25px; padding-left: 9px; position: absolute; right: 0; width: 151px; padding-top:7px; } .cards H2, .travel H2 { color:#0b2e59} .reclaim H2, .insurance H2 { color:#b31717} .shopping H2 { color:#7ab317} .deals H2 { color:#DC36AB} .utilities H2, .income H2 { color:#0D6759} .banking H2 {color:#CE7721} .mortgages H2 {color:#2a044a} */ /*------------------------------------------------------ Tools Stuff -------------------------------------------------------*/ .innerWhite { /* background:url(http://web.archive.org/web/20120310005901im_/http://images.moneysavingexpert.com/images/gradientstd.png) repeat-x left top;*/ background-color:#ffffff; border:1px solid #c5c5c5; -moz-box-shadow: 0 1px 0 #FFFFFF; -webkit-box-shadow: 0 1px 0 #ffffff; padding:1em 0 3em 0; position:relative } .innerWhite:before { position:absolute; content:''; right:0; top:0; height:100px; width:0; display:block; border-left:1px solid #FFF} .innerWhite:after { position:absolute; content:''; left:0; top:0; height:100px; width:0; display:block; border-left:1px solid #FFF} .innerWhite #breadcrumb { margin:-0.5em 0 1em 1em} /* Hacky article fixes - remove these soon PLEASE */ .innerWhite #headBlock {margin-left:51px} .innerWhite #MSEarticle2011, .innerWhite #articleFooter { margin-left:-2px} .innerWhite h1, .innerWhite h2, .innerWhite h3, .innerWhite h4 {font-weight:bold} .six.columns .innerWhite > div { width:610px; margin:0 auto} #news_container h1 { border-bottom-color: #008000; color: #008000; border-bottom: 3px solid; font-family: 'MuseoSlab500',sans-serif; font-size: 2.5em; margin: 0; padding-bottom: 0.25em; margin-bottom:4px; font-weight:normal; } #navigation_div{position: absolute; top: 97px; border: none; width: 600px; margin-bottom: 15px; } /* FILE ARCHIVED ON 00:59:01 Mar 10, 2012 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 10:55:03 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: 176.105 exclusion.robots: 0.135 exclusion.robots.policy: 0.126 cdx.remote: 0.07 esindex: 0.009 LoadShardBlock: 129.756 (3) PetaboxLoader3.datanode: 138.925 (4) CDXLines.iter: 12.46 (3) load_resource: 137.549 PetaboxLoader3.resolve: 72.638 */