/* CSS Reset & default elements*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	/* commented out by energylinx 
	outline: 0;
	*/
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	background:url(../images/bground.jpg) repeat-x #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* commented out by energylinx 
remember to define focus styles! 
:focus {
	outline: 0;
}
*/
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*END RESET*/

/* Start of Layout Elements */

#container {
	width: 898px;
	background:#FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 21px;
	padding-right: 20px;
	padding-bottom: 70px;
	padding-left: 20px;
}
/*Start of header*/
#header {
	width: 898px;
	height: 8.0em;
	text-align: center;
}
#header a.logo-edf {
	float: left;
	display: block;
	width: 55px;
	height: 85px;
	text-indent: -9000px;
	overflow: hidden;
	background-image: url(../../Images/Navigation/edf-energy-logo.gif);
	background-repeat: no-repeat;
	margin-left: 14px;
}
#header a.logo-2012 {
	float: right;
	display: block;
	width: 68px;
	height: 72px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(https://secure.savetodaysavetomorrow.com/assets/images/logo-2012.jpg) no-repeat;
}
#header span.logo-2012 {
	float: right;
	display: block;
	width: 85px;
	height: 85px;
	text-indent: -9000px;
	overflow: hidden;
	background-image: url(../../Images/Navigation/logo-2012.jpg);
	background-repeat: no-repeat;
	margin-right: 15px;
}

.homepage-banner {
	width: 720px;
	float: left;
	text-align: center;
	margin-top: 25px;
}
.homepage-banner img {
	padding-left: 10px;
}
/*END Header*/

/* Menu Start*/
.menu-panel {
	width: 899px;
	background: #ffffff;
	overflow: hidden;
	clear: both;
	margin-top: 13px;
	margin-left: -1px;
}
.menu-panel ul {
	margin: 0 0 2px 0;
}
.menu-panel ul li {
	display: block;
	float: left;
	border-top: solid #fe5815 2px;
	border-bottom: solid #fe5815 2px;
	border-left: solid #fe5815 2px;
	margin: 0;
	width: 222px;
	overflow: hidden;
	text-align: center;
	display: inline;
}
.menu-panel ul li.first {
	border-left: solid #fe5815 2px;
}
.menu-panel li.last {
	border-right: solid #fe5815 2px;
}
.menu-panel a {
	display: block;
	text-align: center;
	line-height: 28px;
	width: 222px;
	color: #fff;
	font-size: 1.2em;
	text-decoration: none;
	font-weight: bold;
	background: #E34C2B url(https://secure.savetodaysavetomorrow.com/Images/Navigation/bg-nav-off.gif) repeat-x;
}
.menu-panel a:hover, .menu-panel li.selected a {
	color: #fe5815;
	background: #E34C2B url(https://secure.savetodaysavetomorrow.com/Images/Navigation/bg-nav-on.gif) repeat-x;
}
/*END Menu*/	

/*Breadcrumb*/
#bread {
	color: #666666;
	font-size: 1.1em;
	padding: 3px;
	margin: 6px 0px 6px 0px;
}
#bread ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
}
#bread ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
}
#bread ul li a {
	color: #666666;
}
/*Mast Head*/
.masthead {
	width: 876px;
	margin: 18px 0px 10px 0px;
	border-top: 1px solid #E4E4E4;
	height: 4.0em;
	background: url(../images/masthead.jpg) bottom repeat-x;
	padding: 1em 11px 0px 11px;
}
.masthead h2 {
	color: #FE5815;
	font-size: 1.8em;
	padding: 5px 0px 0px 0px;
}
/*Tabbed navigation*/

ul.tabs {
	margin: 10px 0px 0px 20px;
	height: 2.7em;
	overflow: hidden;
}
ul.tabs li {
	display: inline-block;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
}
ul.tabs li a {
	display: inline-block;
	line-height: 2.2em;
	padding: 0px 12px 0px 12px;
	background: url(../images/tab.jpg) repeat-x bottom #FD7038;
	margin: 0px 4px 0px 0px;
	border-top: 1px solid #FD5816;
	border-left: 1px solid #FD5816;
	border-right: 1px solid #FD5816;
	text-decoration: none;
	color:#FFFFFF;
}
ul.tabs li.current a {
	display: inline-block;
	line-height: 2.2em;
	padding: 0px 12px 0px 12px;
	background: url(../images/tab-current.jpg) repeat-x bottom #FFFFFF;
	margin: 0px 4px 0px 0px;
	border-top: 1px solid #EFEFEF;
	border-left: 1px solid #EFEFEF;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #EFEFEF;
	text-decoration: none;
	color:#FE5815;
}
/*End tabbed nagiation*/

