/****************************************************
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/bkSmall.jpg) top left repeat #CCC5BA;
	
} 
p {margin:10px;} 
img {border:none;} 
a {outline-style:none;} 
a:link, a:visited {color:#000099; text-decoration:underline;} 
h2 {
	color:#333333;
	border-bottom:#009999 1px solid;
	font-weight:lighter; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:24px;
	width:98%;
}
h3 { font:24px "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
a:hover, a:focus, a:active {color:#000033; text-decoration:none; outline:none;} 
#wrapperback { width:959px; margin:0 auto; } 
#wrapperback2 { width:100%; margin:0 auto; background: url(/img/topBack.jpg) top center no-repeat; } 

#wrapper {
	position:relative; 
	width:960px; 
	margin:0 auto;
	background:none;
} 

#header {
	position:relative; 
	margin:0 auto;
	width:960px;
	height:315px; background:none;
	z-index:10000;
}
h1{
	margin:0 0 0 25px; 
	padding:2px; 
	width:960px; 
	text-align:left; 
	font-size:7px; 
	color:#396D74;
}

#logo {
	position:absolute;
	top:10px;
	left:5px;
	display:block; 
	margin:5px;
}
#lamp {
	position:absolute;
	top:0px;
	right:5px;
	display:block; 
	margin:5px;
}

/*#headerImg { 
	position:absolute; 
	top:0;
	left:0; 
	padding:0;
	width:960px;
	height:702px;
	z-index:0;
	background:url('/img/layout/bg.jpg') no-repeat;
}
*/
#searchBar {
	position:absolute;
	top:195px;
	left:30px;
}

#searchBoxHolder input{
	border:1px solid #006666;
	height:22px;
	width:220px;
	font-size:14px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#searchBoxHolder {
	float:left;
	height:22px;
	width:200px;
	padding:0;
	margin:0 5px 0 -10px;
}
#searchButtonHolder {
	float:left;
}

#mainNavTopper {
	position:absolute;
	top:230px;
	left:9px;
	width:943px; 
	height:42px;
}

#mainNavTopperTabs {
	float:left;
}
#mainNavTopperTabs ul {
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
}
#mainNavTopperTabs li {
	padding-top:10px;
	display:block;	background:url(/img/layout/topnavTabs.png) top left no-repeat; width:124px; height:28px;
	float:left;
	margin-right:3px;
	text-align:center;
	text-transform:uppercase;
}
#mainNavTopperTabs li a {
	color:#000000;
	font-size:11px;
	text-decoration:none;

}

#mainNavTopperBack { 	
	position:absolute;
	top:0px;
	right:-5px;
	width:440px; height:45px;
 background:url(/img/layout/mainNavTopper.png) top right no-repeat;}
 
#mainNavTopperCart {
	background:url('/img/layout/cart.png') no-repeat; 
	float:left;
	margin:5px 10px 0 10px;
	padding:6px 0 0 40px;
	height:42px;
	width:120px;
}
#mainNavTopperAccount {
	background:url('/img/layout/lock.png') no-repeat; 
	float:left;
	margin:5px 10px 0 10px;
	padding:6px 0 0 30px;
	height:42px;
	width:90px;
}
#mainNavTopperCart a, #mainNavTopperAccount a {
	color:#000000;
	font-size:14px;
	text-decoration:none;
}
#mainNavTopperSocial {
	float:right; margin-right:10px;
	width:100px;
}
#mainNavTopperSocial a {
	display:block;
	float:right;
	margin:8px 5px 0 0;
	width:24px;
}

#subNav {
	position:absolute; 
	top:-5px; right:150px; 
	font-size:.9em; 
	line-height:1.1em;
	width:310px;
	height:32px;
	background:url('/img/layout/subNav.png'); 
}
#subNav ul {padding:0; margin:10px 0 0 10px;}
#subNav li {
	float:left; 
	list-style:none; 
	margin:0;
	padding:0 5px 0 5px;
	border-left:#FFF solid 1px;
}
#subNav li.start { border-left:none;}

#subNav li a { font:11px Arial, Helvetica, sans-serif; text-decoration:none; color:#FFF;}
#subNav li a:hover { text-decoration:underline;}

#leftNav .categoryList { list-style:none; padding-left:10px; margin-bottom:20px;  }
#leftNav .categoryList li {list-style:none; color:#333; text-decoration:none; background:url(/img/dottedLine.png) bottom left repeat-x; margin-right:20px; padding:2px 0; }
#leftNav .categoryList li.end {background:none; }
#leftNav .categoryList li a {list-style:none; color:#333; text-decoration:none; font-size:14px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#leftNav .categoryList li a:hover { color:#3B6B73; }
#leftNav #level2 li a { list-style:none; text-decoration:none; font-size:12px }
#leftNav #level2 li { list-style:none; text-decoration:none; }

#leftNavInt {}
#shopByNavContainer .shopByHeader { list-style:none; padding-left:10px;  }
#shopByNavContainer .shopByHeader li {list-style:none; color:#333; text-decoration:none; background:url(/img/dottedLine.png) bottom left repeat-x; margin-right:20px; padding:4px 0; }
#shopByNavContainer .shopByHeader li.end {background:none; }
#shopByNavContainer .shopByHeader li a {list-style:none; color:#333; text-decoration:none; font-size:14px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#shopByNavContainer .shopByHeader li a:hover { color:#3B6B73; }


#leftNavImg { position:absolute; bottom:10px; float:left; margin:10px 0 0 0;}


#cart {position:absolute; top:30px; right:10px; font-size:.9em; line-height:1.4em;}

#homeLeftPanel { position:absolute; width:192px; padding:5px; height:275px; top:640px; left:15px; -moz-border-radius: 10px;
border-radius: 10px; } 


/**************************************/
/********** Home Page *****************/

#slideShow { 
	border:1px solid #ffffff; 
	width:477px; 
	height:272px; 
	float:left;
	margin:10px 10px; 
	z-index:-1;
}


#homeCTA { 
	float:left;
	width:185px;
	height:280px;
	margin:5px 0 0 10px;
}
#homeCTA1 a { float:left;
	width:188px;
	margin:5px 0;
	height:82px;
	background:url(/img/cta1.png) no-repeat; 
}
#homeCTA1 a:hover { 
	background:url(/img/cta1Hover.png) no-repeat; 
}
#homeCTA2 a {  float:left;
	width:188px;
	margin:7px 0;
	height:82px;
	background:url(/img/cta2.png) no-repeat; 
}
#homeCTA2 a:hover { 
	background:url(/img/cta2Hover.png) no-repeat; 
}
#homeCTA3 a {  float:left;
	width:188px;
	margin:5px 0;
	height:82px;
	background:url(/img/cta3.png) no-repeat; 
}
#homeCTA3 a:hover { 
	background:url(/img/cta3Hover.png) no-repeat; 
}

#homeFeatured {
	clear:both;
	margin:0 0 0 10px;
}

#welcome { float:left; margin:15px 0 0 15px; width:260px; height:333px;}

/* CONTAINER */ 
#containerTop {
	width:100%; 
	height:12px; 
	margin:10px 0 0 0; 
	background:url(/img/containertop.png) top center no-repeat;
}
#container {
	width:100%; 
	min-height:500px; 
	margin:0; 
	background:url(/img/containerBk.png) top center repeat-y;;
}
#containerBottom {
	width:100%; 
	height:12px; 
	margin:0 0 10px 0; 
	background:url(/img/containerBottom.png) top center no-repeat;
}
#container a {color:#267d76; text-decoration:underline;}
#container a:hover {color:#354035; text-decoration:none;}
#content {float:left; min-height:740px; width:700px; padding-left:10px; z-index:3; border-left:1px solid #000000; }

#contentLeft { float:left; width:230px; margin:15px 0 0px 10px; min-height:200px;}
#contentLeft h3{ margin:0 0 10px 0; padding:0; width:200px; border-bottom:1px solid #000000; text-transform:uppercase; font-weight:normal; font-size:18px;}

