/****************************************************
Created By: Charley Ruggiero
Layout CSS File 
****************************************************/

/***************************************************/
/************ SITE LAYOUT AND DESIGN ***************/
/***************************************************/
/* STANDARD TAGS */ 
body {margin:0; padding:0; font-family:Helvetica, Arial, sans-serif; font-size:12px; background:url(/img/back.jpg) top left repeat-x #FFF; } 

p {margin:10px;} 
img {border:none;} 
a {outline-style:none;} 
a:link, a:visited {color:#000099; text-decoration:underline;} 
a:hover, a:focus, a:active {color:#000033; text-decoration:none; outline:none;} 
#wrapper {position:relative; width:983px; margin:0 auto;} 
h1#topHead { z-index:100000000; position:relative;
	width:900px; 
	text-align:center; 
	margin:0 auto -10px auto;
	font-weight:normal;
	font-size:9px; 
	color:#000;
}
/* HEADER */ 
#header {position:relative; width:100%; height:200px; margin:0; background:url(/img/header.png) top left no-repeat; z-index:10000;}
#logo a { position:absolute; top:30px; left:55px; width:456px; height:115px;}

#subNav {position:absolute; top:10px; right:30px; font-size:.9em; font-weight:bold; line-height:1.4em;}
#subNav li {float:left; list-style:none; padding:0 5px; border-right: #000 solid 1px;}
#subNav li.end { border-right:none;}
#subNav ul li a {color:#000; text-decoration:underline;}
#subNav a:hover {text-decoration:none;}

#cart { position:absolute; top:99px; right:35px; height:42px; }
#cart a { float:left; font-size:14px; color:#000; margin-top:30px;}
#cart img { float:left; padding:0 10px 0 0; }

#login { position:absolute; top:110px; right:280px; height:42px; }
#login a { float:left; font-size:14px; color:#000; margin-top:20px;}
#login img { float:left; padding:0 5px 0 0; }

#banner { position:absolute; top:135px; left:-1px; width:141px; height:72;}

/*#contactInfo {position:absolute; right:0px; top:50px; text-align:right;}*/
#mainNav { position:absolute; top:150px; left:120px; width:980px; }
#mainNav ul { padding:10px 5px; margin:5px 0 0 0;}
#mainNav ul li { float:left; display:inline-block; position:relative; padding:0 5px; border-right: #630 solid 1px;}
#mainNav ul li.end { border-right:none;}
#mainNav ul li a {float:left; font:Tahoma, Geneva, sans-serif; font-size:13px; color:#630; text-transform:uppercase; text-decoration:none;}
#mainNav ul li a:hover { color:#000;}

/*** new drop down ***/
#mainNav ul li ul {position:absolute; width:180px; left:-9999px; top:14px; }
#mainNav ul li:hover ul, #mainNav li.over ul {left:-5px; display: block;}
#mainNav ul ul {width:100%; list-style:none; margin:0;}
#mainNav ul ul li {padding:0; margin:0; border-right:none;}
#mainNav ul ul li a {background-color:#FFD800; filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
  color:#000; background-image:none; width:180px; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000;  padding:5px 9px; }
#mainNav ul ul li a:hover {background-image:none; background-color:#8CA7EC; }
/**** Fly out ****/
#mainNav li ul ul { 
     margin: -25px 0 0 190px;   
} 
#mainNav li:hover ul ul, #mainNav li.sfhover ul ul { 
     left: -999em; 
} 
#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul { 
     left: auto; 
} 
/*** end drop down***/


