/* CSS Document */

html {width:100%;}
body {background:url(/img/bg.jpg) repeat-x top #000; width:100%; margin:0; padding:0;}
body, td, p, div, li {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#666666;}
div.center {margin:0 auto; width:805px;}
table.main td {vertical-align:top;}
td.left {width:226px;}
td.right {width:579px;}
img.left {float:left; padding:0 11px 11px 0; clear:left;}
img.right {float:right; margin:0 0 11px 11px; clear:right; border:#00CC00 1px solid;  padding:10px;}
strong {color:#008800;}

ul {padding:0; margin:0;}
li {padding:0 0 0 20px; margin:0 0 15px 0; list-style:none; background:url(/img/bul.gif) no-repeat 6px 4px; line-height:14px;}
h1 {font-size:14px; color:#609A29; line-height:normal; margin:0 0 18px 0; padding:0;}
p, ul, h2, h3 {margin:0 0 18px 0; padding:0;}
th {background:#006600; text-align:center; padding:2px; font-weight:900; font-size:9px; color:#FFFFFF; line-height:11px; border:1px dashed #fff;}
table.data td {font-size:9px; color:#000000; line-height:10px; padding:5px 1px; text-align:center; border:1px dashed #999999; vertical-align:top;}
table.data td p, table.data td h1 {text-align:left; margin:0px; padding:0px;}
p.caption {font-size:9px; color:#999999;}
h2 {font-size:14px; color:#999999; border-bottom:#009900 dotted 1px;}

#content a, div.links a {color:#009900;}
#content a:hover, div.links a:hover {color:#00FF00;}

#content {background:#fff; border-bottom:#609A29 1px solid; padding:11px; width:557px;}
#footer {font-size:10px; margin-top:11px; height:10px; line-height:10px; padding:6px; background:url(/img/foot_tile.gif) repeat-x; color:#FFFFFF; width:793px;}

/* HOME Page alts */

img.navTop {display:none;}
#home img.navTop {display:block;}
#home #homeBoxes {width:181px; float:right;}
#home #content {width:350px;}

/* Navigation and drop-downs */

#nav {display:block; width:215px; margin:0; padding:0;}
#nav li {display:block; width:215px; margin:0; padding:0 0 5px 0; height:31px; float:left; list-style:none; background:none; position:relative;}
#nav li a {display:block; width:188px; height:13px; background:url(/img/nav/but.png) no-repeat; text-decoration:none; font-size:12px; font-weight:900; color:#000000; line-height:13px; padding:9px 0 9px 27px;}
#nav li a:hover {background-image:url(/img/nav/but_hover.png)}

#nav li a.emph {background-image:url(/img/nav/but_emph.png); color:#fff}
#nav li a:hover.emph {background-image:url(/img/nav/but_emph_hover.png)}

	/* Second tier ul's */
	
	#nav li ul {display:none; width:200px; position:absolute; left:215px; top:0; margin:0; padding:0;}
	#nav li ul li {display:block; width:200px; float:left; padding:0; margin:0; background:none; list-style:none; height:20px;}
	#nav li ul li a {display:block; line-height:12px; height:12px; padding:4px; border:1px solid #609A29; background:#000000; 
	color:#CCCCCC; margin:0; height:12px; width:170px; padding-bottom:5px;}
	#nav li ul li a:hover { background:#CCCCCC; color:#333333;}
	
	/* Second tier hover */
	
	#nav li:hover ul, #nav li.sfhover ul {display:block;}
	
/* header conditionals */
#top {height:31px; width:805px; margin:0 auto; background-repeat:no-repeat;}
#top h1 {height:31px; margin:0; padding:0; font-size:14px; line-height:14px; overflow:visible; text-indent:-999px;}

#about_us #top {background-image:url(/img/headers/about_us.jpg)}
#in-stock #top {background-image:url(/img/headers/in-stock-shipping.jpg)}
#military #top {background-image:url(/img/headers/military_government.jpg)}
#custom #top {background-image:url(/img/headers/custom_solutions.jpg)}
#broadcast #top {background-image:url(/img/headers/broadcast_video.jpg)}
#rackmount #top {background-image:url(/img/headers/rackmount_containers.jpg)}
#injection #top {background-image:url(/img/headers/injection_molded.jpg)}
#aluminum #top {background-image:url(/img/headers/aluminum_shipping.jpg)}
#laptop #top {background-image:url(/img/headers/laptop_computer.jpg)}
#home #top {display:none;}
#default #top {background-image:url(/img/headers/default.jpg)}
#request #top {background-image:url(/img/headers/request.jpg)}
#photoGallery #top {background-image:url(/img/headers/gallery.jpg)}

#integration #top {background-image:url(/img/headers/integration.jpg)}
#foam #top {background-image:url(/img/headers/foam.jpg)}
#tool #top {background-image:url(/img/headers/tool.jpg)}
#equip #top {background-image:url(/img/headers/equip.jpg)}
#flat #top {background-image:url(/img/headers/flat.jpg)}
#gear #top {background-image:url(/img/headers/gear.jpg)}
#pelican #top {background-image:url(/img/headers/pelican.jpg)}
#fabricated #top {background-image:url(/img/headers/fabricated.jpg)}
#standard #top {background-image:url(/img/headers/standard.jpg)}
#storm #top {background-image:url(/img/headers/storm.jpg)}

div.twoColumn {width:49%; float:left;}

/* Form */

#form, #form li {display:block; list-style:none; margin:0; padding:0; position:relative; background:none;}
/*#form li {height:20px; margin-bottom:10px;}*/
#form li label {display:block; width:200px; background:#E9E9E9; line-height:16px; padding:2px 5px; text-align:right;}
#form li input, #form li textarea {position:relative; left:215px; width:329px; top:-21px;}

/* Gellery */
#gallery, #gallery li {padding:0; margin:0; list-style:none; display:block; background:none;}
#gallery li {width:160px; height:160px; float:left; padding:12px;}
#gallery li td {vertical-align:middle; text-align:center; overflow:hidden;}
#gallery li table {width:100%; height:100%;}
#gallery li td img {width:125px; border:#009900 1px solid;}