/* CSS Document */

@media handheld, screen, projection, tv {

/* Reset */
body { color:#000; background:#FFF; }
html, body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; font-variant:normal; }
sup,sub { line-height:-1px; vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; }
a:focus, input:focus { outline: none; }

/* Overall */
html, body { height: 100%; }
body { background: #FFF; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 140%; min-width: 1000px; }
h1 { left: 470px; position: absolute; top: 122px; }
h1 a { display: block; height: 104px; text-indent: -9999px; width: 287px; }
h2, h4, h5, h6 { font-weight: bold; }
h2 { color: #000; font-size: 20px; line-height: 25px; min-height: 25px; text-transform: uppercase; }
h3 { border-bottom: 1px solid #999; color: #3F704F; font-size: 16px; line-height: 21px; margin: 17px 0px 15px 0px; min-height: 21px; }
h4, h5, h6 { color: #666; font-size: 14px; line-height: 18px; margin-top: 12px; min-height: 18px; }
p, address { margin-bottom: 30px; }
ol { margin: 0px 5px 20px 55px; }
ul { margin: 0px 5px 20px 20px; }
ol li { padding: 2px 2px 2px 8px; }
ul li { background: url(images/bullet.gif) 17px 5px no-repeat; list-style-type: none; padding: 2px 2px 2px 40px; position: relative; }
table { border-top: 1px #999 solid; margin-bottom: 20px; }
caption { padding-bottom: 3px; text-align: center; }
tr { border-left: 1px solid #999; }
td, th { border-left: 1px solid #999; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 140%; padding: 10px 20px; text-align: left; }
th { border-bottom: 1px solid #999; color: #3F704F; text-align: center; }
a { color: #3F704F; text-decoration: underline; }
a:visited { color: #666; }
a:hover { color: #000; text-decoration: underline; }
img.Replacement { vertical-align: top; }
em, i { font-style: italic; }
strong, b { font-weight: bold; }
hr { border: none; border-top: 1px solid #999; height: 1px; margin: 10px auto; width: 90%; }

#divContainer { min-height: 100%; position: relative; }
#divHeader { height: 64px; background: url(images/productthumbs.jpg) top left repeat-x; left: 0px; position: absolute; top: 0px; width: 100%; }
#divWrapper { background: url(images/header.png) 0px 64px no-repeat; padding: 278px 0px 75px 0px; }
#divContentWrapper { background: url(images/bodybg.gif) 375px 0px repeat-y; overflow: auto; position: relative; width: 100%; }

/* Menu */
#ulMenu { right: 0px; left: 10px; margin: 0px; padding: 0px; position: absolute; top: 74px; }
#ulMenu li { background-image: none; border-left: 1px #999 solid; display: inline; display: inline-block; display: -moz-inline-box; margin: 0px; padding: 0px 6px 0px 10px; }
#ulMenu li.First, #ulMenu li:first-child { border-left: none; }
#ulMenu li a { border-bottom: none; color: #FFF; display: inline-block; font-size: 14px; letter-spacing: 1px; line-height: 18px; padding-bottom: 1px; text-decoration: none; }
#ulMenu li.CurrentPage a, #ulMenu li a:hover { border-bottom: 1px #999 solid; padding-bottom: 0px; }
#ulMenu li a img.Replacement { vertical-align: bottom; }

/* Home Page Links */
#homepagelinks { margin: 0 auto; overflow:auto; padding: 0; width: 561px; text-align: center}
#homepagelinks div { margin: 6px; float: left; border: 1px solid #666; }
#homepagelinks a { display: block; text-indent: -9999px; height: 52px; width: 150px; }
#bucklebag a { background: url(images/bucklebag.jpg) no-repeat; }
#safety2go a { background: url(images/safety2go.jpg) no-repeat; }
#extender a { background: url(images/extender.jpg) no-repeat; }

/* Content Section */
#divLeft { float: left; overflow: auto; padding: 0px 0px 20px 65px; position: relative; width: 300px; }
#divLeft p { margin-bottom: 50px; text-align: center; }
#divRight { margin-left: 385px; padding: 0px 50px 0px 55px; }
#divContent { overflow: hidden; position: relative; }

/* Left Side */
#divLeft h3 { border-bottom: none; color: #000; font-size: 14px; text-align: center; text-transform: uppercase; }
#divLeft h3 span { border-bottom: 1px #999 solid; }
#ulIndustries { margin: 0px; padding: 0px; }
#ulIndustries li { color: #666; margin: 0px; padding: 25px 0px 25px 80px; text-transform: uppercase; }
#liSeating { background: url(images/liseating.gif) 12px center no-repeat; }
#liAmusement { background: url(images/liamusement.gif) 5px center no-repeat; }
#liPupil { background: url(images/lipupil.gif) 0px center no-repeat; }
#liEmergency { background: url(images/liemergency.gif) 10px center no-repeat; }
#liConAg { background: url(images/liconag.gif) 7px center no-repeat; }
#liClassic { background: url(images/liclassic.gif) 0px center no-repeat; }
#liGovernment { background: url(images/ligovernment.gif) 5px center no-repeat; }
#liMedical { background: url(images/limedical.gif) 10px center no-repeat; }

/* Forms */
label { color: #3F704F; display: inline-block; min-height: 19px; padding: 11px 5px 0px 10px; vertical-align: top; }
input.Text, .File, .File input, input[type=text], textarea { display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 30px; margin: 0px; vertical-align: top; }
input.Text, input[type=text] { background: url(images/textbg.gif) top left repeat; border: none; line-height: 30px; min-height: 18px; padding: 12px 0px 0px 0px; }
.File { padding-top: 9px; }
textarea { background: url(images/textbg.gif) top left repeat; border: none; line-height: 30px; padding: 5px 0px 5px 0px; }
select { display: block; vertical-align: bottom; }

/* Blog */
.post { padding-bottom: 20px; }

/* Footer */
#divFooter { background: #000; bottom: 0px; clear: both; color: #FFF; height: 40px; position: absolute; width: 100%; }
#divFooter p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 100%; margin: 0px; padding: 4px 5px; text-align: center; }
#divFooter #pWebsite { font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; }
#divFooter a { color: #999; text-decoration: none; }

/* Products Menu */
div.ProductLine { padding-top: 0px; margin-top: 20px; clear: right; overflow: auto; position: relative; width: 99%; }
div.ProductLine ul { padding: 0px; margin: 0px; }
div.ProductLine ul li { background: url(images/bullet-arrow-right.jpg) 17px 7px no-repeat; }
div.ProductLine ul li.expanded { background: url(images/bullet-arrow-down.jpg) 17px 7px no-repeat; text-decoration:none; }
div.ProductLine ul li.expanded ul { margin-top: 1em; }
div.ProductLine ul li.expanded ul li { background: url(images/blank.jpg) 17px 7px no-repeat; text-indent: -20px; color: #666; font-size: 12px; }
div.ProductLine a, div.ProductLine a:visited { color: #3F704F; text-decoration: underline; }
div.ProductLine a.currentProduct, div.ProductLine a.currentProduct:visited { color: #000; text-decoration: none; font-weight: bold; }

/* Products Details */
#pics-col-wrapper, #desc-col-wrapper { border-top: 4px solid #000; padding-top: 2px; }
#pics-col, #desc-col { border-top: 4px solid #3F704F; padding-top: 2px; }
#pics-col-wrapper { width: 212px; float: left; }
#desc-col-wrapper { margin-left: 227px; font-size: 12px; }
#desc-col-wrapper p { border-bottom: 1px solid #999; padding-bottom: 1em; }
#desc-col-wrapper ul { margin-left: 0px; }
#desc-col-wrapper p.pdf-link { border-bottom: none; font-size: 14px; font-weight: bold; line-height: 40px; }
#desc-col-wrapper p.pdf-link a { background: url(images/pdf-logo.jpg) top left no-repeat; display: block; height: 40px; padding-left: 50px; }
#pics-col { padding-top: 15px; }
#pics-col-wrapper img { padding: 1px; border: 1px solid #999; }
#pics-col-wrapper img.mainpic { padding: 0px; border: none; }
#pics-col-wrapper p { padding: 0px; margin: 0px; font-size: 9px; text-transform: lowercase; padding-bottom: 1em; }
#pics-col-wrapper p.enlarge a { background: url(images/enlarge.jpg) top left no-repeat; display: block; height: 20px; padding-left: 23px; width: 20px; margin-left: auto; margin-right: auto; }

/* Swatches */
p.Swatch { float: left; height: 185px; margin: 0px; overflow: auto; padding: 15px 10px 0px; position: relative; text-align: center; width: 116px; }
p.Swatch img { border: 1px solid #666; display: block; margin: 15px auto; }
p.Swatch i { color: #666; font-style: normal; }

/* Classes */
.Right { float: right; margin: 0px 0px 20px 30px; }
.Left { float: left; margin: 0px 30px 20px 0px; }
.Border { border: 1px solid #999; padding: 4px; }
.Important { color: #C00; font-weight: bold; }
span.Tag { display: block; font-weight: bold; }
img.ProductThumb { width: 70px; height: 70px; border: 1px solid #999; margin: 0px 4px; }


/* Top Nav */

#ulMenu li {
	text-indent: -9999px;
	height: 18px;
}

#ulMenu li a {
	display: block;
}

#topnav-welcome a {
	width: 69px;
	background: url(images/btn1-welcome.gif) top left no-repeat;
}

#topnav-about a {
	width: 97px;
	background: url(images/btn2-about.gif) top left no-repeat;
}

#topnav-products a {
	width: 60px;
	background: url(images/btn3-products.gif) top left no-repeat;
}

#topnav-careers a {
	width: 131px;
	background: url(images/btn4-careers.gif) top left no-repeat;
}

#topnav-contact a {
	width: 56px;
	background: url(images/btn6-contact.gif) top left no-repeat;
}

/* sIFR */

/* These are standard sIFR styles... do not modify */

.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;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-ulIndustries{
}

.sIFR-hasFlash .sIFR-ulIndustries {
	visibility: hidden;
}

/*.sIFR-hasFlash h2{
	visibility:hidden;
	font-weight:bold;
	}
*/

#divLeft h3 embed.sIFR-flash{
	display:none ;
}


#divLeft h3 span.sIFR-alternate{
	overflow:visible;
	position:inherit;
	display:inline;
}