/* ---------------------------------------------
Screen Stylesheet for http://www.DomainName.com
Updated: 03/14/09 - Eddie Kasper
Version: 3.50
-------------------------------------------------
::COLORS::
	Black: #333 --example usage--

::TOC::
	Resets
	Defaults
	Typography
	Template 
	Links
	Navigation
	Forms
	Global Classes
	Pages

--------------- ::Resets:: --------------------- */
body, address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre {
margin:0;
padding:0;
}
fieldset, table {
border:none;
}
table {
border-collapse:collapse;
border-spacing:0;
overflow:hidden;
word-wrap:break-word; /* will not validate IE only */
}
/*
caption, th, td {
text-align: left;
}*/

/*********** ---------- ::Defaults:: --------------------- ***********/
html { 
overflow: -moz-scrollbars-vertical;
overflow-x: auto;
font-size:100.01%; 
height: 105%; /* forces scroll on short length pages */
margin-bottom: 1px;
padding-bottom: 1px;
}
html{ 
height:100.1%; 
overflow-y:scroll; 
overflow: -moz-scrollbars-vertical; 
}  
 


body { 
height:100%;
font:62.5%/1.3 Arial,Tahoma,Geneva,Helvetica,sans-serif;
background:#212121 url('../images/site-graphics/body-bg-3.jpg') no-repeat left top;
color:#fff;
margin: 10px 0;

}

/*********** ---------- ::Typography:: ------------------- ***********/
address, h1, h2, h3, h4, h5, h6, li, p, pre {padding: .3em 10px;}
h1 {font-size:2em;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em; padding: 15px 5px 5px;}
address, li, p {font-size:12px;}
pre {font-size: 12px;}
ul {margin-left: 25px;}

/*********** ---------- ::Template:: --------------------- ***********/
#wrap {
width: 990px;
margin:0 auto;

}
#masthead {
height: 84px;
background: #000 url('../images/site-graphics/doorshox-logo.jpg') no-repeat;
}
#logoblock { 
width: 450px;
height: 84px;
float:left;
}
#intro-contents {
width: 990px;
height: 390px;
margin: 0;
}

#top-menu {
	height: 28px;
}
/*============Home Page Media Content styles==============*/
#media-contents {
	height: 285px;
	width: 990px;
	position: relative;
	background-image: url(../images/site-graphics/panel_overview_6.jpg);
	background-repeat: no-repeat;
	background-position: 0 -65px;
}
#media-contents-2 {
	height: 285px;
	position: relative;
	background: url('../images/site-graphics/panel_shock-1.jpg') 0 -65px no-repeat;
}
#media-contents-3 {
	height: 285px;
	position: relative;
	background: url('../images/site-graphics/panel_no-touch-1.jpg') 0 -65px no-repeat;
}
#media-contents-4 {
	height: 285px;
	position: relative;
	background: url('../images/site-graphics/panel_impact-arches-1.jpg') 0 -65px no-repeat;
}
#media-contents-5 {
	height: 285px;
	position: relative;
	background: url('../images/site-graphics/panel_anti-theft-1.jpg') 0 -65px no-repeat;
}

.media-transparency {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 420px;
	height: 155px;
	background: #000;
}
.media-transparency {	/*/ for all other browsers /*/
	opacity: .5;
}

