/*---------------------------------------------------------------------*/
/*-------------------------------- MAIN -------------------------------*/
/*---------------------------------------------------------------------*/

body {
	margin: 0px;
	padding: 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	background: #deece3;
	text-align: center;
}

h1, h2, h3, h4, p, ul, ol {
	margin: 0px;
	padding: 0px;
}


h1 {
	font-size:15px;
	color:#030;
	font-weight:bold;
	text-transform: uppercase;
}

h2 {
		color:#030;
		text-transform:uppercase;
		font-size:12px;
}

img {
		border:none;
}

#wrapper {
	width: 825px;
	margin-right: auto;
	margin-left: auto;
	background: #deece3 url(images/page_bg2.jpg) repeat-y center top;
	}
	


/*---------------------------------------------------------------------*/
/*------------------------------- HEADER ------------------------------*/
/*---------------------------------------------------------------------*/
	
#banner {
	width: 825px;
	height: 107px;
	margin-right: auto;
	margin-left: auto;
	background: url(images/banner2.jpg);
}

#nav {
	padding: 5px 0px 0px 0px;
	width: 785px;
	height: 40px;
	margin-right: auto;
	margin-left: auto;
	background:#71af7b;
	border-right: 1px solid #006633;
	border-left: 1px solid #006633;
}


/*---------------------------- NAVIGATION -----------------------------*/

ul#mainNav {
	/*border-left: 1px dashed #006633;*/
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#mainNav li {
	float: left;
	width: 157px;
}

#mainNav a {
	text-decoration: none;
	color: #030;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight:bold;
	border: 1px solid #006633;
	border-left: none;
	border-right: none;
	
	display: block;
	padding: 7px 5px 7px 30px;
	background: #7bbf86 url(images/link_img.png) no-repeat left center;  
}

#mainNav a:hover {
	background: #deece3 url(images/hover_img.jpg) no-repeat left center;
	font-weight: bold;
	color:#060;
}


/* IE Fixes */

/* force hover on entire width of  link */
* html #mainNav a {
	height: 1px;
}

.preload {
	background-image:url(images/hover_img.jpg);
	display: none;
}


/*---------------------------------------------------------------------*/
/*------------------------------- FOOTER ------------------------------*/
/*---------------------------------------------------------------------*/

#footer {
	padding: 10px 0px 0px 0px;
	width: 785px;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
	background:#71af7b;
	clear:both;
}


.copyright {
	padding: 0px 20px 0px 0px;
	font-size:12px;
	font-weight:bold;
	color:#030
}

#footer a:link {
	color: #FFF;
	text-decoration: none;
}
#footer a:visited {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
	color: #030;
}
#footer a:active {
	text-decoration: none;
}


/*-------------------------------- LINKS ------------------------------*/

a:link {
	color: #030;
	text-decoration: none;
}
a:visited {
	color: #030;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #006633;
}
a:active {
	text-decoration: none;
}


/*----------------------------IMAGE OVERLAY --------------------------*/

/*---------------------------------------------------------------------*/
/*------------------------------ CONTENT ------------------------------*/
/*---------------------------------------------------------------------*/

#content {
	width: 785px;
	/*to expand page height remove overflow*/
	/*to limite page height add - overflow:auto; */
	margin: 12px 20px 0px 20px;
	text-align:left;
	min-height: 575px;
}


#left {
	margin: 10px 0px 10px 10px;
	float:left;
	width: 258px;
}

#right {
	margin: 10px 10px 10px 0px;
	float: right;
	width:501px;
}

#left_prod {
	margin: 10px 0px 10px 10px;
	float:left;
	width: 185px;
}

#right_prod {
	margin: 10px 10px 10px 0px;
	float: right;
	width: 574px;
}


#full {
	margin: 10px 10px 10px 10px;
	float:left;
	clear:both;
	width: 765px;
}


/*----------------------------- SHORT BOX -----------------------------*/


