@charset "iso-8859-1";

/* Richard Castera (Noam Design Group) */

/* 
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Body
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/ 
body {
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	font-family: 'Trebuchet MS', verdana, arial; 
	font-size: 14px;
	color: #504b45;
	background-image: url('../../images/site_bg.png'); 
	background-position: top left; 
	background-repeat: repeat;
	background-attachment: fixed;
} 

a {
	font-family: 'Trebuchet MS', verdana, arial; 
	outline: none;
}

a:link, a:visited {
	font-size: 14px; 
	color: #2EC11A; 
	text-decoration: underline;
}

a:hover, a.current {
	font-size: 14px; 
	color: #f55632; 
	text-decoration: none;
}

a.small {
	font-family: 'Trebuchet MS', verdana, arial; 
	outline: none;
}

a.small:link, a.small:visited {
	font-size: 12px;
	color: #2EC11A; 
	text-decoration: underline;
}

a.small:hover, a.small.current {
	font-size: 12px;
	color: #f55632; 
	text-decoration: none;
}

a img {
	border: 0px;
	outline: none;	
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Trebuchet MS', verdana, arial;
	color: #2ca60b;
}

h1.header_title {
	margin: 0px;
	padding: 10px 0px 10px 0px;	
	font-size: 21px;
}

h3.contact_us {
	margin-top: 0px;
	margin-bottom: 2px;
	color: #504b45;
}

p {
	
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-family: 'Trebuchet MS', verdana, arial; 
	font-size: 14px; 
	color: #504b45;
}

p.no_flash_message {
	margin: 0px;
	padding: 30px 0px 0px 0px;
	font-family: 'Trebuchet MS', verdana, arial; 
	font-size: 14px; 
	color: #504b45;
	text-align: center;
}

ul, ol {
	font-family: 'Trebuchet MS', verdana, arial; 
	font-size: 14px; 
	color: #504b45;
}

ul.features_list {
	margin: 0px;
	padding: 4px 4px 4px 10px;
	list-style-type: none; 
	list-style-position: outside; 
	font-family: 'Trebuchet MS', verdana, arial;  
	font-size: 14px; 
	color: #504b45; 
}

ul.features_list li {
	margin: 0px;
	padding: 0px 0px 8px 25px; 
	background-image: url('../../images/features_bullet.png'); 
	background-position: top left; 
	background-repeat: no-repeat; 
}  

ul.care_use {
	margin: 0px;
	padding: 4px 4px 4px 10px;
	list-style-type: none; 
	list-style-position: outside; 
	font-family: 'Trebuchet MS', verdana, arial;  
	font-size: 14px; 
	color: #504b45; 
}

ul.care_use li {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 8px 25px; 
	background-image: url('../../images/bullet.png'); 
	background-position: top left; 
	background-repeat: no-repeat; 
}  

ul.care_use_arrow {
	margin: 0px;
	padding: 4px 4px 4px 10px;
	list-style-type: none; 
	list-style-position: outside; 
	font-family: 'Trebuchet MS', verdana, arial;  
	font-size: 14px; 
	color: #504b45; 
}

ul.care_use_arrow li {
	margin: 0px;
	padding: 0px 0px 8px 25px; 
	background-image: url('../../images/sub_bullet.png'); 
	background-position: top left; 
	background-repeat: no-repeat; 
} 

ol.faqs {
	margin: 0px;
	padding: 0px 0px 0px 25px;
	font-family: 'Trebuchet MS', verdana, arial;  
	font-size: 16px; 
	color: #008000; 
}

ol.faqs li {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-family: 'Trebuchet MS', verdana, arial;  
	font-size: 16px; 
	color: #008000; 
}





/* 
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Site Layout
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/ 

/* 
Site Container 
*/
#site_container {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

/* 
Site Drop Shadow 
*/
#site_drop_shadow {
	margin: 0pt auto; 
	padding: 0px; 
	width: 920px; 
	background-color: #2ca60b;	
}

/* 
Site Starter (Centers site) 
*/
#site_starter {
	margin: 0pt auto;
	padding: 0px;
	width: 900px;
	background-color: #ffffff;
}

/* 
Site Header Container 
*/
#site_header_container {
	margin: 0px;
	padding: 0px;
}

/* 
Site Logo Left 
*/
#site_logo_left {
	margin: 0px;
	padding: 0px;
	width: 450px;
	height: 124px;
	background-image: url('../../images/header_logo_left.png'); 
	background-position: top left; 
	background-repeat: no-repeat; 
	float: left;
}

