@charset "UTF-8";
*{
	/* global white space reset */
	padding: 0;
	margin: 0;
}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: url(images/background_fade.jpg) repeat-x;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
/*---------------------------------------------------------------------------------------------------------divs*/
#wrapper {
	width: 920px;
	background: url(images/wrapper_repeat.jpg) repeat-y;
	margin: 0 auto; 
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#top{
	width: 920px;
	height: 220px;
	background: url(images/top.jpg) no-repeat;
}
#middle{
	width: 920px;
	min-height: 536px;
	background:url(images/wrapper_background.jpg) no-repeat;
}
#left{
	float: left;
	width: 325px;
}
#lefta{
	float: left;
	width: 220px;
}
#right{
	float: left;
	padding-top: 10px;
	width: 550px;
}
#bottom{
	width: 920px;
	height: 161px;
	background:url(images/bottom.jpg) no-repeat;
}
#clear{
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clear{
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.float_image{
	float: left;
}
#column_right{
	width: 400px;
	float: right;
}
#left_sub_column{
	width: 269px;
	float: left;
}
#right_sub_column{
	width: 269px;
	float: right;
}
#colum{
	float: right;
	width:550px;	
}
.center{
text-align:center;
}

.imagecenter
{
	text-align:center;
	width:170px;
}
.small { float:left; display:block;}
/*text--------------------------------------------------------------------------------------------------*/

p, h2, h3, h4{
	color: #004990 /*dark blue*/;
	font-size: 12px;
}
h2{
	font-size: 16px;
	padding-top: 15px;
}
h3{
	font-size: 16px;
}
h3 a, h3 a:hover, h3 a:active, h3 a:link, h3 a:visited{
	color:#FFFFFF;
	display:block;
	font-size:13px;
	line-height:32px;
}
h4{
	font-size: 14px;
}
#box_home p, #box_home_right p{
	font-size: 11px;
	padding: 10px 10px 10px 0px;
}
h3.box_home_title{
	width: 216px;
	line-height: 32px;
	display: block;
	color:#FFFFFF;
	padding-left:30px;
	background:url(images/box_title.gif) no-repeat;
	font-size: 13px;
	padding-top: 0px;
}
.strapline_bottom{
	text-align: center;
	color: #004990 /*dark blue*/;
	font-size: 110%;
	font-weight: normal;
	padding-top: 100px;
}
.footer{
	text-align: center;
	color: #004990 /*dark blue*/;
	font-size: 65%;
	width: 920px;
	display: block;
	margin: 0 auto;
}
.keywords_bottom{
	font-size: 70%;
	padding-top: 10px;
	color:#999999;
	margin:0 auto;
	width:850px;
}
ul.normal{
	color: #004990 /*dark blue*/;
	font-size: 12px;
	margin: 10px 0 0 0px;
	padding: 10px 30px 10px 30px;
	background: #DEF0EE;
	border-top: 1px solid #004990 /*dark blue*/;
	border-bottom: 1px solid #004990 /*dark blue*/;
}
ul.normala{
	color: #004990 /*dark blue*/;
	font-size: 12px;
	margin: 10px 0 0 0px;
	padding: 10px 0px 10px 139px;

	
}
ul.normala span { height:136px; display:block;}
*:first-child+html ul.normala span { height:140px; display:block;}
* html ul.normala span { height:165px; display:block;}
ul.literature{
	height:210px;
}
.headings{
	font-size: 110%;
	color: #004990 /*dark blue*/;
	padding-bottom: 30px;
	background:url(images/h1_footer.gif) no-repeat bottom left;
}
p.headings{
    font-size: 90%;
	color: #004990 /*dark blue*/;
	padding-bottom: 30px;
	background:url(images/h1_footer.gif) no-repeat bottom left;
}
.h3headings{
	font-size: 110%;
	color: #004990 /*dark blue*/;
	padding-bottom: 30px;
	background:url(images/h1_footer.gif) no-repeat bottom left;
	padding-top:15px;
	clear:both;
	display:block;
}

