/*--------| Bio Protection Solutions | CSS Styles by Websicles.com |-----------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	margin: 0;
	padding: 0;
	font: 12px Helvetica, Arial, sans-serif;
	background: url(/assets/images/icon_background.gif) no-repeat scroll 99% 400px;
	color: #404041;
}

h1,h2,h3,h4,h5,h6,p,code,pre,form,table,ul {
	margin: 0.5em 0 0.5em 25px;
}

p {
	margin-top: 1em;
	margin-bottom: 1em;
}

ul {
	margin-left: 36px;
}

#contactForm,#orderForm {
	text-align: right;
	width: 330px;
	padding: 0;
}

#contactForm input,#orderForm input {
	padding: 0.5em;
	width: 330px;
}

#contactForm textarea,#orderForm textarea {
	padding: 0.5em;
}

#contactForm #submit-img {
	width: 98px;
	height: 36px;
	margin: 1em -17px 2em 0;
	padding: 0;
}

a {
	color: #404041;
}

a:hover {
	color: #20562b;
}

#nav_bar a {
	color: #20562b;
}

#nav_bar a:hover {
	color: #20562b;
}

a img {
	border: none;
}

#main_nav_bar a {
	color: #20562b;
	text-decoration: none;
}

#main_nav_bar a:hover {
	text-decoration: underline;
	color: #20562b;
}

#left_cont a, #main_cont a, #footer a {
	color: #aaaaaa;
	text-decoration: none;
}

#left_cont a:hover, #main_cont a:hover, #footer a:hover {
	color: #dddddd;
}

/*--------ID STYLES--------*/

#wrapper {
	margin: 0 auto;
	width: 968px;
	text-align: left;
}

#top_bar {
	
}

#logo {
	float: left;
	width: 242px;
}

#nav_bar {
	float: right;
	width: 700px;
	margin-right: 12px;
	padding: 2em 0 0 0;
	text-align: right;
}

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

#nav_bar ul li {
	display: inline;
	padding: 0 1em 0 1em;
}

#nav_bar ul li {
	border-right: 2px solid #20562b;
}

#nav_bar ul li.last {
	border-right: none;
}

#nav_bar a {
	text-decoration: none;
	font-weight: bold;
}

#main_nav_bar {
	width: 968px;
	float: left;
}

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

#main_nav_bar ul li {
	display: block;
	float: left;
	width: 242px;
	text-align: center;
	position: relative;
	z-index: 999;
}

#main_nav_bar ul .level1 {
	height: 48px;
}

#main_nav_bar ul li ul {
	display: none;
	margin: -3px 0 0 0;
	width: 240px;
	padding: 2em 0;
	background: #ffffff;
}

#main_nav_bar ul li:hover ul,#main_nav_bar ul li.sfhover ul {
	display: block;
	position: absolute;
	padding-bottom: 2em;
	border: 2px solid #bbbbbb;
	left: 0;
	top: 48px;
}

#main_nav_bar ul li ul li.level2 {
	display: block;
	width: inherit;
	text-align: center;
	padding: 0.5em /*1em*/ 0;
	font-size: 130%;
	font-weight: bold;
}

.mainNavLastItem ul li {
	width: 238px;
}

#main_nav_bar ul li ul li.level2 a {
	padding: 0;
	background: none;
}

#main_nav_bar ul li ul li.level2 a:hover {
	padding: 0;
	background: none;
}

#main_nav_bar ul li.level1 ul li.level2 ul {
	display: none;
}

#main_nav_bar ul li.level1 ul li:hover ul {
	display: block;
	position: absolute;
	left: 242px;
	top: 0;
}

.mainNavLastItem ul li ul li {
	left: 238px;
}

#sub_bar {
	clear: both;
	background: url(/assets/images/contback.png) repeat-y;
	color: #ffffff;
}

#main_cont {
	margin: 23px 0 2em 14px;
	float: left;
}

#left_cont {
	width: 471px;
	margin: 23px 0 2em 14px;
	float: left;
	clear: left;
	color: #ffffff;
	background: url(/assets/images/grey-border.gif) repeat-y right;
}

#left_cont p {
	margin-right: 28px;
}