#searchWrapper { margin:0; padding:0 0; width:235px; background:url(/img/search.jpg) top left no-repeat; height:40px; border-bottom:#FFF thin solid; z-index:0;}
#search {}
.textbox { width:175px; margin:12px 0 0 15px; padding:2px 0 0 3px; height:18px; border:none; font-size:11px; color:#000; vertical-align:top;}

/********** left Navigation **********/
#leftNav { width:235px; margin:0 0 0 30px; background:url(/img/leftnavBack.jpg) top left repeat-x; min-height:400px; z-index:1000;}
#leftNav ul { padding:0; float:left; margin:4px 5px 0 5px;}
#leftNav li {float:left; position:relative; list-style:none; margin:0 10px; width:200px; border-bottom:#000 dotted 1px;}
#leftNav li.end { border-bottom:none;}
#leftNav ul li a {float:left; color:#000; text-decoration:none; padding:8px 0; font:14px Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; }
#leftNav ul li a:hover {text-decoration:none; color:#630; }

/*****flyout***/
#leftNav ul li ul {position:absolute; width:150px; left:-9999px; margin:0 0 0 180px; padding:0; z-index:99;}
#leftNav ul ul li {float:none; border:none; margin:0; height:26px; }
#leftNav ul li:hover ul, #mainNav li.sfhover ul { display:block; left:0; z-index:98;}
#leftNav li ul li {padding:0; margin-top:0;}
#leftNav ul ul li a {background-color:#6E8059; display:block; color:#fff; width:150px; height:18px; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:5px 5px; border-bottom:#34461E solid 1px;}
#leftNav ul ul li a:hover { background-color:#34461E; color:#fff;}
#leftNav ul ul ul {  display:block;}
/*** end flyout***/

#shopby { font:6px;}
#shopby ul { padding:0; float:left;}
#shopby li {float:left; position:relative; list-style:none; width:200px; border-bottom:none;}
#shopby li a { font-size:6px;}
h3.menuheader expandable { font-size:10px;}
#shopByNavContainer { margin-left:10px; }
#shopByNavContainer h3 {font-size:10px; margin:5px 0 0 5px; }
#shopByNavContainer ul { font:6px; }
#shopByNavContainer ul li a {font-size:10px; text-transform:none; padding:0 0 2px 0; }

#map { float:right; width:400px; height:450px; border:#000 solid 1px; margin:2px 5px 0 0;}


/*******************  Form Styles ******************/
/***************************************************/
#contactInfo {  float:left; width:920px; margin-left:10px; padding:0 0 20px 0; }
#contactInfo a { color:#03C;}
#contactInfoRight { float:left; width:350px; padding:0 10px 0 15px; margin:2px 0px 0 5px; color:#000;}
#contactInfoRight a { color:#C31D2F; }
#contactInfoRight img { margin:0 10px; border: solid #039 1px; }
#formWrap { width:450px; padding:10px 20px 20px 20px; }

.text { font:.8em Arial, Helvetica, sans-serif; font-weight:bold; }
#contactForm { position:relative; top:0px; width:420px; margin:0 10px 20px 15px; float:left;}
#requestForm { position:relative; width:400px; margin:0 0 0 23px; float:right;}

.formContainer p.legend {padding:10px; margin:0 0 10px 0; background:#fff; border:1px solid #603913;}
.formContainer p.legend em {color:#E41937; font-style:normal;}

.formContainer form p {margin:0;}
.formContainer form p.note {margin:0 0 0 170px; font-size:90%; color:#3367cd;}

.formContainer form fieldset {margin:15px 0; padding:10px 5px; background:#fff; border:#603913 1px solid;}
.formContainer form fieldset fieldset {border:none;}
.formContainer form fieldset div {padding:5px 0;}

.formContainer form legend {font-weight:bold; padding:5px 20px; margin-bottom:10px; color:#fff; background:#603913; border:1px solid #603913;}

.formContainer label, .formContainer span.label {margin:0 10px 0 0; padding:0 7px 0 0; width:100px; display:block; float:left; text-align:right; position:relative; font:bold 12px Arial, Helvetica, sans-serif;}
.formContainer label em, .formContainer span.label em {position:absolute; right:0; font-size:12px; font-style:normal; color:#E41937; top:-1px;}

.formContainer form fieldset input {width:270px; border-color:#AFAFAF;}
.formContainer form fieldset fieldset input {width:20px; border-color:#FFF;}
.formContainer form fieldset textarea {width:388px; margin:15px 0 0 3px; border-color:#AFAFAF;}
.formContainer form fieldset select {width:274px; border-color:#AFAFAF;}
.formContainer input:focus,.formContainer textarea:focus {background:#FFFFDF;}

.formContainer div.buttonrow {text-align:center; margin:10px 0;}

/************ End Form **************/
#slideshow { float:left; width:438px; height:301px; border:#000 solid 2px; z-index:0;}

#gogreen { float:right; background:url(/img/goinggreen.jpg) top left no-repeat; width:236px; height:313px; margin:-4px 0 0 5px;}
#gogreen p { margin-top:270px; margin-left:15px; }
#gogreen a { font:12px Verdana, Geneva, sans-serif; font-style:italic; }

#ads { float:left; width:685px; height:225px; margin:20px 0 10px0; padding:10px 0; }
#leftAd { float:left; width:222px; height:201px; padding:3px 0 0 0;}
#centerAd { float:left; width:222px; height:201px; padding:0 6px;}
#rightAd { float:left; width:222px; height:201px; padding:0;}

/* CONTAINER */ 
#container {width:100%; min-height:500px; background:url(/img/contentBckg.png) top left repeat-y; margin:0 0 0 0; z-index:1;}
#container a {color:#267d76; text-decoration:underline;}
#container a:hover {color:#354035; text-decoration:none;}
#content {float:left; width:685px; min-height:500px; margin:10px 0 10px 40px;}
#contentLeft {float:left; width:240px; min-height:500px; margin:10px 0 0 0;}

#energy a { float:left; margin:0 0 0 35px; width:124px; height:66px; background:url(/img/enargystar.jpg) top left no-repeat;}

#mailingList a { float:left;  z-index:0; margin:-5px 0 0 27px; width:220px; height:40px; background:url(/img/mailingList.jpg) bottom left no-repeat; }
#mailingList a:hover { background:url(/img/mailingListHover.jpg) bottom left no-repeat; }

/* FOOTER */ 
#footerWrapper {width:100%; height:160px;}
#footer {width:983px; height:160px; margin:0 auto; background:url(/img/footer.png) top left no-repeat;}
#social { float:left; margin:10px 0 0 30px; width:900px; height:35px;  }
#social p { float:left;  }
#social img { float:left; padding:0 5px 0 0;  }
.footerLinks {float:left; width:580px; height:120px; margin:20px 0 0 30px; }
.footerLinks p {font-size:12px; color:#630; margin:0;}
.footerLinks ul {padding:0; }
.footerLinks li {float:left; list-style:none; padding:2px 5px;}
.footerLinks ul li a {color:#630; font-size:10px; text-decoration:underline;}
.footerLinks ul li a:hover {text-decoration:none;}

.footerLinks ul ul {margin:5px 0 0 0;}
.footerLinks ul ul li {float:none;}
.footerLinks ul ul li a {font-size:10px;}

#footeraddress {float:right; height:90px; font:13px Arial, Helvetica, sans-serif; margin:-5px 27px 0 0; text-align:right;}

/* SITE CREATED BY LINKS */
#delawarelink { float:right; font-size:10px;width:200px;text-align:center;clear:both;padding:15px; margin:-35px 0 10px 0;}
#delawarelink a:link,#delawarelink a:visited,#delawarelink a:hover,#delawarelink a:active{text-decoration:none;color:#333333;}

/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
#treePageListWrapper {
	width:200px;
}
#treePageDetailsWrapper {
	width:600px;
}
#treePageDetailsTitle { color:#603913; border-bottom:#603913 2px solid;}
#treePageDetailsMainGalleryWrapper { margin:0 auto; }
#mainGallery { display:block; margin:0 auto;}
#catalogHeader { font-size:24px; color:#603913; border-bottom:#603913 solid 2px; margin-right:10px; }
#productInfoWrapper { width:380px;}
#productInfoSection { width:380px;}
#productInfoHeader { border-bottom:#000 thin solid; width:660px;}
.productTagHolder { float:left; margin-bottom:10px;}
#productPartNo { float:left;}

/*******************************************************/
/******** CSS BELOW SHOULD NOT NEED MODIFICATION *******/
/*******************************************************/
/* DEV MODE */
#devmode {background-color:#999999;color:#FFFFFF;font-size:.8em;font-weight:bold;width:100%;text-align:center;position:fixed;bottom:0;left:0;padding:1px;margin:0px;cursor:pointer;}
/* CSS HACKS */
.clearfix:after {content: ".";display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* HIDES FROM IE-MAC \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* END HIDE FROM IE-MAC */