.media-transparency {	/*/ for IE8 /*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.media-transparency {	/*/ for IE5-7 /*/
	filter: alpha(opacity=50);
}

.media-textbox {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 510px;
	height: 190px;
	padding: 10px 20px;
	background: transparent;
}
.media-textbox h1 {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	font-size: 0;
}
.media-textbox img {
	margin-left: 4px;
}
.media-textbox a img {
	padding-left: 4px;
	margin-top: 10px;
}
.media-panels {
	position: absolute;
	top: 155px;
	left: 185px;
	width: 380px;
	height: 60px;
}
.media-panels img {
	border: 2px solid #999;
	float: left;
	margin-left: 5px;
}

#middle-contents {
	width: 950px;
	height: 340px;
	padding: 15px 20px 0px 20px;
	background: #330000 url('../images/site-graphics/upper-outside-bg.jpg') repeat-x;
}
#middle-contents p {
	clear: both;
	padding: 5px 5px 5px;
}
.middle-box-1 {
	float: left;
	width: 320px;
	height: 320px;
	margin: 0px 10px 0 0px;
	padding: 10px 10px;
	background: #260006 url('../images/site-graphics/upper-inside-bg-3.jpg') repeat-x;
	position: relative;
}
.middle-box-2 {
	float: left;
	width: 230px;
	height: 320px;
	margin: 0;
	padding: 10px 10px;
	background: #260006 url('../images/site-graphics/upper-inside-bg-3.jpg') repeat-x;
	position: relative;
}
.middle-box-1 .checkdetails,
.middle-box-2 .viewphotos {
	position: absolute;
	bottom: 15px;
	left: 13px;
}
.middle-box-1 .checkdetails a {
	margin-right: 20px;
	float: left;
}
.middle-box-1 .checkdetails form {
	float: left;
}
.middle-box-1 .checkdetails input {
	padding: 0;
	margin-top: 0px;
}

#lower-contents {
	width: 950px;
	height: 240px;
	padding: 5px 20px 10px 20px;
	margin-top: 0px;
	background: #420000 url('../images/site-graphics/lower-outside-bg.jpg') repeat-x;
}
.lower-box-1 {
	float: left;
	width: 670px;
	height: 200px;
	margin: 0px 10px 0 0px;
	padding: 20px 10px;
	background: #320007 url('../images/site-graphics/lower-inside-bg.jpg') repeat-x;
}
.lower-box-2 {
	float: left;
	width: 230px;
	height: 200px;
	margin: 0;
	padding: 20px 10px;
	background: #260006 url('../images/site-graphics/lower-inside-bg.jpg') repeat-x;
	position: relative;
}
.lower-box-2 .viewtour {
	position: absolute;
	bottom: 15px;
	left: 8px;
}


#footer {
clear:both;
width: 990px;
height: 80px;
margin: 0 auto;
background: #1c1c1c url('../images/site-graphics/footer-bg.jpg') no-repeat;
}

#featured-contents {
width: 990px;
margin: 0;
background: #420009 url('../images/site-graphics/featured-bg.jpg') repeat-x;
}
#featured-contents p {
	padding: 5px;
}

#products-contents-wrap {
width: 990px;
min-height: 400px;
margin: 0;
padding-bottom:20px;
background: #420009 url('../images/site-graphics/products-wrap-bg.jpg') repeat-x;
}
#products-contents{
width: 950px;
margin: 10px auto 0;
padding-bottom: 20px;
background: #420009 url('../images/site-graphics/products-bg.jpg') repeat-x;
}

#products-contents p {
	padding: 5px 10px 5px 5px;
}
.pc-title {
	font-size: 16px;
	font-weight: bold;
}
.pc-leftcol {
	width: 440px;
	float: left;
	margin-left: 15px;
}
.pc-rightcol {
	width: 440px;
	float: right;
	margin-right: 15px;
}
.product-panels {
	width: 390px;
	height: 80px;
	margin: 0 auto;
}
.product-panels img {
	border: 2px solid #999;
	float: left;
	margin: 10px 0 10px 5px;
	padding: 0;
}
.buy-box {
	width: 170px;
	height: 280px; float: left;
	position: relative;
	border: 1px solid #584044;
	background: #391a1e;
	margin-right: 30px;
}
.buy-box-2 {
	width: 224px;
	height: 280px; float: left;
	position: relative;
	border: 1px solid #584044;
	background: #391a1e;
	margin-right: 0px;
}

.buy-box-inner {
	position: absolute;
	bottom: 10px;
	left: 6px;
	text-align: center;	
}
#products-contents .buy-box .buy-box-inner p {
	font-size: 18px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 5px 2px;
}
#products-contents .buy-box .buy-box-inner p.bb-small {
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 5px -2px;
}

#products-contents .buy-box .buy-box-inner input {
	margin-left: 8px;
}

#products-contents .buy-box-2 .buy-box-inner p {
	font-size: 18px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 5px 0px;
}
#products-contents .buy-box-2 .buy-box-inner p.bb-small {
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 5px -2px;
}

#products-contents .buy-box-2 .buy-box-inner input {
	margin-left: 10px;
}

#products-contents-2{
width: 910px;
margin: 10px auto 0;
padding: 20px;
background: #420009 url('../images/site-graphics/products-bg.jpg') repeat-x;
}

#products-contents-2 p {
	padding: 5px 10px 5px 0px;
}
#products-contents-2 h4 {
	padding: 10px 10px 5px 0px;
}

#products-contents-2 ul {
	list-style:none;
	padding: 0 10px 10px 5px;
	margin: 0;
}
#products-contents-2 li {
	padding: 0 10px 5px 5px;
	margin: 0;
}


/*============Featured Page Feature Content styles==============*/
#featured-contents-00 {
	height: 465px;
	position: relative;
	margin-bottom: 20px;
	background: url('../images/site-graphics/feature-00-4.jpg') no-repeat;
}
#featured-contents-01 {
	height: 465px;
	position: relative;
	margin-bottom: 20px;
	background: url('../images/site-graphics/feature-01-3.jpg') no-repeat;
}