#left_cont img {
	margin: 0 0 5px 0;
}

#left_cont #product_cont {
	float: left;
	width: inherit;
}

#left_cont #benefits {
	float: left;
	width: 421;
	background: url(/assets/images/grey-border.gif) repeat-x top;
	margin: 2em 28px 0 24px;
}

#left_cont #benefits ul {
	margin-left: 0;
	list-style: none;
}

#left_cont #benefits ul li {
	margin-top: 1em;
}

#left_cont #benefits ul li:before {
	list-style: none;
	content: "\003E \0020";
}

#left_cont #benefits h2,#left_cont #benefits h3,#left_cont #benefits h4,#left_cont #benefits h5,#left_cont #benefits h6 {
	margin-left: 0;
}

#right_cont {
	width: 483px;
	margin: 22px 0 0 0;
	float: left;
	padding-bottom: 2em;
	position: relative;
}

#right_cont p {
	padding-right: 34px;
}

#right_cont #dealers-links {
	float: right;
	margin: 0 4px 1.5em 0;
}

#order {
	float: left;
	width: 670px;
	text-align: left;
}

#orderForm {
	text-align: right;
	width: 330px;
}

#orderForm #submit-img {
	lext-align: right;
	width: 98px;
	height: 36px;
	margin: 1em -17px 2em 0;
	padding: 0;
}

#orderTitle {
	margin: 34px 0 2em 25px;
	padding-bottom: 1em;
	background: url(/assets/images/grey-border.gif) repeat-x bottom;
}

#orderForm .input {
	border: 2px solid #bbbbbb;
}

#photos {
	clear: both;
}

#imageDetails {
	font-size: 120%;
	letter-spacing: 0.5px;
}

#image-fader {
	width: 658px;
	height: 392px;
	margin-left: 25px;
	overflow: hidden;
}

#videos {
	clear: left;
}

#literature {
	clear: left;
	margin-top: 2em;
}

#benefits h3, #photos h3, #videos h3, #literature h3 {
	text-transform: uppercase;
}

#home-gallery {
	width: 885px;
	margin: 0 34px;
	clear: both;
	background: url(/assets/images/grey-border.gif) repeat-x top;
	padding: 2em 0 1em 14px;
	text-align: center;
}

#dealer-map {
	position: relative;
	z-index: 0;
}

#footer {
	width: 885px;
	margin: 0 25px;
	clear: left;
	background: url(/assets/images/grey-border.gif) repeat-x top;
	padding: 2em 0 1em 14px;
	position: relative;
}

#footer_left {
	float: left;
	width: 400px;
}

#footer #footer_left p {
	margin-left: 0;
}

#footer_right {
	float: right;
	width: 400px;
	margin-right: 10px;
	text-align: right;
}

/*--------Class STYLES--------*/

.center {
	text-align: center;
}

div.errors {
	color: #3A9F50;
	margin: 1em 1em 1em 25px;
}

.right_cont_title {
	margin-top: 0;
}

.font-120 {
	font-size: 120%
}

.font-140 {
	font-size: 140%
}

.font-160 {
	font-size: 160%
}

.font-180 {
	font-size: 180%
}

.font-200 {
	font-size: 200%
}

.externalLink a:hover {
	padding-right: 20px;
	background: url(/assets/images/external-link.gif) no-repeat right bottom;
}

.clear {
	clear: both;
}

html body div.thumbscontainer {
	padding: 0 25px;
}

html body div.thumbscontainer ul.thumbs {
	margin: 0;
	padding: 0;
}

html body div.thumbscontainer ul.thumbs li {
	margin: 0 0 1em 0;
	padding: 0 4px;
	text-align: center;
}

html body div.thumbscontainer ul.thumbs li .thumbTitle {
	width: 125px;
	padding: 0 !important;
	margin: 0 !important;
}

.productRightH3 {
	background: url(/assets/images/grey-border.gif) repeat-x top;
	margin: 0 25px;
	padding: 1em 0;
}

/*--------QUICKEDIT TOOLBAR STYLES--------*/

body #QE_Toolbar {
	: relative;
	margin-bottom: 1em;
}