@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) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } 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/20140604004155im_/http://images.moneysavingexpert.com/images/noisehomepage.gif) repeat; line-height:1.385; } body.testing { background:url(http://web.archive.org/web/20140604004155im_/http://images.moneysavingexpert.com/images/testing.gif) repeat;} 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: 1.538em;line-height: 1.8em; margin-bottom: 0.9em; } 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; } ul { list-style: none outside; } 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/20140604004155im_/http://images.moneysavingexpert.com/images/topnavrpt.png) 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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/http://images2.moneysavingexpert.com/images/forumiconsprite.png) 6px 7px no-repeat;} .fPureMoney{background:url(http://web.archive.org/web/20140604004155im_/http://images2.moneysavingexpert.com/images/forumiconsprite.png) 6px -54px no-repeat;} .fWorksandBen{background:url(http://web.archive.org/web/20140604004155im_/http://images2.moneysavingexpert.com/images/forumiconsprite.png) 6px -114px no-repeat;} .fHomeAndPlay{background:url(http://web.archive.org/web/20140604004155im_/http://images2.moneysavingexpert.com/images/forumiconsprite.png) 6px -174px no-repeat;} .fWhoandWhere{background:url(http://web.archive.org/web/20140604004155im_/http://images2.moneysavingexpert.com/images/forumiconsprite.png) 6px -234px no-repeat;} .fBargains{background:url(http://web.archive.org/web/20140604004155im_/http://images2.moneysavingexpert.com/images/forumiconsprite.png) 6px -294px no-repeat;} .fMoneySavingandSite{background:url(http://web.archive.org/web/20140604004155im_/http://images2.moneysavingexpert.com/images/forumiconsprite.png) 6px -355px no-repeat;} .fMoneySavingArms{background:url(http://web.archive.org/web/20140604004155im_/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/20140604004155im_/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 .searchfield {background: #fff;padding: 3px 0 3px 5px;border: none;outline: none;-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:100px;position:absolute; top:0;height:19px; behavior:url(/web/20140604004155im_/http://images2.moneysavingexpert.com/stylesheets/border-radius.htc); right:0} .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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/http://images.moneysavingexpert.com/images/discounticon.png) no-repeat 90% 30%} #topnav .sub .featured .boxOut.Wide.bargs { background:url(http://web.archive.org/web/20140604004155im_/http://images.moneysavingexpert.com/images/hotbargainicon.png) no-repeat 90% 30%} #topnav .sub .featured .boxOut.Wide.rests { background:url(http://web.archive.org/web/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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; } /* 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/20140604004155im_/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/20140604004155im_/http://images.moneysavingexpert.com/images/repeatseventyblack.png) repeat; padding:10px; } div.smallSlider a .artBox:hover { background:url(http://web.archive.org/web/20140604004155im_/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;} div.smallSlider a .artBox p { font-size:1em; margin:0; } div.smallSlider a .artBox h2.banner { background:url(http://web.archive.org/web/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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 { float: right; 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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/http://images.moneysavingexpert.com/images/budgetplanner.png) no-repeat 300px 10px;} .footBox.pBonds {background:url(http://web.archive.org/web/20140604004155im_/http://images.moneysavingexpert.com/images/premiumbonds.png) no-repeat 300px 10px; } .footBox.tChecker {background:url(http://web.archive.org/web/20140604004155im_/http://images.moneysavingexpert.com/images/tunecheckericon.png) no-repeat 300px 10px} .footBox.mValuer{ background:url(http://web.archive.org/web/20140604004155im_/http://images.moneysavingexpert.com/images/mobilevaluer.png) no-repeat 300px 10px } .footBox.fChecker{ background:url(http://web.archive.org/web/20140604004155im_/http://images.moneysavingexpert.com/images/flightcheckericon.png) no-repeat 300px 10px } .footBox.mShopbot{ background:url(http://web.archive.org/web/20140604004155im_/http://images.moneysavingexpert.com/images/megashopbot.png) no-repeat 300px 10px } .footBox.cChecker{ background:url(http://web.archive.org/web/20140604004155im_/http://images.moneysavingexpert.com/images/callchecker.png) no-repeat 300px 10px} .footBox.tMoney{ background:url(http://web.archive.org/web/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/http://images2.moneysavingexpert.com/images/masthead2010/blueDD.png"); } #MSEMainNavigation #cardsTab div.dropdown .wrapperL { background-image: url("http://web.archive.org/web/20140604004155im_/http://images2.moneysavingexpert.com/images/masthead2010/blueDD.png"); } #MSEMainNavigation #cardsTab div.dropdown .wrapperR { background-image: url("http://web.archive.org/web/20140604004155im_/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/20140604004155im_/http://images2.moneysavingexpert.com/images/masthead2010/redDD.png"); } #MSEMainNavigation #reclaimTab div.dropdown .wrapperL { background-image: url("http://web.archive.org/web/20140604004155im_/http://images2.moneysavingexpert.com/images/masthead2010/redDD.png"); } #MSEMainNavigation #reclaimTab div.dropdown .wrapperR { background-image: url("http://web.archive.org/web/20140604004155im_/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/20140604004155im_/http://images2.moneysavingexpert.com/images/masthead2010/greenDD.png"); } #MSEMainNavigation #shoppingTab div.dropdown .wrapperL { background-image: url("http://web.archive.org/web/20140604004155im_/http://images2.moneysavingexpert.com/images/masthead2010/greenDD.png"); } #MSEMainNavigation #shoppingTab div.dropdown .wrapperR { background-image: url("http://web.archive.org/web/20140604004155im_/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/20140604004155im_/http://images2.moneysavingexpert.com/images/masthead2010/pinkDD.png"); } #MSEMainNavigation #dealsTab div.dropdown .wrapperL { background-image: url("http://web.archive.org/web/20140604004155im_/http://images2.moneysavingexpert.com/images/masthead2010/pinkDD.png"); } #MSEMainNavigation #dealsTab div.dropdown .wrapperR { background-image: url("http://web.archive.org/web/20140604004155im_/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/20140604004155im_/http://images2.moneysavingexpert.com/images/masthead2010/tealDD.png"); } #MSEMainNavigation #utilitiesTab div.dropdown .wrapperL { background-image: url("http://web.archive.org/web/20140604004155im_/http://images2.moneysavingexpert.com/images/masthead2010/tealDD.png"); } #MSEMainNavigation #utilitiesTab div.dropdown .wrapperR { background-image: url("http://web.archive.org/web/20140604004155im_/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/20140604004155im_/http://images2.moneysavingexpert.com/images/masthead2010/brownDD.png"); } #MSEMainNavigation #bankingTab div.dropdown .wrapperL { background-image: url("http://web.archive.org/web/20140604004155im_/http://images2.moneysavingexpert.com/images/masthead2010/brownDD.png"); } #MSEMainNavigation #bankingTab div.dropdown .wrapperR { background-image: url("http://web.archive.org/web/20140604004155im_/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/20140604004155im_/http://images2.moneysavingexpert.com/images/masthead2010/blueDD.png"); } #MSEMainNavigation #travelTab div.dropdown .wrapperL { background-image: url("http://web.archive.org/web/20140604004155im_/http://images2.moneysavingexpert.com/images/masthead2010/blueDD.png"); } #MSEMainNavigation #travelTab div.dropdown .wrapperR { background-image: url("http://web.archive.org/web/20140604004155im_/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/20140604004155im_/http://images2.moneysavingexpert.com/images/masthead2010/redDD.png"); } #MSEMainNavigation #insuranceTab div.dropdown .wrapperL { background-image: url("http://web.archive.org/web/20140604004155im_/http://images2.moneysavingexpert.com/images/masthead2010/redDD.png"); } #MSEMainNavigation #insuranceTab div.dropdown .wrapperR { background-image: url("http://web.archive.org/web/20140604004155im_/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/20140604004155im_/http://images2.moneysavingexpert.com/images/masthead2010/purpleDD.png"); } #MSEMainNavigation #mortgagesTab div.dropdown .wrapperL { background-image: url("http://web.archive.org/web/20140604004155im_/http://images2.moneysavingexpert.com/images/masthead2010/purpleDD.png"); } #MSEMainNavigation #mortgagesTab div.dropdown .wrapperR { background-image: url("http://web.archive.org/web/20140604004155im_/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/20140604004155im_/http://images2.moneysavingexpert.com/images/masthead2010/tealDD.png"); } #MSEMainNavigation #familyTab div.dropdown .wrapperL { background-image: url("http://web.archive.org/web/20140604004155im_/http://images2.moneysavingexpert.com/images/masthead2010/tealDD.png"); } #MSEMainNavigation #familyTab div.dropdown .wrapperR { background-image: url("http://web.archive.org/web/20140604004155im_/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/20140604004155im_/http://images2.moneysavingexpert.com/images/masthead2010/purpleDD.png") repeat scroll 0 0 transparent; } #MSEDDcache i.MSEBr { background: url("http://web.archive.org/web/20140604004155im_/http://images2.moneysavingexpert.com/images/masthead2010/brownDD.png") repeat scroll 0 0 transparent; } #MSEDDcache i.MSEPi { background: url("http://web.archive.org/web/20140604004155im_/http://images2.moneysavingexpert.com/images/masthead2010/pinkDD.png") repeat scroll 0 0 transparent; } #MSEDDcache i.MSETe { background: url("http://web.archive.org/web/20140604004155im_/http://images2.moneysavingexpert.com/images/masthead2010/tealDD.png") repeat scroll 0 0 transparent; } #MSEDDcache i.MSEGr { background: url("http://web.archive.org/web/20140604004155im_/http://images2.moneysavingexpert.com/images/masthead2010/greenDD.png") repeat scroll 0 0 transparent; } #MSEDDcache i.MSERe { background: url("http://web.archive.org/web/20140604004155im_/http://images2.moneysavingexpert.com/images/masthead2010/redDD.png") repeat scroll 0 0 transparent; } #MSEDDcache i.MSEBl { background: url("http://web.archive.org/web/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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/20140604004155im_/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; } /* Media Basics ----------------------------------*/ @media only screen and (max-width: 767px) { body { -webkit-text-size-adjust: none; } #container { width:1000px; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 10px; padding-right: 10px; } #footer, div#footer .thisistheEnd, div#theWrapper { width:1020px;} #footer .inner, #mainNavHeader { width:1000px; margin-left: 10px; margin-right: 10px;} } @media only screen and (device-width: 768px), (device-width: 800px) { body { -webkit-text-size-adjust: none; } #container { width:1000px; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 10px; padding-right: 10px; } #footer, div#footer .thisistheEnd, div#theWrapper { width:1020px;} #footer .inner, #mainNavHeader { width:1000px; margin-left: 10px; margin-right: 10px;} } /* FILE ARCHIVED ON 00:41:55 Jun 04, 2014 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 10:18:37 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: 3176.265 exclusion.robots: 0.156 exclusion.robots.policy: 0.144 cdx.remote: 0.091 esindex: 0.012 LoadShardBlock: 521.138 (3) PetaboxLoader3.datanode: 567.773 (4) CDXLines.iter: 15.486 (3) load_resource: 286.564 PetaboxLoader3.resolve: 111.227 */