/*Main content area*/
.main-content-area {
	width: 856px;
	border: 1px solid #E4E4E4;
	padding: 20px 20px 20px 20px;
	margin: -1px 0px 0px 0px;
	overflow: hidden;
}
.main-content-area p {
	color: #666666;
	font-size: 1.1em;
	padding: 0px 0px 10px 0px;
}
.terms {
	overflow:hidden;
}
.terms p {
	color: #666666;
	font-size: 1.1em;
	padding: 0px 0px 10px 0px;
}
.terms h4 {
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:8px;
	color:#666666;
}

.intro	{
	width: 856px;
	overflow: hidden;
}
	
.intro	p{	
	width: 390px;
	font-size: 1.2em;
	line-height: 1.4em;
}
/*End main content area*/	

/*Tariff-container*/
.tariff-container {
	width: 856px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #B1B1B1;
	overflow:hidden;
}
.tariff-container-variant {
	width: 856px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #84C2E9;
	overflow:hidden;
}
.tariff-container-detail {
	width: 816px;
	margin: -1px 0px 10px 0px;
	border: 1px solid #E4E4E4;
	padding: 20px 15px 15px 20px;
	overflow:hidden;
}
.header {
	background: url(../images/tariff-title.jpg) bottom repeat-x;
	width: 840px;
	height: 4.7em;
	padding: 0.8em 8px 0px 8px;
	float:left;
}
.tariff-container h3 {
	color: #FE5815;
	font-size: 1.5em;
}