.box_short_top {
	background-image:url(images/box_short_top2.png);
	background-repeat:no-repeat;
		height:25px;
		padding: 5px 6px 0px 15px;
		}

.box_short_bg {
		background-image:url(images/box_short_bg2.png);
		padding: 5px 16px 0px 10px;
		margin: 0px 0px 0px 0px;
		text-align:left;
		max-height: 480px;
		}

.box_short_bottom {
		background-image:url(images/box_short_bottom2.png);
		background-repeat:no-repeat;
		height:22px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 10px 0px;
}

/*--- PRODUCT - SHORT BOX ---*/

.box_short_prod_top {
	background-image:url(images/box_short_prod_top2.png);
	background-repeat:no-repeat;
		height:25px;
		padding: 5px 6px 0px 15px;
		}

.box_short_prod_bg {
		background-image:url(images/box_short_prod_bg2.png);
		padding: 5px 16px 5px 10px;
		margin: 0px 0px 0px 0px;
		text-align:left;
		min-height: 540px;
		/* to limit page height add -  height: 480px;*/
		}

.box_short_prod_bottom {
		background-image:url(images/box_short_prod_bottom2.png);
		background-repeat:no-repeat;
		height:22px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 10px 0px;
}


/*----------------------------- MEDIUM BOX ----------------------------*/

.box_med_top {
	background-image:url(images/box_med_top2.png);
	background-repeat:no-repeat;
		height:25px;
		padding: 5px 6px 0px 15px;
		}

.box_med_bg {
		background-image:url(images/box_med_bg2.png);
		background-repeat:repeat-y;
		padding: 5px 16px 5px 10px;
		margin: 0px  0px 0px 0px;
		text-align:left;
		max-height: 480px;
}

.box_med_bottom {
		background-image:url(images/box_med_bottom2.png);
		background-repeat:no-repeat;
		height:22px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 10px 0px;
}

/*--- PRODUCT - MEDIUM BOX ---*/

.box_med_prod_top {
	background-image:url(images/box_med_prod_top2.png);
	background-repeat:no-repeat;
		height:25px;
		padding: 5px 6px 0px 15px;
		}

.box_med_prod_bg {
		background-image:url(images/box_med_prod_bg2.png);
		background-repeat:repeat-y;
		padding: 5px 20px 5px 20px;
		margin: 0px 0px 0px 0px;
		text-align:left;
		min-height: 540px;
		
		/*to limit page height*/
		/*max-height: 480px;*/
		/*overflow:auto;*/
		
		/*to expand page height*/
		/*min-height: 480px;*/
}

.box_med_prod_bottom {
		background-image:url(images/box_med_prod_bottom2.png);
		background-repeat:no-repeat;
		height:22px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 10px 0px;
}


/*------------------------------ LONG BOX -----------------------------*/

.box_long_top {
	background-image:url(images/box_long_top2.png);
	background-repeat:no-repeat;
		height:25px;
		padding: 5px 6px 0px 15px;
		}

.box_long_bg {
		background-image:url(images/box_long_bg2.png);
		padding: 5px 16px 5px 10px;
		margin: 0px 0px 00px 0px;
		text-align:left;
		max-height: 480px;
}

.box_long_bottom {
		background-image:url(images/box_long_bottom2.png);
		background-repeat:no-repeat;
		height:22px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 10px 0px;
		clear:both;
}

/*--- PRODUCT - LONG BOX ---*/

.box_long_bg_prod {
		background-image:url(images/box_long_bg2.png);
		background-repeat:repeat-y;
		padding: 5px 16px 5px 10px;
		margin: 0px 0px 0px 0px;
		text-align:left;
		min-height: 540px;
}


/*--- MISC PRODUCT BOXES ---*/


#box_img_products {
		background-image:url(images/box_img_products.png);
		background-repeat:no-repeat;
		padding: 5px 16px 5px 10px;
		margin: 0px 0px 0px 0px;
		text-align:left;

		height: 113px;
}

