/* ---------------------------------------------
ERI Safety Screen Style Sheet
author: Cyberwoven
version:  2009.01
----------------------------------------------- */

body {
	font:normal 11px/15px Verdana, Geneva, sans-serif;
	color:#000;
	margin:0;
	padding:0;
	background:#832101 url(../images/bkgrnd.png) repeat-y top center;
	text-align:center;
}

a {color:#000; text-decoration:none; font-weight:bold}
a:hover {text-decoration:underline;}


h2 {font:normal 32px/45px "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding:0; color:#fff;}
h3 {font:normal 18px/20px "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding:0;}
h4 {font:bold 20px/20px "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; margin:3px 0 0 0 ; padding:0;}
h5{font:bold 15px/15px "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; margin:-4px 0 0 0; padding:0;}
a h6 {margin:0; padding:0 0 20px 0; display:block; width:482px; height:39px; background:url(../images/customerservice.png) no-repeat; font-size:1px; text-indent:-9999px; outline:none; }

p {margin:0 0 10px 0; padding:0;}


blockquote {margin:20px 30px; padding:20px 30px; background:#eee; border:1px solid orange; border-width:1px 0;}

fieldset {margin:0; padding:0; display:inline; border:none;}

a img {border:none;}
a:hover img {border:none;}

/* Reusables
----------------------------------------------- */
.hidden {display:none;}
.alt {display:none;}
.clear {clear:both; display:block; overflow:hidden; width:0; height:0; }

table.data {text-align:left;}
table.data th {padding:2px 5px; border-bottom:1px solid #ccc; font-weight:bold; line-height:18px; text-align:left; color:#600;}
table.data td {padding:2px 5px; line-height:16px; border-bottom:1px solid #ccc; }
table.data tr.even td {background-color:#eee;}

.floatleft {float:left;}
.floatright {float:right;}
.nofloat {float:none !important;}


label.error { display: block; color: red; font-style: italic; font-weight: normal; }
input.error { border: 3px solid red; }
textarea.error { border: 3px solid red; }
/*	select.error { border: 1px solid red; } */
select.error { background-color:red; border: 3px solid red; }
div.error { display: block; color: white; font-style: italic; font-weight: normal; border:1px solid red; padding:5px; margin-left:0px; margin-right:10px; margin-bottom:10px;}


/* Layout Blocks
----------------------------------------------- */
.wrapper {position:relative; min-width:960px;}
.container {width:960px; margin:0 auto; text-align:left; position:relative;}
	a.skiplink {display:none;}

	#header {width:366px; float:left; position:relative; margin:0; padding:0; }
		#header h1 {margin:48px 0 0 0; padding:0;}
		#header h1 a {display:block; width:366px; height:275px; background:url(../images/logo.png) no-repeat; font-size:1px; text-indent:-9999px; outline:none; }
		#header h2 {margin:5px 0 0 0; padding:0; display:block; width:366px; height:64px; background:url(../images/h2text.png) no-repeat; font-size:1px; text-indent:-9999px; outline:none; }
		#header h3 {margin:4px 0 0 0; padding:0; display:block; width:366px; height:55px; background:url(../images/h3text.png) no-repeat; font-size:1px; text-indent:-9999px; outline:none; }
		#header h3 a {width:366px; height:55px; position: relative; display: block; outline: none; }
		#header a#kit {margin:35px 0 0 0; padding:0; display:block; width:366px; height:155px; background:url(../images/kit_text.png) no-repeat; font-size:1px; text-indent:-9999px; outline:none; }


	.content {display:block; float:left; position:absolute; width:515px; margin:141px 0 20px 45px; padding:0; left:366px;}
		ul.video {margin:0; padding:0; list-style-type:none; }
			ul.video li {position:relative; display: block; margin:0 0 20px 0; padding:0; width:240px; float:left; clear:left}
			ul.video li a#brad {width: 240px; height: 125px; display:block; background: url(../images/videoplaceholder_brad.jpg) no-repeat; text-indent: -9999px; font-size: 1px;  }	
			ul.video li a#brad:hover {background: url(../images/videoplaceholder_brad.jpg) no-repeat -240px 0; }	
			ul.video li a#brian {width: 240px; height: 125px; display:block; background: url(../images/videoplaceholder_brian.jpg) no-repeat; text-indent: -9999px; font-size: 1px;  }
			ul.video li a#brian:hover {background: url(../images/videoplaceholder_brian.jpg) no-repeat -240px 0; }	
			ul.video li a#john {width: 240px; height: 125px; display:block; background: url(../images/videoplaceholder_john.jpg) no-repeat; text-indent: -9999px; font-size: 1px;  }
			ul.video li a#john:hover {background: url(../images/videoplaceholder_john.jpg) no-repeat -240px 0; }	
			ul.video li a#bernie {width: 240px; height: 125px; display:block; background: url(../images/videoplaceholder_bernie.jpg) no-repeat; text-indent: -9999px; font-size: 1px;  }
			ul.video li a#bernie:hover {background: url(../images/videoplaceholder_bernie.jpg) no-repeat -240px 0; }	
			ul.video li a#kevin {width: 240px; height: 125px; display:block; background: url(../images/videoplaceholder_kevin.jpg) no-repeat; text-indent: -9999px; font-size: 1px;  }
			ul.video li a#kevin:hover {background: url(../images/videoplaceholder_kevin.jpg) no-repeat -240px 0; }	
			ul.video li.videoright{margin-left:35px; clear:none;}
								
				
		ul.purchaseoptions {margin:0; padding:0; list-style-type:none;}
			ul.purchaseoptions li {margin:0; padding:0; float:none; clear:none; height:auto;}
				ul.purchaseoptions li a {background:url(../images/buyitnow.png) no-repeat right 2px; width:240px; display:block;}
				ul.purchaseoptions li a span {font-size:1px; text-indent -9999px;}
				ul.purchaseoptions li a:hover {background:url(../images/buyitnow.png) no-repeat right -21px;}
					

	#footer {clear:both; padding:20px 0px; font-size:11px; position:relative;}
	#footer a {text-decoration:none;}
	#footer a:hover {text-decoration:underline;}
		ul.footernav {float:right; margin:0; padding:0; list-style:none;}
		ul.footernav li {display:inline; margin:0; padding:0;}
		ul.footernav li a {display:block; float:left; padding:0 2px; margin:0 0 0 10px;}
		#footer a.cyberwoven {color:#000; font-weight:normal; padding:0 2px; margin:0 0 0 12px;}
		#footer a.cyberwoven:hover {text-decoration:none;}
		#footer a.cyberwoven:hover span {color:#FF6F0F; text-decoration:underline;}
		
		
/* Homepage Specific
----------------------------------------------- */


/* Form
----------------------------------------------- */
.formtext {margin: 0 80px 0 20px; font-size: 13px; line-height: 20px;}

.contactbox {margin-left:0; width: 515px; border-left: solid 1px #FF7C4F;  }
.contactbox legend { text-indent:-9999px; }
.contactbox label { font-weight:bold; color:#000; float:left; width:150px; margin:10px 10px 2px 20px; display:block; clear:left; }
.contactbox label span.required { float:right; margin:-26px 0 0 0; color:#FF7C4F; font-size: 9px; font-weight: normal; font-style: italic; }
.contactbox label, .contactbox input { line-height:26px; }
.contactbox input, .contactbox textarea {font-size:14px; padding:7px 2px 8px 2px; margin: 10px 0 1px 0;  border:solid 1px #FF7C4F; }
.contactbox input.required {background: none; width: 250px;}
.contactbox input:focus.required { border:solid 1px #fff; }
.contactbox input:focus { border:solid 1px #fff; }
.contactbox input.textbox { width:250px; background: none;}
.contactbox textarea {display:block; width:250px; height:111px; overflow:hidden; float:left; background: none; font-family: Verdana,Geneva,sans-serif; font-size: 14px; }
.contactbox textarea:focus { border:solid 1px #fff; }
.contactbox .errorMessage { color:#a2aae0 !important; font-size:11px; }
.contactbox .errorMessage { color:#a2aae0 !important; font-size:11px; }


.contactbox input.check {margin:10px 5px 30px 179px; float:left;}
.contactbox label.sendkit {float:left;  margin-left:0px; width: 200px; line-height: 15px; clear:right; }
.contactbox .linkbutton {display: block; width: 60px; clear: both; margin: 10px 0 0 179px; padding: 3px 5px 3px 5px; background-color: #000; color: #fff; }
.contactbox .linkbutton:hover {text-decoration:none; background-color: #fff; color: #000; }


/* sIFR
----------------------------------------------- */
.sIFR-flash {visibility:visible !important; margin: 0;}
.sIFR-replaced {visibility:visible !important;}
span.sIFR-alternate {position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden;}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display:none !important;}


/* Lightbox
----------------------------------------------- */
#lightbox{position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox a img{border:none;}
#outerImageContainer{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;}
#imageContainer{padding: 10px;}
#loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#imageContainer>#hoverNav{left:0;}
#imageContainer img {float:none; margin:0; padding:0; border:none;}
#hoverNav a{outline: none;}
#prevLink, #nextLink{width:49%; height:100%; background:transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block;}
#prevLink {left:0; float:left;}
#nextLink {right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover {background:url(../images/lightbox/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover {background:url(../images/lightbox/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{color:#FF9834; font-weight:bold; text-decoration: none;}
#nextLinkText{padding-left:20px;}
#prevLinkText{padding-right: 20px;}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/
.ontop #imageData {padding-top:5px;}
/*** END : added padding when navbar is on top ***/

#imageDataContainer{font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto;	line-height:1.4em;}
#imageData{padding:0 10px;}
#imageData #imageDetails{width: 70%; float:left; text-align:left; }	
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{position: absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; display:none;}
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}

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