.keywords_top{
	float:left;
	text-align:center;
	font-size: 65%;
	width: 920px;
	padding-top: 10px;
}
h1.keywords_top{
	color:#004990;
}
.box_heading{
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	padding-top: 10px;
}
.quote_table {
	margin-left: 20px;
}
.smaller {
	font-size: 80%;
	line-height: 30px;
}
.tel_grey{
	color: #FF0000;
	padding-left: 150px;
}
.column_title{
	background: #004990 /*dark blue*/;
	color: #FFFFFF;
	padding: 5px 0 5px 5px;
	margin-bottom: 10px;
	clear:left;

}
h4.arrowdown {
	background:url(images/arrowdown.jpg) no-repeat 	0 0;
	line-height:10px;
	padding:0 0 0 20px;
}
.info {
	color:#000;
	text-align:center;
	width:245px;
	font-size:70%;
	
}
.info span {
	color:#FF0000;
	text-transform:uppercase;
}
.col1{
	width:250px;
	float:left;
}

.col2{
	width:250px;
	float:left;
}
.col3{
	width:170px;
	float:left;
	position:relative;
	padding:0 5px;
	
}
.col3 h4.headings {
	font-size:70%;
}
.clear{
clear:both;
}
/*links-------------------------------------------------------------------------------------------------------------------------*/
a:link, a:visited{
	color: #36afe3;
	text-decoration: none;
}
a:hover, a:active{
	color: #004990 /*dark blue*/;
}

.submit, .submit_hover, .submit2, .submit_hover2{
	background: url(images/submit_btn.jpg) no-repeat;
	height: 30px;
	width: 94px;
	color: #FFFFFF;
	font-weight: bold;
	border: 0px;
}
.submit2, .submit_hover2{
	margin: 0px;
	background: url(images/submit_btn.jpg) no-repeat;
}
.submit_hover, .submit_hover2{
	color: #36afe3;
}
a:link.sub_nav_links{
	color: #FFFFFF;
	padding-left: 50px;
	font-size: 90%;
	background: url(images/yellow_arrow.jpg) no-repeat 0px 10px;
	line-height: 35px;
	display: block;
	width: 236px;
	height:35px;
}
a:visited.sub_nav_links{
	color: #FFFFFF;
	padding-left: 50px;
	font-size: 90%;
	background:	 url(images/yellow_arrow.jpg) no-repeat 0px 10px;
	line-height: 35px;
	display: block;
	width: 236px;
	height:35px;
}
a:hover.sub_nav_links, a:active.sub_nav_links{
	color: #36afe3;
}
a:link.click_here, a:visited.click_here{
	width:76px;
	height:24px;
	background: url(images/click_here.gif) no-repeat;
	display: block;
}
a:hover.click_here, a:active.click_here{
	background: url(images/click_here.gif) no-repeat 0 -24px;
}
a:link.blank_banner, a:visited.blank_banner{
	width: 534px;
	line-height: 60px;
	display: block;
	background:url(images/blank_banner.gif) no-repeat;
	padding-left: 50px;
}

a.click_here { 
	position:absolute;
	bottom:8px;
}

a:hover.blank_banner, a:active.blank_banner{
	color: #004990 /*dark blue*/;
}
a:link.blank_banner_small, a:visited.blank_banner_small{
	width: 200px;
	line-height: 60px;
	float:left;
	background:url(images/blank_bannerSml.jpg) no-repeat;
	padding-left: 50px;
}
a:hover.blank_banner_small, a:active.blank_banner_small{
	color: #004990 /*dark blue*/;
}
.blank_banner_small.firstBtn {
	margin-right:50px;
}

a.nounderline img {
	text-decoration:none!important;
	border:none;
}
 