.tariff-container h3 a {
	color: #FE5815;
}
.header-variant {
	background: url(../images/tariff-title-variant.jpg) bottom repeat-x;
	width: 840px;
	height: 4.7em;
	padding: 0.8em 8px 0px 8px;
	float:left;
}
.tariff-container-variant h3 {
	color: #FE5815;
	font-size: 1.5em;
}
.tariff-container-variant h3 a {
	color: #FE5815;
}
.tariff-container-detail h3 {
	color: #FE5815;
	font-size: 1.5em;
	height: 1.6em;
}
.tariff-container p, .tariff-container-variant p {
	color: #666666;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.3em;
	width: 450px;
	padding: 8px 8px 8px 0;
	float: left;
}
.tariff-container ul, .tariff-container-variant ul {
	width: 314px;
	padding: 8px 8px 8px 8px;
	margin: 8px 0px 8px 8px;
	background: url(../images/tariff-features.jpg) repeat-x top;
	float: left;
}
.tariff-container ul li, .tariff-container-variant ul li {
	font-size: 1.1em;
	line-height: 1.4em;
	color: #666666;
	background-image: url("../images/tick.gif"); to   background-image: url("assets-2010/images/tick.gif") left no-repeat;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 13px;
	background-repeat: no-repeat;
	background-position: left;
}
.tariff-container-detail ul {
	width: 376px;
	padding: 0px 8px 8px 8px;
	margin: 0px 7px 20px 7px;
	float: left;
}
.tariff-container-detail ul li {
	font-size: 1.1em;
	line-height: 1.4em;
	color: #666666;
	padding: 3px 0px 0px 15px;
	background-image: url(../images/tick.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
}
.tariff-container-detail p {
	width: 390px;
	font-size: 1.1em;
	color:#666666;
	line-height: 1.3em;
}
.bill {
	overflow:hidden;
	float:left;
	padding:23px 0 0 66px;
}
.grey-top {
	background:url(../images/grey-panel-top.gif) repeat-y 0 0;
	width:175px;
	padding:10px;
	text-align:center;
}
.grey-top p {
	text-align:center;
	width:auto;
	float:none;
	font-weight:normal;
	padding:7px 0 5px 0;
}
.grey-top span {
	text-align:center;
	font-size:1.4em;
}
.grey-btm {
	background:url(../images/grey-panel-btm.gif) no-repeat 0 0;
	width:195px;
	height:4px;
	padding:10px;
}
.cta-pane {
	width: 178px;
	background: url(../images/cta-pane.jpg) repeat-x top #0E397D;
	border: 1px solid #015BBB;
	margin: 8px 5px 8px 8px;
	padding: 4px 6px 4px 6px;
	float:right;
}
.cta-pane a {
	color: #FFFFFF;
	font-size: 1.2em;
	text-decoration: none;
}
.cta-pane p {
	color: #FFFFFF;
	font-size: 1.1em;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	width: 100%;
}
.cta-pane p a {
	font-size: 1em;
	text-decoration: underline;
}
.cta-main {
	width: 162px;
	min-height: 5em;
	background: url(../images/cta-main.jpg) repeat-x top #BAD2EC;
	border: 1px solid #09367A;
	margin: 4px 0px 4px 0px;
	padding: 12px 6px 0px 6px;
}
.cta-main p {
	color: #09357A;
	margin: 0px;
	padding: 0px;
	font-size: 1.1em;
}
.cta-main a {
	color: #09357A;
	font-size: 2em;
	font-weight: bold;
	text-decoration: none;
	padding-top: 22px;
	display: block;
}
/*Financial Caveat*/
.financial-caveat {
	border: 1px solid #E4E4E4;
	width: 380px;
	color: #FE5815;
	background: url(../images/financal_caveat.jpg) repeat-x bottom;
	overflow: hidden;
	padding: 0px 10px 0px 0px;
}
.financial-caveat h4 {
	border-bottom: 1px solid #E4E4E4;
	width: 400px;
	color: #FE5815;
	font-size: 1.1em;
	padding: 4px 0px 4px 10px;
}
.financial-caveat p {
	padding: 8px;
	margin: 0px;
	width: 380px;
}

/*Categories*/
.category-headline	{
	width: 816px;
	margin: 3.1em;
	margin: auto;
	background: url(../images/grey-gradient-long.jpg) repeat-y;
	padding: 0px 0px 0px 10px;
	line-height: 1.7em;
	clear: both;
}

.category	{
	width: 386px;
	margin: 20px 20px 0px 0px;
	border: 1px solid #dddddd;
	float:left;
	min-height: 130px;
}

.category h4	{
	font-size: 1.5em;
	color: #FE5815;
	padding: 5px;
	background: url(../images/masthead.jpg) center repeat-x;
}

.category ul	{
	border: 1px solid #FE5815;
	width: 346px;
	margin: 10px;
	padding: 10px;
	min-height: 95px;
}

.category ul.cat-tgb	{
	background:url(../images/category-bground-tgb.jpg) top right no-repeat;
}

.category ul.cat-home	{
	background:url(../images/category-bground-home.jpg) top right no-repeat;
}

.category ul.cat-online-energy-advisor	{
	background:url(../images/category-bground-online-energy-advisor.jpg) top right no-repeat;
}

.category ul.cat-home-standard	{
	background:url(../images/category-bground-home-standard.jpg) top right no-repeat;
}

.category ul li	{
	width: 230px;
	background: none;
	list-style-type: none;
	background: url(../images/disc.gif) no-repeat 0px 5px;
	padding: 0px 0px 0px 10px;
}

/*end categories*/
/*Tariff detail buttons*/
.tariff-detail-cta-light {
	width: 256px;
	height: 3.8em;
	background:url(../images/tariff-detail-light-cta.jpg) top repeat-x #BCCCE3;
	border: 1px solid #09367A;
	text-align: center;
	margin: 11px 20px 20px 20px;
	padding: 1.0em 0px 0px 0px;
	display: inline-block;
}
.tariff-detail-cta-light p {
	color: #09357A;
	font-size: 1.4em;
}
.tariff-detail-cta-light a {
	color: #09357A;
	text-decoration: none;
}

.tariff-detail-cta-light-sml {
	width: 180px;
	height: 3.0em;
	background:url(../images/tariff-detail-light-cta-sml.jpg) top repeat-x #BCCCE3;
	border: 1px solid #09367A;
	text-align: center;
	margin: 0px 0px 20px 20px;
	padding: 0.5em 0px 0px 0px;
	display: inline-block;
}
.tariff-detail-cta-light-sml p {
	color: #09357A;
	font-size: 1.2em;
	line-height: 1em;
	width: 180px;
}
.tariff-detail-cta-light-sml a {
	color: #09357A;
	text-decoration: none;
}

.tariff-detail-cta-dark {
	width: 256px;
	height: 3.8em;
	background:url(../images/tariff-detail-dark-cta.jpg) top repeat-x #143D7F;
	border: 1px solid #015BBC;
	text-align: center;
	margin: 11px 0px 20px 0px;
	padding: 1.0em 0px 0px 0px;
	display: inline-block;
}
.tariff-detail-cta-dark p {
	color: #FFFFFF;
	font-size: 1.4em;
}
.tariff-detail-cta-dark a {
	color: #FFFFFF;
	text-decoration: none;
}

.tariff-detail-cta-dark-sml {
	width: 180px;
	height: 3.0em;
	background:url(../images/tariff-detail-dark-cta-sml.jpg) top repeat-x #143D7F;
	border: 1px solid #015BBC;
	text-align: center;
	margin: 0px 0px 20px 21px;
	padding: 0.5em 0px 0px 0px;
	display: inline-block;
}
.tariff-detail-cta-dark-sml p {
	color: #FFFFFF;
	font-size: 1.2em;
	line-height: 1em;
	width: 180px;
}
.tariff-detail-cta-dark-sml a {
	color: #FFFFFF;
	text-decoration: none;
}

/*END Tariff detail buttons*/

/*End tariff container*/

.payment-cta-buttons	{
	margin: auto;
	width: 856px;
	text-align: right;
}

.payment-cta-buttons img	{
	margin: 0px 5px 0px 5px;
	}

/*Start Footer*/

.footer {
	margin: 40px auto 0px auto;
	width: 898px;
	text-align: left;
	color: #666;
}
.footer # p {
	color: #666666;
	font-size: 1.1em;
}
.footer #edf-footerlinks a {
	color: #666666;
	text-decoration: none;
}
.footer a {
	color: #666666;
	text-decoration: underline;
}
/*End footer*/

