/*
---------------ToC---------------
1. Default Settings
2. Structure
3. Links and Lists
5. Images
4. Paragraphs and Headings
*/

/* ----------Default Settings---------- */
/* -----Reset----- */
*{margin:0;padding:0;}img{border:0;}ol,ul {list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}

/* -----Fonts----- */
body {font:Verdana;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% Verdana;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

/* ----------Structure---------- */
body {
	color:#000;
	background: url(../_images/bg.jpg) repeat-x;
	background-color:#FFFFFF;
	font-weight: bold;

}

#wrap {
	width: 970px;
	margin: 0 auto;
	padding: 0 38px 0 35px;
	font-family: Verdana;
	
}

#states {
	width: 960px;
	margin: 0 auto;
	padding: 0 38px 0 35px;
	
}
/* ---- Header ---- */

#head {
	position: relative;
	width: 1000px;
	height: 143px;
}

#head a span {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#head a#cta2 {
	display: block;
	position: absolute;
	right: 35px;
	top: 7px;
	width: 180px;
	height: 50px;
}
#head a#cta1 {
	display: block;
	position: absolute;
	right: 225px;
	top: 7px;
	width: 165px;
	height: 50px;
}

/* ---- Left Column ---- */

#left {
	float: left;
	width: 240px;
	padding-bottom: 31px;
	padding-left:36px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;

}

/* Nav */
#left ul#nav {
	list-style: none;
	margin: 0;


}

#left ul#nav li {
margin: 0;
padding: 0;
line-height: 1em;
display: inline;
}

#left ul#nav li a {
	display: block;
	overflow: hidden;
	padding: 14px 10px;
	background-image:url(../_images/btn.png);
	text-decoration: none;
	color: #fff;
	height:10px;
	border-bottom-color:#CCC;

}

#left ul#nav li a:hover {
	background-image:url(../_images/btn2.png);
}

#left ul#nav li h3 {
	display: block;
	overflow: hidden;
	padding: 14px 10px;
	background-image:url(../_images/btn3.png);
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	height:10px;
	border-bottom-color:#CCC;
	text-align:center;

}

#left div#logos {
	padding-left: 7px;
}
#left div#logos img {
	margin-right: 2px;
}

#left p {
	margin-left: 15px; margin-top: 10px;	color: #fff; font-weight: bold;
}

ul {
	list-style: circle;
	margin: 10px;
}

ul li {
	margin-left: 10px;
	line-height: 2em;
	font-family: Verdana;
}

ol {
list-style-type: decimal;
margin: 10px;
}

ol li {
margin-left: 10px;
line-height: 2em;
}

ul#couponList li {
line-height: 1.5em;
}

ul#contact {
list-style: none;
margin: 10px 0;
}

ul#contact li {
margin-left: 10px;
line-height: 1.5em;
color: #1E3F8A;
}

dl {
}

dt {
color: #001A55;
font-size: 107%;
font-weight: bold;
padding-top: 10px;
}

dd {
padding: 5px 0 0 10px;
line-height: 1.5em;
color: #1E3F8A;
}

blockquote {
background: #F4F4F4;
border: 2px solid #DCDCDC;
margin-top: 10px;
padding: 5px;
color: #1E3F8A;
}

/* ---- Right Column ----*/

#right {
	width: 630px;
	float: left;
	padding: 25px 25px 25px 25px;
	font-family:arial;
	font-size:12px;
	font-weight:200;
}
#right.home {
	padding-top: 20px;
}

#right img.cta_right {
	float: right;
	margin: 0 0 15px 15px;
}

#right h1 {
	font-size: 114%;
	margin: .25em 0 0 0;
	color: #001A55;
}


#right p {
	margin: 1em 0;
	line-height: 1.6em;
	font-family: arial;
}
/* Footer */

#foot {
	font-family:arial;
	font-size:12px;
	font-weight:200;
	width:960px;
	padding:20px 0px;
}
#foot p {
	margin: 0;
	font-size: 85%;
	color: #1E3F8A;
	padding: 0;
}
#foot p a {
	color: #1E3F8A;
}

