/*  because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics 
ul,ol { list-style:none }*/

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well 
li,ul,ol,*/h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

ul, ol{margin-top:0px;margin-bottom:0px;}

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal } 

/* more varnish stripping as necessary... */

/* LAYOUT */
a#home-link{float:left;display:block;width:357px;height:75px;text-indent:-2000em;background:url(../images/layout/qe-logo.jpg) no-repeat;padding-top:20px;}
body.home,div#body,div#nav{font-family:sans-serif;font-size:11px;}
	body.home div#head,div.page div#head{height:85px;border-bottom:2px solid #0C0C0C;overflow:hidden;margin-bottom:2px;}
	body.home div#page,div.page{width:780px;margin:0px auto;position:relative;}
	body.home div#content{position:relative;}
		body.home div#content div.menu{width:111px;position:absolute;}
		
		div.menu ul{list-style:none;margin:0px;padding:0px;border-left:2px solid #EFEFEF;}
		div.menu ul li{position:relative;}
		div.menu ul li a, div.menu ul li span{display:block;padding:4px 2px;width:105px;color:#000;}
		div.menu ul ul{background-color:#FFF;}
		div.menu ul ul li a, div.menu ul ul li span{display:block;width:103px;background-color:#7f8da7;padding:2px 2px;color:#FFF;border:1px solid white;}
		div.menu ul li a:hover, div.menu ul li span:hover{color:#001c4e;}
		div.menu ul ul ul{position:absolute;top:0px;left:107px;}

		div#nav div.menu ul{border-left:2px solid #EFEFEF;border-right:2px solid #EFEFEF;}
		div#nav div.menu ul li a, div.menu ul li span{display:block;padding:4px 2px;width:103px;color:#000;}
		div#nav div.menu ul ul li a, div.menu ul ul li span{display:block;width:101px;background-color:#7f8da7;padding:2px 2px;color:#FFF;border:1px solid white;}
		div#nav div.menu ul ul ul{position:relative;top:0px;left:0px;}
		div#nav div.menu ul ul ul li a, div#nav div.menu ul ul ul li span{width:99px;}
				
		body.home div#content div.menu h1,div#nav div.menu h1{display:block;height:57px;text-indent:-2000em;}				
		body.home div#content div.colors,div#nav div.colors{left:0px;}
		body.home div#content div.colors h1{width:111px;background:url(../images/nav/index-colors-word.jpg) no-repeat;}
		body.home div#content div.gutterprot,div#nav div.gutterprot{left:111px;}
		body.home div#content div.gutterprot h1{display:block;width:111px;background:url(../images/nav/index-gutter-word.jpg) no-repeat;}
		body.home div#content div.ingrain,div#nav div.ingrain{left:222px;}
		body.home div#content div.ingrain h1{display:block;width:111px;background:url(../images/nav/index-ingrain-word.jpg) no-repeat;}
		body.home div#content div.roofing,div#nav div.roofing{left:333px;}
		body.home div#content div.roofing h1{display:block;width:111px;background:url(../images/nav/index-roofing-word.jpg) no-repeat;}
		body.home div#content div.siding,div#nav div.siding{left:444px;}
		body.home div#content div.siding h1{display:block;width:111px;background:url(../images/nav/index-siding-word.jpg) no-repeat;}
		body.home div#content div.rainware,div#nav div.rainware{left:555px;}
		body.home div#content div.rainware h1{display:block;width:111px;background:url(../images/nav/index-rainware-word.jpg) no-repeat;}
		body.home div#content div.custom,div#nav div.custom{left:666px;}
		body.home div#content div.custom h1{display:block;width:111px;background:url(../images/nav/index-custom-word.jpg) no-repeat;}
		
		
		div.page div#nav div.menu h1{height:27px;}
		div.page div#nav div.roofing h1{height:52px;display:block;width:115px;background:url(../images/nav/index-roofing-word.jpg) no-repeat;}
		div.page div#nav div.colors h1{display:block;width:115px;background:url(../images/nav/index-colors-word.jpg) no-repeat;}
		div.page div#nav div.ingrain h1{display:block;width:115px;background:url(../images/nav/index-ingrain-word.jpg) no-repeat;}
		div.page div#nav div.custom h1{display:block;width:115px;height:40px;background:url(../images/nav/index-custom-word.jpg) no-repeat;}
		div.page div#nav div.siding h1{height:52px;display:block;width:115px;background:url(../images/nav/index-siding-word.jpg) no-repeat;}
		div.page div#nav div.gutter-protection h1{display:block;width:115px;height:40px;background:url(../images/nav/index-gutter-word.jpg) no-repeat;}
		div.page div#nav div.rainware h1{height:52px;display:block;width:115px;background:url(../images/nav/index-rainware-word.jpg) no-repeat;}
		
		div.page{width:780px;margin:0px auto;position:relative;}
		/* div#nav,div#body,div#head {width:800px;margin:0px auto;} */
		div.page div#nav{}
		div.page div.menu{float:left;width:111px;_overflow:hidden;}
		div.nocat{position:absolute;top:170px;}
		div.page div#nav div.nocat h1.nocat{height:auto;font-size:1.25em;padding-left:1.25em;text-indent:-1em;background-color: #EFEFEF;}
		div.page div.top-nav{height:80px;margin-left:111px;padding-bottom:2px;}
		div.page div.nocat-top{margin-left:0px;}
		div.page div.top-nav img{float:left;}
		div.page div#body{/*position:absolute;top:175px;left:120px;*/float:right;width:660px;font-size:10pt;} /* This should be bigger for readability... */
		
div#sub-content{height:200px;position:absolute;top:350px;width:330px;}

/* PRODUCT LISTING STYLES */

div.product{margin-bottom:15px;font-size:8pt;position:relative;}
	div.product div.prod-top{display:block;height:155px;position:relative;}
	div.prod-top img{margin-right:10px;}
	div.top-images {float:right;display:block;height:155px;}
	div.product h2{font-size:1.75em;}
	div.product h2.brand{position:absolute;bottom:3.5em;}
	div.product h2.name{position:absolute;bottom:1.25em;width:370px;}
	div.product h2.material{position:absolute;bottom:0px;}
	div.product img{width:150px;height:150px;}
	div.product table th{border-bottom:1px solid black;background:#EFEFEF;padding:0px;margin:0px;font-size:1em;font-weight:bold;padding:3px;border-right:1px dashed;white-space:nowrap;}
	div.steel table th, div.Steel table th{background:#CFEFCF;}
	td.prod-image{border-bottom:1px solid black;}
	td.colors{width:100px;padding:0px 10px;}
	div.product td{white-space:nowrap;}
	td.order-code{font-weight:bold;font-size:1.5em;padding:0px 5px;}
	td.pounds-pallet,td.order-code,td.colors,td.finish,td.thickness,td.pieces-carton,td.cartons-pallet,td.pallets-truck,td.piece-length,td.hem,td.waterlocked-edges,td.ribbed,td.drip-edge,td.pieces-pallet{border-bottom:1px solid black;border-right:1px solid black;padding-top:10px;}
	div.additional-colors{padding:10px;border:1px solid #C0C0C0;position:absolute;top:220px;background:#EFEFEF;}
	p.pop-click{cursor:pointer;text-align:right;}
	span.color{display:block;white-space:nowrap;padding:3px 5px;float:left;width:100px;}
	/*span.color{white-space:nowrap;width:100px;}*/
	.newtype{clear:both;}

/* SEARCH BOX */
div.search-box{width:275px;float:right;padding-top:10px;}
	div.search-box img{float:left;}
	div.search-box input{float:right;}
	div.search-box a{color:Black;text-decoration:none;}
	div.search-box a:hover{color:Black;text-decoration:underline;}
	div.search-box p{text-align:right;clear:right;padding-top:5px;font-size:10px;}
	
/*	CONTENT STYLES */
.contentbox h1{font-size:1.6em;margin-bottom:1em;}
.contentbox h2{font-size:1.4em;margin-bottom:1em;}
.contentbox h3{font-size:1.2em;margin-bottom:1em;}
.contentbox h4{font-size:1em;margin-bottom:1em;}
.contentbox h5{font-size:0.8em;margin-bottom:1em;}
.contentbox h6{font-size:0.6em;margin-bottom:1em;}
.contentbox p{font-size:1em;}

.contentbox ul, .contentbox ol {margin-top:1em;margin-bottom:1em;}
.contentbox ul ul, .contentbox ol ol{margin-top:0em;margin-bottom:0em;}

.contentbox span.xx-small{font-size:0.4em;}
.contentbox span.x-small{font-size:0.6em;}
.contentbox span.small{font-size:0.8em;}
.contentbox span.medium{font-size:1em;}
.contentbox span.large{font-size:1.2em;}
.contentbox span.x-large{font-size:1.4em;}
.contentbox span.xx-large{font-size:1.6em;}

p.copy {text-align:center;font-size:8pt;color:#EFEFEF;clear:both;}

table.login, table.logged-in{font-size:10pt;}
table.login a,table.logged-in a{color:Black;text-decoration:none;}
table.login a:hover,table.logged-in a:hover{color:Black;text-decoration:underline;}




/* contact form */
fieldset.contact{padding:10px;}
fieldset.contact legend{padding:0px 5px;}
fieldset.contact label{display:block;float:left;width:150px;line-height:22px;}
fieldset.contact label.long{width:300px;}
fieldset.contact label.comments{clear:both;float:none;}
fieldset.contact input{width:300px;line-height:22px;}
fieldset.contact textarea{width:450px;height:100px;}
fieldset.contact select{width:300px;}
fieldset.contact table.method{float:left;}
fieldset.contact table.method input{width:auto;float:left;margin:4px;}
fieldset.contact table.method label{float:none;}
fieldset.contact br{clear:both;}
fieldset.contact span.cbl{clear:both;display:block;}
fieldset.contact span.cbl label{float:left;white-space:nowrap;}
fieldset.contact span.cbl input{width:auto;float:left;margin:4px;}
fieldset.contact p.submit{margin:10px;text-align:center;}

p.mail-failure{color:Red;padding:10px;border:1px solid red;margin:10px;}

fieldset.custom {padding:10px;}
fieldset.custom legend{padding:0px 5px;}
fieldset.custom label{display:block;float:left;width:200px;line-height:22px;}
fieldset.custom input{width:430px;line-height:22px;}
fieldset.custom select{width:430px;}
fieldset.custom textarea{width:430px;line-height:22px;}
fieldset.custom br{clear:both;}
fieldset.custom p.submit{margin:10px;text-align:center;}

span.req{color:Red;}

div#image-rotator { margin-top:30px; }