* { margin:0; padding:0px; }

body
{
	font-family: Avant Garde Gothic, Century Gothic, Arial, Verdana, Sans-Serif;
	font-size:12px;
	color: #686A6F;
}

fieldset { border: 0; }
legend { display: none; }
.left { float: left; }
.right { float: right; }
.clear-me { clear: both; }
.hide-me { display: none; }
a, a:link { -moz-outline-style: none; }
address { font-style:normal; }


.content ul { margin-left: 20px; margin-bottom: 1em; }
.content ol { margin-left: 24px; margin-bottom: 1em; }
.content p { margin-bottom: 1em; }
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { margin-bottom: 1em; }
.content a, .content a:link { color: #000; text-decoration:none; }
.content a:active, .content a:hover { text-decoration: underline; }

div.main-container { width:958px; margin: 0 auto 10px; border: 1px solid #DDDEDF; }

div.header-container { height: 123px; }
div.header-container h1.logo { width: 144px; height: 91px; text-indent: -9999em; background: url(/assets/img/logo.jpg) no-repeat; margin: 17px 0 0 17px; } 
div.header-container div.contact { margin: 17px 57px 0 0; color: #818285; font-family: Arial, Verdana, Sans-Serif; letter-spacing: -0.4px; }
div.header-container span.phone { display:block; width: 168px; height: 43px; text-indent: -9999em; background: url(/assets/img/phone.gif) no-repeat; margin-bottom: 3px; } 
div.header-container a, div.container a:link { color: #818285; text-decoration: none; }
div.header-container a:hover { color: #F8AD41; text-decoration: underline; }

span.ticker-area { background-color: #231F20; color: #FFF; display: block; padding: 2px 15px; font-size: 1.1em; height: 17px; }
span.ticker-area a, span.ticker-area a:link { color: #FFF; text-decoration: none; }
span.ticker-area a:hover { color: #FFF; text-decoration: none; }

div.menu-container { height: 31px; background-color: #231F20; } 
div.menu-container ul { list-style-type: none; padding-top: 3px; margin-left: 10px; }
div.menu-container ul li { float: left; } 
div.menu-container ul li a, div.menu-container ul li a:link { color: #FFF; text-decoration: none; display: block; background: url(/assets/img/menu-bg.png) no-repeat 0 0; width: 124px; height: 21px; margin: 0 5px; text-align: center; padding-top: 3px; font-size: 1.2em; letter-spacing: -0.2px; }
div.menu-container ul li.selected a, div.menu-container ul li.selected a:link, div.menu-container ul li a:hover { background-position: -124px 0; color: #000; }
div.menu-container ul li.selected a:hover { background-position: 0 0; color: #FFF; }

div.banner-container div.left-container { background: url(/assets/img/left-banner-pod-bg.png) no-repeat; width: 229px; height: 200px; }
div.banner-container div.left-container h2 { width: 153px; height: 68px; text-indent: -9999em; background: url(/assets/img/left-banner-pod-title.jpg) no-repeat; margin: 10px 0 0 10px; }
div.banner-container div.left-container h2.gas { width: 217px; height: 138px; background: url(/assets/img/compare-gas.jpg) no-repeat; margin: 28px 0 0 7px; }
div.banner-container div.left-container h2.electricity { width: 229px; height:200px; background: url(/assets/img/compare-elec.jpg) no-repeat; margin: 0; }
div.banner-container div.left-container h2.corporate { width: 229px; height: 200px; background: url(/assets/img/compare-corp.jpg) no-repeat; margin: 0; }
div.banner-container div.left-container ul { margin-left: 32px; font-weight: bold; font-size: 1.2em; color: #000; }
div.banner-container div.left-container a, div.banner-container div.left-container a:link { display:block; width: 78px; height: 20px; background: url(/assets/img/left-banner-pod-button.gif) no-repeat; text-indent: -9999em; -moz-outline-style: none; margin: 5px 10px 0 0; } 

div.banner-container div.centre-container { width: 500px; height: 200px; text-indent: -9999em; display: inline-block; } 
div.banner-container div.wide-container { width: 729px; height: 200px; text-indent: -9999em; display: inline-block; }
div.banner-container div.centre-container *, div.banner-container div.wide-container * { display: block; text-indent: -9999em; }


div.banner-container div.home-banner { background: url(/assets/img/home-banner.jpg) no-repeat 0 0; }
div.banner-container div.gas-banner { background: url(/assets/img/gas-banner.jpg) no-repeat 0 0; }
div.banner-container div.electricity-banner { background: url(/assets/img/elec-banner.jpg) no-repeat 0 0; }
div.banner-container div.corporate-banner { background: url(/assets/img/corp-banner.jpg) no-repeat 0 0; }

div.banner-container div.right-container { background: url(/assets/img/right-banner-pod-bg.png) no-repeat; width: 229px; height: 200px; }
div.banner-container div.right-container h2 { width: 208px; height: 68px; text-indent: -9999em; background: url(/assets/img/right-banner-pod-title.jpg) no-repeat; margin: 10px 0 0 10px; }
div.banner-container div.right-container ul { margin-left: 32px; font-weight: bold; font-size: 1.2em; color: #FFF; }
div.banner-container div.right-container a, div.banner-container div.right-container a:link { display:block; width: 78px; height: 20px; background: url(/assets/img/right-banner-pod-button.gif) no-repeat; text-indent: -9999em; -moz-outline-style: none; margin: 5px 10px 0 0; } 

div.body-container div.right-bg { background: url(/assets/img/right-body-pod-bg.jpg) repeat-y right; }
div.body-container div.left-container { width: 730px; float: left; }
div.body-container .dotted-bottom-border { background: url(/assets/img/dotted-border.png) repeat-x left bottom; padding-bottom: 5px; margin-bottom: 5px; }

div.body-container ul.hoz-sub-menu { list-style-type: none; float: left; margin: 0 15px; width: 700px; padding: 20px 0; }
div.body-container ul.hoz-sub-menu li { float:left; margin-right: 42px; }
div.body-container ul.hoz-sub-menu li a, div.body-container ul.hoz-sub-menu li a:link { display: block; height: 64px; text-indent: -9999em; }

div.body-container ul.vert-sub-menu { list-style-type: none; float: left; margin: 0 40px; width: 700px; padding: 20px 0; }
div.body-container ul.vert-sub-menu li { padding-bottom: 15px; }
div.body-container ul.vert-sub-menu li a, div.body-container ul.vert-sub-menu li a:link { display: block; height: 64px; text-indent: -9999em; }

div.body-container li.about a, div.body-container li.about a:link { background: url(/assets/img/about-switching-h.jpg) no-repeat; width: 141px; }
div.body-container li.how a, div.body-container li.how a:link { background: url(/assets/img/how-it-works-h.jpg) no-repeat; width: 115px; }
div.body-container li.news a, div.body-container li.news a:link { background: url(/assets/img/latest-energy-news-h.jpg) no-repeat; width: 118px; }
div.body-container li.corporate a, div.body-container li.corporate a:link { background: url(/assets/img/corporate-energy-h.jpg) no-repeat; width: 145px; }

div.body-container div.content-container { float: left; margin: 0 15px 15px; width: 700px; padding: 20px 0; }
div.body-container div.content { float: left; }
div.body-container div.content div.col-2 { width: 220px; float: left; margin-right: 10px; }
div.body-container div.content h2 { width: 450px; }

div.body-container div.form-content-container { float: left; width: 735px; padding-bottom: 20px; }
div.body-container div.form-content-container div.why-use-orange { width: 189px; float: left; background-color: #477041; padding: 20px; }
div.body-container div.form-content-container div.why-use-orange div.content { background: url(/assets/img/why-use-orange.png) no-repeat; width: 187px; height: 259px; }
div.body-container div.form-content-container div.why-use-orange div.content h4 { color: #FFF; font-size: 1.4em; text-align:center; padding-top: 1px; text-transform:uppercase; margin: 0; }
div.body-container div.form-content-container div.why-use-orange div.content ul { list-style-type: none; margin: 10px; }
div.body-container div.form-content-container div.why-use-orange div.content ul li { background: url(/assets/img/green-bullet.gif) no-repeat; padding-left: 25px; color: #000; min-height: 19px; margin-bottom:8px; font-weight: bold; }
div.body-container div.form-content-container div.why-use-orange div.content ul.tight li { margin-bottom:2px; }

div.body-container div.form-content-container div.why-use-green { width: 189px; float: left; background-color: #f8ad41; padding: 20px; }
div.body-container div.form-content-container div.why-use-green div.content { background: url(/assets/img/why-use-green.png) no-repeat; width: 187px; height: 259px; }
div.body-container div.form-content-container div.why-use-green div.content h4 { color: #FFF; font-size: 1.4em; text-align:center; padding-top: 1px; text-transform:uppercase; margin: 0; }
div.body-container div.form-content-container div.why-use-green div.content ul { list-style-type: none; margin: 10px; }
div.body-container div.form-content-container div.why-use-green div.content ul li { background: url(/assets/img/orange-bullet.gif) no-repeat; padding-left: 25px; color: #FFF; min-height: 20px; margin-bottom:5px; font-weight: bold; }

div.body-container div.form-container { width: 506px; background: url(/assets/img/form-bg.png) no-repeat bottom; height: 299px; }
div.body-container div.form-container ul { width: 220px; float: left; margin: 20px 0 20px 33px; list-style-type: none; }
div.body-container div.form-container ul li { padding-bottom: 15px; }
div.body-container div.form-container ul label { margin-right: 3px; }
div.body-container div.form-container ul input { border: 1px solid #818285; width: 212px; height: 17px; color: #818285; font-size: 0.9em; padding-top: 3px; }
div.body-container div.form-container input.submit-button { float:right; margin-top: -65px; margin-right: 32px; background: url(/assets/img/compare-prices-button.png) no-repeat; width: 187px; height: 28px; border: 0 none; text-transform: capitalize; text-indent: -9999em; cursor: pointer; }
div.body-container div.form-container ul li.increase-gap { margin-top: 35px; }
div.body-container div.form-container ul li.ignore label { width: 187px; display: block; height: 17px; background: url(/assets/img/form-lbl-bg.png) no-repeat; color: #FFF; padding-left: 5px; }
div.body-container div.form-container ul li.ignore input { width: 188px; margin-top: -1px; }
div.body-container div.form-container div.site-message { margin: 10px 0pt 0pt 30px; font-weight: bold; } 

div.body-container div.easy-steps-container { float: right; width: 231px; background: url(/assets/img/easy-steps-bg.png) no-repeat bottom; }
div.body-container div.easy-steps-container h4 { background: url(/assets/img/easy-steps-title-bg.png) no-repeat; height: 27px; color: #FFF; font-weight: bold; font-size: 1.8em; padding: 0 10px; }
div.body-container div.easy-steps-container ol { margin: 10px 5px 37px 10px; list-style-type: none; }
div.body-container div.easy-steps-container ol li { margin-bottom: 10px; padding-left: 25px; color: #000; }
div.body-container div.easy-steps-container ol li.one { background: url(/assets/img/steps-numbers-1.gif) no-repeat; }
div.body-container div.easy-steps-container ol li.two { background: url(/assets/img/steps-numbers-2.gif) no-repeat; }
div.body-container div.easy-steps-container ol li.three { background: url(/assets/img/steps-numbers-3.gif) no-repeat; }
div.body-container div.easy-steps-container ol li.four { background: url(/assets/img/steps-numbers-4.gif) no-repeat; }

div.body-container div.logos-container-h { margin: 0 15px 10px; }
div.body-container div.logos-container-h h4 { width: 160px; height: 41px; text-indent: -9999em; background: url(/assets/img/compare-arrow.gif) no-repeat; float: left; }
div.body-container div.logos-container-h ul.logos { list-style-type: none; }
div.body-container div.logos-container-h ul.logos li { float: left; margin: 0 7.9px; display: block; text-indent: -9999em; }
div.body-container div.logos-container-h ul.logos li.total { background: url(/assets/img/logos/total.jpg) no-repeat center; width: 27px; height: 34px; }
div.body-container div.logos-container-h ul.logos li.bg { background: url(/assets/img/logos/british-gas.jpg) no-repeat center; width: 75px; height: 34px; }
div.body-container div.logos-container-h ul.logos li.eon { background: url(/assets/img/logos/eon.jpg) no-repeat center; width: 55px; height: 34px; }
div.body-container div.logos-container-h ul.logos li.sp { background: url(/assets/img/logos/scottish-power.jpg) no-repeat center; width: 47px; height: 34px; }
div.body-container div.logos-container-h ul.logos li.gazprom { background: url(/assets/img/logos/gazprom.jpg) no-repeat center; width: 52px; height: 34px; }
div.body-container div.logos-container-h ul.logos li.gef { background: url(/assets/img/logos/gaz-de-france.jpg) no-repeat center; width: 29px; height: 34px; }
div.body-container div.logos-container-h ul.logos li.ce { background: url(/assets/img/logos/corona-energy.jpg) no-repeat center; width: 42px; height: 34px; }
div.body-container div.logos-container-h ul.logos li.hp { background: url(/assets/img/logos/haven.jpg) no-repeat center; width: 45px; height: 34px; }
div.body-container div.logos-container-h ul.logos li.edf { background: url(/assets/img/logos/edf.jpg) no-repeat center; width: 25px; height: 34px; }

div.right-body-container { width: 228px; } 
div.right-body-container div.standard { background: url(/assets/img/compare-bg.png) no-repeat bottom; width:180px; margin: 15px 24px; } 
div.right-body-container div.standard h4 { color: #FFF; font-weight: bold; font-size: 1.7em; padding: 2px 10px; background: url(/assets/img/compare-header-bg.png) no-repeat; height: 28px; } 
div.right-body-container div.standard span.desc { margin: 5px; display: block; color: #000; font-size: 0.8em; } 
div.right-body-container div.standard div.compare-prices { margin: 15px 15px 0; padding-bottom: 42px;}
div.right-body-container div.standard div.compare-prices ul { list-style-type: none; }
div.right-body-container div.standard div.compare-prices ul li { margin-bottom: 2px; }
div.right-body-container div.standard div.compare-prices ul li input.tb { border: 1px solid #939598; color: #939598; width: 142px; font-size: 0.8em; height: 15px; }
div.right-body-container div.standard input.submit-button { float: right; margin-top: 14px; background: url(/assets/img/get-quote.png) no-repeat; border: 0 none; text-transform: capitalize; text-indent: -9999em; width: 78px; height: 20px; cursor: pointer; }

div.body-container div.faqs h3 { cursor: pointer; }