/* 
Site Logo Right 
*/
#site_logo_right {
	margin: 0px;
	padding: 0px;
	width: 450px;
	height: 124px;
	background-image: url('../../images/header_logo_right.png'); 
	background-position: top left; 
	background-repeat: no-repeat; 
	float: right;
}

/* 
Site Header Navigation Container 
*/
#site_header_navigation_container {
	margin: 0px;
	padding: 0px 0px 0px 8px;
	width: 892px;
	height: 39px;
	background-image: url('../../images/nav_bg.png'); 
	background-position: top left; 
	background-repeat: no-repeat;
}

/* 
Site Header Navigation Menu 
*/
#navigation {
	margin: 0px;
	padding: 0px;
 	width: 750px;
 	height: 30px;
}

#navigation ul {
 	margin: 0px;
 	padding: 0px;
 	line-height: 38px;
 	list-style-type: none;
 	white-space: nowrap;
 	font-family: 'Trebuchet MS', verdana, arial; 
 	font-size: 14px;
 	color: #ffffff;
}

#navigation li {
	float: left;
	margin: 0px;
 	padding: 0px;
 	display: block;
}

#navigation li a, #navigation li a:link, #navigation li a:visited {
	margin: 0px;
 	padding: 9px 16px;
 	font-size: 14px;
 	color: #ffffff;
 	outline: none;
 	text-decoration: none;
}

#navigation li a:hover {
	margin: 0px;
	padding: 9px 16px;
	font-size: 14px;
	color: #ffffff;
 	outline: none;
 	text-decoration: none;
 	background-image: url('../../images/nav_over.png'); 
	background-position: top left; 
	background-repeat: repeat-x;
}

#navigation li a.current {
	margin: 0px;
	padding: 9px 16px;
	font-size: 14px;
	color: #ffffff;
 	outline: none;
 	text-decoration: none;
 	background-image: url('../../images/nav_current.png'); 
	background-position: top left; 
	background-repeat: repeat-x;
}

/* 
Site Body Container 
*/
#site_body_container {
	margin: 0px;
	padding: 0px 7px;
	width: 886px;
	background-image: url('../../images/nav_seal_bottom.gif'); 
	background-position: top left; 
	background-repeat: no-repeat;
}

/* 
Site Body Flash Animation 
*/
#site_body_flash_animation {
	margin: 0px;
	padding: 0px;
	width: 886px;
	height: 265px; 
}

/* 
Site Body Features Container 
*/
#site_body_feaures_container {
	margin: 0px;
	padding: 0px;
	width: 437px;
	float: left;
}

/* 
Site Body Features Header 
*/
#feaures_container_header {
	margin: 0px;
	padding: 0px;
	width: 437px;
	height: 44px;
	background-image: url('../../images/features_header.png'); 
	background-position: top left; 
	background-repeat: no-repeat; 
}

/* 
Site Body Features Content 
*/
#feaures_container_content {
	margin: 0px;
	padding: 0px;
	width: 437px;
}

/* 
Site Body Secret Container 
*/
#site_body_secret_container {
	margin: 0px;
	padding: 0px 0px 0px 12px;
	width: 437px;
	float: right;
}

/* 
Site Body Secret Header 
*/
#secret_container_header {
	margin: 0px;
	padding: 0px;
	width: 437px;
	height: 44px;
	background-image: url('../../images/the_secret_header.png'); 
	background-position: top left; 
	background-repeat: no-repeat; 
}

/* 
Site Body Secret Content 
*/
#secret_container_content {
	margin: 0px;
	padding: 20px 0px 0px 0px;
	width: 437px;
	height: 260px;
}

#site_body_sub_content {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	width: 886px;
}

#site_body_contact_content {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	width: 886px;
	background-image: url('../../images/contact_body_bg.gif'); 
	background-position: bottom right; 
	background-repeat: no-repeat; 
}

#site_body_faqs_content {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	width: 886px;
	background-image: url('../../images/faqs_image.jpg'); 
	background-position: bottom right; 
	background-repeat: no-repeat; 
}

#secret_flash {
	margin: 0px;
	padding: 0px;
	width: 886px;
	height:	228px;
}

#products_left_content_container {
	margin: 0px;
	padding: 0px;
	width: 243px;
	float: left;
}

#products_left_menu_container {
	margin: 0px;
	padding: 1px 0px 0px 1px;
	width: 243px;
	height: 300px;
	background-image: url('../../images/products_vertical_menu_bg.png'); 
	background-position: top left; 
	background-repeat: no-repeat; 	
}

/* 
Products Vertical Menu 
*/
div.products_vertical_menu ul {
	margin: 0px; 
	padding: 0px 0px 1px 0px;
}

div.products_vertical_menu li {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
}

