/* ==================== Coleman Main Layout CSS Styles ==================== */

/*	Table Of Contents
	 1.Defaults
	 2.Header
	 3.Navigation
	 4.Quote Form
	 5.Content
	 6.Locations
	 7.Footer
*/

/* ==================== 1.Defaults ==================== */

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

body {background: url(../images/bg-main.jpg) repeat-x; font:11px Arial, Helvetica, sans-serif; color:#666;margin-top:5px; width:100%;}

h1 {font-size:1.5em;}

h2 {font-size:1.5em;}

h1,h2 {margin-bottom:6px; color:#000;}

a, a:hover, a:active, a:focus {text-decoration:none; outline:none;}

img {border:none;}
	
ul {list-style:none;}
	
.clear {clear:both;}
	
.err {color: #F00; font-weight: bold;}

.img-left {float:left; margin-right:15px; padding:3px;}
	
.img-left-bdr {float:left; margin-right:15px; margin-top:5px; margin-bottom:0px; padding:3px; border:#CCC 1px solid;}

.img-right {float:right; margin-left:15px; padding:3px;}
	
.img-right-bdr {float:right; margin-left:15px; padding:3px; border:#CCC 1px solid;}
	
#wrapper {width:950px; margin: 0px auto;}

area title { color:#F60; }

/* ==================== 2.Header ==================== */

#header {width:950px; height:86px; float:left; color:#666;}

#header img {float:left;}

#header div {float:right; padding-right:0px; padding-top:15px; text-align:right;}


#phone {font-size:20px; font-weight:bold; color:#FC0; padding-right:160px;}

#phoneno {font-size:25px; font-weight:bold; color:#FC0;}

#header a {color:#CCC;}
	
#header a:hover {color:#FFF; text-decoration:underline;}
	
/* ==================== 3.Navigation  ==================== */

#navigation {width:950px; height:41px; float:left; background:url(../images/bg-navigation.jpg) repeat-x; font-weight:bold; color:#FFF; font-size:1.1em;}
	
#navigation ul {width: 950px; height: 41px;}
	
#navigation li {float:left; position:relative;}

#navigation a {float:left; color:#FFF; background:url(../images/btn-spacer.jpg) no-repeat top right;}

#navigation a:hover, #navigation .active {background:url(../images/btn-hover.jpg) no-repeat top right;}


#navigation a, #navigation a:hover {display:block; padding:0px 22px 0px 21px;}
	
#navigation a, #navigation span, #navigation a:hover span {line-height:41px;}

a#Locations {background:none;}

a:hover#Locations {background:url(../images/btn-hover-Locations.jpg) no-repeat top right;}

/* ==================== 4.Quote Form ==================== */
	
#quote-container {width:950px; height:239px; float:left; background-color:#000; border-top:#505354 1px solid; position:relative;}

#flash {float:left; margin-top:1px;width:473px;}

#quote-form-container {width:457px; height:210px; margin:10px 0px; padding:6px; float:left; background-color:#333; border:#616464 1px solid;}

#quote-form {width:448px; height:201px; padding:4px; background-color:#FFF; float:left; position:relative;}

#quote-form div {float:left;}

#quote-form label {color:#333; margin-top:16px; padding-left:4px; text-align:right; display:block; float:left; font-weight:bold;}

#quote-form input, #quote-form select {margin:13px 0px 0px 8px; padding:2px; border:#CCC 1px solid;}

/* ------ Left Div ------ */

p#free-quote {color:#EE6916; font-size:1.5em; font-weight:bold; padding-bottom:0px;}

p#free-quote a {color:#666; font-size:0.6em; font-weight:normal;}
p#free-quote a:hover {color:#F60;}

#quote-form #left {width:240px;}

#quote-form #left label {width: 72px;}

#quote-form #left input {width:110px;}

#quote-form #left select {width:125px;}

/* ------ Right Div ------ */

p#required-fields {background: url(../images/icon-required.gif) no-repeat left 3px; padding-left:15px; margin:4px 0px 0px 80px;}
span.required {background: url(../images/icon-required.gif) no-repeat 0px 3px;padding-left:12px}

#quote-form #right {width:204px;}

#quote-form #right label {width:40px;}

#quote-form #right input {width:140px;}

#quote-form #right .btn_continue {height:34px; width:120px;  border:none; position:absolute; left:298px; top:154px;*top:158px;}

/* ==================== 5.Content ==================== */
	
#content-container {width:918px; padding:15px 15px 0px 15px; float:left; background-color:#FFF; border:#CCD4D6 solid; border-width: 4px 1px 1px 1px; height:auto;font-size:1.1em;}
	
* html #content-container {height:525px;}

/* ==================== 6.Locations ==================== */
	
#locations {width:910px; padding:20px; float:left; background-color:#000;}
	
#locations #title {font-size:1.2em; padding-bottom:12px; font-weight:bold; color:#FC0;}
	
#locations ul {display:block; font-size:1.1em; line-height:160%; float:left; width:210px; margin-right:18px; margin-left:10px;}

#locations ul.last {width:170px; margin-right:0px;}
	
#locations li {background: url(../images/icons/bullet-locations.gif) no-repeat left; padding-left:12px;}
	
#locations a {color:#FFF; text-decoration:underline;}

#locations a:hover {text-decoration:none;}

/* ==================== 7.Footer ==================== */

#footer {width:910px; padding:20px; color:#666; clear:both; background:url(../images/logo-affiliates.gif) no-repeat 320px;font-size:1.1em;}

#footer p{line-height:160%;}
	
#footer a {color:#F60;}
	
#footer a:hover {color:#666; text-decoration:underline;}
	
p#spectrum a {color:#666;}
	
p#spectrum a:hover {color:#F60;}

/*=================== 8. Quote Area Special ======================== */
#quote-form-container .quick-alert 
{
	font-family:Arial, Verdana, Sans-Serif;
	font-size:1.1em;
  width:250px;
  padding:.2em .5em .2em .5em;
  background-color: #FFF;
  border:solid 1px #464646;
  color: #000000;
  display:inline;
  position:absolute;
  top:45%;
  left:40%;
  z-index:999;
}
#quote-form .watermarks
{
	color:#cccccc;
}
ul.centered li img
{
	width:50px;
	border:solid 1px #ccc;
}
ul.centered li span
{
	float:left;
	margin:0px 5px 0px 0px;
	vertical-align:text-top;
	width:120px;
}

/*=============================contact-info in the header ==========================================*/
#contact-info span#GoGreenText
{
	width:430px;
	margin-right:0px;
}
#contact-info span#GoGreenText
{
	background:transparent url(../images/GoGreen/green_house_icon_text1.png) no-repeat 0 0;
	width:220px;
	height:57px;
	float:left;
	cursor:hand;
	display:block;
}
#contact-info #phone-box
{
	width:620px;
	height:32px;
	margin-bottom:5px;
}
#contact-info #phone-box #links
{
	bottom:0px;
	position:relative;
}
#contact-info #phone-box #phone
{
	float:right;
	bottom:10px;
	position:relative;
}