@charset "utf-8";

/* ---------- Start layout divs ------------------*/

body div{ 
text-align:left;
/* border-style:solid;
border-top:red;
border-left:blue;
border-right:green;
border-bottom:black;
border-top-width:	0px;
border-right-width:	0px;
border-bottom-width:0px;
border-left-width:	0px;*/
}


#main-container { /* to center the page AND provides white padding round whole page */
text-align:	center;
margin:0px auto 0px auto;
padding:20px 25px 25px 25px;
background-color:#fff;
width:980px;
}

#container-0 { /*  */
text-align:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
	#container-1-header {
	width:100%;
	height:83px;
	text-align:left;
	padding:0px 0px 0px 0px;
	background-image: url(../images/header_bg.gif);
	background-repeat: no-repeat;
	}
		#header-1-1{ 
		width:100%;
		position:relative;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		float:left;
		}					
			#header-1-1-logo{ 
			position:relative;
/*			padding:14px 20px 0px 20px;*/
			padding:10px 20px 0px 13px;
			margin:0px;
			float:left;
			}
			#header-1-1-strapline{
			position:relative;
			text-align:left;
			padding:39px 0px 0px 0px;
			margin:0px 0px 0px 0px;
			float:left;
			font-family: Arial, Helvetica;
			font-size: 150%;
			color:#a1c7e5;
			line-height: 1.1;
			}
			
			#header-1-1-call-us{
			position:relative;
			text-align:right;
			padding:21px 20px 0px 0px;
			margin:0px 0px 0px 0px;
			float:right;
			}
			
			#header-1-1-search{
			position:relative;
			text-align:right;
			padding:21px 20px 0px 0px;
			margin:0px 0px 0px 0px;
			float:right;
			}			
				.header-phone{
				color: #fff;
				font-size:18px;
				font-weight:bold;
				font-family: Arial Narrow, Helvetica;
				}
				.header-email{
				font-size:14px;
				font-weight:bold;
				font-family: Arial Narrow, Helvetica;
				}



		/* start homepage main content section */



#u-r-here{ /* main top container */
width:930px;
height:7px;
font-size: 85%;
color: #333;
padding:7px 0px 10px 15px;
margin:0px 0px 0px 0px;
}
		
#container-2-main { /*  */
width:980px;
padding:0px 0px 0px 0px;
display:inline; /* for IE 6 */
}		


	#container-2-main a:hover img{
	opacity: 0.8;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
	}


#main-2-1-cont{ /* col 1 container */

