﻿/*--------------------Coleman Insurance Website Content Style Sheet -----------------------------*/
/*------------------------Homepage content styles --------------------------*/
div#three-services-box{
	padding-top: 30px;
	padding-left: 30px;
	background: url('../Images/green-grad-bkgnd.gif') 0 0 repeat-x;
	min-height: 200px;
}
div#three-box-1, div#three-box-2, div#three-box-3{
	float: left;
	width: 255px;
}
div#three-box-1, div#three-box-2{
	margin-right:30px;
}
div#three-box-1 img, div#three-box-2 img, div#three-box-3 img{
	position: relative;
	top: -18px;
	left: 18px;
	border: none;
}
div#three-box-1{
	background: url('../Images/service-1-pic.jpg') 0 0 no-repeat;
	background-color: #42A1C1;
}
div#three-box-1 h2 span{
	color: #B3F0FF;
}
div#quote-box-1, div#quote-box-2, div#quote-box-3{
	height: 25px;
	font-size: 11px; 
	font-weight: bold;
}
div#quote-box-1{
	background: url('../Images/quote-box-1.gif') 10px 0px no-repeat;
}
div#quote-box-2{
	background: url('../Images/quote-box-2.gif') 10px 0px no-repeat;
}
div#quote-box-3{
	background: url('../Images/quote-box-3.gif') 10px 0px no-repeat;
}
div#quote-box-1 p, div#quote-box-2 p, div#quote-box-3 p{
	padding: 4px 0 0 38px;
}
div#three-box-2{
	background: url('../Images/service-2-pic.jpg') 0 0 no-repeat;
	background-color: #C05253;
}
div#three-box-2 h2 span{
	color: #FEC4C0;
}
div#three-box-3{
	background: url('../Images/service-3-pic.jpg') 0 0 no-repeat;
	background-color: #B3B749;
}
div#three-box-3 h2 span{
	color: #EBED88;
}
div#service-1-bottom{
	height: 34px;
	background: url('../Images/service-1-bottom.jpg') 0 0 no-repeat;
}
div#service-2-bottom{
	height: 34px;
	background: url('../Images/service-2-bottom.jpg') 0 0 no-repeat;
}
div#service-3-bottom{
	height: 34px;
	background: url('../Images/service-3-bottom.jpg') 0 0 no-repeat;
}
.service-text{
	min-height:180px;
	padding: 0 15px;
	position: relative;
	top: -7px;
}
.service-text p, .service-text h2{
	color: white;
}
.service-text h2 a{
	color: inherit;
	text-decoration: none;
}
div#home-bottom-left{
	clear: both;
	float: left;
	width: 575px;
}
div#home-main-content{
	width: 475px;
	padding: 0px 50px;
	background: url('../Images/content-bkgnd.gif') 28px 0 repeat-y;
}
div#wht-box-top{
	height: 20px;
	width: 575px;
	background: url('../Images/content-bkgnd-top.jpg') 28px 0 no-repeat;
}
div#wht-box-bottom{
	height: 20px;
	width: 575px;
	background: url('../Images/content-bkgnd-bottom.jpg') 28px 0 no-repeat;
	margin-bottom: 20px;
}
div#content-box hr {
	margin: 5px 35px 17px 35px;
}
a#contact-us{
	background-image: url('../Images/blue-arrow.gif');
	background-repeat: no-repeat;
	padding-left: 23px;
	padding-top: 2px;
	margin-top: 10px;
	margin-right: 5px;
	float: right;
}
div#content-box hr {
	margin: 5px 35px 17px 35px;
}
div#content-box ul {
	padding: 0 0 20px 35px;
}
div#home-bottom-right{
	float: right;
	width: 265px;
	padding-right: 30px;
}
div#home-bottom-right h3{
	margin-bottom: 15px;
}	
div#bottom-right-text{
	padding: 11px 15px 0px 15px;
	background: url('../Images/grn-box-top.gif') 0 0 no-repeat;
	background-color: #F7F9CC;
}
div#bottom-right-text ul{
	padding: 0 0 10px 15px;
}
div#bottom-right-cap{
	height: 15px;
	background: url('../Images/grn-box-bottom.gif') 0 0 no-repeat;
}	
/*--------------------- Home Insurance Page Content -----------------------*/
div#form-box{
clear: both;
	margin: 0 auto;
	width: 693px;
	padding: 25px 42px;
	background-color: white;
	font-size: 12px;
}
div#form-box h1{
	font-size: 20px;
	text-align: center;
}
table#home-rates{
	float: right;
	border-collapse: collapse;
	text-align: center;
	color: #333333;
	margin: 0 0 5px 15px;
}
table#home-rates caption{
	padding-bottom: 5px;	
	font-weight: bold;
}
table#home-rates th{
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: maroon;
}
table#home-rates tr{
	
}
table#home-rates tr td{
	width: 65px;
	padding: 3px;
	border: 1px silver solid;
	font-size: 11px;
	background-color: #FFFFFF;
}
table#home-rates tr td.example-customer{
	width: 80px;
}
div#form-box h4{
	padding: 5px 0 15px 0;
	font-size: 14px;
}
table#contact-info{
	font-size: 14px;
	padding-bottom: 20px;
	margin-right: 10px;
}
table#contact-info tr{
	
}
table#contact-info tr td{
	width: 145px;
}
table#contact-info tr td input{
	width: 143px;
}
table#contact-info tr td.padding-left{
	width: 119px;
	padding-left: 15px;
}
table#current-insurance{
	padding-top: 20px;
	padding-bottom: 20px;
}
table#current-insurance tr{
	
}
table#current-insurance tr td{

}
table#current-insurance tr td input{
	width: 227px;
}
table#current-insurance tr td#col-2 input{
	width: 100px;
	margin-left: 30px;
}
table#home-coverage{
	padding-bottom: 20px;
}
table#home-coverage tr{
	
}
table#home-coverage tr td{
	width: 168px;
}
table#home-coverage tr td.col-2{
	width: 148px;
}
table#home-coverage tr td input{
	
}
table#home-coverage tr td.col-2 input{
	width: 148px;
}
table#non-renew{
	padding-top: 20px;
}
table#submit{
	padding-top: 15px;
}
table#submit tr{
	
}
table#submit tr td{
	width: 775px;
}
div#home-insurance-left{
	background: url('../Images/content-bkgnd.gif') 28px 0 repeat-y;
}
div#home-insurance-right{
	float: right;
	width: 220px;
	font-size: 12px;
	border: 1px red solid;
}
img#state_farm_cancellation{
	position: relative;
	top: -245px;
	left: 550px;
	border: none;
}
div#cancellation-box{
	position: absolute;
	top: 45px;
	left: 550px;
	width: 298px;
	height: 119px;
	background-image: url('../Images/insurance-cancellation-box.gif');
	background-repeat:no-repeat;
}
div#cancellation-box p{
	padding: 15px;
}
div#cancellation-box p strong{
	color: #CC0000;
}
/*--------------------------------- Auto Insurance Quote Form -------------------------------------*/
table#vehicle-usage{
	padding-bottom: 20px;
}
table#vehicle-usage tr td.usage-table{
	width: 175px;
}
/*--------------------------------- Health Insurance Quote Form -------------------------------------*/
table#company-info{
	 width:400px;
	 padding-bottom: 10px;
}
table#employee-info{
	padding-top: 20px;
}
/*--------------------------------- Contact Us Form -------------------------------------*/
table#contact-us{
	 width: 400px;
}
table#message{
	padding-bottom: 5px;
}
td#add-me{
	padding-top: 2px;
	text-align: center;
}

