/* ©2008 Carbonated Interactive www.carbonatedinteractive.com */

html, body {
	margin: 0; padding: 0;
	background-image:  url(../images/background.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color: #ececec;
	
}




body,td,th {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 16px;
	
}

p {
margin-top: 0px; 
}




a:link {
	color: #222222;
}
a:visited {
	color: #222222;
}
a img{border: 0px;}


h1 {
	font-size: 16px;
	color: #55b8d1;
	margin-top: 0px;
	display: none;
}

h2 {
	font-size: 14px;
	color: #55b8d1;
	margin-top: 0px;
	margin-bottom: 5px;
}

h3 {
	font-size: 16px;
	color:#E92F00;
	margin: 0px;
	margin-top: 0px;
	 
}

h4 {
	font-size: 14px;
	color:  #57524f;
	line-height: 18px;
	padding-bottom: 5px;
	margin-bottom: 0px;
	margin-top: 0px;
}

h5 {
	font-size: 11px;
	border: 1px solid #666666;
	width: 252px;
	margin: 0 0 15px 0;
	line-height: 11px;
	padding: 3px;
}

/* font styles */
.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #999999;
	
	
}

.small a:link {color:#999999; text-decoration:none;}
.small a:hover {color:#999999; text-decoration:underline;}
.small a:active {color:#999999; text-decoration:none;}
.small a:visited {color:#999999; text-decoration:none;}



.white {
	color: #FFFFFF;
	font-weight: bold;
}

.highColor {
	color: #E92F00;
	font-weight: bold;
}

.title {
	color: #2C2E19;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 28px;
}
.padBottom40 {
	padding-bottom: 40px;
}
.padBottom20 {
	padding-bottom: 20px;
}
.padBottom10 {
	padding-bottom: 10px;
}

.highlightBoxPad {
	padding-bottom: 20px;
}


.title a:link {color:#2C2E19; text-decoration:none;}
.title a:hover {color:#2C2E19; text-decoration:underline;}
.title a:active {color:#2C2E19; text-decoration:none;}
.title a:visited {color:#2C2E19; text-decoration:none;}
	
.bottom_nav a:link {color:#2C2E19; text-decoration:none;}
.bottom_nav a:hover {color:#2C2E19; text-decoration:none;}
.bottom_nav a:active {color:#2C2E19; text-decoration:none;}
.bottom_nav a:visited {color:#2C2E19; text-decoration:none;}


.bigger {
	
	font-size: 14px;
}

/* color */

.color01 {
background-color:#6e8520;
border:#FFFFFF;
border-style:solid;
}
.color02 {
background-color:#D3D1A7;
border:#FFFFFF;;
border-style:solid;
}
.color03 { background-color:#E92F00; border:#FFFFFF; border-style:solid; }
.color04 { background-color:#4d5e17; border:#FFFFFF; border-style:solid; }
.color05 { background-color:#b3b287; border:#FFFFFF; border-style:solid; }
.color06 { background-color:#febf46; border:#FFFFFF; border-style:solid; }
.color07 { background-color:#cdcdc7; border:#FFFFFF; border-style:solid; }
.color08 { background-color:#995913; border:#FFFFFF; border-style:solid; }

/* layout justification and stuff */

.photoright {
	float: right;
	padding-left: 20px;
	
}

.photoleft {
	float: left;
	padding-right: 20px;
}
.edge {
border:#999999;
border-style:solid;
border-width:1px;
}

.bottomEdge {

border-bottom:1px solid #999999;

}



/* general layout div */

#div{
position: relative;
}

#container {
width: 803px;
margin:auto;
background-color:#FFFFFF;
background-image: url(../images/body_norm_tile.jpg);
background-repeat:repeat-y;
}

#body_norm{
float: left;
width: 475px;
padding-left: 60px;
padding-top: 20px;
padding-bottom: 20px;
}

#side_norm{
float: right;
width: 227px;
padding-right: 20px;
}

#footer{
clear: both;
background-image: url(../images/footer_back.jpg);
background-repeat:no-repeat;
height: 160px;
}


#footer_text{
padding-left: 20px;
padding-top: 120px;
}



#sub_nav{
height: 79px;
background-image: url(../images/subnav_back.jpg);
background-repeat:no-repeat;
}
* HTML #sub_nav {
	overflow: hidden;
}

#sub_nav_crumb{
height: 20px;
padding-left: 60px;
padding-top: 19px;
}
#sub_nav_crumb a{font-size: 10px; color: #b0b0b0;}
#sub_nav_crumb span{
	color: #55b8d1;
}
.style2 {color: #55B8D9}

.col{float: left; width: 109px; height: 123px; text-align: left; margin: 0 11px 15px 0;}
.col .box, .col img{background-color: #ececec; border: 2px solid #c3c3c3; margin-bottom: 5px;
/* width: 105px; height: 93px; */}
.col a{color: #666666; text-transform: uppercase; font-weight: bold; text-decoration: none; clear: both;}
.col a:hover .box, .col a:hover img{border: 2px solid #5eb9d4;}

#page_title{
float: left;
height: 40px;
width: 400px;
padding-left: 60px;
}

#section_title{
float: right;
height: 40px;
padding-right: 60px;
}

/* layout div for main page*/

#container_main {
width: 803px;
margin:auto;
background-color:#FFFFFF;
background-image: url(../images/body_main_tile.jpg);
background-repeat:repeat-y; 
}

#promo_main{
padding-left: 20px;
height: 320px;
}

#news_main{
float: left;
width: 328px;
padding-left: 60px;
padding-top: 10px;
overflow: hidden;
}

#body_main{
float: right;
width: 310px;
padding-right: 60px;
padding-top: 10px;
padding-bottom: 40px;
}

#news_01{
padding-left: 0px;
padding-top: 5px;
padding-bottom: 10px;
background-image: url(../images/news_back.jpg);
background-repeat: no-repeat;

}

#news_date{
float: left;
width: 50px;
height: 60px;
padding-left: 10px;
}

/* layout div for product page*/

#container_products {
width: 803px;
margin:auto;
background-color:#FFFFFF;
background-image: url(../images/body_products2_tile.jpg);
background-repeat:repeat-y;
}
#container_products #body_norm{
	width: 535px;
	margin-right: 35px;
}

#body_products_over{
float: left;
width: 540px; 
/* background:#669966; */
padding-left: 60px;
padding-top: 20px;

}