#featured-contents-02 {
	height: 465px;
	position: relative;
	margin-bottom: 20px;
	background: url('../images/site-graphics/feature-02-1.jpg') no-repeat;
}
#featured-contents-03 {
	height: 465px;
	position: relative;
	margin-bottom: 20px;
	background: url('../images/site-graphics/feature-03-2.jpg') no-repeat;
}
#featured-contents-04 {
	height: 465px;
	position: relative;
	margin-bottom: 20px;
	background: url('../images/site-graphics/feature-04-3.jpg') no-repeat;
}
#featured-contents-05 {
	height: 465px;
	position: relative;
	margin-bottom: 20px;
	background: url('../images/site-graphics/feature-05-1.jpg') no-repeat;
}
#featured-contents-06 {
	height:465px;
	position: relative;
	margin-bottom: 20px;
	background: url('../images/site-graphics/feature-06-1.jpg') no-repeat;
}

.featured-transparency {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 850px;
	height: 110px;
	background: #000;
}
.featured-transparency {	/*/ for all other browsers /*/
	opacity: .5;
}

.featured-transparency {	/*/ for IE8 /*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.featured-transparency {	/*/ for IE5-7 /*/
	filter: alpha(opacity=50);
}

.featured-textbox {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 820px;
	height: 100px;
	padding: 10px 10px;
	background: transparent;
}
.featured-textbox h1 {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	font-size: 0;
}
.featured-textbox img {
	margin-left: 0px;
	float: left;
	
}
.featured-textbox a img {
	padding-left: 4px;
	margin-top: 10px;
	float: right;
	display: none;
}


/*********** ---------- ::Links:: ------------------------ ***********/
a {text-decoration:underline; color: #fff;}
a:visited {text-decoration:underline; color: #fff;}
a:active, a:focus, a:hover {
text-decoration:none;
outline:none;
 color: #fff;
}
a img {border:none;}

/*********** ----------  ::Navigation:: ------------------ ***********/



	
/* ---------- ::Forms:: ------------------------ */
label {cursor:pointer;}
input,label,select,textarea {
font-size:inherit;
font-family:inherit;
}
input, textarea {padding:.2em;}
textarea {overflow:auto;}

/*********** ---------- ::Global Classes:: --------------- ***********/
.center {text-align:center;}
.clear {
clear:both;
padding:0;
margin:0;
line-height:normal;
}
.floatleft {float:left;}
.floatright {float:right;}
.hidden {display:none;}
.inline {display:inline;}
.large {
font-size:20px;
font-weight:bold;
}
.light {color:#999;}
.small {
font-size:10px;
font-weight:normal;
}
.spacer20px {
	clear: both;
	width: 950px;
	height: 20px;
}

/*********** ---------- ::Pages:: ------------------------ ***********/

/*********** /// place specific page rules here if needed /// ***********/

#logolink {
	margin: 10px 0 0 0;
	padding: 0;
	width: 350px;
	height: 60px;
	display: block;
}
#std-contents {
width: 990px;
margin: 0;
background: #420009 url('../images/site-graphics/featured-bg.jpg') repeat-x;
}
#std-contents h1, #std-contents h2, #std-contents p {
	padding: 5px;
}

.std-box-inside-wrap {
	padding: 0 5px;
	margin-bottom: -8px;
	width: 895px;
}
.std-box {
	padding: 0;
	width: 905px;
	margin: 20px auto 0;
	padding: 5px 0;
}


.feature-box-inside-wrap {
	padding: 0 5px;
	margin-bottom: -8px;
	width: 895px;
}
#featured-panel-00 {
	position: relative;
	top:-8px;
	width: 895px;
	margin-left: -1px;
}
#featured-panel-01 {
	position: relative;
	top:-8px;
	width: 895px;
	margin-left: -1px;
}
#featured-panel-02 {
	position: relative;
	top:-8px;
	width: 895px;
	margin-left: -1px;
}
#featured-panel-03 {
	position: relative;
	top:-8px;
	width: 895px;
	margin-left: -1px;
}
#featured-panel-04 {
	position: relative;
	top:-8px;
	width: 895px;
	margin-left: -1px;
}
#featured-panel-05 {
	position: relative;
	top:-8px;
	width: 895px;
	margin-left: -1px;
}
#featured-panel-06 {
	position: relative;
	top:-8px;
	width: 895px;
	margin-left: -1px;
}