#coupons img {
padding: 5px;
}

/* ----------Links and Lists---------- */
a {
color: #1E3F8A;
}

a:hover {
}

/* ----------Images---------- */


/* ----------Paragraphs and Headings---------- */
p {
	font-family: arial;
}

em {
font-style: italic;
color: #6685CA;
}

h1 {
}

h2 {
margin-top: 10px;
}

h3 {
color: #001A55;
font-size: 135%;
}

h4, h5, h6 {
color: #FF0000;
}

/* Browser Fixes */

.cleardiv {
	clear: both;
}

.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
 * html .clearfix {height: 1%;}
 .clearfix {display: block;}


/* ---------Forms------------- */

form {
margin: 10px 0;
font-size: 92%;
display: inline;
}

fieldset {
float: left;
width: 500px;
padding: 5px;	
margin-top: 10px;
border: 1px solid #999999;
display: inline;
overflow: hidden;

}



fieldset.floatLeft {
float: left;
width: 275px;
padding: 5px;
margin: 10px 0 0 0;
display: inline;
overflow: hidden;
}

fieldset.floatRight {
float: right;
width: 275px;
padding: 5px;
margin: 10px 0 0 0;
display: inline;
overflow: hidden;
}

.quoteForm {
float: left;
width: 160px;
}

.inside {
float: left;
width: 160px;
}

.smallInput {
width: 70px;
}

textarea {
width: 400px;
}

legend {
padding: 2px 5px;
font-weight: bold;
color: #031B7E;
font-size: 122%;
}

label {
color: #333333;
}

p.formTitle {
font-size: 107%;
text-decoration: none;
font-weight: bold;
padding: 10px 0 2px;
}

#content form p {
margin-top: 5px;

}

label.checkbox {
float: left;
width: 250px;
display: inline;
margin: 10px 0;
}

p.notification {
color: #FF0000;
font-size: 107%;
}

p.notification em {
color: #FF0000;
font-weight: bold;
font-style:italic;
text-decoration: none;
}

.required {
color: #FF0000;
font-weight: bold;
font-size: 114%;
}

/* - - - - - - - - - - - - - - - - - - - - -

FORM

- - - - - - - - - - - - - - - - - - - - - */

form ul{
	position:relative;
	list-style-type:none;
	width:100%;
}
form li{
	line-height:2em;
	margin:0;
	padding:1px 4px 6px 9px;
	display: inline-block;
}
form li:after{
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}
/* Holly Hack Targets IE Win only \*/
	* html form li {height: 1%;}
	form li {display: block;}
/* End Holly Hack */

form li div{
	float:left;
	display:inline;
	margin-right:5px;
}
form li.focused{
	background-color:#fff7c0;
} 
form li p{
	clear:both;
	font-size:9px;
	line-height:13px;
	color:#444;
}

form li div.left{
	width:48%;
}
form li div.right{
	width:48%;
}
form li div.left .medium, form li div.right .medium{
	width:100%;
}

.clear{
	clear:both;
}

form li div p{
	margin-bottom:3px;
}
form li img.icon{
	float:left;
	margin:.35em 5px 0 0;
}

/* ----- FIELDS AND LABELS ----- */
label.desc{
	line-height:125%;
	padding:4px 4px 1px 0;
	border:none;
	color:#444;
	font-size:92%;
	float: left;
	width: 75px;
	text-align: right;
}

label.add{
	line-height:125%;
	padding:4px 4px 1px 0;
	border:none;
	color:#444;
	font-size:92%;
	float: left;
}

label.default {
	line-height:125%;
	padding:4px 4px 1px 0;
	border:none;
	color: #031B7E;
	font-size:107%;
	font-weight: bold;
}

div#clearing {
float: left;
margin: 10px 0;
}

div#clearing ul {
color:#333333;
}