#box_img_products_slideshow {
		background-image:url(images/box_img_products_blank2.png);
		background-repeat:no-repeat;
		padding: 5px 16px 5px 3px;
		margin: 0px 0px 0px 0px;
		text-align:left;

		height: 113px;
}

.smaller
	{
		font-size:12px;
	}


/*---------------------------------------------------------------------*/
/*------------------------- GLOBAL IMAGE FORMAT -----------------------*/
/*---------------------------------------------------------------------*/

.floatRight{
	float:right;
	padding: 5px;
}

.floatLeft{
	float:left;
}

.clearBoth{
	clear:both;
}

.centered{
	text-align:center
}


/*---------------------------------------------------------------------*/
/*--------------------------- MISC CONTENT ----------------------------*/
/*---------------------------------------------------------------------*/

.main_desc {
	color:#030;
	font-style:italic;
	font-weight:bold;
}

.image_caption {
	text-align:center;
	font-size:11px;
	color:#030;
}

.press_release{
	width:220px;
	float:left;
	padding: 0px 0px 0px 15px;
	text-align:center;
}

.SectionFoot {
	clear:both;
}

/*----- PRODUCT FEATURES LIST -----*/

.product_features_list {
	list-style:inside;
	list-style-image:url(images/arrow_list.png);
	color:#030;

}

.product_features_list li {
	padding: 0px 0px 5px 0px;
}



/*------- NEWS AND UPDATES --------*/

.news {
	list-style:none;
	}

.news li {
	padding: 5px 0px 5px 0px;
}

.list_links {
	font-size:13px;
	font-weight:bold;
	color:#030;
}

.img_arrow_3 {
	padding: 0px 5px 0px 0px;
}
	
.img_bullet{
	margin: 0px 0px -1px 0px;
	}

.img_mail{
	margin: 0px 0px 0px 0px;
	}
/*--------------------------*/

.contact_info {
	font-size:14px;
	color:#030;
	padding: 40px 0px 0px 0px;
	text-align:center;
}

.contact_info_company {
	font-size:16px;
	font-weight:bold;
}

.product_table {
	padding: 30px 0px 0px 0px;
}


.contact_table {
	background-color:#FFF;
	border:none;
}

.features_list{
	list-style:inside;
}
/*-------------CONTACT US TABLE FORM --------------*/
.contactUsForm {
	padding: 0px 50px 40px 40px;
}


.left_button{
	padding: 5px 5px 5px 5px;
}

.right_button{
	padding: 5px 5px 5px 5px;
}

.contactForm {
	text-align:left;
	width: 400px;
	height: 320px;
	padding: 40px 0px 40px 60px;
	border:none;
}


.form_title_inside {
	text-align:center;
	border:none;
	font-weight:bold;
	border-color:#8dbc9e;
	color:#030;
	padding: 0px 0px 0px 15px;
}

.input_table {
	background:#deece3;
	border-color:#8dbc9e;
	border-width:thin;
	border-style:solid;
}

/*---------------------------------------------------------------------*/
/*----------------------------- PRODUCTS ------------------------------*/
/*---------------------------------------------------------------------*/


/*------------------------------ TABLES -------------------------------*/

.spec_table{

	text-align:right;
	padding:0px 0px 0px 70px;

}

.table_title {
	text-align:left;
	padding: 0px 0px 0px 0px;
	}
	

.table_cat {
	font-weight:bold;
	font-size: 12px;
	color:#060;
}

.table_cat_top {
	font-weight:bold;
	font-size: 12px;
	color:#060;
	text-align:center;
}

.table_data {
	background-color:#8dbc9e;
	font-size: 12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	color:#FFF;
}



/*------------------------ PRODUCT NAVIGATION -------------------------*/

/*------------------POP OUT MENU ------------------*/

