
/* ---------- @ global -----------*/

* { outline:0pt none; }

a img { border:0pt none; }

p, li { font:15px/26px Verdana, Geneva, sans-serif; }

body { background: url(/assets/layout/bg.gif) top repeat-x; margin:0; padding:0; }

h1 { position:absolute; text-indent:-9999em; left:10px; }

h1 a { width:350px; height:138px; display:block; background: url(/assets/layout/logo.png) no-repeat; text-indent:-9999em; }

h2 { font:bold 15px Tahoma, Geneva, sans-serif; color:#b5b3b3; text-transform:uppercase; }

/* ---------- @ structure -----------*/

#main { width:960px; margin:15px auto 0 auto; padding:0; position:relative; }

/* ---------- @ header -----------*/

#header { height:176px; position:relative; background:url(/assets/layout/header-bg.jpg) no-repeat; z-index:999!important; }

/* ---------- @ search -----------*/

#search { position:absolute; right:50px; top:40px; }

#search label { margin:7px 10px 0 0; display:block; color:#fff; float:left; }

#search #textbox { height:20px!important; margin:0; padding:8px 4px 4px 4px; float:left; background:url(/assets/layout/search-bg.jpg) repeat-x top #fff; border:1px solid #fff; }

#search #search-button { margin-left:5px; }

#search a { padding-left:60px; font:10px/10px Arial, Helvetica, sans-serif; color:#9497b2; display:block; clear:both; float:left; }

#search a:hover { color:#fff; }

#container { border:1px solid red; }

#form48{width:800px;}

.wufoo input.text,
.wufoo textarea.textarea { background:url (/assets/images/search-bg.jpg) repeat-x top #fff;
}

.wufoo .qty,
.wufoo .dimension,
.wufoo .material

{ float:left!important; display:inline!important; clear:none!Important; }


.wufoo .qty,
.wufoo .dimension, 
.wufoo .qty .field,
.wufoo .dimension .field { width:60px!important; }

.wufoo .perf,
.wufoo .perf .field {width:220px!Important; }

.wufoo .material,
.wufoo .material .select
{ width:200px!important; }

.wufoo .perf{float:left!important; display:inline!important; clear:right!important;}
.wufoo .perf{display:block;}
.wufoo .perf:after
{
	display:block!important; visibility:hidden!important; clear:both!important; height:0!important; content:"."!important;	
}


/* ---------- @ navigation -----------*/


#nav { height:75px; margin:0; padding:0; list-style:none; position:absolute; top:120px; right:0px; z-index:9	00!important; clear:both; }

#nav li { margin-top:5px; float:left; display:inline; font:bold 13px/16px Arial, Helvetica, sans-serif; border-right:1px solid #fff; }

#nav li.last { border-right:0pt none; }

#nav li:hover,
#nav li.sfhover { }

#nav li a { height:30px; padding:10px; display:block; color:#fff; text-decoration:none; }

#nav li a:hover { text-decoration:underline; color:#36c2f2; }

/* // show the top nav item background when hovering on child elements //*/

#nav li:hover a,
#nav li.sfhover a { text-decoration:underline; color:#36c2f2; }

#nav li:hover li a,
#nav li.sfhover li a { color:#fff; text-decoration:none; }

#nav li:hover li a:hover,
#nav li.sfhover a:hover { color:#36c2f2; }

/* // suckerfish //*/

#nav li ul { margin:50px 0 0 0; padding:5px 0 0 0; position: absolute; left:-999em; top:0; background:#193f70; list-style:none; clear:both; font-size:11px; font-weight:normal;}

#nav li ul li { width:150px; clear:both; display:block!important; padding:5px 10px 5px 20px; font-size:12px; border-bottom:1px solid #fff; border-right:none; }

#nav li ul li.last { border-bottom:none; }

#nav li ul li a { height:auto; margin:0; padding:0 0 6px 0; display:block!important; background:none; }

#nav li ul li a:hover { background:none; }

#nav li ul li:hover,
#nav li.sfhover { background:url(/assets/layout/arrow-yellow.gif) no-repeat 5px 10px; }

#nav li:hover ul,
#nav li.sfhover ul { left: auto; }

#nav ul ul {display: none;}

/* ---------- @ footer -----------*/
#footer { height:49px; margin-top: 20px; position:relative; /*background: url(/assets/layout/footer-bg.jpg) no-repeat left;*/ clear:both!important; }

#footer p { position: absolute; top:10px; left:10px; font:9px Verdana, Geneva, sans-serif; color:#333; }

#footer p#company { padding-left:20px; position:absolute; left: 500px; background: url(/assets/layout/icon-hendrick.gif) no-repeat left; color:#7f7c7c; }

#footer p#sitemap { height:16px; padding-left:20px; position:absolute; left: 900px; background: url(/assets/layout/icon-sitemap.gif) no-repeat left; color:#ccc; }

#footer p#sitemap a { color:#ccc; display:block; }

/* ---------- @ Float Clearing & Position -----------*/

.clearfloat:after { display:block; visibility:hidden; clear:both; height:0; content:"."; }

.clearfloat { display:inline-block }

.clearfloat { display:block }

.right { float:right; padding:5px; }