#body_products{
float: left;
width: 336px; 
/* background:#669966; */
padding-left: 20px;

}

#body_products_inside{
width: 270px; /* 336px minus padding left and right  */
padding-left: 40px;
padding-right: 25px;
padding-top: 20px;
padding-bottom: 50px;
background-image: url(../images/back_products.jpg);
background-repeat:no-repeat;
background-position:top;
min-height: 250px;
}
* HTML #body_products_inside{
height: 250px;
}

#body_products_inside ul{
	margin: 0 0 15px 15px; padding: 0; list-style-type: none; list-style-image: url(../images/list-dash.gif);
}
#body_products_inside ul li{
	line-height: 16px; margin-bottom: 5px;
}

#nav_products{
float: right;
width: 150px;
padding-right: 19px;
padding-bottom: 40px;

/* background-color:#33CC66; */
}


#nav_products_inside{
width: 139px;  /* 149px minus padding left and right  */
padding-top: 20px;
padding-left: 10px;
background-image: url(../images/back_products.jpg);
background-repeat:no-repeat;
background-position:top;
min-height: 225px;
}
* HTML #nav_products_inside{height: 225px;}


.style1 {color: #55b8d1}

/*
.news_item{position:relative; padding-top: 5px; border-bottom: 1px solid #ffffff;}
.news_item .date{float: left; padding-right: 10px; margin-right: 10px; border-right: 1px dotted #c3c3c3; min-height: 50px; visibility: hidden; margin-top: 1px;}
* HTML .news_item .date{height: 50px;}
.news_item h2{font-weight: normal; color: #f7941d; font-size: 12px;}
.news_item a h2 {color: #222222; text-decoration: underline;}
*/

.news_item{position: relative; margin-left: 60px;}
.news_item .date{position: absolute; left: -60px; border-right: 1px dotted #c3c3c3;}
.news_item h2{font-weight: normal; color: #f7941d; font-size: 12px;}
.news_item a h2 {color: #222222; text-decoration: underline;}
.news_title{margin-left: 15px;}

.news_viewall {float: right;
			   padding-right: 137px
}


#photo_products{
width: 227px;
padding-top: 20px;
margin-right: 170px;
margin-left: 381px; /* 25px left edge */
margin-bottom: 40px;
}

#photo_products h2{}

#photo_products .prodImg{ border: 1px solid #c3c3c3; text-align:center; margin-bottom: 10px;}

#prodNav h2{font-size: 14px; color:  #57524f; font-weight: normal;}
#prodNav ul{margin: 5px 0 0 0; padding: 0; list-style-type: none;}
#prodNav a, #prodNav span{color: #666666; text-decoration: none; display: block; padding: 0 0 0 25px; font-size: 14px;}
#prodNav .pdf{background-image: url(../images/pdf_icon.gif); background-repeat: no-repeat; background-position: 4px 0px; }
#prodNav .nopdf{background-image: url(../images/pdf_icon_fade.gif); background-repeat: no-repeat; background-position: 4px 0px; }
#prodNav li{display: block; padding: 0; margin: 0 0 5px 0;}

#colNav{margin: 5px 0 0 0; padding: 0; list-style-type: none;}
#colNav a{font-size: 15px; color: #666666; text-decoration: none; }
#colNav span{color: #5eb9d4;}
#colNav li{display: block; padding: 0; margin: 0 0 5px 0;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */