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

/***************************************************/
/************ SITE LAYOUT AND DESIGN ***************/
/***************************************************/
/* STANDARD TAGS */ 
body {margin:0 auto; padding:0; font-family:Helvetica, Arial, sans-serif; font-size:12px; background:url(../img/back.png) top left repeat-x; background-color:#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:900px; margin:0 auto;} 

/* HEADER */ 
#header {position:relative; width:100%; height:216px; margin:-1px 0 0 0; background:url(../img/headerBack.png) top center no-repeat; z-index:10;}
h1{ position:absolute; left:-999px; margin:0; padding:0; width:856px; text-align:center; font-size:6px; color:#FFFFFF;}
#logo a { float:left; width:250px; height:130px; display:block; margin:20px 0 0 40px;}

#subNav {position:absolute; top:1px; right:10px; font-size:.7em; line-height:1.4em;  }
#subNav ul{
padding:0;
margin: 0;
float: left;
}
#subNav ul li{
display: inline;
}
#subNav li {float:left; list-style:none; margin:0; padding-top:10px; background:url(../img/topNavBack.png) top left repeat-x; height:39px;}
#subNav li.start {float:left; background:url(../img/topNavLeft.png) top left no-repeat; padding-left: 10px; padding-right: 0px;}
#subNav li.end {float:left;  background:url(../img/topNavRight.png) top right no-repeat; padding-right: 10px;}
#subNav li a { font:11px Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; text-decoration:none; margin:10px 0 0 0; padding:5px;}
#subNav li a:hover {  color:#900;}

#subNav:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#secondaryNav {position:absolute; right:0px; top:50px; background-color:#999999;}
#secondaryNav li {float:left; margin:0 15px; list-style:none; font-size:1.2em;}
#secondaryNav a {text-decoration:none;}
#secondaryNav a:hover {text-decoration:underline;}
/*#mainNav {width:100%;}
#mainNav ul { padding:5px; margin:0 0 0 15px;}
#mainNav li { list-style:none;}*/
#freeShipping {position:absolute;top:138px; left:0;width:400px; height:70px; background:url(../img/freeShipping.png); background-position:top left; background-repeat:no-repeat;}

#mainNav ul { padding:0; float:left; margin:8px 5px 0 0px; z-index:100000000;}
#mainNav ul li {float:left; position:relative; list-style:none; margin:0 1px; padding:5px; width:213px; height:22px; background:url(../img/navBox.jpg) top left no-repeat;}
#mainNav ul li a {float:left; color:#fff; text-decoration:none; padding:5px 5px; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; width:213px; }
#mainNav ul li a:hover {text-decoration:none; color:#999; }
#mainNav ul li.end { border-bottom:none;}

/*****flyout***/
#mainNav li ul a {
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-.01em;
	margin:0;
	padding:0; z-index:100000000;
}
#mainNav li ul a:hover {
}
#mainNav li ul li,#mainNav li ul li.parent { /* all list items */
	float: left;
	width: 213px;
	margin:0;
	display:block;
	color:#fff;
	padding:5px;
	 
}
#mainNav li ul li:hover,#mainNav li ul li.parent:hover { /* all list items */

	background-color:#34461E; 

}
#mainNav li ul { /* second-level lists */
	position: absolute;
	width: 190px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#mainNav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}
#mainNav li:hover ul ul, #mainNav li.sfhover ul ul {
	left: -999em;
}
#mainNav li:hover ul, #mainNav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin-left:216px;
	margin-top:-5px;
}
#mainNav li li:hover ul, #mainNav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin-left:195px;
	margin-top:-5px;
}

/*** end flyout***/


/* CONTAINER */ 
#container { position:relative; top:-15px; width:100%; min-height:500px; background:#fff; margin:0; z-index:0;}
#container a {color:#267d76; text-decoration:underline;}
#container a:hover {color:#354035; text-decoration:none;}
#content {float:left; min-height:700px; width:637px; margin:0 0 0 12px; padding:5px 10px; background:url(../img/contentBody.png) top left repeat-y; z-index:0;}
#contentTop {float:left; height:9px; width:657px; margin:10px 0 0 12px; background:url(../img/contentTop.png) top left no-repeat;}
#contentBottom {float:right; height:9px; width:657px; margin:0 1px 0 0 ; background:url(../img/contentBottom.png) top left no-repeat;}
#contentLeft { position:relative; float:left; width:225px; margin:0 0 0 3px; padding:5px 1px; background:url(../img/NavBack.jpg) top left repeat-y; border-bottom:#006 solid 1px; z-index:10000000;}

#search { position:absolute; top:130px; right:0; width:300px; height:15px;}
.textbox { float:left; margin:5px 5px 0 0; width:177px;}
.submit { float:left;}


#cart { position:absolute; top:172px; right:100px; width:160px; padding:5px 0 0 30px; height:25px; background:url(../img/cart.png) top left no-repeat;}
#cart a {  color:#FFF;}
#login { position:absolute; top:172px; right:0; padding:5px 0 0 30px; width:100px; height:25px; background:url(../img/login.png) top left no-repeat;}
#login a { color:#FFF;}
#featured h2 { font:20px Tahoma, Geneva, sans-serif; border-bottom:#666 thin solid; margin-top:0px;}

/* FOOTER */ 
#footer { float:left; width:890px; height:141px; padding:10px 0; margin:10px 0 0 2px; border-top:#999 solid 1px;}
#footerLinks {float:left; width:640px; height:150px; margin:0 20px 0 -30px; }
#footerLinks li {list-style:none; float:left;}
#footerLinks li a { float:left; color:#000; padding:2px 5px; font:10px Tahoma, Geneva, sans-serif;}
#footerLogo {float:left; width:200px; height:100px;  padding:10px 0 0 20px; }
#footerLogo a {float:left; padding:10px 0 0 20px; width:180px; height:100px; margin-left:20px; background:url(../img/logoFooter.png) top left no-repeat;}

/* SITE CREATED BY LINKS */
#delawarelink {font-size:10px;width:100%;text-align:center;clear:both;padding:15px;}
#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;
}
.categoryList { margin:6px 0 0 0;}
.catalogProduct { width:180px;}
.mainCatalogProduct { width:180px;}
#productInfoImage { width:270px;}
#productInfoWrapper { margin-left:5px;}
.mainCatalogProduct { z-index:0; border-right:none;}
.mainCatalogProductImage { z-index:0;}
.listCatalogProductInfo {width:425px; }
#catalogCategoryDesc {width:350px;}

/*******************************************************/
/******** 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 */