/*box-------------------------------------------------------------------------------------------------------------------------*/
#box_top{
	height: 41px;
	background:url(images/box_top.jpg) no-repeat;
	margin-left: 28px;
	margin-top: 12px;
	clear: left;
}
#box_middle{
	background:url(images/box_middle.jpg) repeat-y;
	margin-left: 28px;
}
#box_bottom{
	height: 20px;
	background:url(images/box_bottom.jpg) no-repeat;
	margin-left: 28px;
}
#box_home, #box_home_right{
	float: left;
	width: 245px;
	height: 210px;
	border: 1px solid #004990 /*dark blue*/;
	margin-top: 10px;
	padding: 10px;
	margin-right: 5px;
	position:relative;
}
#box_home_right{
	margin-right: 0px;
}
#box_home img, #box_home_right img{
	float: right;
}


/*nav------------------------------------------------------------------------------------------*/
ul.nav {margin-left: 23px; padding-left: 290px; margin-top: 150px; list-style: none;display: inline;float: left; background: url(images/nav_left.jpg) no-repeat top left;}
ul.nav li{float: left;}

ul.nav li a:link.home,  ul.nav li a:visited.home, ul.nav li .home_live{
	display: block;
	height: 73px;
	width: 125px;
	background:  url(images/home_btn.jpg) no-repeat left top;
}
ul.nav li a:hover.home, ul.nav li a:active.home, ul.nav li .home_live {
	background:  url(images/home_btn.jpg) no-repeat 0 -73px;
}
/*------------------------------------------------------------------------------------------*/

ul.nav li a:link.about,  ul.nav li a:visited.about, ul.nav li .about_live{
	display: block;
	height: 73px;
	width: 151px;
	background:  url(images/about_btn.jpg) no-repeat left top;
}
ul.nav li a:hover.about, ul.nav li a:active.about, ul.nav li .about_live {
	background:  url(images/about_btn.jpg) no-repeat 0 -73px;
}
/*------------------------------------------------------------------------------------------*/
ul.nav li a:link.contact,  ul.nav li a:visited.contact, ul.nav li .contact_live{
	display: block;
	height: 73px;
	width: 152px;
	background:  url(images/contact_us_btn.jpg) no-repeat left top;
}
ul.nav li a:hover.contact, ul.nav li a:active.contact, ul.nav li .contact_live {
	background:  url(images/contact_us_btn.jpg) no-repeat 0 -73px;
}
/*------------------------------------------------------------------------------------------*/
ul.nav li a:link.quote,  ul.nav li a:visited.quote, ul.nav li .quote_live{
	display: block;
	height: 73px;
	width: 158px;
	background:  url(images/get_a_quote_btn.jpg) no-repeat left top;
}
ul.nav li a:hover.quote, ul.nav li a:active.quote, ul.nav li .quote_live {
	background:  url(images/get_a_quote_btn.jpg) no-repeat 0 -73px;
}
/*sub nav----------------------------------------------------------------------------------------------------------------------------*/
ul.sub_nav{
margin-left: 28px;
margin-top: 12px;
list-style: none;
display: inline;
float:left;
display: inline;
}
*:first-child+html ul.sub_nav{
margin-left: 12px;
}
* html ul.sub_nav{
margin-left: 12px;
}
ul.sub_nav li a:link,  ul.sub_nav li a:visited{
	display: block;
	height: 34px;
	font-weight: bold;
	width: 236px;
	background: url(images/sub_nav_btn.jpg) no-repeat;
	text-decoration: none;
	padding-left: 42px;
	margin-bottom: 7px;
	line-height: 34px;
	display: block;
	color: #004990 /*dark blue*/;
}
ul.sub_nav li a:hover, ul.sub_nav li a:active{
	background:  url(images/sub_nav_btn.jpg) no-repeat 0 -34px;
	color: #ed3523;
}

ul.sub_nav li.double a:link,  ul.sub_nav li.double a:visited{
	display: block;
	height: 68px;
	font-weight: bold;
	width: 236px;
	background: url(images/sub_nav_btn2.jpg) no-repeat;
	text-decoration: none;
	padding-left: 42px;
	margin-bottom: 7px;
	line-height: 34px;
	display: block;
	color: #004990 /*dark blue*/;
}
ul.sub_nav li.double a:hover, ul.sub_nav li.double a:active{
	background:  url(images/sub_nav_btn2.jpg) no-repeat 0 -68px;
	color: #ed3523;
}