/*Button & Link Classes*/
a.request-chat:link, a.request-chat:active, a.request-chat:visited, a.request-chat:hover {
	width: 126px;
	height: 27px;
	display: block;
	text-indent: -9999px;
	background:url(../images/button-request-chat.jpg) no-repeat;
}
/*Typography*/
.tariff-terms {
	color: #666666;
	font-size: 1.1em;
}
a.lnk-var-standard {
	color: #666666;
}
a.lnk-var-highlight {
	color: #FE5815;
}

.small-text	{
	font-size: 8px !important;
}
/*clears & floats */
.float-left {
	float: left;
}
.float-right {
	float: right;
}


/* additional rules by energylinx */
.tariff-detail-cta-light-blank {
	width: 256px;
	height: 3.8em;
	border: 1px solid #FFF;
	text-align: center;
	margin: 10px 0px 20px 21px;
	padding: 1.0em 0px 0px 0px;
}
.chatbuttoncontainer {
	width: 272px;
	height: 4.8em;
	border: 1px solid #FFF;
	text-align: center;
	padding: 0px;
	float: left;
	margin: 10px 0px 20px 12px;
}
.masthead .chatbuttoncontainer {
	width: 268px;
	height: 24px;
	display: block;
	float: right;
	margin: 0px;
	padding: 0px;
}
.directdebitheader {
	padding-right: 5px;
	padding-left: 16px;
	height: 34px;
	border: 1px solid #999;
	background-color: #F2F2F2;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 10px;
	margin-left: 10px;
}
.directdebitheader p {
	font-size: 1.2em;
	text-align: center;
}
#directdebitlogo {
	margin-left: 20px;
}
.directdebittable td {
	padding: 5px;
	vertical-align: middle;
}
.page-intro ul .termbullet {
	list-style:none; 
	background:none; 
	font-style:italic; 
	margin-top:20px;
}


