@charset "utf-8"; /* CSS Document */ /******************************************************************************************** MSE Article Stylesheet 2011 Daniel Lawrence & D'lena Biggs *********************************************************************************************/ @charset "utf-8"; ul { list-style:none;} @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 */ a, a:visited { color: #444 !important; text-decoration: underline; } 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;} #MSEarticle2011, #MSEarticle2011 div.Dropdown { width:100%} #MSEarticle2011 h2, #MSEarticle2011 h3, #MSEarticle2011 h4 { font-family:Georgia, "Times New Roman", Times, serif!important} } #MSEarticle2011 { width:610px; margin:0px 0 0 -7px; font-size:16px; padding:0px; } #MSEarticle2011 .blue {color:#0B2E59} #MSEarticle2011 .green {color:#0D6759} #MSEarticle2011 .lgreen {color:#7AB317} #MSEarticle2011 .purple {color:#2A044A} #MSEarticle2011 .red { color:#B31717} #MSEarticle2011 .hideMe {display:none} #MSEarticle2011 .clearMe {clear:both; height:1px; line-height:1px; font-size:1px;} /******************************************************************************************** Anchors *********************************************************************************************/ div#MSEarticle2011 div.anchorBlock {width:570px; margin:10px 25px 0 20px; position:relative} div#MSEarticle2011 div.anchorBlock .anchors {width:285px; height:100%; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; float:left; min-height:140px; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/Anchors2011lastcall.png) no-repeat 0px top} div#MSEarticle2011 div.anchorBlock .anchors.left {margin:0} div#MSEarticle2011 div.anchorBlock .anchors.rightBox {margin:0; text-align:left} div#MSEarticle2011 div.anchorBlock .anchors h3 { width:255px; padding:15px 0 10px 0; margin:0 15px; font-size:15px; font-family:Georgia, Cambria, serif; text-shadow:0 1px 0 #fff; } div#MSEarticle2011 div.anchorBlock .anchors.left h3 {color:#0d6759; } div#MSEarticle2011 div.anchorBlock .anchors.rightBox h3 {color:#b31717; } div#MSEarticle2011 div.anchorBlock .anchors ul.list {display:block; width:265px; margin:0 15px 10px 15px; font-family:'Segoe UI', Segoe, Tahoma, Geneva, sans-serif; list-style:none; padding:0} div#MSEarticle2011 div.anchorBlock .anchors ul.list li a {text-decoration:none; color:#313db3; text-shadow: 0 1px #fff; font-size:14px; padding:3px 0; margin:0; display:block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; width:255px; font-weight:bold} div#MSEarticle2011 div.anchorBlock .anchors ul.list li a:hover {background-color:#313db3;color:#fff;text-shadow:0 1px #444; } div#MSEarticle2011 div.anchorBlock .anchors.rightBox ul.list li a:hover {background-color:#b31717;color:#fff;text-shadow:0 1px #444} div#MSEarticle2011 div.anchorBlock .anchors ul.list li a span { font-weight:normal; font-size:13px} div#MSEarticle2011 div.anchorBlock .anchors ul.list li a span em { color:#b31717; font-style:normal} div#MSEarticle2011 div.anchorBlock .anchors ul.list li a:hover span em {color:#FFFFFF; text-shadow:0 1px #444} div#MSEarticle2011 div.anchorBot {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/NewAnchorsBottom.png) no-repeat top left; display:block; height:10px; width:560px; position:absolute; bottom:0px; left:5px} div#MSEarticle2011 .ShareBar {clear:both;width:570px; height:50px; margin:10px 0 0 0 ; position:relative; background: url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/ShareBar2011.png) no-repeat -3px -4px} div#MSEarticle2011 .ShareBar .ShareTable {width:460px; height:20px; padding:0; position:absolute; left:100px; top:10px} div#MSEarticle2011 .ShareBar .ShareTable td.fbook { width:130px; padding-top:1px} div#MSEarticle2011 .ShareBar .ShareTable td.twitter { width:170px;outline:none } div#MSEarticle2011 .ShareBar .ShareTable td.ShortLink {width:140px; margin-left:75px; font-family:'Segoe UI', Segoe, Tahoma, Geneva, sans-serif; font-size:14px; color:#CC0000; vertical-align:top; } div#MSEarticle2011 .ToolsBar {clear:both;width:570px; height:50px; margin:5px 20px 10px 20px ; position:relative; background: url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/ArtToolsBG.png) no-repeat 0px 0px} div#MSEarticle2011 .ToolsBar ul { width:480px; height:20px;display:block; position:absolute; top:15px; list-style:none; padding:0; left:72px} div#MSEarticle2011 .ToolsBar ul li a.meLink { font-size:13px; line-height:10px; color:#b31717; font-family:'Segoe UI', Segoe, Tahoma, Geneva, sans-serif; margin-left:74px; margin-right:0; position:absolute; right:10px} div#MSEarticle2011 .ToolsBar ul li a { display:block; height:20px;} div#MSEarticle2011 .ToolsBar ul li a.print { width:65px; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/ToolLinkSprite.png) no-repeat top left; position:absolute; left:15px; top:0px;} div#MSEarticle2011 .ToolsBar ul li a.print:hover {background-position: 0 -30px} div#MSEarticle2011 .ToolsBar ul li a.email { width:65px; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/ToolLinkSprite.png) no-repeat -76px 0; position:absolute; top:0; left:95px} div#MSEarticle2011 .ToolsBar ul li a.email:hover {background-position: -76px -30px} div#MSEarticle2011 .ToolsBar ul li a.bookmark { width:87px; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/ToolLinkSprite.png) no-repeat -153px 0; position:absolute; top:0; left:175px} div#MSEarticle2011 .ToolsBar ul li a.bookmark:hover {background-position: -153px -30px} /******************************************************************************************** H2, H3, H4, H5 *********************************************************************************************/ #MSEarticle2011 h2 {border-top:1px solid #ccc;border-bottom:1px solid #ccc;width:560px; margin:30px 25px 20px 25px;padding:20px 0;display:block;background-color:#fefef1;color:#333333;font-family: Georgia, Cambria, serif;font-size:24px;text-shadow: 0 1px 1px #ccc;} #MSEarticle2011 p+h2, #MSEarticle2011 ul+h2 {margin-top:35px!important;} #MSEarticle2011 h2+p, #MSEarticle2011 h2+ul {margin-top:30px;} #MSEarticle2011 H2 span.red {font-size:100%; color:#b31717; display:inline} #MSEarticle2011 H3 {margin:30px 25px; color:#0b2e59; font-size:18px; font-family:Georgia, Cambria, serif; text-shadow:0 1px #d8d9ff} #MSEarticle2011 H2 span, #MSEarticle2011 H3 span, #MSEarticle2011 H4 span {color:#666;font-size:80%; display:block} #MSEarticle2011 H4 {margin:30px 25px; color:#0b2e59; font-size:15px; font-family: Georgia, Cambria, serif; text-shadow:0 1px #d8d9ff} #MSEarticle2011 H5 {margin:30px 25px; color:#0b2e59; font-size:14px; font-family: Georgia, Cambria, serif; text-shadow:0 1px #d8d9ff} #MSEarticle2011 div.borderDivider { margin:20px 25px ; border-top:1px dotted #e5e5e5; clear:both} #MSEarticle2011 div H3.wrapBanner {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/wrapBannerBlue.png) no-repeat top left;width:444px; height:48px; line-height:40px; margin:20px 0 10px -11px;padding-left:35px;color:#FFFFFF;text-shadow:1px 1px 1px #666;} #MSEarticle2011 div H3.wrapBanner.green { background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/wrapBannerGreen.png) no-repeat top left;} #MSEarticle2011 div H3.wrapBanner.lgreen { background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/wrapBannerlgreen.png) no-repeat top left;} #MSEarticle2011 div H3.wrapBanner.purple { background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/wrapBannerPurple.png) no-repeat top left;} #MSEarticle2011 div H3.wrapBanner.red { background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/wrapBannerRed.png) no-repeat top left;} #MSEarticle2011 h5.bannerGreen, #MSEarticle2011 h5.bannerPurple { margin:15px 25px 15px 0px; line-height:24px; color:#FFFFFF; font-size:13px; font-family: 'Segoe UI', Segoe, Tahoma, Geneva, sans-serif; padding:0 25px 0 30px; display:inline-block; -moz-border-radius:12.5px; -webkit-border-radius:12.5px; border-radius:12.5px; position:relative; -moz-box-shadow: 0 2px -2px #e5e5e5; font-weight:bold; text-shadow:0 1px #444 } #MSEarticle2011 h5.bannerGreen {background:#0D6759} #MSEarticle2011 h5.bannerPurple {background:#2A044a} #MSEarticle2011 h5.bannerPurple i { display:block; width:25px; height:50px; position:absolute; background: url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/purpleBannerStar.jpg) no-repeat top left; top:-15px; left:0} #MSEarticle2011 h5.bannerGreen i { display:block; width:25px; height:50px; position:absolute; background: url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/greenBannerStar.jpg) no-repeat top left; top:-15px; left:0} #MSEarticle2011 h5.bannerGreen+p, #MSEarticle2011 h5.bannerPurple+p { margin-top:10px;} /******************************************************************************************** Paragraphs/Images *********************************************************************************************/ #MSEarticle2011 p {margin:25px 25px;font-family:'Segoe UI', Segoe, Tahoma, Geneva, sans-serif; font-size:13px; line-height: 1.5em; color:#222222; } #MSEarticle2011 li {font-family:'Segoe UI', Segoe, Tahoma, Geneva, sans-serif; } #MSEarticle2011 img.rightAlign {float:right; padding:0; border:none; margin:0 25px 20px 20px;} #MSEarticle2011 p img.rightAlign, #MSEarticle2011 li img.rightAlign, #MSEarticle2011 h3 img.rightAlign, #MSEarticle2011 h4 img.rightAlign {float:right; padding:0; border:none; margin:0 0 20px 20px;} #MSEarticle2011 img.leftAlign {float:left; padding:0; border:none; margin:0 20px 20px 25px;} #MSEarticle2011 p img.leftAlign, #MSEarticle2011 li img.leftAlign, #MSEarticle2011 h3 img.leftAlign, #MSEarticle2011 h4 img.rightAlign {float:left; padding:0; border:none; margin:0 20px 20px 0;} #MSEarticle2011 img.border, #MSEarticle2011 p img.border { border: 3px solid #e5e5e5; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-image: url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/HomepageBorderImage.png) 3 3 3 3 stretch; -moz-border-image: url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/HomepageBorderImage.png) 3 3 3 3 stretch;} #MSEarticle2011 a:hover img.border, #MSEarticle2011 p a:hover img.border { border: 3px solid #b31717; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-image: url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/borderimageRed.png) 3 3 3 3 stretch; -moz-border-image: url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/borderimageRed.png) 3 3 3 3 stretch; float:right} #MSEarticle2011 ul.long, #MSEarticle2011 ul.short, #MSEarticle2011 ul.steps {margin:20px 25px;} #MSEarticle2011 ul.long li, #MSEarticle2011 ul.short li {background-position:0 2px; background-repeat:no-repeat; margin:30px 0px; padding-left:25px; font-family:'Segoe UI', Segoe, Tahoma, Geneva, sans-serif; font-size:13px; color:#222222; line-height:1.5em; } #MSEarticle2011 ul.long li p, #MSEarticle2011 ul.short li p {margin:0;} #MSEarticle2011 ul.long li p+p, #MSEarticle2011 ul.short li p+p,#MSEarticle2011 ul.long li p+p+p, #MSEarticle2011 ul.short li p+p+p {margin:20px 0 0 0} #MSEarticle2011 ul.short li {margin:10px 0px} #MSEarticle2011 ul.steps {margin:20px 25px 20px 25px;} #MSEarticle2011 ol.numbers { list-style:decimal; margin:20px 25px;} #MSEarticle2011 ol.numbers li {font:italic bold 17px Georgia, Cambria, serif; color:#0D6759; margin:0 20px 0 25px; font-weight:bold} #MSEarticle2011 ol li p {margin:10px 0px; padding:0; font:normal 13px 'Segoe UI', Segoe, Tahoma, Geneva, sans-serif; color:#222222; font-weight:normal!important} #MSEarticle2011 ul.steps li {min-height:150px; padding:0; padding-left:50px; margin:20px 0; font-family:'Segoe UI', Segoe, Tahoma, Geneva, sans-serif; font-size:13px; color:#222222; display:block;} #MSEarticle2011 ul.steps li ul li { min-height:30px} #MSEarticle2011 ul.steps li.one { background:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/TexLInumber1.png) no-repeat left top} #MSEarticle2011 ul.steps li.two { background:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/TexLINumber2.png) no-repeat left top} #MSEarticle2011 ul.steps li.three { background:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/TexLINumber3.png) no-repeat left top} #MSEarticle2011 ul.steps li.four { background:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/TexLINumber4.png) no-repeat left top} #MSEarticle2011 ul.steps li.five { background:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/TexLINumber5.png) no-repeat left top} #MSEarticle2011 ul.steps li.six { background:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/TexLINumber6.png) no-repeat left top} #MSEarticle2011 ul.steps li.seven { background:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/TexLINumber7.png) no-repeat left top} #MSEarticle2011 ul.steps li.eight { background:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/TexLINumber8.png) no-repeat left top} #MSEarticle2011 ul.steps li.nine { background:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/TexLINumber9.png) no-repeat left top} #MSEarticle2011 ul.steps li.ten { background:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/TexLINumber10.png) no-repeat left top} #MSEarticle2011 ul.steps li.eleven { background:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/TexLINumber11.png) no-repeat left top} #MSEarticle2011 ul.steps li.twelve { background:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/TexLINumber12.png) no-repeat left top} #MSEarticle2011 ul.steps li.thirteen { background:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/TexLINumber13.png) no-repeat left top} #MSEarticle2011 ul.steps li.fourteen{ background:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/TexLINumber14.png) no-repeat left top} #MSEarticle2011 ul.steps li.fifteen { background:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/TexLINumber15.png) no-repeat left top} #MSEarticle2011 ul.steps li.one.purple { background:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/PTexLInumber1.png) no-repeat left top} #MSEarticle2011 ul.steps li.two.purple { background:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/PTexLINumber2.png) no-repeat left top} #MSEarticle2011 ul.steps li.three.purple { background:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/PTexNumber3.png) no-repeat left top} #MSEarticle2011 ul.steps li.four.purple { background:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/PTexNumber4.png) no-repeat left top} #MSEarticle2011 ul.steps li.five.purple { background:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/PTexNumber5.png) no-repeat left top} #MSEarticle2011 ul.steps li.six.purple { background:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/PTexNumber6.png) no-repeat left top} #MSEarticle2011 ul.steps li.seven.purple { background:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/PTexNumber7.png) no-repeat left top} #MSEarticle2011 ul.steps li.eight.purple { background:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/PTexNumber8.png) no-repeat left top} #MSEarticle2011 ul.steps li.nine.purple { background:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/PTexLiNumber9.png) no-repeat left top} #MSEarticle2011 ul.steps li.man {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/mfbulletsM.png) no-repeat left top} #MSEarticle2011 ul.steps li.woman {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/mfbulletsF.png) no-repeat left top} #MSEarticle2011 .redquest li {background-image:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/BulletRedQuest.png)} #MSEarticle2011 .redtick li {background-image:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/BulletRedTick.png);} #MSEarticle2011 .redarrow li {background-image:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/BulletRedTri.png);} #MSEarticle2011 .redcross li {background-image:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/BulletRedCross.png);} #MSEarticle2011 .redexclam li {background-image:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/BulletRedExclam.png);} #MSEarticle2011 .bluequest li {background-image:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/BulletBlueQuest.png)} #MSEarticle2011 .bluetick li {background-image:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/BulletBlueTick.png);} #MSEarticle2011 .bluearrow li {background-image:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/BulletBlueTri.png);} #MSEarticle2011 .bluecross li {background-image:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/BulletBlueCross.png);} #MSEarticle2011 .blueexclam li {background-image:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/BulletBlueExclam.png);} #MSEarticle2011 .greenquest li {background-image:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/BulletGreenQuest.png)} #MSEarticle2011 .greentick li {background-image:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/BulletGreenTick.png);} #MSEarticle2011 .greenarrow li {background-image:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/BulletGreenTri.png);} #MSEarticle2011 .greencross li {background-image:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/BulletGreenCross.png);} #MSEarticle2011 .greenexclam li {background-image:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/BulletGreenExclam.png);} #MSEarticle2011 .lgreenquest li {background-image:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/BulletLgreenQuest.png)} #MSEarticle2011 .lgreentick li {background-image:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/BulletLgreenTick.png);} #MSEarticle2011 .lgreenarrow li {background-image:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/BulletLgreenTri.png);} #MSEarticle2011 .lgreencross li {background-image:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/BulletLgreenCross.png);} #MSEarticle2011 .lgreenexclam li {background-image:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/BulletLgreenExclam.png);} #MSEarticle2011 .purplequest li {background-image:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/BulletPurpleQuest.png)} #MSEarticle2011 .purpletick li {background-image:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/BulletPurpleTick.png);} #MSEarticle2011 .purplearrow li {background-image: url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/BulletPurpleTri.png);} #MSEarticle2011 .purplecross li {background-image:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/BulletPurpleCross.png);} #MSEarticle2011 .purpleexclam li {background-image:url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/article2011Images/BulletPurpleExclam.png);} /* buttons ---------------------------------------------- */ .greybutton,.whitebutton,.redbutton,.bluebutton,.greenbutton,.lgreenbutton,.purplebutton {display: inline-block;zoom: 1;*display: inline;vertical-align: baseline;margin: 0 2px;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 14px/100% 'Segoe UI', Segoe, Tahoma, Geneva, sans-serif;padding: .5em 2em .55em;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; -moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);} .greybutton:hover,.whitebutton:hover,.redbutton:hover,.bluebutton:hover,.greenbutton:hover,.lgreenbutton:hover,.purplebutton:hover {text-decoration: none;} .greybutton:active,.whitebutton:active,.redbutton:active,.bluebutton:active,.greenbutton:active,.lgreenbutton:active,.purplebutton:active {position: relative;top: 1px;} .rounded {-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;} .medium {font-size: 13px;padding: .4em 1.5em .42em;} .small {font-size: 12px;padding: .2em 1em .275em;} /* gray */ #MSEarticle2011 .greybutton { color: #e9e9e9; border: solid 1px #555; background: #6e6e6e; background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757)); background: -moz-linear-gradient(top, #888, #575757); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757'); } #MSEarticle2011 .greybutton:hover { background: #616161; background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b)); background: -moz-linear-gradient(top, #757575, #4b4b4b); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b'); } #MSEarticle2011 .greybutton:active { color: #afafaf; background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888)); background: -moz-linear-gradient(top, #575757, #888); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888'); } /* white */ #MSEarticle2011 .whitebutton { color: #606060; border: solid 1px #b7b7b7; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top, #fff, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); } #MSEarticle2011 .whitebutton:hover { background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); background: -moz-linear-gradient(top, #fff, #dcdcdc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); } #MSEarticle2011 .whitebutton:active { color: #999; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); background: -moz-linear-gradient(top, #ededed, #fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); } /* red */ #MSEarticle2011 .redbutton { color: #FFFFFF; border: solid 1px #8F1F1F; background: #b31717; background: -webkit-gradient(linear, left top, left bottom, from(#b31717), to(#c00000)); background: -moz-linear-gradient(top, #b31717, #c00000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317'); } #MSEarticle2011 .redbutton:hover { background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top, #c9151b, #a11115); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); } #MSEarticle2011 .redbutton:active { color: #de898c; background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24)); background: -moz-linear-gradient(top, #aa1317, #ed1c24); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24'); } /* blue */ #MSEarticle2011 .bluebutton { color: #FFFFFF; border: solid 1px #000099; background: #0B2E59; background: -webkit-gradient(linear, left top, left bottom, from(#0B2E59), to(#314D8E)); background: -moz-linear-gradient(top, #0B2E59, #314D8E); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0B2E59', endColorstr='#314D8E'); } #MSEarticle2011 .bluebutton:hover { background: #007ead; background: -webkit-gradient(linear, left top, left bottom, from(#314D8E), to(#0B2E59)); background: -moz-linear-gradient(top, #314D8E, #0B2E59); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#314D8E', endColorstr='#0B2E59'); } #MSEarticle2011 .bluebutton:active { color: #80bed6; background: -webkit-gradient(linear, left top, left bottom, from(#314D8E), to(#0B2E59)); background: -moz-linear-gradient(top, #314D8E, #0B2E59); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#314D8E', endColorstr='#0B2E59'); } /* green */ #MSEarticle2011 .greenbutton {color: #FFFFFF;border: solid 1px #538312;background: #0D6759; background: -webkit-gradient(linear, left top, left bottom, from(#0D6759), to(#074037)); background: -moz-linear-gradient(top, #0D6759, #074037); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0D6759', endColorstr='#074037');} #MSEarticle2011 .greenbutton:hover {background: #074037;background: -webkit-gradient(linear, left top, left bottom, from(#074037), to(#0D6759));background: -moz-linear-gradient(top, #074037, #0D6759); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#074037', endColorstr='#0D6759');} #MSEarticle2011 .greenbutton:active { color: #FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#0D6759), to(#2A044a)); background: -moz-linear-gradient(top, #0D6759, #074037); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0D6759', endColorstr='#074037');} /* green */ #MSEarticle2011 .lgreenbutton {color: #FFFFFF;border: solid 1px #5d8911;background: #5d8911; background: -webkit-gradient(linear, left top, left bottom, from(#5d8911), to(#0D6759)); background: -moz-linear-gradient(top, #5d8911, #0D6759); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d8911', endColorstr='#0D6759');} #MSEarticle2011 .lgreenbutton:hover {background: #5d8911;background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#5d8911));background: -moz-linear-gradient(top, #6b9d28, #5d8911); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#5d8911');} #MSEarticle2011 .lgreenbutton:active { color: #FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#0D6759), to(#2A044a)); background: -moz-linear-gradient(top, #0D6759, #2A044a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0D6759', endColorstr='#2A044a');} /* purple */ #MSEarticle2011 .purplebutton {color: #FFFFFF;border: solid 1px #362060;background: #2A044a; background: -webkit-gradient(linear, left top, left bottom, from(#2A044a), to( #2d0350)); background: -moz-linear-gradient(top, #2A044a, #2d0350); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2A044a', endColorstr='#2d0350');} #MSEarticle2011 .purplebutton:hover {background: #472D5E;background: -webkit-gradient(linear, left top, left bottom, from(#2d0350), to(#42a044a));background: -moz-linear-gradient(top, #2d0350, #2A044a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d0350', endColorstr='#2A044a');} #MSEarticle2011 .purplebutton:active { color: #FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#2d0350), to(#2A044a)); background: -moz-linear-gradient(top, #2d0350, #2A044a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d0350', endColorstr='#2A044a');} /******************************************************************************************** Quotes *********************************************************************************************/ #MSEarticle2011 p.bigquote {font-family: 'Segoe UI', Segoe, Tahoma, Geneva, sans-serif; font-size:18px; font-weight:bold; color:#0D6759; display:block; text-align:center; position:relative; background-repeat:no-repeat; background-position:bottom right; font-style:italic} #MSEarticle2011 p.bigquote + p, #MSEarticle2011 p.bigquote + h2, #MSEarticle2011 p.bigquote + ul {margin-top:0} #MSEarticle2011 p.bigquote + p.pullquote {margin-top:5px;} #MSEarticle2011 blockquote { margin:0px 50px;} #MSEarticle2011 blockquote p { font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; color:#444444; font-style:italic; margin:20px 0;} #MSEarticle2011 p.pullquote {width:180px; font-family:Georgia, Cambria, serif; font-size:16px; float:right; display:block; margin:5px 25px 10px 20px; color:#666666; padding-top:10px; border-top:3px solid #0B2E59; text-indent:25px; position:relative;background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/Anchors2011lastcall.png) no-repeat 0px top; text-shadow:0 1px #ffffff; background-color:#FFFFFF} #MSEarticle2011 p.pullquote span {display:block; width:25px; height:25px; position:absolute; top:10px; left:0;} #MSEarticle2011 p.pullquote.blue {color:#666666; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/QuotesBlueRight.png) no-repeat bottom right; border-top:3px solid #0B2E59} #MSEarticle2011 p.pullquote.green {color:#666666; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/QuotesGreenRight.png) no-repeat bottom right; border-top:3px solid #0D6759} #MSEarticle2011 p.pullquote.lgreen {color:#666666; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/QuotesLgreenRight.png) no-repeat bottom right; border-top:3px solid #7AB317} #MSEarticle2011 p.pullquote.red {color:#666666; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/QuotesRedRight.png) no-repeat bottom right; border-top:3px solid #B31717} #MSEarticle2011 p.pullquote.purple {color:#666666; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/QuotesPurpleRight.png) no-repeat bottom right; border-top:3px solid #2A044A} #MSEarticle2011 p.pullquote.blue span {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/QuotesBlueLeft.png) no-repeat 0 0} #MSEarticle2011 p.pullquote.green span {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/QuotesGreenLeft.png) no-repeat 0 0} #MSEarticle2011 p.pullquote.lgreen span {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/QuotesLgreenLeft.png) no-repeat 0 0} #MSEarticle2011 p.pullquote.red span {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/QuotesRedLeft.png) no-repeat 0 0} #MSEarticle2011 p.pullquote.purple span {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/QuotesPurpleLeft.png) no-repeat 0 0} #MSEarticle2011 div.boxquote { margin:30px 25px; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/TextureBGlite.jpg) no-repeat bottom left #f2f3f4; -moz-box-shadow:inset 0 2px 3px #ccc; -webkit-box-shadow:inset 0 2px 3px #cccccc; box-shadow:inset 0 2px 3px #cccccc;} #MSEarticle2011 div.boxquote p {text-indent:25px;font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; color:#333333; position:relative; text-shadow:0 1px #ffffff; line-height:1.6em; margin:10px;} #MSEarticle2011 div.boxquote p+p {margin-top:30px;} #MSEarticle2011 div.boxquote p a {font-family:Georgia, "Times New Roman", Times, serif; color:#0b2e59} #MSEarticle2011 div.boxquote span {width:25px; height:25px; display:block; position:absolute; top:0; left:-5px;} #MSEarticle2011 div.boxquote i { display:block; width:250px; height:20px; position:absolute; bottom:-39px; left:-20px; text-indent:20px; font-size:9px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-style:normal;} #MSEarticle2011 div.boxquote.green p {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/QuotesGreenRight.png) no-repeat bottom right} #MSEarticle2011 div.boxquote.green span {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/QuotesGreenLeft.png) no-repeat 5px 0px} #MSEarticle2011 div.boxquote.green i {color:#2a044a} #MSEarticle2011 div.boxquote.red p {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/QuotesRedRight.png) no-repeat bottom right} #MSEarticle2011 div.boxquote.red span {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/QuotesRedLeft.png) no-repeat 5px 0px} #MSEarticle2011 div.boxquote.red i {color:#0B2e59} #MSEarticle2011 div.boxquote.purple p {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/QuotesPurpleRight.png) no-repeat bottom right} #MSEarticle2011 div.boxquote.purple span {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/QuotesPurpleLeft.png) no-repeat 5px 0px} #MSEarticle2011 div.boxquote.purple i {color:#0d6759} #MSEarticle2011 div.boxquote.blue p {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/QuotesBlueRight.png) no-repeat bottom right} #MSEarticle2011 div.boxquote.blue span {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/QuotesBlueLeft.png) no-repeat 5px 0px} #MSEarticle2011 div.boxquote.blue i {color:#b31717} /******************************************************************************************** Tables *********************************************************************************************/ #MSEarticle2011 table.fancy {width:560px; margin:20px 25px;} #MSEarticle2011 table.fancy caption {font-family:Georgia, Cambria, serif; font-size:17px; -webkit-border-top-left-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px; -moz-border-radius:5px 5px 0px 0px;border-top-left-radius:5px;border-top-right-radius:5px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc; line-height:2.2em; color:#444; font-weight:bold; text-shadow:1px 2px 1px #fff; -moz-box-shadow:inset 0 1px 2px #ccc; } #MSEarticle2011 table.fancy thead {font-family:Georgia, Cambria, serif; font-size:15px;} #MSEarticle2011 table.fancy thead.lgreen th {padding:15px 0;border:1px solid #ccc; border-bottom:1px solid #7ab317;color:#fff!important;text-shadow:1px 1px 1px #444;background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0, rgb(64,92,29)),color-stop(1, rgb(122,177,55))); background-image: -moz-linear-gradient(center bottom,rgb(64,92,29) 0%,rgb(122,177,55) 100%);background-color:#7ab317;text-align:center;} #MSEarticle2011 table.fancy thead.blue th {padding:15px 0;border:1px solid #ccc; border-bottom:1px solid #0B2E59;color:#fff!important;text-shadow:1px 1px 1px #444;background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(11,46,89)),color-stop(1, rgb(31,100,184))); background-image: -moz-linear-gradient( center bottom,rgb(11,46,89) 0%,rgb(31,100,184) 100%); background-color:#0B2E59;text-align:center;} #MSEarticle2011 table.fancy thead.red th { padding:15px 0;border:1px solid #ccc; border-bottom:1px solid #2a044a;color:#fff!important;text-shadow:1px 1px 1px #444; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(179,23,23)),color-stop(1, rgb(252,73,73))); background-image: -moz-linear-gradient(center bottom,rgb(179,23,23) 0%,rgb(252,73,73) 100%);background-color:#B31717; text-align:center;} #MSEarticle2011 table.fancy thead.purple th { padding:15px 0;border:1px solid #ccc; border-bottom:1px solid #2a044a;color:#fff!important;text-shadow:1px 1px 1px #444; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(43,4,74)),color-stop(1, rgb(134,77,184))); background-image: -moz-linear-gradient(center bottom,rgb(43,4,74) 0%,rgb(134,77,184) 100%); background-color:#2a044a; text-align:center;} #MSEarticle2011 table.fancy td {padding:5px 0;text-align:center;background-color:#FFFFFF;border: 1px solid #CCC;color:#222222;text-shadow:1px 1px 1px #fff; font-family:'Segoe UI', Segoe, Tahoma, Geneva, sans-serif; font-size:14px; } #MSEarticle2011 table.fancy tbody th { padding:5px 0;text-align:center;border: 1px solid #ccc;color:#222222;text-shadow:1px 1px 1px #fff; font-family:'Segoe UI', Segoe, Tahoma, Geneva, sans-serif; font-size:14px; text-shadow: 0 1px #fff; background-image: -webkit-gradient(linear,left top,right top,color-stop(0, rgb(250,250,232)),color-stop(1, rgb(255,255,255))); background-image: -moz-linear-gradient(left center,rgb(250,250,232) 0%,rgb(255,255,255) 100%);background-color:#fefef1;} #MSEarticle2011 table.fancy tfoot td {text-align:center; font-size:11px; line-height:1.8em;} #MSEarticle2011 table.curvy thead {font-family:Georgia, Cambria, serif; font-size:12px;} #MSEarticle2011 table.curvy thead.purple th { padding:4px 2px;border:1px solid #FFFFFF; border-bottom:1px solid #2a044a;color:#fff!important;text-shadow:1px 1px 1px #444; -moz-border-radius:5px 5px 0 0;background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(43,4,74)), color-stop(1, rgb(134,77,184)));background-image: -moz-linear-gradient(center bottom,rgb(43,4,74) 0%,rgb(134,77,184) 100%); background-color:#2a044a; text-align:center; -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; } #MSEarticle2011 table.curvy thead.purple th.allround {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #MSEarticle2011 table.curvy td {padding:3px 2px;text-align:center;background-color:#FFFFFF;border: 1px solid #CCC;color:#222222;text-shadow:1px 1px 1px #fff; font-family:'Segoe UI', Segoe, Tahoma, Geneva, sans-serif; font-size:12px; } #MSEarticle2011 table.curvy tbody th { padding:3px 2px;text-align:center;border: 1px solid #ccc;color:#222222;text-shadow:1px 1px 1px #fff; font-family:'Segoe UI', Segoe, Tahoma, Geneva, sans-serif; font-size:12px; text-shadow: 0 1px #fff; background-image: -webkit-gradient(linear,left top,right top,color-stop(0, rgb(250,250,232)),color-stop(1, rgb(255,255,255))); background-image: -moz-linear-gradient(left center,rgb(250,250,232) 0%,rgb(255,255,255) 100% );-webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;background-color:#fefef1;} #MSEarticle2011 table.Stripes {margin:20px 25px;} #MSEarticle2011 table.Stripes td {padding:15px 0;} #MSEarticle2011 table.Stripes td p {margin:15px 10px;} #MSEarticle2011 table.Stripes tr.highlight td {background-color: #F6F6F6;} #MSEarticle2011 table.Stripes h5 {font-family:'Segoe UI', Segoe, Tahoma, Geneva, sans-serif;font-size:16px;margin:0 5px;} #MSEarticle2011 table.Stripes h5 img {margin:8px 3px 8px 8px!important;padding:0!important;border:3px solid #CCCCCC!important;} /******************************************************************************************** Dropdowns *********************************************************************************************/ #MSEarticle2011 div.Dropdown {width:560px; margin:25px;} #MSEarticle2011 div.Dropdown h3.dropdown {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/buttonclickgreydient.jpg) repeat-x 0 0; width:555px; height:50px; line-height:50px; font-size:14px; text-shadow:0 1px #fff; border:1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding-left:5px; margin:5px 0 0 0; font-family:'Segoe UI', Segoe, Tahoma, Geneva, sans-serif; cursor:pointer } #MSEarticle2011 h3.dropdown span {display:block; width:30px; height:30px; float:right; margin:10px 5px; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/DropdownSprite.png) no-repeat} #MSEarticle2011 h3.dropdown.blue span { background-position: 0 0} #MSEarticle2011 h3.dropdown.green span { background-position: -30px 0} #MSEarticle2011 h3.dropdown.lgreen span { background-position: -60px 0} #MSEarticle2011 h3.dropdown.purple span { background-position: -90px 0} #MSEarticle2011 h3.dropdown.red span { background-position: -120px 0} #MSEarticle2011 h3.dropdown.blue.active span { background-position: 0 -30px} #MSEarticle2011 h3.dropdown.green.active span { background-position: -30px -30px} #MSEarticle2011 h3.dropdown.lgreen.active span { background-position: -60px -30px} #MSEarticle2011 h3.dropdown.purple.active span { background-position: -90px -30px} #MSEarticle2011 h3.dropdown.red.active span { background-position: -120px -30px} #MSEarticle2011 div.Dropdown h3.dropdown:hover, #MSEarticle2011 div.Dropdown h3.dropdown.active {background-position: 0 -50px;} #MSEarticle2011 div.Dropdown .dropdownContent {margin:0; padding:0; padding-top:20px; overflow:auto; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/tipshadowdown.gif) repeat-x top left} #MSEarticle2011 div.Dropdown div.dropdownContent *:first-child {margin-top:0; padding-top:0} #MSEarticle2011 div.Dropdown .dropdownContent p {margin:20px 0} #MSEarticle2011 div.Dropdown.DoDont {width:560px; margin:25px;} #MSEarticle2011 div.Dropdown.DoDont h3.dropdown {width:555px; height:40px; line-height:40px; font-size:16px; text-shadow:0 1px #fff; padding-left:5px; margin:5px 0 0 0; font-family:'Segoe UI', Segoe, Tahoma, Geneva, sans-serif; cursor:pointer; color:#222222; border:none; background:none } #MSEarticle2011 div.Dropdown.DoDont h3.dropdown span {margin:5px} #MSEarticle2011 div.Dropdown.DoDont h3.dropdown:hover { background-color:#f6f6f6} #MSEarticle2011 div.Dropdown.Big {width:560px; margin:25px;} #MSEarticle2011 div.Dropdown.Big h3.dropdown {width:553px; height:100px; font-size:15px; text-shadow:0 1px #fff; padding-left:5px; padding-top:10px; margin:10px 0 0 0; font-family: Georgia, "Times New Roman", Times, serif; cursor:pointer; color:#0d6759; border:1px solid #e5e5e5; border-radius:5px; background: url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/LargeDDBG.jpg) repeat-x top; line-height: 25px; position:relative } #MSEarticle2011 div.Dropdown.Big h3.dropdown i.subLine { color:#555555; margin:0; font-family:'Segoe UI', Segoe, Tahoma, Geneva, sans-serif; font-size:14px } #MSEarticle2011 div.Dropdown.Big h3.dropdown span { position:absolute; right:5px; bottom:5px;} #MSEarticle2011 div.Dropdown.Big h3.dropdown:hover { background-position:0 -110px} #MSEarticle2011 div.QAstyle h3.dropdown { background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/DropDownQA.png) no-repeat top left; text-indent:40px; color:#333333;} #MSEarticle2011 div.QAstyle h3.dropdown span {background-position: -60px 0} #MSEarticle2011 div.QAstyle h3.dropdown.active span {background-position: -60px -30px} #MSEarticle2011 div.QAstyle .dropdownContent p.answer {margin-top:20px; padding-left:50px; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/AnswerGreen.png) no-repeat -3px 0} #MSEarticle2011 div.multiDrop {margin:20px 15px 0px 25px;width:570px;} #MSEarticle2011 div.multiDrop ul li {float:left;margin:0 0 10px 0;text-align:center; display:block; height:50px; } #MSEarticle2011 div.multiDrop ul li a {display:block;border:1px solid #ccc;text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-family:'Segoe UI', Segoe, Tahoma, Geneva, sans-serif;color:#2A044a;font-size:13px;text-shadow:0 -1px #fff; height:45px; line-height:1.3em; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/buttonclickgreydient.jpg) repeat-x 0 0; margin:0 10px 5px 0; padding:0; padding-top:5px} #MSEarticle2011 div.multiDrop ul li a:hover {outline:none; background-position: 0 -50px} #MSEarticle2011 div.multiDrop ul li a.single {width:558px;} #MSEarticle2011 div.multiDrop ul li a.double {width:273px;} #MSEarticle2011 div.multiDrop ul li a.triple {width:178px;} #MSEarticle2011 div.dropBox {margin:0 25px 20px; padding:20px 0; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/tipshadowdown.gif) repeat-x top left; width:560px; clear:both; border-bottom:1px dotted #ccc} #MSEarticle2011 div.dropBox p {margin:20px 0;} #MSEarticle2011 div.dropBox p:first-child {margin-top:0;} #MSEarticle2011 span.dropLink { cursor:pointer; color:#000099; padding-right:17px; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/TinierArrow.png) no-repeat right 0px; line-height:1.4} #MSEarticle2011 span.dropLink:hover { color:#b31717; } #MSEarticle2011 span.dropLink.active {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/tinyarrowUp.png) no-repeat right 0px;} /******************************************************************************************** Best Buys Boxes *********************************************************************************************/ #MSEarticle2011 div.cardBestBuys {width:560px; margin:50px 25px 20px 25px; border:1px solid #ccc; -webkit-border-radius:5px; -moz-border-radius:5px;border-radius:5px; position:relative; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/StrongTopCardBg.png) no-repeat top left; padding:0; position:relative } #MSEarticle2011 div.cardBestBuys div.Buttons {width:160px; height:90px; float:right; margin:15px 10px 0 10px; padding:0} #MSEarticle2011 div.cardBestBuys span.dropButton {width:560px; height:41px; display:block; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/CardBBdrophead.png) no-repeat 1px 0;} #MSEarticle2011 div.cardBestBuys span.dropButton:hover {background-position:0 -50px} #MSEarticle2011 div.cardBestBuys span.dropButton.active {background-position: 0 -100px} #MSEarticle2011 div.cardBestBuys H3 {color:#FFFFFF; font-size:17px; line-height:30px; margin:10px; font-family:Georgia, "Times New Roman", Times, serif; text-shadow:0 1px 1px #222222; height:60px } #MSEarticle2011 div.cardBestBuys H3 span {display:block; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-shadow: 0 1px 1px #333} #MSEarticle2011 div.cardBestBuys p { margin:20px 10px;} #MSEarticle2011 div.cardBestBuys h5.eleven { margin-left:10px} #MSEarticle2011 div.cardBestBuys div.statsbox {width:540px;padding:1px 0px;margin:20px 10px 0px 10px;} #MSEarticle2011 div.cardBestBuys div.statsbox h6 {font-size:13px;font-family:Arial, Helvetica, sans-serif;display:block;width:530px;color:#0d6759;margin:0 0 0 5px;} #MSEarticle2011 div.cardBestBuys div.statsbox ul {list-style:none;margin:0;padding:0;overflow:auto;} #MSEarticle2011 div.cardBestBuys div.statsbox ul li {display:block;float:left;width:260px;margin:2px 2px 0 0;padding:3px;font-size:11px;font-family:Arial, Helvetica, sans-serif;line-height:1.3em;border:1px solid #e5e5e5;} #MSEarticle2011 div.cardBestBuys div.statsbox ul li.double {width:530px;} #MSEarticle2011 div.cardBestBuys ul.cardStats {display:block; width:540px; margin:30px 10px 10px 10px; list-style:none; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#222222; overflow:auto; text-align:right} #MSEarticle2011 div.cardBestBuys ul.cardStats li.double {margin: 0; padding:5px 0; float:left; width:540px; list-style:none; border-bottom:1px dotted #ccc} #MSEarticle2011 div.cardBestBuys ul.cardStats li.single {margin:0; padding:7px 5px 7px 0; float:left; width:264px; list-style:none;border-bottom:1px dotted #ccc; border-right:1px dotted #ccc;} #MSEarticle2011 div.cardBestBuys ul.cardStats li.right { border-right:none; width:260px; padding-left:10px; padding-right:0} #MSEarticle2011 div.cardBestBuys ul.cardStats li strong { color:#000000;} #MSEarticle2011 div.cardBestBuys ul.cardStats li span.header { display:block; width:190px; color:#000000; font-size:12px; float:left; text-align:left } #MSEarticle2011 div.cardBestBuys ul.cardStats li.single span.header { width:100px} #MSEarticle2011 div.cardCover { position:absolute; top:80px; left:2px; z-index:2; background-color:#FFFFFF; width:556px; -moz-box-shadow: 0 -3px -3px #ccc; -moz-border-radius:5px; height:100px;} #MSEarticle2011 div.cardBestBuys .dropdownContent {padding:20px 0; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/tipshadowdown.gif) repeat-x top left} #MSEarticle2011 div.cardBestBuys .dropdownContent p:first, #MSEarticle2011 div.cardBestBuys .dropdownContent:first {margin-top:0} #MSEarticle2011 div.cardBestBuys .dropdownContent:last {margin-bottom:0} #MSEarticle2011 div.cardBestBuys .dropdownContent h4 {margin:20px 25px; color:#0b2e59; font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; text-shadow:0 1px #d8d9ff} #MSEarticle2011 div.cardBestBuys table.fancy {width:538px; margin:20px 10px;} #MSEarticle2011 div.cardBestBuys table.fancy thead {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;} #MSEarticle2011 div.cardBestBuys table.fancy thead.silver th { padding:6px 0; border-bottom:1px solid #ccc; color:#333333; text-shadow:0 1px #ccc; -moz-border-radius:5px 5px 0 0; -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; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/innerboxgradlight.jpg) repeat #ccc; text-align:center; font-size:12px; text-shadow:0 1px #fff} #MSEarticle2011 div.cardBestBuys table.fancy thead.purple th { padding:10px 0;border:1px solid #6600CC; border-bottom:1px solid #2a044a;color:#fff!important;text-shadow:1px 1px 1px #333; -moz-border-radius:5px 5px 0 0; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(43,4,74)), color-stop(1, rgb(134,77,184)) ); background-image: -moz-linear-gradient( center bottom, rgb(43,4,74) 0%, rgb(134,77,184) 100% ); background-color:#2a044a; text-align:center; -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;} #MSEarticle2011 div.cardBestBuys table.fancy thead.purple th.allround {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #MSEarticle2011 div.cardBestBuys table.fancy td {padding:5px 0;text-align:center;background-color:#FFFFFF;border: 1px solid #CCC;color:#333333;text-shadow:1px 1px 1px #fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; } #MSEarticle2011 div.cardBestBuys table.fancy tbody th { padding:5px 0;text-align:center;border: 1px solid #ccc;color:#333333;text-shadow:1px 1px 1px #fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; text-shadow: 0 1px #fff; background-image: -webkit-gradient( linear, left top, right top, color-stop(0, rgb(250,250,232)), color-stop(1, rgb(255,255,255)) ); background-image: -moz-linear-gradient( left center, rgb(250,250,232) 0%, rgb(255,255,255) 100% ); -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color:#fefef1; } #MSEarticle2011 div.cardBestBuys table.fancy tfoot td {text-align:center; font-size:11px; line-height:1.8em;} #MSEarticle2011 div.dropBestBuy {width:560px; min-height:102px; margin:10px 25px 0px 25px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #ccc; background-color:#FFFFFF; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/innerboxgradlight.jpg) no-repeat 1px 1px;} #MSEarticle2011 div.dropBestBuy a.ImageLink { display:block; width:150px; height:80px; margin:10px; float:left; position:relative} #MSEarticle2011 div.dropBestBuy a.ImageLink i {display:block;width:30px;height:30px;position:absolute;top:-1px;right:-1px; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/BBaffilsash.png) no-repeat} #MSEarticle2011 div.dropBestBuy a.ImageLink img {margin:0; padding:0; -moz-box-shadow: 0 0 0 #FFF; -webkit-box-shadow:0 0 0 #fff; box-shadow: 0 0 0 #fff; border:1px solid #ccc; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0} #MSEarticle2011 div.dropBestBuy a.ImageLink:hover img {border:1px solid #c00000} #MSEarticle2011 div.dropBestBuy .dropdownContent {clear:both; padding-top:20px; border-top:1px dashed #ccc} #MSEarticle2011 div.dropBestBuy h3 {display:block;margin:10px 0px; line-height:39px; float:left; width:250px; height:78px; text-shadow:0 1px #fff} #MSEarticle2011 div.dropBestBuy h3 span {font-size:70%} #MSEarticle2011 div.dropBestBuy .dropdownContent .StatsSub {width:560px; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/Lightdropshadow.png) repeat-x; background-color:#F2F3F9; text-shadow:0 1px #fff; padding:20px 0; margin:25px 0 0 0; border-top:1px solid #fff} #MSEarticle2011 div.dropBestBuy .dropdownContent .StatsSub p {margin:0 20px;} #MSEarticle2011 div.dropBestBuy .dropdownContent a {float:none; font-weight:normal; display:inline; color:#0000CC; text-decoration:underline; margin:0; padding:0; text-transform:none; text-align:left; } #MSEarticle2011 div.dropBestBuy .dropdownContent p:first { margin-top:0} #MSEarticle2011 div.dropBestBuy .buttonWrap span.dropButton, #MSEarticle2011 div.dropBestBuy div.buttonWrap a.proceed { display:block; width:119px; height:40px; float:left; margin-left:0; text-indent:-9999px} #MSEarticle2011 .buttonWrap { width:268px; margin:20px 0; padding:10px 0; overflow:auto } #MSEarticle2011 .buttonWrap span.dropButton { display:block; width:119px; height:40px; float:left; margin-left:10px; } #MSEarticle2011 div.buttonWrap span.dropButton {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/DDbuttonSprite.png) no-repeat top left } #MSEarticle2011 div.buttonWrap span.dropButton.wideButton { background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/FullInfoWideSprite.png) no-repeat top left; width:238px} #MSEarticle2011 div.buttonWrap span.dropButton.wideButton.active { background-position:0 -40px} #MSEarticle2011 div.buttonWrap a.proceed { background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/TryItButtonSprite.png) no-repeat 0 -80px; width:119px; text-indent:-9999px } #MSEarticle2011 div.buttonWrap a.proceed:hover { background-position:0 -120px} #MSEarticle2011 div.buttonWrap span.dropButton:hover{background-position:0 -40px } #MSEarticle2011 div.buttonWrap span.dropButton.active {background-position:0 -80px } #MSEarticle2011 div.buttonWrap a.proceed.affil { background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/TryItButtonSprite.png) no-repeat right top; } #MSEarticle2011 div.buttonWrap a.proceed.affil:hover { background-position:0 -40px} div.clearer {clear:both;line-height:1em;font-size:1px;} #MSEarticle2011 div.dropBestBuy .buttonWrap {width:119px; float:right; margin:0 10px 10px 10px} #MSEarticle2011 div.statsbox span.aff-link { width: 34px; height: 28px; display: block; position: absolute; right: 108px; top: -96px; background: url('http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/left-corner-flash.png') top center no-repeat; } /******************************************************************************************** Breakout Box *********************************************************************************************/ #MSEarticle2011 div.ShadowBox {width:560px;margin:15px 25px 0px 25px;border:1px solid #e6e6e6;padding:0px 0 1px 0;position:relative;background-color:#FFFFFF; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/innerboxgradlight.jpg) no-repeat 1px 1px;} #MSEarticle2011 div.SmallShadow {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/botrightshadow.png) no-repeat 288px 0px;width:562px;margin:0 30px 5px 20px; height:15px; clear:both} #MSEarticle2011 .ShadowBox .hat {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/santacornerhat.png);position:absolute;top:-15px;width:128px;height:128px;left: -50px;} #MSEarticle2011 .ShadowBox h2 { margin:25px 0 25px 20px} #MSEarticle2011 .ShadowBox h3 {font-family:Georgia, Cambria, serif; font-size:17px;color:#CC0000; text-shadow: 0 -1px #fff; margin:25px 0 25px 20px} #MSEarticle2011 .ShadowBox h3 span {display:block;font-size:14px; color:#666666; font-family:'Segoe UI', Segoe, Tahoma, Geneva, sans-serif} #MSEarticle2011 .ShadowBox h4 { margin:20px 0 20px 20px} #MSEarticle2011 .ShadowBox h5 {font: bold 15px Georgia, Cambria, serif; color:#333333; margin:25px 0 25px 20px;} #MSEarticle2011 .ShadowBox p {margin:20px;} #MSEarticle2011 .ShadowBox ul.stars {list-style:none; margin: 20px 0; padding:0} #MSEarticle2011 .ShadowBox ul.stars li {margin:0px 18px; padding:0 0 0 20px; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/tinystarbullet.gif) no-repeat left top;} #MSEarticle2011 .ShadowBox ul.stars li p {margin:10px 0px; padding:0; font:normal 13px 'Segoe UI', Segoe, Tahoma, Geneva, sans-serif; color:#222222;} #MSEarticle2011 .ShadowBox ol { list-style:decimal; margin:20px 25px; padding:0} #MSEarticle2011 .ShadowBox ol li {font:italic 17px Georgia, Cambria, serif; color:#666666; margin:0 20px; font-weight:bold} #MSEarticle2011 .ShadowBox ol li p {margin:10px 0px; padding:0; font-style:normal; font-weight:normal; font-family:'Segoe UI', Segoe, Tahoma, Geneva, sans-serif; font-size:13px; color:#222222} #MSEarticle2011 p.bigLink {font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#444444; display:block; padding:10px 0; text-shadow: 0 1px 0 #fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/innerTri.png) no-repeat 30px top #f6f6f6;} #MSEarticle2011 div.SmallShadow {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/botrightshadow.png) no-repeat 288px 0px;width:562px;margin:0 30px 5px 20px; height:15px; clear:both} #MSEarticle2011 .ShadowBox h2 { margin:25px 0 25px 20px} #MSEarticle2011 .ShadowBox h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:17px;color:#0B2e59; text-shadow: 0 -1px #fff; margin:25px 0 25px 20px} #MSEarticle2011 .ShadowBox h3 span {display:block;font-size:14px; color:#666666; font-family:'CartoGothicStdBook', 'Segoe UI', Segoe, Tahoma, Geneva, sans-serif} #MSEarticle2011 .ShadowBox h5 {font: bold 15px Georgia, "Times New Roman", Times, serif; color:#333333; margin:25px 0 25px 20px;} #MSEarticle2011 .ShadowBox.dimin p {font-size:12px;} #MSEarticle2011 div.ShadowBox div.Dropdown { margin:0; } #MSEarticle2011 div.ShadowBox div.Dropdown h3.dropdown {background:#f6f6f6; width:538px; height:40px; line-height:40px; font-size:14px; text-shadow:0 1px #fff; border:1px solid #ccc; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; padding-left:20px; margin:2px 1px 0 1px; font-family:'Segoe UI', Segoe, Tahoma, Geneva, sans-serif; cursor:pointer } #MSEarticle2011 div.ShadowBox div.Dropdown h3.dropdown:hover { background-color:#f1f1f1} #MSEarticle2011 div.ShadowBox div.Dropdown h3.dropdown span {margin:5px 5px;} #MSEarticle2011 div.ShadowBox div.dropdownContent { padding-top:20px;} #MSEarticle2011 div.ShadowBox div.dropdownContent p:first-child { margin-top:0} #MSEarticle2011 div.ShadowBox div.dropdownContent p { margin:20px} #MSEarticle2011 .ShadowBox span.titleBlock { width:560px; position:absolute; top:-60px; left:0; display:block; height:119px; text-indent:-9999px} #MSEarticle2011 .ShadowBox span.titleBlock.dont { background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/whattheydontsay.png) no-repeat top left} #MSEarticle2011 .ShadowBox span.titleBlock.alt { background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/altCashback.png) no-repeat top left} #MSEarticle2011 .ShadowBox span.titleBlock.wider { background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/widersearch.png) no-repeat top left} #MSEarticle2011 div.ShadowBox div.splitDuo {width:279px; border-right: 1px solid #e5e5e5; float:left;} #MSEarticle2011 div.ShadowBox div.splitDuo.rightBox {border:none; width:280px} #MSEarticle2011 div.ShadowBox div.splitDuo ul { padding:0; list-style:none; margin:10px;} #MSEarticle2011 div.ShadowBox div.splitDuo ul li { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333333; padding-left:20px; margin:0 0 5px 0} #MSEarticle2011 div.ShadowBox div.splitDuo ul.pros li { background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/1277287666_bullet_add.png) no-repeat top left} #MSEarticle2011 div.ShadowBox div.splitDuo ul.cons li { background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/1277287744_bullet_delete.png) no-repeat top left} #MSEarticle2011 div.ShadowBox div.splitDuo p { margin:10px; font-weight:bold; color:#666666} #MSEarticle2011 div.ShadowBox div.splitDuo.sub {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/TextureBGlite.jpg) no-repeat bottom left} #MSEarticle2011 div.ShadowBox div.splitDuo.sub .buttons { width:279px; height:40px;} #MSEarticle2011 div.ShadowBox div.splitDuo.sub .buttons a, #MSEarticle2011 div.ShadowBox div.splitDuo.sub .buttons span { width:119px; height:40px; margin:10px; display:block; float:left; text-indent:-9999px} #MSEarticle2011 div.ShadowBox div.splitDuo.sub .buttons span.dropButton {background: url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/DDbuttonSprite.png) no-repeat top left} #MSEarticle2011 div.ShadowBox div.splitDuo.sub .buttons a.TryIt:hover { background-position:0 -40px} #MSEarticle2011 div.ShadowBox div.splitDuo.sub .buttons span.dropButton.active { background-position:0 -80px} #MSEarticle2011 div.ShadowBox div.splitDuo.sub .buttons a.TryIt { background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/TryItButtonSprite.png) no-repeat top left } #MSEarticle2011 div.ShadowBox div.splitDuo h3 {display:block; margin:10px 0; padding:0; line-height:1.4; text-align:center; text-indent:-9999px; } #MSEarticle2011 div.ShadowBox div.splitDuo h3 a { color:#000099; font-size:15px; text-decoration:none; } #MSEarticle2011 div.ShadowBox div.splitDuo h3 a.GoComp { display:block; width:259px; height:119px; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/CarInsGoComp.jpg) no-repeat top left; position:relative; border:3px solid #e5e5e5; margin:0 5px } #MSEarticle2011 div.ShadowBox div.splitDuo h3 a.MSP { display:block; width:259px; height:119px; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/CarInsMSP.jpg) no-repeat top left; position:relative; border:3px solid #e5e5e5; margin:0 5px} #MSEarticle2011 div.ShadowBox div.splitDuo h3 a.GoComp:hover, #MSEarticle2011 div.ShadowBox div.splitDuo h3 a.MSP:hover { border:3px solid #666666} #MSEarticle2011 div.ShadowBox div.splitDuo h3 a.GoComp span, #MSEarticle2011 div.ShadowBox div.splitDuo h3 a.MSP span {background: url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/BBaffilsash.png) no-repeat scroll right top transparent;display: block;height: 30px;position: absolute;right: 0px;top: 0px;width: 30px;} #MSEarticle2011 .splitBox { width:560px; margin:20px 25px; overflow:auto; border:1px solid #e5e5e5; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px; -moz-box-shadow: 0 2px 3px #ccc; -webkit-box-shadow: 0 2px 3px #ccc; box-shadow: 0 2px 3px #ccc; background:url(/web/20130320060001im_/http://www.moneysavingexpert.com/css/MSEarticle2011.css)no-repeat; color:#FFFFFF} #MSEarticle2011 .splitBox .splitDiv {width:270px; margin:5px; float:left; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px} #MSEarticle2011 .splitBox .splitDiv h3 { color:#FFFFFF; text-shadow:0 1px 0 #333; text-align:center; display:block; margin:0; padding:15px 0; border-bottom:1px solid #e5e5e5; font-family:Georgia, "Times New Roman", Times, serif} #MSEarticle2011 .splitBox .splitDiv ul.short {margin:0; list-style:none; padding:0} #MSEarticle2011 .splitBox .splitDiv ul.short li {margin: 0; display:block; padding:15px 15px 15px 40px; color:#FFFFFF; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/WhiteTick.png) no-repeat 5px center} #MSEarticle2011 .splitBox .splitDiv p { margin:10px; color:#FFFFFF} #MSEarticle2011 .splitBox .splitDiv.contract { background-color:#0b2e59;} #MSEarticle2011 .splitBox .splitDiv.payg { background-color:#0d6759} #MSEarticle2011 .splitBox .splitDiv.bestBuy { color:#333333; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/innerboxgradlight.jpg) no-repeat 1px 1px;} #MSEarticle2011 .splitBox .splitDiv.bestBuy h3 span { text-shadow:none; color:#b31717; margin:10px 0} #MSEarticle2011 .splitBox .splitDiv.bestBuy p { color:#333333} #MSEarticle2011 .splitBox .splitDiv div.buttonWrap a.Omio { background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/OmioMSMButtons.png) no-repeat top left; width:119px; display:block; height:40px;} #MSEarticle2011 .splitBox .splitDiv div.buttonWrap a.Omio:hover { background-position: 0 -40px} #MSEarticle2011 .splitBox .splitDiv div.buttonWrap a.MSM { background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/OmioMSMButtons.png) no-repeat 0 -80px; width:119px; display:block; height:40px;} #MSEarticle2011 .splitBox .splitDiv div.buttonWrap a.MSM:hover { background-position:0 -120px} #MSEarticle2011 .splitBox .splitDiv.bestBuy div.dropdownContent { margin:10px 0; padding:20px 0; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/anchors2011V2.jpg) no-repeat 0px top #f2f3f4} #MSEarticle2011 .MSEbigbox {margin:28px 20px 28px 20px; border:1px dotted #DBE2F0; width:560px;-moz-border-radius:0.25em;-webkit-border-radius: 0.25em;-moz-box-shadow: 3px 3px 3px #CCC;-webkit-box-shadow: 3px 3px 3px #CCC;box-shadow: 3px 3px 3px #CCC;} #MSEarticle2011 .MSEbigbox p {margin:1.5em 15px 1.5em 15px} #MSEarticle2011 .MSEbigbox .tablecontainer {border:none;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;} #MSEarticle2011 .newbox {width:570px; margin:10px 15px; padding:0;} #MSEarticle2011 .newbox .lightbluetop {background: url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/articleassets/Newbluetoplight.png) no-repeat top;height:80px;margin:0;overflow:hidden;} #MSEarticle2011 .newbox .midbluetop {background: url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/articleassets/Newbluetopmidblue.png) no-repeat top;height:80px;margin:0;overflow:hidden;} #MSEarticle2011 .newbox .greentop {background: url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/Newlightgreentop.png) no-repeat top;height:80px;margin:0;overflow:hidden;} #MSEarticle2011 .newbox .purpletop {background: url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/articleassets/Newpurpletopbold.png) no-repeat top;height:80px;margin:0;overflow:hidden;} #MSEarticle2011 .newbox .lightpurpletop {background: url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/articleassets/Newlightpurplebox.png) no-repeat top;height:80px;margin:0;overflow:hidden;} #MSEarticle2011 .newbox .redtop {background: url(http://web.archive.org/web/20130320060001im_/http://images2.moneysavingexpert.com/images/articleassets/Newredtopdark.png) no-repeat top;height:80px;margin:0;overflow:hidden;} #MSEarticle2011 .newbox .top {background: url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/fiveseventyboxslim.png) no-repeat top;height:40px;margin:0;overflow:hidden;} #MSEarticle2011 .newbox .mid {background: url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/fiveseventyboxmid.png) repeat;margin:0;} #MSEarticle2011 .newbox .bottom {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/fiveseventybottom.png) no-repeat top;height:40px;margin:0;} #MSEarticle2011 .newbox h3 {font-family:Calibri, "Lucida Sans", Verdana, Arial;color:#313db3;font-size:20px;line-height:70px;margin:0 20px;} #MSEarticle2011 .newbox p {margin:1.8em 20px;font-family:'Segoe UI', Segoe, Tahoma, Geneva, sans-serif;font-size:13px;line-height:1.4em;} div.progBox {width:560px;margin:30px 20px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #CCCCCC;position:relative;-moz-box-shadow:0px 3px 3px #CCC;-webkit-box-shadow:0px 3px 3px #CCC;} #MSEarticle2011 div.progBox h4.blueBanner {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/BlueBanner.png) no-repeat top left;width:444px; height:48px; line-height:40px; margin:20px 0 10px -8px;margin-left:-8px;padding-left:35px;color:#FFFFFF;text-shadow:1px 1px 1px #666;} #MSEarticle2011 div.progBox h4.orangeBanner {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/OrangeBanner.png) no-repeat top left;} #MSEarticle2011 div.progBox h4.greenBanner {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/greenBanner.png) no-repeat top left;background-position:-4px 0;} #MSEarticle2011 div.progBox h4.pinkBanner {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/BannerBGPink.png) no-repeat top left;background-position:-2px 0px;} #MSEarticle2011 div.progBox h4.purpBanner {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/BannerPurp.png) no-repeat top left;background-position:-2px 0px;} #MSEarticle2011 div.videoPlayer {background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/TextureBGlite.jpg) no-repeat top left #f2f3f4; overflow:auto; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:inset 0 2px 3px #ccc; -webkit-box-shadow:inset 0 2px 3px #ccc; box-shadow:inset 0 2px 3px #ccc; width:560px; margin:20px 25px; position:relative; padding: 0 0 10px 0} #MSEarticle2011 div.videoPlayer span.vidSash { background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/Videoinlay.png) no-repeat top left; position:absolute; display:block; width:100px; height:100px; top:0px; right:0px; z-index:999; } #MSEarticle2011 div.videoPlayer object.video { width: 473px; height:385px; margin:10px 0} #MSEarticle2011 div.videoPlayer h3 { color:#2a044a; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; text-shadow:0 1px 2px #fff; display:block; text-align:center; margin:0; padding:15px 0} #MSEarticle2011 div.tempLetter { width:560px; height:80px; position:relative; margin:20px 25px; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/TemplateLetterBG.jpg) no-repeat top left;} #MSEarticle2011 div.tempLetter.guide { background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/FreeGuideBG.jpg) no-repeat top left} #MSEarticle2011 div.tempLetter a.lettertitle { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:16px; position:absolute; top:30px; left:200px; color:#0B2e59; text-shadow: 0 1px 0 #fff} #MSEarticle2011 div.tempLetter a.problems { font-size:10px; position:absolute; bottom:5px; right:15px; color:#0B2e59; font-family:Arial, Helvetica, sans-serif} #MSEarticle2011 div.tempLetter a.lettertitle:hover, div.tempLetter a.problems:hover { color:#b31717} /*----------------------------------ARTICLE TIP BOXES--------------------------------------*/ #MSEarticle2011 .tipBoxArticle { width:560px; height:130px; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/tipBoxesSprite.jpg) no-repeat 0 -260px; position:relative; margin:20px 25px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding-top:1px; -moz-box-shadow: inset 0 2px 3px #444444; -webkit-box-shadow: inset 0 2px 3px #444444; box-shadow: inset 0 2px 3px #444444;} #MSEarticle2011 .tipBoxArticle.purple { background-position:0 1px} #MSEarticle2011 .tipBoxArticle.green { background-position:0 -130px} #MSEarticle2011 .tipBoxArticle.lgreen { background-position:0 -390px} #MSEarticle2011 .tipBoxArticle h3 { color:#FFFFFF; text-shadow: 0 1px #666; font-family:Georgia, "Times New Roman", Times, serif; display:block; text-align:center; margin:5px 0} #MSEarticle2011 .tipBoxArticle h3 span {font-family: 'Segoe UI', Segoe, Tahoma, Geneva, sans-serif; display:block; font-size:14px; color:#FFFFFF; font-weight:normal;} #MSEarticle2011 .tipBoxArticle input.keywords {height:44px; font-size:22px; width:480px; position:absolute; top:60px; left:25px; color:#666666; font-family: 'Segoe UI', Segoe, Tahoma, Geneva, sans-serif; text-indent:10px; -webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;border: 2px solid #C9C9C9;margin-top:0; line-height:2em;} #MSEarticle2011 .tipBoxArticle input, #MSEarticle2011 .tipBoxArticle 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);} #MSEarticle2011 .tipBoxArticle input:hover, textarea:hover, #MSEarticle2011 .tipBoxArticle input:focus, textarea:focus { border-color: #C9C9C9; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;} #MSEarticle2011 .tipBoxArticle input.submit {width: 60px;height:50px;background: #B31717;border: 0;color: #FFFFFF;-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;color:#FFFFFF;font-size:14px;padding:10px 0 10px 0;border: 2px solid #c9c9c9;border-left:none;position:absolute; top:60px; right:25px;text-align:center; font-weight:bold;cursor:pointer;} #MSEarticle2011 .tipBoxArticle div.subLinks { width:540px; position:absolute; bottom:13px; height:10px; left:25px; text-align:left; color:#CCCCCC} #MSEarticle2011 .tipBoxArticle div.subLinks a { font-size:9px; color:#FFFFFF; text-decoration:none; line-height:10px; font-family:Arial, Helvetica, sans-serif} /***************************************** ARTICLE LATEST NEWS BOX ***********************************/ #MSEarticle2011 #news_box {width:190px; /*float:right;*/ list-style:none; margin:0px 25px 20px 0px; font-size:12px; font-family:'Segoe UI', Segoe, Tahoma, Geneva, sans-serif;color:#0b2e59; border:1px solid #f6f6f6; border-top:none } #MSEarticle2011 #news_box h4 { display:block; font-family:Georgia, "Times New Roman", Times, serif; color:#0D6759; line-height:40px; margin:0; font-weight:normal; border-bottom: 1px #effaf8; text-align: center; font-style:italic; font-size:15px; border-top:3px solid #0D6759; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/minialphatrans.png) repeat-x top #e5e5e5; text-shadow:0 1px 0 #fff; } #MSEarticle2011 #news {width:190px; float:right; margin: 0px 20px 0px 20px} #MSEarticle2011 #news #news_box h4.footer { border:none;} #MSEarticle2011 #news #news_box h4.footer a {display:block;line-height:20px;padding:5px 0px 5px 0px;margin:0; font-size:12px; text-decoration:none; border:none; color:#666666} #MSEarticle2011 #news #news_box h4.footer a:hover { text-decoration:underline} #MSEarticle2011 #news #news_box ul {margin:0px;padding:0;list-style:none;line-height:1.4em;display:block;} #MSEarticle2011 #news #news_box li {padding:7px;border-bottom:1px solid #f6f6f6;display:block;} #MSEarticle2011 #news #news_box li a {color:#333;text-decoration:none;} #MSEarticle2011 #news #news_box li span { display:block; color:#0d6759; font-style:italic} #MSEarticle2011 #news #news_box li a:hover {color:#B31717;text-decoration:underline;} table.custPoll { font-size:11px; border:1px solid #e5e5e5} table.custPoll td { padding:1px; font-family:Arial, Helvetica, sans-serif} table.custPoll th { padding:3px; font-family:Arial, Helvetica, sans-serif} table.custPoll td img { vertical-align:middle} table.custPoll tbody th { background:#f6f6f6; text-align:right;} table.custPoll thead th { color:#ffffff; background:#333333; text-align:left; position:relative; padding:6px 3px; text-shadow:0 1px 0 #000000} .resultsWrap { position:relative; float:right;} .resultsWrap span { position:absolute; display:block; top:-10px; right:0px; color:#ffffff; width:34px; height:43px; text-align:center; z-index:999; background:url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/rosettegreen.png) no-repeat left top; line-height:33px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic } table.custPoll tfoot td { font-style:italic; font-size:10px; background:#e5e5e5;} .resultsWrap span.last { background: url(http://web.archive.org/web/20130320060001im_/http://images.moneysavingexpert.com/images/lastPlace.png) no-repeat left top transparent; height:47px; top:-13px; } /******************************************************************************************** ,~~. ( x )-_, "Nice, but can you remove the duck?" (\___ ) ( -' \ \ ) ) CSS Ends. \ `-' / *********************************************************************************************/ /* FILE ARCHIVED ON 06:00:01 Mar 20, 2013 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 12:38:42 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: 75.86 exclusion.robots: 0.174 exclusion.robots.policy: 0.163 RedisCDXSource: 0.918 esindex: 0.01 LoadShardBlock: 53.177 (3) PetaboxLoader3.datanode: 53.706 (4) CDXLines.iter: 18.078 (3) load_resource: 69.32 PetaboxLoader3.resolve: 24.773 */