div.products_vertical_menu a, div.products_vertical_menu a:link, div.products_vertical_menu a:visited {
	margin: 0px;
	padding: 10px 0px 5px 0px; 
	width: 241px;
	height: 20px;
	font-family: verdana; 
	font-size: 12px; 
	color: #ffffff; 
	display: block; 
	text-decoration: none; 
	background-color: #AFAF5F;
}

div.products_vertical_menu a:hover {
	margin: 0px;
	padding: 10px 0px 5px 0px; 
	width: 241px;
	height: 20px;
	font-family: verdana; 
	font-size: 12px; 
	color: #ffffff; 
	display: block; 
	text-decoration: none;
	background-color: #88cb79;
}

div.products_vertical_menu a.current {
	margin: 0px;
	padding: 10px 0px 5px 0px; 
	width: 241px;
	height: 20px;
	font-family: verdana; 
	font-size: 12px; 
	color: #ffffff; 
	display: block; 
	text-decoration: none;
	background-color: #76763A;
}

div.products_vertical_menu li {
	list-style-type: none; 
	margin: 0px; 
	padding: 0px;
}

#products_right_content_container {
	margin: 0px;
	padding: 0px;
	width: 600px;
	float: right;
}

.product_container {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	width: 600px;
	border-bottom: 1px dashed #cccccc;
}

.product_image {
	margin: 0px;
	padding: 0px;
	width: 210px;
	float: left;
}

.product_image a img, .product_image a:link img, .product_image a:visited img {
	border: 5px solid #4ca837;
	outline: none;
}

.product_image a:hover img {
	border: 5px solid #7bdb64;
	outline: none;
}

.product_content {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	width: 380px;
	float: right;
}

#where_to_buy_container {
	margin: 0px;
	padding: 0px;
}

#contact_us_top_container {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px dashed #cccccc;
	background-image: url('../../images/contact_bg_top.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
}

#contact_us_headquarters {
	margin: 0px;
	padding: 0px;
	width: 300px;
}

#contact_us_bottom_container {
	margin: 0px;
	padding: 0px;
}

#contact_us_left {
	margin: 0px;
	padding: 10px 10px 10px 0px;
	width: 270px;
	float: left;
	border-right: 1px dashed #cccccc;
}

#contact_us_middle {
	margin: 0px;
	padding: 10px;
	width: 270px;
	float: left;
	border-right: 1px dashed #cccccc;
}

#contact_us_right {
	margin: 0px;
	padding: 10px;
	width: 270px;
	float: left;
}

/* 
Site Footer Container 
*/
#site_footer_container {
	margin: 0px;
	padding: 0px 7px;
	width: 886px; 
	background-color: #ffffff;
}

/* 
Site Footer Line 
*/
#site_footer_line {
	margin: 0px;
	padding: 0px;
	width: 886px;
	height: 6px;
	background-image: url('../../images/footer_line.png'); 
	background-position: top left; 
	background-repeat: repeat-x; 
}

/* 
Site Footer Links 
*/
#site_footer_links {
	margin: 0px;
	padding: 10px 0px;
	width: 886px;
	color: #504b45;
	text-align: center;
	background-color: #ffffff;
}

/* 
Site Footer Copyright 
*/
#site_footer_copyright {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	width: 886px;
	font-family: 'Trebuchet MS', verdana, arial; 
	font-size: 12px; 
	color: #504b45;
	text-align: center;
	background-color: #ffffff;
}

/* 
Site Footer Designed By 
*/
#site_footer_db {
	margin: 0px;
	padding: 0px;
	width: 886px;
	font-family: 'Trebuchet MS', verdana, arial; 
	font-size: 12px; 
	color: #504b45;
	text-align: center;
	background-color: #ffffff;
}

/* 
Site Footer Grass 
*/
#grass {
	margin: 0px;
	padding: 0px;
	height: 100px;
	background-image: url('../../images/footer_bg.png'); 
	background-position: top left; 
	background-repeat: repeat;	
}

#site_bottom_border {
	margin: 0px;
	padding: 5px;
	background-color: #2ca60b;
}

/* 
Clear Float Containers 
*/
.clear_containers {
	margin: 0px;
	padding: 0px;
	clear: both;
}

/* 
Error Message 
*/
div.error_message {
	margin: 0px; 
	padding: 5px; 
	width: 400px; 
	background-color: #F55632; 
	border: 1px solid #FFAA55;
	font-family: 'Trebuchet MS', verdana, arial;
	font-weight: bold; 
	font-size: 14px; 
	color: #ffffff;
}





/* 
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Clear Fix - Clearing a float container
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/ 
.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;
}