/* ########## maz styles for product pages starts ########## */
div.clear {
	
	height: 0;
	clear: both;
	margin: 0;
	border: 0;
	padding:0;
}

#offer_holder {
	width: 856px;
	border: 0px solid #cccccc;
	margin: 0px 0px 10px 0px;
	clear: both;
}

#offer_holder:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

div.offer_wrap {
	width:270px;
	float:left;
	border: 1px solid #cccccc;
	overflow:hidden;
	margin: 0px 20px 0px 0px;
}

div.offer_wrap_end {
	width:270px;
	float:right;
	border: 1px solid #cccccc;
	overflow:hidden;
	margin: 0px 0px 0px 0px;	
}

div.offer_footer {
	width:270px;
	height: 119px;
	border: 0px solid #cccccc;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	background:url(../../../../images/apps/productproposal/box-footer-bg.jpg) #eef8fd no-repeat;
}

div.offer_header {
	width:270px;
	border: 0px solid #cccccc;
	background:#fafdfe;
	padding: 0 0 10px 0;
}
div.offer_header a { color:#FE5815; text-decoration: underline;}


div.offer_header_info_wrap{
	width: 250px;
	margin: 27px auto 0 auto;
	border: 0px solid #cccccc;
}

div.offer_header_info_wrap:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

div.offer_header_info_logo {
	width: 61px;
	height: 61px;
	float:left;
	border: 0px solid #cccccc;
}

div.offer_header_info_text {
	width: 170px;
	float:right;
	border: 0px solid #cccccc;
}

div.offer_main {
	width:270px;
	min-height: 170px;
	height:auto !important;
 	height:170px;
	border: 0px solid #cccccc;
	background:#eef8fd;
}

h3.offer_tariff_header{
	font-size: 1.8em;
	color:#FE5815;
	margin: 10px 0px 0px 10px;
}

h3.offer_tariff_sub{
	font-size: 1.6em;
	line-height: 20px;
	font-weight:600;
	color:#000000;
	margin: 3px 0px 0px 0px;
}

ul.dot { margin:0 1em 0 1.8em; padding: 20px 0 15px 0; list-style-type:none}

li.icon {
	font-size: 1.2em;
	margin: 0;
	padding: 0 0 10px 25px;
	line-height: 18px;
	color: #000000;
	font-weight:500;
	background: url(../images/tick.gif) no-repeat 0 9%;
}

p.tfee {
	font-size: 1.1em;
	font-style:italic;
	padding: 0 15px 10px 35px;
	color: #000000;
	line-height: 16px;
}

div.offer_footer_info_wrap a {
	color:#000000;
	text-decoration:underline;
}

a.offer_footer_link:hover {color:#FE5815; text-decoration:underline;}

div.offer_footer_info_wrap{
	width: 250px;
	text-align: right;
	margin: 0 auto 0 auto;
	border: 0px solid #cccccc;
	font-size: 1em;
	color:#000000;
}

div.offer_footer_info_wrap p {color:#000000; margin: 10px 0 0 0;}



/* ########## maz styles for product pages ends ########## */

/* ########## maz styles for dropdown ########## */

ul.more_tariffs { margin:0; padding: 0 0 0 0; list-style-type:none}

li.plus {
	font-size: 1.4em;
	margin: 0 0 0 0;
	height: 26px;
	padding: 7px 0 0 35px;
	color: #FE5815;
	font-weight:600;
	text-decoration:underline;
	background: url(../images/view-all-tariffs.png) no-repeat  0 20%;
}

li.minus {
	font-size: 1.4em;
	margin: 0 0 0 0;
	height: 26px;
	padding: 7px 0 0 35px;
	color: #FE5815;
	font-weight:600;
	text-decoration:underline;
	background: url(../images/hide-all-tariffs.png) no-repeat  0 20%;
}

a.full_story {
	text-decoration:underline;
	cursor:pointer;
	color: #FE5815;
}

div.more {
	width: 856px;
	border: 0px solid #cccccc;
	margin: 0px 0px 10px 0px;
	clear: both;
	padding: 0;

}