width:226px;
padding:0px 0px 0px 0px;
margin:0px 0px 40px 0px;
float:left;
}


	#navcontainer ul {
	width:              206px;
	margin:				0; 
	padding:			0; 
	vertical-align:		top;
	list-style-type:	none;
	border:             #CCE0ED;
	border-style:		solid;
	border-top-width:	0px;
	border-right-width:	0px;
	border-bottom-width:0px;
	border-left-width:	0px;
	}	
	#navcontainer a {				
	font-size:			15px;
	font-weight:		bold;
	font-family:		Arial, Helvetica;
	padding:            7px 10px 6px 12px;
	margin:             0px 0px 0px 0px;
	line-height:        1.4;
	display:            block;
	color:              #293964;
	border-style:       solid;
	border:             #CCE0ED;
	border-style:		solid;
	border-top-width:	0px;
	border-right-width:	1px;
	border-bottom-width:1px;
	border-left-width:	1px;
	text-decoration:    none;
	background-color:   #fff;
	}
	#navcontainer a.bottom-item {
	border-bottom-width:0px;
	}	
	
	#navcontainer a.bottom:hover {		
	padding:            7px 10px 6px 13px;
	}
	
	#navcontainer a:hover {
	padding:            7px 10px 7px 13px;
	background-color:   #eff5f9;
	color:              #0083b5;
	border-style:       solid;
	border:             #CCE0ED;
	border-top-width:	0px;
	border-right-width:	0px;
	border-bottom-width:0px;
	border-left-width:	0px;
	}

	#navcontainer a.selected {
	padding:            7px 10px 7px 13px;
	background-color:   #d1e4f1;
	color:				#0083b5;
	border-style:		solid;
	border:				#CCE0ED;	
	border-top-width:	0px;
	border-right-width:	0px;
	border-bottom-width:0px;
	border-left-width:	0px;
	}	
	
	
	
	
	/* products sub nav */
	
	#navcontainer ul li ul li a.sub-nav{
	font-size:			12px;
	font-weight:		bold;
	font-family:		Arial, Helvetica;
	padding:            3px 10px 3px 32px;
	margin:             0px 0px 0px 0px;
	line-height:        1.4;
	display:            block;
	color:              #293964;
	border-style:       solid;
	border:             #CCE0ED;
	border-style:		solid;
	border-top-width:	0px;
	border-right-width:	1px;
	border-bottom-width:0px;
	border-left-width:	1px;
	text-decoration:    none;
	background-color:   #fff;
	}
	#navcontainer ul li ul li a.sub-nav:hover{
	background-color:   #eff5f9;
	}
	#navcontainer ul li ul li a.sub-selected{
	background-color:   #eff5f9;
	font-size:			12px;
	font-weight:		bold;
	font-family:		Arial, Helvetica;
	padding:            3px 10px 3px 32px;
	margin:             0px 0px 0px 0px;
	line-height:        1.4;
	display:            block;
	color:              #293964;
	border-style:       solid;
	border:             #CCE0ED;
	border-style:		solid;
	border-top-width:	0px;
	border-right-width:	1px;
	border-bottom-width:0px;
	border-left-width:	1px;
	text-decoration:    none;
		}
	
	
	
	
#main-2-2-cont{ /* col 2 container */
width:362px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
}	
	#main-2-2-1-main-image{ 
	width:;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}	
	#main-2-2-2-intro-text{ 
	width:;
	padding:15px 20px 10px 5px;
	margin:0px 0px 0px 0px;
	}	
	
#main-2-3-cont{ /* col 3 container */
width:390px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
}				
	#main-2-3-1-products{ 
	width:390px;
	height:395px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-image: url(../images/products_bg.gif);
	background-repeat: no-repeat;
	}	
		#main-2-3-1-title{ 
		padding:7px 0px 10px 13px;
		margin:0px 0px 0px 0px;
		font-size:150%;
		font-weight:bold;
		color:#293964;
		}		
		#main-2-3-1-intro{ 
		padding:7px 0px 0px 13px;
		margin:0px 0px 0px 0px;
		}
		#main-2-3-1-images{ 
		padding:15px 0px 0px 1px;
		margin:0px 0px 0px 0px;
		font-size:150%;
		font-weight:bold;
		color:#293964;
		}	

			.index-prod-pic{
			padding:0px 0px 5px 5px;
			margin:0px 0px 0px 0px;
			}	
			
	#main-2-3-2-call-to-action{ 
	width:;
	padding:15px 20px 10px 5px;
	margin:0px 0px 0px 0px;
	}	
		#main-2-3-2-1-contact{
		width:380px;
		height:160px;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		background-image: url(../images/contact_us_wide.gif);
		background-repeat: no-repeat;
		}

	/* end homepage main content section */









	/* start inner page section */
	

#main-i-2-2-cont{ /* col 2 container */
width:540px;
padding:0px 0px 0px 0px;
margin:0px 22px 0px 0px;
float:left;
}	
	
	#header-div-top{ 
	height:13px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-image: 	url(../images/loz_top.gif);
	background-repeat: no-repeat;
	}
	#header-div-content{ 
	background-color:#edeff2;
	padding:5px 15px 10px 12px;
	margin:0px 0px 0px 0px;
	}
	#header-div-bottom{ 
	height:16px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-image: 	url(../images/loz_bottom.gif);
	background-repeat: no-repeat;
	}	
	
	#main-div{ 
	padding:12px 15px 20px 12px;
	margin:0px 0px 0px 0px;
	}
	#product-categories{ 
	text-align:center;
	padding:12px 10px 0px 0px;
	margin:0px 0px 0px 0px;
	}		
		
		