.feature-box {
	background: transparent url('../images/site-graphics/feature-box-bg.jpg') no-repeat;
	padding: 0;
	width: 905px;
	margin: 20px auto 0;
	padding: 5px 0;
}

.image-box {
	padding: 0;
	min-width: 150px;
	margin: 5px;
	float: left;
}
.image-box-4 {
	background:#3f262a;
	padding: 0;
	width: 260px;
	margin: 5px;
	float: left;
}

.image-box-r {
	background:#3f262a;
	padding: 0;
	min-width: 150px;
	margin: 5px;
	float: right;
}

.image-box img, .image-box-4 img, .image-box-r img {
	padding: 0 5px;
	display: block;
}
.upperleft-tick {
	background: #3f262a url('../images/site-graphics/img-tick-upper-left.jpg') no-repeat;
	width: 5px;
	height: 5px;
	float: left;
}
.upperright-tick {
	background: #3f262a url('../images/site-graphics/img-tick-upper-right.jpg') no-repeat;
	width: 5px;
	height: 5px;
	float: right;
}
.lowerleft-tick {
	background: #3f262a url('../images/site-graphics/img-tick-lower-left.jpg') no-repeat;
	width: 5px;
	height: 5px;
	float: left;
}
.lowerright-tick {
	background: #3f262a url('../images/site-graphics/img-tick-lower-right.jpg') no-repeat;
	width: 5px;
	height: 5px;
	float: right;
}

.image-box-wrap {
	float: left;
	width: 205px;
	margin-right: 25px;
}
.image-box-wrap-2, .image-box-wrap-3 {
	float: left;
	width: 205px;
}
.image-box-wrap .image-box, 
.image-box-wrap-2 .image-box {
	margin-left: 0;
}
.image-box-wrap-3 .image-box {
	margin-left: 5px;
}
.image-box-wrap-4 {
	float: left;
	margin-right: 0px;
}

.image-box-wrap p, 
.image-box-wrap-2 p {
	padding-left: 0;
}
.lower-box-2 p {
	padding-left: 4px;
}


.photos {
	width:227px;
	height: 250px;
	overflow:auto;
}
.imgspacing {
	margin: 0 0 30px 30px;
}
.faqs h3 {
	padding: 5px;
}

.faqs h4 {
	padding: 20px 21px 5px;
}

.faqs p {
	margin: 5px 90px 5px 30px;
	text-indent: -13px;
}
#std-contents .faqs p.faq-norm {
	text-indent: 0;
	padding: 5px;
	margin: 0 90px 0 0;
}
.std-box .terms h3 {
	padding: 15px 5px 0px 5px;
	margin: 0;
}
.std-box .terms li {
	padding: 5px 5px 5px 0px;
	margin: 0;
}

