body
{
	margin: 20px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-family: arial;
	color: #ff0000;
	/*background: url(../images/bg_pattern.jpg) repeat top;*/
	background-color: #f0f0f0;
}


.Wrap
{
	width: 980px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 50px 0px;
	background-color: #ffffff;	
}

#Footer.Wrap
{
	background-color: none;
}

.WrapTop
{
	width: 980px;
	height: 7px;
	background: url(../images/container_top.jpg) no-repeat top;
	margin: 0px auto 0px auto;
}

.Wrap .Container
{
	width: 940px;
	margin: 0px auto 0px auto;
	overflow: hidden;
}

#Header
{
	text-align: left;
	margin: 15px 0px 30px 10px;
}

#Header a img
{
	border: none;
}

#NavBar
{
	height: 35px;
	background: url(../images/navbar_middle.jpg) repeat-x top;
	overflow: hidden;
}

#NavBar .Left
{
	float: left;
	width: 3px;
	height: 35px;	
	background: url(../images/navbar_left.jpg) no-repeat top;
}

#NavBar .Right
{
	float: right;
	width: 3px;
	height: 35px;	
	background: url(../images/navbar_right.jpg) no-repeat top;
}

#NavBar .Item
{
	float: left;
}


#NavBar .Item a
{
	display: block;
	padding: 10px 20px 11px 20px;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

#NavBar .Item a:hover
{
	text-decoration: underline;
}

#NavBar .Seperator
{
	float: left;
	width: 2px;
	height: 27px;
	margin: 3px 10px 0px 10px;
	background: url(../images/navbar_seperator.jpg) no-repeat top;
}


.Summary
{
	margin: 1px 0px 30px 0px;
	overflow: hidden;
	
	background: url(../images/summarybox_middle.jpg) repeat-x top;
	/*background-color: #e9e8e8;*/
}

.Summary .Seperator
{
	width: 2px;
	background-color: #ff0000;
	float: left;
	height: 144px;
	background: url(../images/summarybox_seperator.jpg) repeat-y top;
}

.Summary .Left, .Summary .Right
{
	float: left;
	width: 6px;
	height: 144px;
	background: url(../images/summarybox_left.jpg) no-repeat top;
}
.Summary .Right
{
	float: right;
	background: url(../images/summarybox_right.jpg) no-repeat top;
}

.Summary .Box
{
	float: left;
	width: 256px;
	text-align: left;
	margin: 15px 19px 0px 27px;
	padding: 0px 0px 20px 0px;
	
}
.Summary .Box.First
{
	margin-left: 40px;
	
}
.Summary .Box.Last
{
	margin-right: 20px;

}

.Summary .Box .Title
{
	overflow: hidden;
	display: block;
}

.Summary .Box .Title a img
{
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 3px 0px 0px 0px;
	border: none;
}

.Summary .Box .Title a h2 
{
	float: left;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #387dac;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}

.Summary .Box .Title a:hover h2 
{
	text-decoration: underline;
}



.Summary .Box p.Bullet
{
	display: inline;
	font-family: Georgia, Arial;
	font-size: 16px;
	color: #387dac;
	line-height: 1.5em;
	margin: 0px 5px 0px 0px;
	
}

.Summary .Box p
{
	font-family: Georgia, Arial;
	font-size: 16px;
	color: #777777;
	line-height: 1.5em;
	margin: 5px 0px 5px 0px;
}

.Summary .Box a
{
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5em;
	color: #387dac;
	text-decoration: none;
	border-bottom: 1px dotted #387dac;
}

.Summary .Box a:hover
{
	/*border-bottom: 1px solid #387dac;*/
}


.ThankYou
{
	margin: 0px auto 0px auto;
	/*width: 600px;	*/
	text-align: left;
	
}

.ThankYou .Box
{
	background-color: #ffffff;
	padding: 0px 40px 0px 40px;
	margin: 60px 0px 30px 0px;
	overflow: hidden;
}

.ThankYou .Box img
{
	float: left;
	margin: 20px 0px 0px 0px;
}

.ThankYou .Box .Content
{
	width: 700px;
	float: left;
	margin: 0px 0px 0px 30px;
}

.ThankYou .Box p
{
	font-family: Georgia;
	font-size: 16px;
	line-height: 1.5em;
	font-weight: normal;
	color: #444444;
	margin: 10px 0px 20px 0px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #ffffff;	
	
}

.ThankYou .Box h2
{
	font-family: Arial;
	font-size: 24px;
	line-height: 1.5em;
	color: #387dac;
	margin: 0px 0px 10px 0px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #ffffff;
}

.ThankYou h2
{
	font-family: Arial;
	font-size: 24px;
	color: #387dac;
	margin: 60px 0px 20px 0px;
	text-decoration: none;
}

.ThankYou .Item
{
	padding: 0px 20px 20px 20px;
	margin: 30px 20px 10px 20px;
	border-bottom: 1px dotted #d4d4d4;
}

.ThankYou .Item h3
{
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #306f9b;
	margin: 0px 0px 0px 0px;
	text-decoration: none;	
}

.ThankYou .Item p
{
	font-family: Georgia;
	font-size: 16px;
	line-height: 1.5em;
	font-weight: normal;
	color: #444444;
	margin: 10px 0px 10px 0px;
	text-decoration: none;	
	
}

.ThankYou .Item.SmallText p
{
	font-family: Arial;
	font-size: 11px;
	line-height: 1.5em;
	font-weight: normal;
	color: #888888;
	margin: 10px 0px 10px 0px;
	text-decoration: none;	
	
}

.ThankYou p a
{
	font-family: Georgia, Arial;
	font-size: 16px;
	color: #306f9b;
	text-decoration: none;
	border-bottom: 1px dotted #306f9b;
	
}

.ThankYou .ChosenPartner
{
	background-color: #f0f0f0;
	margin: 0px 20px 60px 20px;
	padding: 30px 30px 30px 30px;
	overflow: hidden;	
	/*border-bottom: 1px dotted #d4d4d4;*/
	
}

.ThankYou .ChosenPartner img
{
	float: left;
	margin: 0px 20px 0px 0px;
}

.ThankYou .ChosenPartner h2
{
	float: left;
	width: 580px;
	margin: 30px 0px 0px 0px;	
	font-family: Arial;
	font-size: 24px;
	color: #387dac;
	font-weight: normal;
	text-shadow: 0px 1px 0px #ffffff;	
	
}

.ThankYou .ChosenPartner.BritishGas h2
{
	margin: 0px 0px 10px 0px;
	font-size: 18px;
}

.ThankYou .ChosenPartner.BritishGas h2.Phone
{
	margin: 10px 0 0 0;
	font-size: 24px;	
}

.ThankYou .ChosenPartner.BritishGas h3
{
	float: left;
	width: 580px;
	margin: 10px 0px 0px 0px;	
	font-family: Arial;
	font-size: 18px;
	color: #387dac;
	font-weight: normal;
	text-shadow: 0px 1px 0px #ffffff;	
}

.ThankYou ul.Tick
{
	margin: 20px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
}
.ThankYou ul.Tick li
{
	font-family: Georgia, Arial;
	font-size: 16px;
	color: #306f9b;
	line-height: 1.5em;
	list-style: none;
	margin: 30px 0px 0px 0px;
	background-image:  url(../images/tick_circle.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 0px 0px 0px 24px;
	font-weight: normal;
	line-height: 1.5em;
}

.ThankYou ul.Tick li h3
{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	margin: 0px 0px 0px 0px;
	text-decoration: none;	
}

.ColumnThin
{
	float: left;
	text-align: left;
	width: 249px;
	background: url(../images/sidebar_bg_middle.jpg) repeat-y top;	
	
}

.ColumnThin .Top
{
	background: url(../images/sidebar_bg_top.jpg) no-repeat top;	
	
}

.ColumnThin .Bottom
{
	background: url(../images/sidebar_bg_bottom.jpg) no-repeat bottom;
	
}

.ColumnLarge
{
	text-align: left;
	float: left;
	width: 631px;
	margin: 0px 40px 0px 20px;
}

.ColumnLarge h2
{
	font-family: Arial;
	font-size: 24px;
	font-weight: bold;
	color: #387DAC;
	margin: 0px 0px 10px 0px;
}

.ColumnLarge p
{
	font-family: Georgia, Arial;
	font-size: 16px;
	color: #555555;
	line-height: 1.5em;
}

.ColumnLarge p strong
{
	letter-spacing: -1px;
}

.ColumnLarge p.First
{
	margin-top: 0px;
}

.ColumnLarge p a 
{
	font-family: Georgia, Arial;
	font-size: 16px;
	color: #306f9b;
	text-decoration: none;
	border-bottom: 1px dotted #306f9b;
}

.ColumnLarge img.ArticleImage
{
	border: 5px solid #cdcdcd;
	float: left;
	margin: 6px 20px 20px 0px;
}


.ColumnLarge ul.Facts
{
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
.ColumnLarge ul.Facts li
{
	font-family: Georgia, Arial;
	font-size: 16px;
	color: #306f9b;
	line-height: 1.5em;
	list-style: none;
	margin: 10px 0px 0px 0px;
	background-image:  url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 0px 0px 0px 24px;
	font-weight: normal;
	line-height: 1.5em;
}

.ColumnLarge ul li
{
	font-family: Georgia, Arial;
	font-size: 16px;
	color: #555555;
	line-height: 1.5em;
	list-style: none;
	margin: 10px 0px 0px 0px;
	

	padding: 0px 0px 0px 0px;
	font-weight: normal;
	line-height: 1.5em;
}


.ColumnLarge ul li a
{
	font-family: Georgia, Arial;
	font-size: 16px;
	color: #306f9b;
	line-height: 1.5em;
	list-style: none;
}

.ColumnLarge .GetStarted
{
	background-color: #edffed;
	border: 1px dotted #9ae4a1;
	padding: 30px 40px 30px 40px;
	margin: 40px 0px 40px 0px;
	
}



.ColumnLarge .GetStarted .CTA
{
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	margin: 40px 0px 0px 0px;
}

.ColumnLarge .GetStarted .CTA.Top
{
	margin: 0px 0px 0px 0px;
}

.ColumnLarge .GetStarted ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}

.ColumnLarge .GetStarted ul li
{
	/*font-family: Arial;*/
	font-size: 16px;
	font-weight: normal;
	background-position: 0px 4px;
}

.ColumnLarge .GetStarted img
{
	float: left;
	margin: 0px 20px 20px 0px;
}
.ColumnLarge .Box
{
	background-color: #ffffff;
	padding: 10px 20px 0px 0px;
	margin: 0px 0px 20px 0px;
	
}

.ColumnLarge .Box h3
{
	font-family: Georgia;
	font-size: 16px;
	color: #306f9b;
	font-weight: normal;
	margin: 0px 0px 20px 0px;
}


.ColumnLarge .Box ul li, .GetStarted ul li, ul.Tick li
{
	margin: 10px 0px 0px 0px;
	background-image:  url(../images/tick_circle.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 0px 0px 0px 24px;
	font-weight: normal;
	line-height: 1.5em;
}

.ColumnLarge .Box ul.Fact li
{
	background-position: 0px 5px;
	background-image:  url(../images/arrow.png);
}

.ColumnLarge ol
{
  	font-style: italic;
	font-family: Georgia, Times, serif;
	font-size: 22px;
  	color: #306f9b;
	margin: 0px 0px 0px 30px;
}

.ColumnLarge ol p
{
	font-style: normal;
	color: #555555;
}

.ColumnThin form
{
	
	width: 230px;
	margin: 0px 0px 0px 19px;
	padding: 15px 0px 0px 0px;
	background: url(../images/form_bottom.jpg) no-repeat bottom;
	background-color: #306f9b;
}

.ColumnThin form .Title
{
	margin: 0px 0px 20px 0px;
}

.ColumnThin form .Content
{
	width: 200px;
	margin: 0px auto 0px auto;
	text-align: left;
	overflow: hidden;
	
}

.ColumnThin .FormTop
{
	margin: 0px 0px 0px 19px;
	width: 230px;
	height: 3px;
	background: url(../images/form_top.jpg) no-repeat top;
	
}

.ColumnThin form label, .ColumnThin form input
{
	display: block;
	width: 200px;	
	margin: 0px 0px 15px 0px;
}

.ColumnThin form input.Checkbox
{
	float:left;
	width: 16px;
}

.ColumnThin form label.Checkbox
{
	float: left;
	width: 164px;
	margin: 0px 0px 20px 10px;
	font-size: 10px;
	font-weight: normal;
}

.ColumnThin form label
{
	font-family: Arial;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
}

.ColumnThin form input.Image
{
	margin: 15px 0px 15px 0px;
	
	clear: both;
}

.ColumnThin form label .Error
{
	color: #ff0000;
}

#Content.NoBanner
{
	margin: 30px auto 0px auto;
}



#Quotes
{
	width: 980px;
	margin: 20px auto 0px auto;
	padding: 0px 0px 40px 0px;
	
	background: url(../images/horz_faded_bar.jpg) no-repeat top;
	background-color: #ffffff;	
	text-align: center;
}

#Quotes .Content
{
	width: 900px;
	margin: 0px auto 0px auto;
	padding: 20px 0px 0px 0px;
	overflow: hidden;
	text-align: left;
	
}

#Quotes h3
{
	font-family: Georgia;
	color: #306f9b;
	font-size: 16px;
	margin: 20px 0px 40px 0px;
		
}


#Quotes .Quote
{
	overflow: hidden;
	margin: 0px 0px 20px 0px;
}

#Quotes .Quote .Logo
{
	width: 200px;
	padding: 30px 0px 30px 0px;
	margin: 0px 20px 0px 0px;
	background-color: #e7e7e7;
	text-align: center;
	float: left;
}

#Quotes .Quote .Content
{
	float: left;
	width: 660px;
	text-align: left;
	font-family: Georgia, Arial;
	font-size: 16px;
	color: #555555;
	line-height: 1.5em;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}

#Quotes .Quote .Content p.First
{
	margin-top: 0px;

}

#Quotes hr
{
	background-color: #e8e8e8;
	border: none;
	height: 1px;	
	margin: 30px 0px 30px 0px;
}



#Footer
{
	margin: 20px 0px 20px 0px;
}

#Footer p
{
	font-family: Arial;
	font-size: 11px;
	color: #666666;
}

#Footer p a
{
	font-family: Arial;
	font-size: 11px;
	color: #306f9b;
	text-decoration: none;
	border-bottom: 1px dotted #306f9b;
}


ul li
{
		font-family: Arial;
	font-size: 12px;
	color: #555555;
	line-height: 1.5em;
	margin: 0px 0px 15px 0px;
}

ul li a 
{
	font-family: Arial;
	font-size: 12px;
	color: #306f9b;
	text-decoration: none;
	border-bottom: 1px dotted #306f9b;
}




/****************************
        Generic Boxes
****************************/

.Box_Date
{
    
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #bcbcbc;
}

.Box_Success, .Box_Fail, .Box_Info, .Box_Warning      
{
   
   margin: 20px 0px 10px 0px;
   padding: 20px 20px 20px 30px;
   text-align: left;
}

.Box_Success    {background-color: #ebffeb;}
.Box_Fail       {background-color: #ffebeb;}
.Box_Info       {background-color: #f0f0f0;}
.Box_Warning    {background-color: #fffcca;}

.Box_Icon
{
    display: inline;
    float: left;
    width: 30px;
    text-align: center;
}

.Box_WarningIcon, .Box_InfoIcon, .Box_SuccessIcon, .Box_FailIcon
{
    
    height: 40px;
}

.Box_SuccessIcon     {background: url(./images/log_icon_tick.gif) no-repeat center;}
.Box_FailIcon     {background: url(./images/log_icon_cross.gif) no-repeat center;}
.Box_WarningIcon     {background: url(./images/log_icon_warning.gif) no-repeat center;}
.Box_InfoIcon        {background: url(./images/log_icon_info.gif) no-repeat center;} 


.Box_Content
{
    
    text-align: left;
    margin: 0px 0px 0px 0px;
}

.Box_DateText                    { font-family: Arial; font-weight: bold; font-size: 15px; color: #555555; line-height: 18px;}
.Box_TimeText                 { font-family: Arial; font-weight: none; font-size: 10px; color: #666666; line-height: 15px;}
.Box_Text                     { font-family: Arial; font-weight: none; font-size: 11px; color: #232323; line-height: 14px;}
a.Box_Text                    {color: #0397ff;text-decoration: none;}
a.Box_Text:hover              {color: #0397ff; text-decoration: underline;}
.Box_CategoryText             { font-family: Arial; font-weight: bold; font-size: 11px; color: #555555; line-height: 15px;}

.Box_Success_TitleText                     { font-family: Arial; font-weight: bold; font-size: 14px; color: #008400; line-height: 19px;}
.Box_Fail_TitleText                    { font-family: Arial; font-weight: bold; font-size: 14px; color: #ac0505; line-height: 19px;}
.Box_Warning_TitleText                  { font-family: Arial; font-weight: bold; font-size: 16px; color: #968c19/*#a6a009*/; line-height: 19px;}
.Box_Info_TitleText                     { font-family: Arial; font-weight: none; font-size: 16px; color: #232323; line-height: 19px;}

.Box_Warning_Text             { font-family: Arial; font-weight: none; font-size: 11px; color: #232323; line-height: 14px;}
a.Box_Warning_Text                    {color: #ff9003;text-decoration: none;}
a.Box_Warning_Text:hover              {color: #ff9003; text-decoration: underline;}




.CommentForm
{
	margin: 20px auto 20px auto;
	background-color: #efefef;	
	padding: 10px 10px 10px 10px;
	text-align: left;
}

.CommentForm_Label
{
	display: block;	
	font-family: arial; 
	font-weight: normal; 
	font-size: 12px; 
	color: #727070; 
	line-height: 18px; 	
}

.CommentForm_Textfield
{
	display: block;
	width: 300px;	
	margin: 0px 0px 20px 0px;
}
	
.CommentForm_TextArea
{
	display: block;
	width: 500px;	
	height: 200px;
	margin: 0px 0px 20px 0px;
}