#main-i-2-3-cont{ /* col 3 container */
width:192px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
}	
		
		
		
		
	/* end inner page content section */







	/* footer divs  */

#container-3-footer { /* footer divs  */
background-color:#ffffff;
width:100%;
margin:10px 0px 0px 0px;
padding:0px 0px 20px 0px;
border:#999;
border-style:dotted;
border-top-width:	0px;
border-right-width:	0px;
border-bottom-width:0px;
border-left-width:	0px;
background-image: url(../images/footer_bg.gif);	
background-repeat: no-repeat;	
}
	#footer-address{
	width:960px;
	padding:13px 0px 15px 3px;
	margin:0px 0px 0px 10px;
	}
	#footer-sitewide-links{
	width:500px;
	padding:7px 0px 5px 3px;
	margin:0px 0px 0px 10px;
	float:left;
	}
	#footer-coast-credit{
	width:180px;
	padding:10px 15px 0px 0px;
	float:right;
	text-align:right;
	}
	#footer-iso{
	width:400px;
	padding:7px 0px 0px 3px;
	margin:0px 0px 0px 10px;
	float:left;
	}

				
				
				
	/* end all layout divs */








/* ------------- custom styles */


.news-heading{
margin: 0px 0px 0px 0px; 
padding: 0px 0px 10px 0px; 
font-size:120%;
color:#2c3e69;
}
.news-title{
font-weight:bold;

}
.news-summary{
font-size:100%;

}

.itemList {
list-style: none;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
}
.one-to-3 {
cursor:pointer;
margin: 0px 0px 0px 0px; 
padding: 5px 0px 15px 5px; 
border:             #95b5d1;
border-style:		dashed;
border-top-width:	1px;
border-right-width:	0px;
border-bottom-width:0px;
border-left-width:	0px;
}

.itemList li:hover {
background-color:#efefef;
}


.page-title{
padding:0px 0px 2px 10px;
margin:0px 0px 0px px;
}

.top-hr-gap{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.thumb{
border-style:       solid;
border:             #e4eff7;
border-style:		solid;
border-top-width:	1px;
border-right-width:	1px;
border-bottom-width:1px;
border-left-width:	1px;
}

.no-padding-margin{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.footer-text{
font-size:90%;
line-height:1; /* this is for IE only */
}

#page-1-2-3{
text-align:right;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}



.product-description{
}


ul.product-features {
list-style:disc;
color: #0083b5;
padding:0px 0px 20px 15px;
margin:0px 0px 0px 0px;
}
ul.product-features li {
clear:left;
line-height:1.4;
padding:0px 0px 5px 0px;
margin:0px 0px 0px 0px;
vertical-align: middle;
}



.results-list {
list-style: none;
margin: 10px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
}
.results-list li {
border-bottom: 1px #999 dotted; 
margin: 0px 0px 10px 0px; 
padding: 0px 0px 10px 0px; 
}
.results-list li div.listItemImg {
margin: 0px 0px 0px 0px; 
padding: 3px 0px 0px 0px; 
float: left; 
width: 164px;
}
.results-list li div.listItemTxt {
float: left; 
width: 300px;
margin: 0px 0px 0px 0px; 
padding: 3px 0px 0px 0px; 
}


.grey-box{
background-color:#efefef;
width:410px;
text-align:left;
margin:10px 0px 0px 0px;
padding:15px 15px 15px 15px;
border:#e4e4e4;
border-style:solid;
border-top-width:	1px;
border-right-width:	1px;
border-bottom-width:1px;
border-left-width:	1px;
}
.image-caption{
font-weight:bold;
font-size:100%;
line-height:1.2;
margin:-5px 0px 0px 0px;
color:#e9ba05;
}
.bottom-padding20{
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px; 
}
.no-top-padding{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
}

.font-weight-normal{
font-weight:normal;
}
#events-form{
margin:10px 0px 0px 0px;
}
#events-form select{
margin:0px 0px 0px 0px;
width:180px;
}
.first-para{
margin:15px 9px 0px 0px;
font-size:120%;
line-height:1.3;
color:#333;
}
.image-float-left{
float:left;
margin:0px 9px 10px 0px;
}
.image-float-right{
float:right;
margin:0px 0px 0px 9px;
}
.extra-top{
margin-top: 8px;
}
.extra-bottom{
margin-bottom: 13px;
}
.small-caps{
font-size:80%;
text-transform: uppercase;
font-weight:bold;
line-height:1; /* this is for IE only */
}
img{
border:0;
}