input.text, textarea.textarea, select.select{
	font-size:100%;
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	color:#333;
}
input.text{
	padding:2px 0 2px 0;
}
input.currency{
	text-align:right;
}

input.checkbox, input.radio{
	line-height:1.4em;
	margin:8px 0 0 3px;
	width:13px;
	height:13px;
}
label.choice{
	font-size:100%;
	line-height:1.4em;
	margin:0 10px 0 5px;
	padding:5px 0 5px 0;
	color:#444;
	width:90%;
}

textarea.textarea{
	margin-top:1px;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	width: 250px;
	float: left;
}
select.select{
	margin:1px 0 1px 0;
	padding:1px 0 0 0;
}
select.select[class]{
	margin:0;
	padding:1px 0 1px 0;
}

/* ----- SIZES ----- */

.third{
	width:32% !important;
}
.half{
	width:48% !important;
}
.full{
	width:100% !important;
	
}

input.small, select.small{
	width:25%;
}
input.medium, select.medium{
	width:50%;
}
input.large, select.large{
	width:99%;
}
input.tags{
	width:315px;
}

textarea.small{
	height:5.5em;
}
textarea.medium{
	height:10em;
}
textarea.large{
	height:20em;
}




#wrapTable label {
font-size: 92%;
}

.floatPersonal {
float: left;
width: 300px;
overflow: hidden;
display: inline;
}

.floatComments {
float: left;
width: 500px;
overflow: hidden;
display: inline;
}

fieldset.tableField {
float: left;
width: 600px;
padding: 5px;	
margin: 10px 0 0 0;
border: 1px solid #999999;
display: inline;
overflow: hidden;
}

table {
width: 190px;
float: left;
margin: 3px;
}
table, th, td {
	border-collapse: collapse;
	color: #555;
}

td, th {
	padding: 4px;
}

thead th {
	text-align: center;
	background: #E6EDF5;
	color: #4F76A3;
}

tbody th {
	font-weight: bold;
}

tbody tr { background: #FCFDFE; }

tbody tr.odd { background: #F7F9FC; }

tfoot th, tfoot td {
	font-size: 85%;
}

fieldset#homeFieldset {
margin: 20px 20px 20px 0;
}

table#materials {
width: 600px;
margin-bottom: 20px;
}
.style1 {font-weight: bold}
/* Localized */

/* Slider */
.gallery { width:896px; height:400px; margin:0 auto; padding:0; background:url(../images/shade.jpg) no-repeat center bottom; }
#slider { width:896px; height:400px; margin:0 auto; padding:0; list-style:none; border:11px solid #b0b0b0; }
#slider ul, #slider li { margin:0; padding:0; list-style:none; height:333px; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { overflow:hidden; margin:0 auto; }
p#controls { margin:0 auto; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:36px; height:82px; position:absolute; left:-36px; top:-220px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:36px; height:82px; position:absolute; left:898px; top:-220px; }
#prevBtn a { display:block; width:36px; height:82px; background:url(images/arrow_l.png) no-repeat 0 0; }
#nextBtn a { display:block; width:36px; height:82px; background:url(images/arrow_r.png) no-repeat 0 0; }

#homeformspace {
	padding-right:266px;
	font-family: arial;
}


#homeform {
	width: 225px;
	float: right;
	background-image:url(../images/qq.jpg); width:230px; height:375px;
	padding: 80px 5px 5px 5px;
	border: 2px solid #eee;
	margin-left:25px;
}

.homeform_row {
	width: 100%;
	float: left;
	clear: both;
	padding: 5px 0;
}

.homeform_row label {
	font-size: 14px;
}

.homeform_row input[type=text] {
	padding: 3px;
	width: 80%;
	border: 1px solid #000;

}

.homeform_colleft, .homeform_colright {
	width: 50%;
	float: left;
}

#ui-datepicker-div {
	font-size: 12px;
}

#tester {
	float:right;
	padding-top:33px;
}

#homeformspace h2 {
	font-family:arial;
	font-size:12px;
	font-weight:200;
}