li a.sub_nav_links:hover { color:#36AFE3!important;}

/* Ccontact Form CSS */


#contactEmail {
	margin-left: 20px;
	margin-bottom: 50px;
}
#contactEmaila {
	margin-left: 20px;
	margin-bottom:0px;
}
fieldset {
	width: 430px;
	border: 1px solid #666666;
	padding: 7px;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}


fieldset table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin-top: 5px;
	margin-left: 25px;
	padding-bottom: 10px;
}

fieldset input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border: 1px solid #666666;
	padding: 2px;
	background-color: #EDEDED;
}

fieldset textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border: 1px solid #666666;
	padding: 2px;
	background-color: #EDEDED;
}
.linebox {
	width: 250px;
}
legend {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}


/*tables----------------------------------------------------------------------------------------------------------------------------*/

table {
	color:#004990;
	font-size:12px;

}
.tablebg {
 background:#DEF0EE none repeat scroll 0;
 }

.tablebg1 {
 background:#def0ee none repeat scroll 0;
 }

.tablebg2 {
 background:#014991 none repeat scroll 0;
 color:#fff;
 }
 .outline {
	border:1px solid #004990;
 }
 
 .tablebgnone {
 	background:#fff;
 
 }
 
 
 /* Extra styles -----------------------------------------------------------------------------------------------------------------*/
 p.durants a {
 	float:left;
	padding:5px;
	border:none;
	
 }
 p.center {
    width:550px; 
  	text-align:center;
  }
  
 img.padding {
 	padding:9px;
 }
 
 .red {
 	color:#ff0000;
 }
 
 .blueborder {
 	border:2px solid #024a92;
 }
 
/*a.sub_nav_links{
	background: url(images/yellow_arrow.jpg) no-repeat 0px 10px!important;
}
* htm a.sub_nav_links{
	background: url(images/yellow_arrow.jpg) no-repeat 0px 10px!important;
}
*/
*:first-child+html a.sub_nav_links{
	color: #FFFFFF!important;
	padding-left: 50px;
	font-size: 90%;
	background: url(images/yellow_arrow.jpg) no-repeat 0px 10px!important;
	line-height: 35px;
	display: block;
	width: 236px;
	height:35px;
	margin-left:16px;
}
	
* html a.sub_nav_links{
	color: #FFFFFF!important;
	padding-left: 50px;
	font-size: 90%;
	background: url(images/yellow_arrow.jpg) no-repeat 0px 10px!important;
	line-height: 35px;
	display: block;
	width: 236px;
	height:35px;
	margin-left:16px;
}
.pdf {
	background:url(images/pdf.gif) no-repeat 0 0;
	line-height:50px;
white-space:nowrap;
padding-left:53px;
padding-top:32px;}

.red { color:#FF0000;}


/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}
#sprytextfield1,
#sprytextfield2,
#sprytextfield3,
#sprytextfield4,
#sprytextfield5,
#sprytextfield6,
#sprytextfield7,
#sprytextfield8
  { 
  	position:relative;
  }
/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	
display: inline;
	color: #CC3333;
	border:1px solid #e7e7e7;
	background:#FFFFFF;
	padding:3px 5px;
	position:absolute;
	margin-left:5px;
	top:-3px;
	left:170px;
	width:150px;
	height:15px;
	z-index:1000;
}
#sprytextfield5 .textfieldRequiredMsg,
#sprytextfield6 .textfieldRequiredMsg,
#sprytextfield7 .textfieldRequiredMsg,
#sprytextfield8 .textfieldRequiredMsg
 {
	left:250px;
}	

/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
	
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText{
	color: red !important;
}
.textfieldRequiredState { z-index:1000;}