#popout_menu {
	width: 158px;
	background-image:url(images/background_white_50.png);
	background-repeat:repeat;
} 

#popout_menu ul {
	list-style: none;
	margin: 0;
}

#popout_menu a {
	min-height:10px;
	color:#030;
	font-size: 13px;
	display: block;
	border: 1px dashed #006633;
	border-bottom: none;
	border-left: none;
	border-right: none;
	margin: 0;
	padding: 7px 0px 7px 5px;
	text-decoration: none;
	background-color:#f4fff7;
	/* for IE */
 	filter:alpha(opacity=90);
 	/* CSS3 standard */
  	opacity:0.9;
	}
	

.sub_top {
	}

.sub_bottom {
	border-bottom:1px dashed #006633;
	}

#popout_menu a:hover {
	color: #a00;
	background: #d8fbe0;
	/* for IE */
 	 filter:alpha(opacity=90);
 	/* CSS3 standard */
  	opacity:0.9;
}

/*---------POP OUT POSITION ---------*/

#popout_menu li {
	position: relative;
} 

#popout_menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%; 
	width: 100%;
}

/*---------HOVER ---------*/

div#popout_menu ul ul ul,
div#popout_menu ul ul li:hover ul ul
{display: none;}

div#popout_menu ul ul li:hover ul,
div#popout_menu ul ul ul li:hover ul
{display: block;}


/*------------------ PRODUCT NAVIGATION (OLD) ------------------*/
/*
ul#product_list {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 232px;
	border-bottom: 1px dashed #006633;
}


#product_list a {
	height:35px;
	text-decoration: none;
	color: #030;
	font-weight:bold;
	font-size: 12px;
	border: 1px dashed #006633;
	border-bottom: none;
	border-left: none;
	border-right: none;
	display: block;
	padding: 8px 0px 7px 60px;
	background: #FFF no-repeat left center;
}

#product_list a:hover {
	text-decoration: none;
	color: #060;
	font-weight:bold;
	font-size: 12px;
	background: #deece3 no-repeat 5px 50%;
}
*/

/*--------------PRODUCT BOX --------------*/

.productBox {
	width: 150px;
	height: 200px;
	margin: 0px 17px 0px 17px;
	float: left;
	color:#030;
	font-size:14px;
	font-weight:bold;
	border-bottom: 1px dashed #006633;
	text-align:center;
}

.productBox_title {
	border-bottom: 1px dashed #006633;
	border-top: 1px dashed #006633;
	padding: 5px 0px 5px 0px;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	color:#030;
	width: 525px;
}	

.productBox a:hover {
	font-weight: bold;
	color:#060;
}


/*-------------- SUB PRODUCT NAVIGATION --------------*/
.product_subcat {
	text-align:center;
}

.product_subcat_title{
		padding: 10px 0px 0px 10px;
		color:#030;
		text-transform:uppercase;
		font-size:12px;
		text-align:left;
		font-weight:bold;
}


ul#subNav {
	text-align:center;
	margin: 10px 0px 30px 0px;
	list-style: none;
	float: left;
	width: 524px;
	background: #FFF;
	border-top: 1px dashed #006633;
	border-bottom: 1px dashed #006633;
	border-left: none;
	border-right: none;
}

.subNavReg {
	float: left;
	padding: 1px 0px 1px 0px;
	width: 146px;	
}

.subNavTwo {
	float: left;
	padding: 1px 0px 1px 0px;
	width: 262px;	
}


#subNav a {
	text-decoration: none;
	color: #030;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight:bold;
	display: block;
	padding: 0px 0px 0px 0px;
	background: #FFF;
}

#subNav a:hover {
	background: #d8fbe0;
	font-weight: bold;
	color:#060;
}



/* IE Fixes */

/* remove annoying gaps */
#product_list li {	
	display: inline; 
}

/* force hover on entire width of  link */
* html #product_list a {
	height: 1px;
}