/* 
---------------- 
INSURANCE PRODUCTS PAGE
----------------
*/


/* 
---------------- 
LAYOUT
----------------
*/
.products.index #main {
	width:900px;
	margin-right:0;
}
.products.index #supporting {
	position:absolute;
	top:0;
	right:0;
}
.products.benefits #supporting {
	margin-top:56px;
}
.products.smbizform #main {
	width:860px;
	margin-right:0;
}


/* 
---------------- 
PRODUCT H3's
----------------
*/
#commercial,
#benefits,
#smbiz,
#commercial span,
#benefits span,
#smbiz span {
	position: relative;
	display: block;
	width:260px;
	height:190px;
	margin:0 0 40px 0;
	padding:0;
	line-height: 1em;
}
#commercial span,
#benefits span,
#smbiz span {
	position: absolute;
	bottom:-10px;
	left:-10px;
	margin:0;
}
.products.index #commercial,
.products.index #benefits,
.products.index #smbiz {
	float: left;
	margin:0 40px 0 0;
}
#commercial a,
#benefits a,
#smbiz a {
	position: absolute;
	bottom: 10px;
	left: 10px;
	text-decoration: none;
	font-style: italic;
}

#commercial {
	background: url(/images/products_commercial.jpg) 0 0 no-repeat;
}
#commercial a:link,
#commercial a:visited {
	color:#0B1364;
}
#commercial a:hover,
#commercial a:active {
	color:#fff;
}

#benefits {
	background: url(/images/products_benefits.jpg) 0 0 no-repeat;
}
#benefits a:link,
#benefits a:visited {
	color:#650B3E;
}
#benefits a:hover,
#benefits a:active {
	color:#fff;
}

#smbiz {
	margin:0;
	background: url(/images/products_smbiz.jpg) 0 0 no-repeat;
}
#smbiz a:link,
#smbiz a:visited {
	color:#65320B;
}
#smbiz a:hover,
#smbiz a:active {
	color:#fff;
}



/* 
---------------- 
PROCESS
----------------
*/
h2#process-arrows {
	display: block;
	position: relative;
	height: 130px;
	margin-bottom:20px;
	background: url(/images/process_arrows.gif) bottom left no-repeat;
}
p.process {
	position: relative;
	display: block;
	float: left;
	width: 150px;
	margin-right:20px;
}
p.process.one {
	width: 130px;
	margin-right:45px;
}
p.process.two {
	width: 120px;
	margin-right:55px;
}
p.process.four {
	margin-right:35px;
}
p.process.five {
	margin-right:0;
}


/* 
---------------- 
SUBNAV
----------------
*/
.subnav {
	position: relative;
	width:220px;
	height:238px;
	padding:20px;
	margin: 56px 0 40px 0;
	background: url(/images/callout_client_services_box.jpg) 0 0 no-repeat;
}
.subnav h3 {
	font-size: 18px;
	font-family: Frutiger, "Frutiger Linotype", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: lighter;
	color:#650B3E;
	padding-bottom:10px;
	margin-bottom:10px;
	line-height: 18px;
	border-bottom: 1px solid #999;
	letter-spacing: normal;
}
.subnav a {
	line-height: 2em;
	padding-left:20px;
}
.subnav a:link {
	text-decoration: none;
	background: url(/icon/bullet_go.png) 0 0 no-repeat;
}
.subnav a:visited {
	text-decoration: none;
	color:#333;
	background: url(/icon/tick.png) 0 0 no-repeat;
}
.subnav a:hover,
.subnav a:active {
	text-decoration: underline;
	color:#650B3E;
}



/* 
---------------- 
BENEFITS LISTS
----------------
*/
.benefits-list {
	position: relative;
	display: block;
	float: left;
	width: 150px;
	margin-right: 20px;
	background: #efefef;
	padding:0 10px 10px 10px;
}
.benefits-list.last {
	margin-right: 0;
}

.benefits-list h3 {
	font-family: Frutiger, "Frutiger Linotype", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 30px;
	font-weight: lighter;
	letter-spacing: normal;
	border-bottom: 1px solid #650B3E;
	color: #650B3E;
	margin-bottom: 10px;
}
.benefits-list li {
	font-size: 12px;
	line-height: 1.5em;
	background: url(/icon/bullet_green.png) 0 2px no-repeat; 
	padding-left:20px;
}




/*
---------------------
SMBIZ FORM
---------------------
*/
#f-state,
#f-zip {
	width:100px;
}
div.form .row {
	margin-bottom: 0;
}
div.form .row.coverages {
	margin: 20px 0;
	background:#efefef;
	padding:10px;
}
fieldset.organization .row {
	margin-bottom: 10px;
}
#f-description textarea {
	width:740px;
	height: 200px;
}
div.form div.field.coverage {
	width:180px;
}
div.form label.inline {
	margin-right:20px;
}
div.form div.field.carrier,
div.form div.field.wcclass {
	height:55px;
	width:220px;
	margin-right: 30px;
	line-height: 55px;
	padding-left: 10px;
	background: #efefef;
}
div.form hr,
div.form fieldset hr {
	clear:left;
	border:none;
	height:1px;
	width:100%;
	background: #ccc;
	margin-top:40px;
}