/*=================
Stryker.com
Andrew Colclough
===================*/

html, body{margin:0; padding:0; text-align:center; background:url(../images/forest-bg.jpg) #000 no-repeat top center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em;}

/*  	LAYOUT
=================================*/ 
#pagewidth{width:760px; /*background-image:url(../images/stryker-grid.gif);*/ text-align:left; margin-left:auto; margin-right:auto;} 
#wrapper{/*background-image:url(../images/stryker-grid.gif);*/ min-height: 600px;}
#resources{position:relative; width:100%; background-color:#3F3F3F; padding:3px 0px 3px 0px;}
#contact{text-align:left; position:relative; width:100%; padding:5px 0px 5px 10px; color:#C0ED7A; font-size: 11px;}
#header{position:relative; height:6px; background-color:#000 ; width:100%; background:url(../images/header-bar.gif) repeat-x;} 
#leftcol{width:214px; float:left; position:relative; margin:0; padding:0;}
#left-content {background:url(../images/left-bg.gif) repeat-y; margin:0; padding:20px 0px 20px 0px;}
#twocols{width:546px; float:right; position:relative;}
/*#rightcol{width:0px; float:right; position:relative;}*/
#maincol{float:left; display:inline; position:relative; width:546px;}
#footer{height:130px; background:url(../images/stryker-logo.jpg) #000 center no-repeat; clear:both;} 
#space{height:525px;}
#stryker{float:left; margin:0px 10px 0px 10px;}
#desert-stryker{margin:0px 0px 0px 10px;}
#footer a:link, #footer a:active, #footer a:visited {display:block; width:100%;
height:100%;}
/*  	DOM + LINKS
=================================*/
H1{}
H2{text-align:left; margin:5px 25px 5px 25px; color:#C0ED7A;}
H3{font-size:2em; margin:5px 25px 5px 25px; color:#ffffff;}
H4{font-size:2.2em; padding:15px; color:#000000; margin:0px 0px 35px 0px;}
H3.tagline{}
H2.subtag{border:#D02332 solid 1px; color:#9E947D;}
.heading {margin:20px 0px 5px 20px;}
H2.question {font-size:.8em; color:#fff;}

/*  	List (Menu) Styles 
=================================*/
#leftcol UL {margin:0px; padding:5px 8px 5px 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.7em;}
#leftcol LI {/*margin:3px 0px 3px 0px; display:block; background-color:#5D6A48; border:#C0EC7C solid 1px; color:#C0EC7C; padding:3px 0px 3px 8px;*/  list-style:none; display:inline;}
/*#left-content LI:hover{background-color:#C0EC7C; color:#5D6A48;}*/
#leftcol LI a:link , #leftcol LI a:active, #leftcol LI a:visited {margin:3px 0px 3px 0px; display:block; background-color:#5D6A48; border:#C0EC7C solid 1px; color:#C0EC7C; padding:3px 5px; list-style:none;  text-decoration:none;}
#leftcol LI a:hover {background-color:#C0EC7C; color:#5D6A48; display:block; /*text-decoration:underline;*/} 
#leftcol IMG {margin:0px 0px 20px 0px;}
.featured a:link, .featured a:active, .featured a:visited {color:#ffffff;}

.inline-list {font-size:.7em; margin:15px 0px 3px 300px;}
/*.inline-list p {display: inline;}*/
.inline-list ul, .inline-list li {display: inline;	margin: 0px; padding:0px;  list-style:none; text-decoration:none; }
.inline-list LI a:link , .inline-list LI a:active, .inline-list LI a:visited {margin:0px 1px 0px 0px; color:#C0EC7C; padding:3px; background-color:#5D6A48; border:#C0EC7C solid 1px; text-decoration:none;}
.inline-list li a:hover{background-color:#C0EC7C; color:#5D6A48;}


/*  	CLASSES 
=================================*/
.product { position:absolute; width:521px; }
.product P {border:#C0EC7C solid 5px; margin:20px 0px 20px 10px; padding:10px 10px 10px 10px; background:url(../images/grid.gif) repeat;}
.product IMG {margin:0px; padding:0px;}
.over {position:absolute; width:521px;  z-index:10; }
.over P {position:absolute; z-index:10; margin:25px 0px 0px 15px; padding:10px 10px 10px 10px;}
.over IMG {margin:0px; padding:0px;}

.details {position:absolute; z-index:11; width:521px;}
.details P {margin:380px 10px 0px 80px; padding:8px; color:#C0ED7A; background:#424242; border:#C0EC7C solid 4px; font-size:.7em;}
.accessory {margin:10px 10px 0px 20px; padding:8px; color:#C0ED7A; background:#424242; border:#C0EC7C solid 4px; font-size:.7em;}
.accessory IMG {border:#C0EC7C solid 4px; margin:0px 5px 5px 5px; float:right;}
.accessory IMG:hover {border:#ED2B39 solid 4px;}
.submenu{background:#424242; border:#848286 solid 4px; margin-bottom: 180px;}
.gap li{margin:10px 0px 0px 0px;}
.desktop {margin:0px; padding:0px;}
.desktop IMG{border:#C0EC7C solid 5px; margin:0px 0px 20px 10px; padding:0px; }
.image-button{margin:5px 0px 10px 10px;}
.image-button IMG{border:#C0EC7C solid 5px; padding:0px; clear:right; margin:0px 0px 3px 0px;}
.image-button a:link , .image-button a:active, .image-button a:visited{margin:0px 0px 0px 0px; color:#C0EC7C; padding:3px; background-color:#5D6A48; border:#C0EC7C solid 1px; text-decoration:none; font-size:.7em;}
.image-button a:hover {background-color:#C0EC7C; color:#5D6A48;}
.video {width:400px; height:326px; margin:25px 25px 0px 25px; z-index: 5;}
.images {border:#8FB25C solid 5px; margin:8px 0px 0px 25px; background:#424242; padding:10px;}
.images IMG{border:#C0ED7A solid 1px; margin:5px;}
.images IMG:hover{border:#FEAD3D solid 1px;}
.images P{margin:5px 25px 5px 25px; color:#C0ED7A; font-size:.7em;}
.state{border:#8FB25C solid 5px; margin:8px 0px 0px 25px; background:#424242; padding:10px;}
.state P{margin:5px 25px 5px 25px; color:#C0ED7A; font-size:.7em;}
.state a:link , .state a:active, .state a:visited{margin:5px 25px 5px 25px; color:#C0EC7C; padding:3px; background-color:#5D6A48; border:#C0EC7C solid 1px; text-decoration:none; font-size:.7em;}
.state a:hover {background-color:#C0EC7C; color:#5D6A48;}
.shirt {background:url(../images/accessories/tshirt.jpg); width:194px; height:209px; border:#C0EC7C solid 4px; margin:0px 5px 5px 5px; float:right;}
.shirt:hover{background:url(../images/accessories/shirtback.jpg); border:#ED2B39 solid 4px;}
.buttonlink {margin:15px 25px 15px 25px; color:#C0EC7C; padding:3px; background-color:#5D6A48; border:#C0EC7C solid 1px; text-decoration:none; position:relative;}
.buttonlink:hover {background-color:#C0EC7C; color:#5D6A48;}
/*		Lightbox
==================================*/
#lightbox{position: absolute; 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;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%; height: 100%;	background: transparent url(../images/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/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%}
#imageData{	padding:0 10px; color: #666; }
#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;	}	
#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}
/*		END Lightbox
==================================*/

/*	UNIVERSAL NAVIGATION
==========================================*/
#corner {margin:0px; padding:0px;}
#uninav, #uninav div{position:relative; width:100%; text-align:right; top:0px; left:0px; color:#ffffff; font-size:.8em;}
#uninav UL, #uninav LI, #uninav LI a:link, #uninav LI a:active, #uninav LI a:visited {display:inline; color:#ffffff; font-size:1em; padding:0px 5px 0px 0px; text-decoration:none;}
#uninav UL {padding-right:75px;}
#uninav LI a:hover {color:#cccccc; text-decoration:underline;}
#header1 {/*background-color:#81876D;*/ font-weight:800; font-size:.8em; padding:5px 0px 5px 0px;}
#header2 {background-color:#000000; font-size:.7em; padding:3px 0px 4px 0px; border-bottom:1px solid #364423;}
#header1.bowtech-nav{background-color:#5D6A48; border-bottom: 1px solid #364423;}
#nav-button {margin:0px; padding:0px; width:75px; z-index:20; position:absolute; float:right; border:none;}
IMG.mainmenu {float:right; right:0px; position:absolute; z-index:20;}
IMG {border:none;}
P.fly IMG {float:right; margin-left:5px; margin-bottom:5px;}
.fly {float:right; font-size:.7em; text-align:left; right:75px;  width:400px; padding:10px; position:absolute; z-index:5; background-color:#111111; color:#ffffff; border:3px solid #303030;}
#bowtech-link {}
TEXTAREA { width: 80%;}
FIELDSET { border: 1px solid #ccc; padding: 1em; margin: 0; }
LEGEND { color: #ccc; font-size: 120%; }
LABEL { display: block; margin-top: 10px; }    

/*	FORMS
========================================*/
         
/*	THICKBOX STYLES
==========================================*/
*{padding: 0; margin: 0;}
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
#TB_window {font: 12px Arial, Helvetica, sans-serif; color: #333333; }
#TB_secondLine {font: 10px Arial, Helvetica, sans-serif;color:#666666;}
#TB_window a:link, #TB_window a:visited, #TB_window a:active, #TB_window a:focus {color: #666666;}
#TB_window a:hover {color: #000;}
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
#TB_overlay {position: fixed;	z-index:100;	top: 0px;left: 0px;	height:100%;	width:100%;}
.TB_overlayMacFFBGHack {background: url(../images/ui/macFFBgHack.png) repeat;}
.TB_overlayBG {background-color:#000;	filter:alpha(opacity=50);	-moz-opacity: 0.50;opacity: 0.50;}
* html #TB_overlay { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_window {position: fixed;	background: #111111;	z-index: 102;	color:#97B292;	display:none;	border: 4px solid #3B443C;	text-align:left;	top:50%;	left:50%;}
* html #TB_window { /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image {display:block;	margin: 15px 0 0 15px;	border-right: 1px solid #ccc;	border-bottom: 1px solid #ccc;border-top: 1px solid #666;	border-left: 1px solid #666;}
#TB_caption{	height:25px;	padding:7px 30px 10px 25px;	float:left;}
#TB_closeWindow{	height:25px;	padding:11px 25px 10px 0;float:right;}
#TB_closeAjaxWindow{padding:7px 10px 5px 0;	margin-bottom:1px;	text-align:right; 	float:right;}
#TB_ajaxWindowTitle{float:left;	padding:7px 0 5px 10px;	margin-bottom:1px;}
#TB_title{	background-color:#e8e8e8; color:#000; 	height:27px;}
#TB_ajaxContent{clear:both;	padding:2px 15px 15px 15px;	overflow:auto;	text-align:left;line-height:1.4em;}
#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{	position: fixed;	display:none;	height:13px;	width:208px;	z-index:103;	top: 50%;	left: 50%;	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html #TB_load { /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect{z-index:99;	position:fixed;	top: 0;	left: 0;	background-color:#fff;	border:none;	filter:alpha(opacity=0);	-moz-opacity: 0;	opacity: 0;	height:100%;	width:100%;}
* html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_iframeContent{clear:both;	border:none;	margin-bottom:-1px;	margin-top:1px;	margin-bottom:1px;}

/*	 Float containers fix:
======================================
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display:block;}
/*.clearfix{display: inline-block;}*/

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
 
/*		printer styles
=================================*/ 
 @media print{  
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/* NEW UNINAV LINKS STYLE (IN FOOTER) */
#footer_nav {
	width: 700px;
	height: 100px;
	padding-top: 20px;
	margin: 0px auto;
}

#footer_nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#footer_nav ul li {
	float: left;
	clear: none;
	margin: 6px 10px;
}

#footer_nav a, #footer_nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
}

#footer_nav a:hover {
	color: #CCC;
	text-decoration: underline;
}

#footer_nav #internal_menu, #footer_nav #family_menu, #footer_nav #address {

}

#footer_nav #family_menu {
	margin-left: 57px;
}

#footer_nav #internal_menu {
	clear: both;
	margin-left: 167px;
}

#footer_nav #address {
	margin-top: 10px;
	text-align: center;
}

#footer_nav #internal_menu a, #footer_nav #family_menu a {
	font-weight: bold;
	text-decoration: none;
}

#footer_nav #family_menu a {
	font-size: 13px;
}

#footer_nav #internal_menu a {
	font-size: 11px;
}

#footer_nav #address {
	padding: 8px 7px;
	margin: 25px 0px 0px;
}

.standard_form div {
	margin: 5px 0px;
}

.standard_form label {
	width: 90px;
	display: block;
	float: left;
	clear: none;
	margin: 3px 5px 0px 0px;
	text-align: right;
	font-size: 11px;
}

.standard_form div.kid_nomarg div {
	margin: 0px;
	padding: 0px;
}

#contact-page {
	font-size: 11px;
	border:#8FB25C solid 5px;
	margin:8px 0px 0px 25px;
	background:#424242; 
	padding:10px;
	color:#C0ED7A;
}

.contact_form {
	font-size: 11px;
}

.contact_form label {
	float: left;
	clear: left;
	text-align: right;
	display: inline;
	width: 75px;
	padding-right: 8px;
}

.small_text {
	font-size: 9px;
	width: 300px;
	margin-left: 75px;
}