@charset "utf-8"; /* CSS Document */ @charset "utf-8"; /* CSS Document */ /******************************************************************************************** MSE Article Stylesheet 2010 Daniel Lawrence *********************************************************************************************/ #MSEarticle2010 { width:610px; margin:0px; font-size:16px; padding:0px; } /******************************************************************************************** Anchors *********************************************************************************************/ #MSEarticle2010 .anchorblock {float:left; background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/anchorsblockv2.png) no-repeat; width:580px;height:200px; margin: 18px 20px 0px 5px; font-size:14px; border-bottom:1px dotted #CCCCCC} #MSEarticle2010 .anchorblock h3 {line-height:1.2em; font-size:18px; color:#00CC33; margin:10px 0px 0px 0px;} #MSEarticle2010 .anchors {margin:10px 0 0; list-style:none; padding:0px;} #MSEarticle2010 .anchors li {padding:0 0 1px;margin:0;} #MSEarticle2010 .anchors a {font-family:Arial, Helvetica, sans-serif; font-weight: bold; color: #313db3; text-decoration:none; display:block;margin-bottom:5px;} #MSEarticle2010 .anchors span {font-weight:normal; font-size:13px; line-height:1.2em;} #MSEarticle2010 .anchorsright {float:left; margin:0px 20px 0px 0px; width:245px; padding-left:10px;} #MSEarticle2010 .anchorsright h3 {color:#CC0000;} #MSEarticle2010 .anchorsleft {float:left; width:245px; margin:0px 30px 0px 20px; padding-left:10px;} #MSEarticle2010 .anchorsleft a:hover {background-color: #313db3; display:block; color:#FFF;} #MSEarticle2010 .anchorsright a:hover {background-color: #C00000; display:block; color:#FFF;} #MSEarticle2010 .anchorsright.blue a:hover {background-color: #313db3; display:block; color:#FFF;} /******************************************************************************************** H2, H3, H4 *********************************************************************************************/ #MSEarticle2010 H2 {font-family: Calibri, "Helvetica Neue", "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, Helvetica, Arial, sans-serif; font-size: 164%; line-height: 32px; margin-top: 0.95em; margin-bottom: 0.95em; margin-left:25px; margin-right:25px; border-bottom: 1px solid #CCCCCC; text-shadow:#fff 0px 1px 0;color:#313db3; letter-spacing:0em; font-weight:bold;} #MSEarticle2010 H2 img {vertical-align:middle;line-height:32px;float:right; border:none; margin:-5px 0px 0px -15px;} #MSEarticle2010 H2 span {color:#666;font-size:0.8em;} #MSEarticle2010 H2 .red {font-size:100%;color:c00000;} #MSEarticle2010 H3 {font-size:10px; font-size:145%; line-height: 0.965; margin-top:0.965em; margin-bottom: 0.965em; margin-left:25px; text-shadow:#fff 0px 1px 0; color:#313db3; letter-spacing:0em; font-family: Calibri, "Helvetica Neue", "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, Helvetica, Arial, sans-serif; font-weight:bold;} #MSEarticle2010 H3 span {color:#666;font-size:0.8em;} #MSEarticle2010 H4 {font-size: 118%; line-height: 1.186; margin-top: 1.186em; margin-bottom: 1.186em; margin-left:25px; font-weight: bold; text-shadow:#fff 0px 1px 0; color:#313db3; letter-spacing:0em; font-family: Calibri, "Helvetica Neue", "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, Helvetica, Arial, sans-serif; font-weight:bold;} #MSEarticle2010 H4 span {color:#666;font-size:0.8em;} /******************************************************************************************** Paragraphs/Images *********************************************************************************************/ #MSEarticle2010 p {margin: 1.5em 25px 1.5em 25px;font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height: 1.4em; color:#333333; } #MSEarticle2010 img {float:right; padding:5px; border:none; margin:5px 0px 5px 5px; -moz-border-radius:0.25em;-webkit-border-radius: 0.25em;} #MSEarticle2010 p img {float:right; padding:5px; border:none; margin:5px -5px 5px 5px;-moz-border-radius:0.25em;-webkit-border-radius: 0.25em;} #MSEarticle2010 a img {float:right; padding:5px; border:none; margin:5px -5px 5px 5px; -moz-border-radius:0.25em;-webkit-border-radius: 0.25em;} #MSEarticle2010 a img:hover { border:1px dotted #CC0033;-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;} #MSEarticle2010 ul+p, ul+h2, ul+h3, ul+h4, ul+table, ul+div{margin-top:0px;} #MSEarticle2010 .arrowlistlong {margin:0; padding:0; padding-left:25px;} #MSEarticle2010 .arrowlistlong li{list-style:none;background-image:url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/bulletarrowblue.png); background-position:1px 3px; background-repeat:no-repeat; display:block; margin:0px; padding-left:20px;} #MSEarticle2010 .arrowlistlong.redquest li {background-image:url(http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/articleassets/questred.png);} #MSEarticle2010 .arrowlistlong.redtick li {background-image:url(http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/articleassets/tickred.png);} #MSEarticle2010 .arrowlistlong.redarrow li {background-image:url(http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/articleassets/arrowred.png);} #MSEarticle2010 .arrowlistlong.bluequest li {background-image:url(http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/articleassets/questblue.png);} #MSEarticle2010 .arrowlistlong.bluetick li {background-image:url(http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/articleassets/tickblue.png);} #MSEarticle2010 .arrowlistlong.bluearrow li {background-image:url(http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/articleassets/arrowblue.png);} #MSEarticle2010 .arrowlistlong.greenquest li {background-image:url(http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/articleassets/questgreen.png);} #MSEarticle2010 .arrowlistlong.greentick li {background-image:url(http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/articleassets/tickgreen.png);} #MSEarticle2010 .arrowlistlong.greenarrow li {background-image:url(http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/articleassets/arrowgreen.png);} #MSEarticle2010 .arrowlistlong.greenexclam li {background-image:url(http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/articleassets/exclamgreen.png);} #MSEarticle2010 .arrowlistlong.blueexclam li {background-image:url(http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/articleassets/exclamblue.png);} #MSEarticle2010 .arrowlistlong.redexclam li {background-image:url(http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/articleassets/exclamred.png);} #MSEarticle2010 .arrowlistshort.redquest li {background-image:url(http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/articleassets/questred.png);} #MSEarticle2010 .arrowlistshort.redtick li {background-image:url(http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/articleassets/tickred.png);} #MSEarticle2010 .arrowlistshort.redarrow li {background-image:url(http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/articleassets/arrowred.png);} #MSEarticle2010 .arrowlistshort.bluequest li {background-image:url(http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/articleassets/questblue.png);} #MSEarticle2010 .arrowlistshort.bluetick li {background-image:url(http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/articleassets/tickblue.png);} #MSEarticle2010 .arrowlistshort.bluearrow li {background-image:url(http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/articleassets/arrowblue.png);} #MSEarticle2010 .arrowlistshort.greenquest li {background-image:url(http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/articleassets/questgreen.png);} #MSEarticle2010 .arrowlistshort.greentick li {background-image:url(http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/articleassets/tickgreen.png);} #MSEarticle2010 .arrowlistshort.greenarrow li {background-image:url(http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/articleassets/arrowgreen.png);} #MSEarticle2010 .arrowlistshort.greenexclam li {background-image:url(http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/articleassets/exclamgreen.png);} #MSEarticle2010 .arrowlistshort.blueexclam li {background-image:url(http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/articleassets/exclamblue.png);} #MSEarticle2010 .arrowlistshort.redexclam li {background-image:url(http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/articleassets/exclamred.png);} #MSEarticle2010 .arrowlistlong li p {margin: 0px 45px 1.5em 0px;} #MSEarticle2010 .arrowlistshort {margin:0; padding:0; padding-left:25px;} #MSEarticle2010 .arrowlistshort li{list-style:none;background-image:url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/bulletarrowblue.png); background-position:1px 3px; background-repeat:no-repeat; display:block; margin:0px; padding-left:20px;} #MSEarticle2010 .arrowlistshort li p {margin: 0px 45px 0.15em 0px;} #MSEarticle2010 li .linkimage img {float:right; padding:5px; border:1px dotted #FFDFDF; margin:5px 0px 5px 5px;} #MSEarticle2010 li .linkimage img:hover {border:1px dotted #CC0000;} #MSEarticle2010 li img {float:right; padding:5px; border:1px dotted #DBE2F0; margin:6px 0px 10px 10px;} /******************************************************************************************** Quotes *********************************************************************************************/ #MSEarticle2010 .quoteblockleft {background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/Quoteleft.png) no-repeat top left; float:left; margin:-4px 5px 0px 25px; width: 54px; height:54px;} #MSEarticle2010 .quoteblocktext {float:left; margin:18px 0px 0px 0px; width: 474px; background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/quoteright.png) no-repeat bottom right; border-left:1px dotted #666; padding:0px 0px 10px 0px;} #MSEarticle2010 .quoteblocktext p {margin:0px 64px 0px 5px; font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#666666;line-height:1.2em;} #MSEarticle2010 .quoteblocktext p+p {margin:18px 64px 0px 5px; font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#666666;line-height:1.2em; letter-spacing:-0.02em;} #MSEarticle2010 .quoteblocktext img {float:left; margin:0px; border:none;} #MSEarticle2010 .quoteblockbottom {line-height:18px; margin:0px; clear:both;} #MSEarticle2010 p.bigquote {font-family:"Myriad Pro", "Minion Pro", Tahoma, Arial; font-style:oblique; font-size:18px; font-weight:bold; color:#666666;} #MSEarticle2010 .lightquote {background:url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/lightquoteleft.png) no-repeat top left;padding-left:20px;margin:36px 20px 36px 20px;} #MSEarticle2010 .lightquote p {background:url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/lightquoteright.png) no-repeat bottom right;font:15px "Trebuchet MS", "Lucida Sans", Arial, sans-serif;color:#777;padding-right:36px;margin-top:-18px;margin-bottom:-18px;} /******************************************************************************************** Tables *********************************************************************************************/ #MSEarticle2010 .tablecontainer { width:550px; margin:10px 25px; padding:0px; border: 1px dotted #DBE2F0; -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;} #MSEarticle2010 .tablecontainer table {color: #333; font-family: "Trebuchet MS",Arial,sans-serif; font-size:13px; border-collapse: collapse; width:550px; padding:5px} #MSEarticle2010 .tablecontainer table,caption {margin: 0 auto;} #MSEarticle2010 .tablecontainer caption {background-color:#01886d; background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/tablecaptions.png) repeat-x top; color:#FFF; font-weight: bold; font-size:14px; text-transform: uppercase; padding:10px; height:36px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; -webkit-border-top-left-radius:4px; border-left: 0; padding: 0px; text-align:center; line-height:36px;} #MSEarticle2010 .tablecontainer thead th {background-color: #EEE;color: #666;text-align: center; font-weight:bold;border-bottom:1px solid #FFF;} #MSEarticle2010 .tablecontainer tbody {border-bottom:1px solid #EEE;} #MSEarticle2010 .tablecontainer td, #MSEarticle2010 .tablecontainer th {padding:5px} #MSEarticle2010 .tablecontainer tbody td {padding:5px;} #MSEarticle2010 .tablecontainer tbody th {padding: 20px 10px} #MSEarticle2010 .tablecontainer tbody tr.odd {background-color: #F7F7F7;color: #666} #MSEarticle2010 .tablecontainer tbody a {color: #00C;text-decoration: none;} #MSEarticle2010 .tablecontainer table.green tbody a:hover {text-decoration:underline;} #MSEarticle2010 .tablecontainer table.red tbody a:hover {text-decoration:underline;} #MSEarticle2010 .tablecontainer table tbody a:hover {text-decoration:underline;} #MSEarticle2010 .tablecontainer table.green tbody a {color:#093; text-decoration:none;} #MSEarticle2010 .tablecontainer table.green caption {background:url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/tablecaptions.png) repeat-x 36px} #MSEarticle2010 .tablecontainer table.red tbody a {color:#C03; text-decoration:none;} #MSEarticle2010 .tablecontainer table.red caption {background:url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/tablecaptions.png) repeat-x bottom} #MSEarticle2010 .tablecontainer tbody a:active, #MSEarticle2010 .tablecontainer tbody a:visited {color: #333;} #MSEarticle2010 table.Stripes {margin:-10px 20px 10px 20px;} #MSEarticle2010 table.Stripes td img {margin:-10px 10 10px 5px;} #MSEarticle2010 table.Stripes td {padding:20px 0 0 0;border-top:15px solid #FFF;} #MSEarticle2010 table.Stripes td p {margin:15px 5px;} #MSEarticle2010 table.Stripes tr.highlight td {background-color: #F6F6F6;} #MSEarticle2010 table.Stripes h5 {font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;margin:0 5px;} #MSEarticle2010 table.Stripes h5 img {margin:8px 3px 8px 8px!important;padding:0!important;border:3px solid #CCCCCC!important;} /******************************************************************************************** Accordion http://images2.moneysavingexpert.com/js/spryaccordion.js *********************************************************************************************/ #MSEarticle2010 .MSEaccordion2010 {width:550px;margin-left:25px;} #MSEarticle2010 .MSEaccordion2010 .dropdownWrapper {width:550px;border:1px solid #e3e3e3;margin-top:10px;background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/dropbgyellow.png) bottom no-repeat;} #MSEarticle2010 .MSEaccordion2010 .dropdownblue {background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/dropbgblue.png) bottom no-repeat;} #MSEarticle2010 .MSEaccordion2010 .dropdowngrey {background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/dropbggrey.png) bottom no-repeat;} #MSEarticle2010 .MSEaccordion2010 .dropdownpurp {background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/dropbgpurp.png) bottom no-repeat;} #MSEarticle2010 .MSEaccordion2010 .dropdowngreystripe {background:url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/gradgreystripe.gif) repeat-x bottom;} #MSEarticle2010 .MSEaccordion2010 h3.dropdown {background-image:url("http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/museums/arrowDown.png");background-position:515px 50%;background-repeat:no-repeat;border:0 none;color:#666666;cursor:pointer;font-family:"Trebuchet MS", "Lucida Sans", Arial, sans-serif;text-transform:uppercase;font-size:14px;margin: 0px;padding:10px;border-top:1px solid #FFF;} #MSEarticle2010 .MSEaccordion2010 h3.active {background-image:url("http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/museums/arrowUp.png");background-position:515px 50%;background-repeat:no-repeat;} #MSEarticle2010 .MSEaccordion2010 h3:hover {background-color:#FFF;} #MSEarticle2010 .MSEaccordion2010 div.dropdownContent {width:550px;} #MSEarticle2010 .MSEaccordion2010 div.dropdownContent p {margin-left:10px;margin-right:10px;} /* Below can go once Gas/Elec & home phones are updated */ #MSEarticle2010 .Accordion {overflow: hidden; width: 100%; margin: 0 auto;} #MSEarticle2010 .AccordionPanel {margin: 0px; padding: 0px;} #MSEarticle2010 .AccordionPanelTab {cursor: pointer; -moz-user-select: none; -khtml-user-select: none; background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/accordionbg.gif) no-repeat; background-position:left 0; padding:7px 5px 3px 30px;line-height: 20px; color:#313db3; font-weight: bold; font-family: "Trebuchet MS",Arial,sans-serif; font-size:14px; text-transform: uppercase;} #MSEarticle2010 .AccordionPanelTabbottom {cursor: pointer; -moz-user-select: none; -khtml-user-select: none; background:url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/Accordionbottom.gif) no-repeat; padding:7px 5px 3px 30px; line-height: 20px; color:#313db3; background-position: left 0; font:14px "Trebuchet MS",Arial,sans-serif; font-weight: bold; text-transform: uppercase;-moz-border-radius-bottomleft:1em; -webkit-border-bottom-left-radius: 1em; -moz-border-radius-bottomright: 1em;-webkit-border-bottom-right-radius: 1em;} #MSEarticle2010 .AccordionPanelContent {margin: 0px; padding: 0px; font-size: 100%; color: #333333; overflow: auto;} #MSEarticle2010 .AccordionPanelContent p {margin:28px 20px 18px 20px;} #MSEarticle2010 .AccordionPanelOpen .AccordionPanelTabbottom {background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/Accordionbottom.gif) no-repeat;background-position:left -60px; color: #FFF;} #MSEarticle2010 .AccordionPanelTabHover .AccordionPanelTabbottom {background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/accordionbg.gif) no-repeat; background-position:left -30px; color: #FFF;} #MSEarticle2010 .AccordionPanelOpen .AccordionPanelTab {background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/accordionbg.gif) no-repeat;background-position:left -60px; color: #FFF;} #MSEarticle2010 .AccordionPanelTabHover {background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/accordionbg.gif) no-repeat; background-position:left -30px; color: #FFF;} /******************************************************************************************** False Accordion (For Jslidey) *********************************************************************************************/ #MSEarticle2010 .falseaccordion {cursor: pointer; background-position:left 0; width:580px; padding:0px; line-height: 20px; font-weight: bold; font:14px "Trebuchet MS",Arial,sans-serif; text-transform: uppercase; margin:0px;} #MSEarticle2010 .falseaccordion span { background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/accordionbg.gif) no-repeat;color:#313db3;display:block;line-height:20px;padding:7px 5px 3px 30px;text-decoration:none;font-weight:bold;} #MSEarticle2010 .falseaccordion span:hover {background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/accordionbg.gif) no-repeat;background-position:0px -30px;color: #FFF;} #MSEarticle2010 .falseaccordion span:active {background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/accordionbg.gif) no-repeat;background-position:0px -60px; color: #FFF;} #MSEarticle2010 .falseaccordion span:visited {background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/accordionbg.gif) no-repeat;background-position:0px -60px; color: #FFF;} #MSEarticle2010 .falseaccordiontop {cursor: pointer; background-position:left 0; width:580px; padding:0px; line-height: 20px;font-weight: bold; font:14px "Trebuchet MS",Arial,sans-serif; text-transform: uppercase; margin:0px;} #MSEarticle2010 .falseaccordiontop span {color:#313db3; background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/topdrop.png) no-repeat; display:block; line-height:20px; padding:7px 5px 3px 30px; text-decoration:none; font-weight:bold;} #MSEarticle2010 .falseaccordiontop span:hover {background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/topdrop.png) no-repeat;background-position:0px -30px; color: #FFF;} #MSEarticle2010 .falseaccordiontop span:active {background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/topdrop.png) no-repeat;background-position:0px -60px; color: #FFF;} #MSEarticle2010 .falseaccordiontop span:visited {background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/topdrop.png) no-repeat;background-position:0px -60px; color: #FFF;} #MSEarticle2010 .falseaccordionbottom {cursor: pointer; background-position:left 0; width:580px; padding:0px; line-height: 20px;font-weight: bold; font:14px "Trebuchet MS",Arial,sans-serif; text-transform: uppercase; margin:18px 0px 0px 0px;} #MSEarticle2010 .falseaccordionbottom span {background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/Accordionbottom.gif) no-repeat;color:#313db3; display:block; line-height:20px; padding:7px 5px 3px 30px; text-decoration:none; font-weight:bold;} #MSEarticle2010 .falseaccordionbottom span:hover {background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/Accordionbottom.gif) no-repeat; background-position:0px -30px; color: #FFF;} #MSEarticle2010 .falseaccordionbottom span:active {background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/Accordionbottom.gif) no-repeat; background-position:0px -60px; color: #FFF;} #MSEarticle2010 .falseaccordionbottom span:visited {background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/Accordionbottom.gif) no-repeat; background-position:0px -60px; color: #FFF;} #MSEarticle2010 .accordopen {background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/accordionbg.gif) no-repeat; background-position:0px -60px; color: #FFF; line-height:20px; padding: 7px 5px 3px 30px; margin:18px 0px 18px 0px; font-weight: bold; font:14px "Trebuchet MS",Arial,sans-serif; text-transform: uppercase;} /******************************************************************************************** Breakout Box *********************************************************************************************/ #MSEarticle2010 .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; } #MSEarticle2010 .MSEbigbox p {margin:1.5em 15px 1.5em 15px} #MSEarticle2010 .MSEbigbox .tablecontainer {border:none;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;} #MSEarticle2010 .newbox {width:570px; margin:10px 15px; padding:0;} #MSEarticle2010 .newbox .lightbluetop {background: url(http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/articleassets/Newbluetoplight.png) no-repeat top;height:80px;margin:0;overflow:hidden;} #MSEarticle2010 .newbox .midbluetop {background: url(http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/articleassets/Newbluetopmidblue.png) no-repeat top;height:80px;margin:0;overflow:hidden;} #MSEarticle2010 .newbox .greentop {background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/Newlightgreentop.png) no-repeat top;height:80px;margin:0;overflow:hidden;} #MSEarticle2010 .newbox .purpletop {background: url(http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/articleassets/Newpurpletopbold.png) no-repeat top;height:80px;margin:0;overflow:hidden;} #MSEarticle2010 .newbox .lightpurpletop {background: url(http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/articleassets/Newlightpurplebox.png) no-repeat top;height:80px;margin:0;overflow:hidden;} #MSEarticle2010 .newbox .redtop {background: url(http://web.archive.org/web/20110818101526im_/http://images2.moneysavingexpert.com/images/articleassets/Newredtopdark.png) no-repeat top;height:80px;margin:0;overflow:hidden;} #MSEarticle2010 .newbox .top {background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/fiveseventyboxslim.png) no-repeat top;height:40px;margin:0;overflow:hidden;} #MSEarticle2010 .newbox .mid {background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/fiveseventyboxmid.png) repeat;margin:0;} #MSEarticle2010 .newbox .bottom {background:url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/fiveseventybottom.png) no-repeat top;height:40px;margin:0;} #MSEarticle2010 .newbox h3 {font-family:Calibri, "Lucida Sans", Verdana, Arial;color:#313db3;font-size:20px;line-height:70px;margin:0 20px;} #MSEarticle2010 .newbox p {margin:1.8em 20px;font-family:Arial, Helvetica, 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;} #MSEarticle2010 div.progBox h4.blueBanner {background:url(http://web.archive.org/web/20110818101526im_/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;} #MSEarticle2010 div.progBox h4.orangeBanner {background:url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/OrangeBanner.png) no-repeat top left;} #MSEarticle2010 div.progBox h4.greenBanner {background:url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/greenBanner.png) no-repeat top left;background-position:-4px 0;} #MSEarticle2010 div.progBox h4.pinkBanner {background:url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/BannerBGPink.png) no-repeat top left;background-position:-2px 0px;} #MSEarticle2010 div.progBox h4.purpBanner {background:url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/BannerPurp.png) no-repeat top left;background-position:-2px 0px;} /******************************************************************************************** Tabbed Box Script: http://images2.moneysavingexpert.com/js/sprytabbedbox.js *********************************************************************************************/ #MSEarticle2010 .gobutton {background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/gobuttonBG120.png) no-repeat; font-family: Arial, sans-serif;font-size:12px;font-weight:bold;text-align:center;width:120px;float:right;margin:5px;} #MSEarticle2010 .gobutton a {color:#FFF;text-shadow:#333 0px 1px 0;line-height:2.15em;letter-spacing:0.1em;text-decoration:none;} #MSEarticle2010 .gobutton a:hover {text-decoration:underline;} #MSEarticle2010 .tabboxnavcontainer {width:540px; margin:18px 35px 18px 25px} #MSEarticle2010 .tabrightbox {width: 130px; margin: 0px 0px 0px 5px; float:left; border:none; position:absolute;left:404px; top:2px;} #MSEarticle2010 .tabrightbox img {width:120px;padding:5px;} #MSEarticle2010 .imageright {margin-top: 10px;margin-left: 10px;margin-bottom: 10px;float: right;} #MSEarticle2010 .TabbedPanels {width: 403px; margin:0px; padding: 0px; font-family: Arial; font-size: 12px;} #MSEarticle2010 .TabbedPanelsTabGroup {margin: 0px; padding: 0px;} #MSEarticle2010 .TabbedPanelsTab {position: relative; color: #039; top: 0px; float: left; list-style: none; -moz-user-select: none;-khtml-user-select: none; cursor: pointer; font-weight: bold; background-image: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/Tabboxtabbg.png); background-position:-4px 0px; background-repeat: no-repeat;text-align:center; line-height:33px; width:134px; border-bottom:1px solid #d5d5d5; border-collapse:collapse;} #MSEarticle2010 .TabbedPanelsTabHover {background-image: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/tabboxbgactive.png);color: #900;} #MSEarticle2010 .TabbedPanelsTabSelected {color: #900; border-bottom:0; text-decoration:underline; border-bottom:1px dashed #d5d5d5} #MSEarticle2010 .TabbedPanelsTab a {color: 000000; text-decoration: none;} #MSEarticle2010 .TabbedPanelsContentGroup {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both;} #MSEarticle2010 .TabbedPanelsContent {padding: 0px 0px 0px 0px;} #MSEarticle2010 .TabbedPanelsContentVisible {} /* Horizontal settings */ #MSEarticle2010 .TabbedPanels .TabbedPanelsContentGroup {margin: 0px 0px 0px 0px; padding:0px; width:403px;} #MSEarticle2010 .TabbedPanels .TabbedPanelsContent p {margin:0px; line-height:1.3em;} #MSEarticle2010 .TabbedPanels .TabbedPanelsContent p+p {margin:16px 0px 16px 0px; line-height:1.3em;} #MSEarticle2010 .TabbedPanels .TabbedPanelsContent a {color: #0000FF;} #MSEarticle2010 .TabbedPanels .TabbedPanelsContent a:hover {color: #900;} #MSEarticle2010 .TabbedPanels .TabbedPanelsContent {width:403px; background-image: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/Tabboxbgnarrow.png); background-repeat: no-repeat; background-position: 0px 0px; float:left; min-height:130px;} #MSEarticle2010 .TabbedPanels .TabbedPanelsContent .content {padding: 15px 30px 0px 30px;} #MSEarticle2010 .tabbedpanels_bottom {height: 74px; width: 450px; float: left; background: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/tabbottombg.png) no-repeat;} #MSEarticle2010 .TabbedPanels .firstTab {background-image: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/Tabboxtabbg.png); background-position:-4px 1px} #MSEarticle2010 .TabbedPanels .middleTab {background-image: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/tabboxbgactive.png); background-position:-4px 1px;} #MSEarticle2010 .TabbedPanels .lastTab {background-image: url(http://web.archive.org/web/20110818101526im_/http://images.moneysavingexpert.com/images/Tabboxtabbgright.png); background-position: 1px 1px} /******************************************************************************************** Plugin (Resets std article styles) *********************************************************************************************/ #MSEarticle2010 .MSEplugin2010 p {font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.4em;} #MSEarticle2010 .MSEplugin2010 img {float:none; padding:0; border:none; margin:0;} #MSEarticle2010 .MSEplugin2010 p img {float:none; padding:0; border:none; margin:0;} #MSEarticle2010 .MSEplugin2010 a {font-size:13px;} #MSEarticle2010 .MSEplugin2010 a img {float:none; padding:0; border:none; margin:0;} #MSEarticle2010 .MSEplugin2010 a img:hover {border:none; margin:0;} #MSEarticle2010 .MSEplugin2010 H2 {font-family: Arial, Helvetica, sans-serif; font-size: 164%; line-height: 32px; margin-top: 0.95em; margin-bottom: 0.95em; margin-left:0px; background: none; text-shadow:#fff 0px 1px 0; color:#000; letter-spacing:normal; font-weight:bold;} #MSEarticle2010 .MSEplugin2010 H2 img {float:none; padding:0; border:none; margin:0; line-height:1em; } #MSEarticle2010 .MSEplugin2010 H2 span {color:#000;font-size:1em;} #MSEarticle2010 .MSEplugin2010 H3 {font-size:145%; line-height: 0.965em; margin-top:0.965em; margin-bottom: 0.965em; margin-left:0px; text-shadow:#fff 0px 1px 0; color:#000; letter-spacing:normal; font-family: Arial, Helvetica, sans-serif; font-weight:bold;} #MSEarticle2010 .MSEplugin2010 H3 span {color:#000;font-size:1em;} #MSEarticle2010 .MSEplugin2010 H4 {font-size: 118%; line-height: 1.186em; margin-top: 1.186em; margin-bottom: 1.186em; margin-left:0px; font-weight: bold; text-shadow:#fff 0px 1px 0; color:#000; letter-spacing:normal; font-family: Arial, Helvetica, sans-serif; font-weight:bold;} #MSEarticle2010 .MSEplugin2010 H4 span {color:#000;font-size:1em;} #MSEarticle2010 .MSEplugin2010 table {color: #333; font-family: Arial, Helvetica, sans-serif; font-size:13px; border-collapse: collapse; width:100%;} #MSEarticle2010 .MSEplugin2010 table,caption {margin: 0 auto;} #MSEarticle2010 .MSEplugin2010 caption,th,td {border-left: 0; padding: 0px; text-align:left;} #MSEarticle2010 .MSEplugin2010 caption {background: none; color:#000; font-weight: bold; font-size:1em; text-transform: none; height:1.5em;} #MSEarticle2010 .MSEplugin2010 thead th {background-color: #FFF;color: #000;text-align: left;font-size:1em; border:none;} #MSEarticle2010 .MSEplugin2010 tbody {border:none;} #MSEarticle2010 .MSEplugin2010 tbody th {padding:0px} #MSEarticle2010 .MSEplugin2010 tbody tr.odd {background-color: #FFF; color: #000} #MSEarticle2010 .MSEplugin2010 tbody a {color: #0000FF; text-decoration: none;} #MSEarticle2010 .MSEplugin2010 tbody td+td+td+td a {color: #0000FF; font-weight: normal; border: none;} #MSEarticle2010 .MSEplugin2010 tbody td a {margin: 0; border: 0;} /******************************************************************************************** ,~~. ( x )-_, "Nice, but can you remove the duck?" (\___ ) ( -' \ \ ) ) CSS Ends. \ `-' / *********************************************************************************************/ /* FILE ARCHIVED ON 10:15:26 Aug 18, 2011 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 06:56:23 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: 350.557 exclusion.robots: 0.098 exclusion.robots.policy: 0.091 cdx.remote: 0.058 esindex: 0.007 LoadShardBlock: 205.384 (3) PetaboxLoader3.datanode: 229.775 (4) CDXLines.iter: 22.812 (3) load_resource: 152.792 PetaboxLoader3.resolve: 75.149 */