.dot-divider {
	height: 2px;
	width: 100%;
	padding: 10px 0;
	background: transparent url('../images/site-graphics/dot-divider.gif') 0 12px repeat-x;
}
#reviews ul {
	padding: 10px 0 0 0;
	margin: 0;
}

#reviews li {
	padding: 0 10px;
	margin: 0;
	float: left;
	border-left: 1px solid #fff;
}
#reviews li.noborder-2 {
	padding: 0 10px 0 0;
	margin: 0;
	float: left;
	border-left: 0;
}

.tick-fixed {
	width: 410px;
	padding: 5px;
	margin-top: 5px;
	background: transparent url('../images/site-graphics/tick-fixed-bg-410-185.gif') no-repeat;
}
.gallery {
	width: 410px;
	height: 260px;
}
.g1 {
	background: transparent url('../images/site-graphics/val-product-1.jpg') no-repeat;
}
.g2 {
	background: transparent url('../images/site-graphics/std-product-1.jpg') no-repeat;
}

.gallery ul {
	list-style: none;
	padding: 0;
	margin: 200px 0 0 10px;
	width: 400px;
	position: relative;
	float: left;
}
.gallery ul li {
	display: inline;
	width: 87px;
	height: 57px;
	float: left;
	margin: 0 5px 5px 5px;
	padding: 0;
}

.gallery ul li a {
	display: block;
	width: 85px;
	height: 55px;
	text-decoration: none;
	border:2px solid #999999;
}
.gallery ul li a img.thumb {
	display: block;
	width: 85px;
	height: 55px;
	border: 0;
}
.gallery ul li a:hover {
	white-space: normal;
	border-color: #333;
	background: #000;
}
.gallery ul li a span img {
	display: none;
}
.gallery ul li a:hover span img {
	display: block;
	width: 85px;
	height: 55px;
	border: 0px solid #000;
	position: relative;
	top: 0;
	left: 0;
}
.gallery ul li a img.hide {
	display: none;
}

.gallery ul li a:hover img {
	display: block;
	position: absolute;
	left: -10px;
	top: -200px;
	width: auto;
	height: auto;
	border: 0px solid #000;
}

.gallery ul li a:hover span img{	/* for all other browsers */
	opacity: .5;
}

	opacity: .5;
}

.gallery ul li a:hover span img {	/* for IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.gallery ul li a:hover span img {	/* for IE5-7 */
	filter: alpha(opacity=50);
}

#photos img {
	padding: 5px;
	margin: 10px 15px;
	background: transparent url('../images/site-graphics/tick-fixed-bg-400-268.gif') no-repeat;
}


.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.gallerycontainer {
	width: 410px;
	height: 260px;
}
.g1 {
	background: transparent url('../images/site-graphics/val-product-1.jpg') no-repeat;
}
.g2 {
	background: transparent url('../images/site-graphics/std-product-1.jpg') no-repeat;
}

.gallerycontainer ul {
	list-style: none;
	padding: 0;
	margin: 200px 0 0 10px;
	width: 410px;
	float: left;
}
.gallerycontainer ul li {
	display: inline;
	width: 87px;
	height: 57px;
	float: left;
	margin: 0 5px 5px 5px;
	padding: 0;
}

.gallerycontainer ul li a {
	display: block;
	width: 85px;
	height: 55px;
	text-decoration: none;
	
	padding: 0;
	margin: 0;
}
.gallery ul li a:hover img.thumb {
	border: 0px solid #000;
}


.thumbnail img{
margin: 0 0px 0px 0;
border:2px solid #999999;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{

}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background: transparent;
padding: 0px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -0px;
left: -0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
.gallerycontainer ul li a:hover img.thumb{	/*/ for all other browsers /*/
	opacity: .5;
}

.gallerycontainer ul li a:hover img.thumb {	/*/ for IE8 /*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.gallerycontainer ul li a:hover.thumbnail img.thumb {	/*/ for IE5-7 /*/
	filter: alpha(opacity=50);
}