#contentRight {float:left; width:680px; margin:10px 0 0 0;}
#contentRightHome {float:left; width:680px; min-height:200px; margin:10px 0 0 0;}
#contentRightHome h2 { border-bottom:#000 solid 1px;}

/* FOOTER */ 
#footerBack {	
	width:100%; margin:0 auto; position:relative; 
	height:369px;
	background:url(/img/footertest.jpg) center no-repeat; 	
}
#footer {	
	width:960px; margin:0 auto;
	height:369px;
}
#footerGroup1, #footerGroup2, #footerGroup3 {
	float:left;
	padding:0px 25px 5px 10px;
	margin:15px 0px 5px 0px;
	font-size:13px;
}
#footerGroup2, #footerGroup3 {
	border-left:1px solid #6699cc;
	height:170px;
}
#footerGroup1 ul, #footerGroup2 ul, #footerGroup3 ul{
	padding:0px;
	margin:0px;
	list-style:none;
}
#footerGroup1 li, #footerGroup2 li, #footerGroup3 li{
	padding:1px 0px;
	margin:0px;
}
#footerGroup1 a, #footerGroup2 a, #footerGroup3 a{
	color:#000000;
	text-decoration:none;
}
#footerGroup1 a:hover, #footerGroup2 a:hover, #footerGroup3 a:hover{
	text-decoration:underline;
}
#footerGroup1 strong, #footerGroup2 strong, #footerGroup3 strong {
	display:block;
	padding:2px 0px;
}
#footerAddress { float:right;
	margin:15px 20px 0 0;
	width:287px;
	text-align:right;
	font-size:13px;
}
#addressImg { margin:0 0px 5px 10px; height:30px; width:287px; 
}

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

/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
#leftSideTreeNav { float:left; margin-bottom:350px; margin-top:20px; width:220px;}
#leftSideTreeNav ul { list-style:none; margin:0; padding:0;}
#leftSideTreeNav ul li { float:left; padding:3px 5px; border-bottom: none; width:200px;background:url(/img/dottedLine.png) bottom left repeat-x;}
#leftSideTreeNav ul li a { font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;   padding:3px 0; color:#000000; text-decoration:none;}
#leftSideTreeNav ul li a:hover { text-decoration:underline;}
#leftSideTreeNav ul li ul li a { display:none; float:left; padding:3px 5px; font-weight:normal; background:url(/img/dottedLine.png) bottom left repeat-x; width:200px;}
#leftSideTreeNav ul li ul li { display:none; }

#treePageListWrapper { display:none; position:absolute; top:340px; left:10px; float:left; margin-bottom:350px;
	width:220px;
}
#treePageListWrapper ul li { float:left; padding:3px 5px;
}
#treePageListWrapper ul li a { font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding:3px 0;
}
#treePageDetailsWrapper {
	width:650px;
}
#treePageDetailsTitle {
	font-weight:lighter; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:24px;
}
#catalogCategoryWrapper { width:680px;}
#catalogCategoryDesc { width:680px;}
#catalogCategoryDesc h1{ width:680px;}
#catalogProductsWrapper { width:680px; margin-top:20px;}
h3#subCatHeader { width:660px; position:relative; height:auto; display:none; font-size:14px;}
#catBreadcrumbs { margin-top:5px;}
#SubCatHeader { font:12px Arial, Helvetica, sans-serif; font-weight:bold;}
.subcategoryList { background:#999;}
#productInfoDescription h1 { text-align:left;}
#treePageDetailsGalleryWrapperScroller { width:500px; float:right;}
#treePageDetailsMainGalleryWrapper {  float:right;}
.mainCatalogProduct { border-right:none;}
.catalogProduct { border-right:none;}
.productTagHolder { float:left; height:30px; width:350px; margin-top:10px;}
#productInfoWrapper { width:365px;}


.searchResults {
	right: auto;
	left: -10px;
	top: 30px;
}

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