.green1 {
color:#d0e4a6;
}
.grey333{
color:#333;
}
.grey666{
color:#666;
}
.grey999{
color:#999;
}
.white {
color: #fff;
}
.no-underline {
text-decoration:none;
}
.clear_div {
clear: both;
}
.bold {
font-weight: bold;
}



/* --------    general styles  */




html 		{font-size: 0.85em}
body 		{font-size: 80%}	
html>body 	{font-size: 0.85em}


body {
font-family: Arial, Helvetica;
color:#666;
margin:0px;
line-height:1.1;
background-color:#fff;
}
p{
padding:0px 0px 9px 0px;
margin:0px 0px 0px 0px;
font-size:100%;
line-height:1.4;
}
p.tight{
padding:0px 0px 3px 0px;
line-height:1.15;
}


a{
color: #4a6891;
text-decoration:none;
}
a:hover{
color: #956f4c;
text-decoration:underline;
}
/*a:hover img{
opacity: 0.8;
-moz-opacity:0.8;
filter:alpha(opacity=80);
background-color: #fff;
}*/


a.header-email{
color: #a1c7e5;
text-decoration:none;
}
a.header-email:hover{
color: #fff;
text-decoration:none;
}
a.footer{
color: #a1c7e5;
text-decoration:none;
}
a.footer:hover{
color: #fff;
text-decoration:none;
}


h1{
font-size:180%;
color:#2c3e69;
font-weight:normal;
font-family:Arial, Helvetica;
margin-top:0px;
margin-bottom:3px;
margin-left: 0px
}
h2{
font-size:130%;
color:#0083b5;
margin-top:3px;
margin-bottom:9px;
}
h3{
font-size:130%;
color:#333;
font-weight:normal;
margin-top:5px;
margin-bottom:-8px;
line-height:1.1;
}
h4{
font-size:110%;
font-weight:normal;
color:#666;
margin-top:0px;
margin-bottom:2px;
margin-left: 0px;
}
h5{
font-size:110%;
font-weight:normal;
color:#666;
margin-top:0px;
margin-bottom:2px;
margin-left: 0px;
}
h6{
font-size:100%;
font-weight:bold;
color:#666;
margin-top:10px;
margin-bottom:2px;
margin-left: 0px;
}
hr {
height: 0px; 
border-style: solid; 
border-width: 1px 0px 0px 0px; 
border-color: #0083b5;
margin-top: 0px;
margin-bottom: 5px;
}
hr.white {
border-color: #fff;
}



/* -- image gallery -- */

.picRow {
	width: 100%;
	/* background-color: red; */
	margin-bottom: 10px;
}

.thumbArea {
	float: left;
	width: 100px;
	/* background-color: #F5F5F5; */
	margin: 0px 15px 15px 0px;
}

.thumb {
	padding: 0px;
	margin: 0px;
}





/* ----------- Start form styling ---------- */

/* ----------- header search form ---------- */



/* stnFrm     type="submit"  class="revBtn"   */





#search-form{
margin:12px 0px 0px 0px;
padding:0px 0px 0px 0px;
border:0px;
}
#search-box{
font-size: 12px;
background-color:#7694b5;
color:#333;
margin:0px 0px 7px 0px;
padding:4px 0px 0px 3px;
border:0px;
height:18px;
background:url(../images/search_bg.gif) repeat-x left top;
}
#search-button{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border:0px;
}


*/
/* ----------- End form styling ---------- */

