/****************************************************
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/layout/page_bg.gif) repeat-x top left; } 
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:960px; margin:0 auto;} 
#content {background:#fff;}
#content a:link, #content a:visited {color:#000099; text-decoration:underline;}
#content a:hover, #content a:focus, #content a:active {color:#000033; text-decoration:none; outline:none;}

/* HEADER */ 
#header {position:relative; width:100%; height:90px; margin:15px 0 0 0; background-color:#000000; border:#FFF 1px solid;}
#header a {color:#CCCCCC;}

h1 {margin:0; padding:2px; width:956px; text-align:left; font-size:12px; color:#fff;}
h2 { font-size:24px;}
#logo {position:relative; float:left; width:300px; height:80px; z-index:2;}
#logo a {margin:12px 0 0 0; width:300px; height:80px; display:block; background:url(/img/layout/logo.jpg) top left no-repeat}
#subNav {position:absolute; top:0px; right:5px; font-size:1.1em; line-height:1.4em; width:610px; z-index:100; color:#fff; text-align:right;}
#subNav li {float:right; list-style:none; margin:0 5px;}
#subNav a {color:#fff;}
#cartMenu {top:0px; right:5px; z-index:100; color:#fff; text-align:right; margin:10px 10px 0 0;}

#secondaryNav {position:absolute; right:0px; top:46px; width:250px; height:30px;}
#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;}
.searchBox { float:left; }
.searchButton {float:left; padding:0 0 0 5px; margin-left:5px;}
#searchBox {float:right; width:250px; height:40px;}
#searchBoxHolderLeft {width:150px; float:left;}



/*#mainNav { position:absolute; top:100px; right:0; width:100%;}
#mainNav ul {padding:0px; margin:2px 0 0 15px; float:right;}
#mainNav li {height:27px; margin:.05em 0; font-family: Arial, Helvetica, sans-serif; font-size:14px; text-align:center; line-height:28px; list-style-type:none; background-image: url(/img/layout/mainRollovers.jpg) top left no-repeat; float:left;}
#mainNav li a {height:28px; text-decoration:none; color:#FFFFFF; padding:7px 15px 6px 15px;}
#mainNav li a:link {color:#FFFFFF; font-weight:bold; background-image:url(/img/layout/mainRollovers.jpg); background-position:left top;}
#mainNav li a:visited {height:28px; font-weight: bold; color: #FFFFFF; background-image: url(/img/layout/mainRollovers.jpg); background-position: left top;}
#mainNav li a:hover {height:28px; font-weight: bold; color: #FFFFFF; background-image: url(/img/layout/mainRollovers.jpg); background-position: left -28px;}
#mainNav li a:active {height:28px; font-weight: bold; color: #FFFFFF; background-image: url(/img/layout/mainRollovers.jpg); background-position: left -56px;}*/

#mainNav {/*position: relative;*/ float:left; width:980px; margin:15px 0px 0px -10px;  height:37px;  float:left; z-index:10000000; border:#FFFFFF solid 1px;}
#mainNav ul {position:relative; padding:0px; margin:0px 0;  height:37px; background:#000000;  z-index:99999;}
#mainNav li { float:left; width:120px; color:#CCCCCC; height:37px; padding:0px; margin:0px; list-style:none; text-align:center; border-left:#fff solid 1px; display:block;}
#mainNav ul li:hover {background-color:#E4E3E3; color:#000; display:block; height:37px; padding:0px; margin:0px;}
#mainNav li.start { border-left:none;}
#mainNav li a { font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; line-height:37px; text-decoration:none; display:block; width:120px; }
#mainNav li a:hover {color:#000; display:block; width:120px; height:37px;}

/***** Suckerfish Style Flyout CSS *****/
#mainNav ul li ul { position: relative; list-style:none; top:0px; left: -999px;  z-index:1000000; padding:0px; margin:0px; width:123px; text-align:left; background:#CCCC99; border-top:#000 solid 1px; border-bottom:none; border-left:none; border-right:none; }
#mainNav li ul li {position:relative; display:block; background:#CCCC99; float:none; padding:0px; height:16px; margin:0; text-align:left;  width:123px; border-top:none; border-left:none;}
#mainNav li ul li.start {border-bottom:none; width:123px; }
#mainNav li ul li:hover {height:17px; top:0px}
#mainNav li ul li a { text-transform:none; font-weight:normal; width:123px; font-size:15px; padding:0px 0px 0px 2px; margin:0;	 border-bottom:#000 solid 1px; border-left:#000 solid 1px; border-right:#000 solid 1px; }
#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul { background:#CCCC99; top:-1px; left:70px;  display: block; width:123px;  left:auto;/*border-top:#fff solid 1px; border-bottom:#fff solid 1px;*/}


#mainNav li ul li.single { background:#CCCC99;}
#mainNav li ul li a {background-image:none; height:17px; width:120px; margin:0; padding:0 0 0 2px; color:#000; text-decoration:none;  position:relative; display:block; z-index:1000000;}
#mainNav li ul li a:hover {width:120px;}


/* CONTAINER */ 
#container {width:100%; background:#fff; margin:0;}
/*#container a {color:#267d76; text-decoration:underline;}
#container a:hover {color:#354035; text-decoration:none;}*/


/* LEFT NAVIGATION */
#contentLeft {float:left; width:200px; height:auto; padding:0; margin:0;}
#categoryTop {background:url(/img/layout/category.jpg) top left no-repeat;}
#categoryTop p {margin:10px 0 0 0; font-size:16px; text-align:center; font-stretch:wider; font-weight:700; line-height:35px; width:200px;}

#orderWrapper {width:345px;}
.optionDropDown {width:240px;}

.categoryList {margin:0; padding:0;}

.category {float:left; width:198px; border-left:1px #bcbcbc solid; border-right:1px #bcbcbc solid;}
.category ul {padding:0 0 0 3px;}

.category li {list-style:none; margin:0 0 0px 2px; padding:0; width:185px; border:#CCCCCC 1px solid; font-size:12px;}
.category li.parent li {border:none;}
.category li a {display:block; color:#666; text-decoration:none; line-height:18px; font-size:12px; padding:0 0 0 5px;}
.category li a:hover {color:#333;}
.category li:hover, .category li:hover a {background:#A5A5A5; color:#fff; }
.category li ul {position:absolute; left:-999em; margin-left:17.1em; margin-top:-1.5em; color:#fff; width:250px; z-index:1;}
.category li ul li {margin:0 0 0 -20px; padding:0; line-height:18px; font-size:12px; min-width:200px; width:400px;}
.category li ul li a {left:0; margin:0;}
.category li ul li a:hover {left:0; color:#666; background-color:#ccc;}	
.category li ul ul {left:-999em;}	
.category li:hover ul ul, .category li:hover ul ul ul, .category li.sfhover ul ul, .category li.sfhover ul ul ul {left:-999em;}
.category li:hover ul, .category li li:hover ul, .category li li li:hover ul, .category li.sfhover ul, .category li li.sfhover ul, .category li li li.sfhover ul {left:0;}
.category li:hover, .category li.hover {position:static;}

#categoryFooter {float:left; width:200px; height:6px; background:url(/img/layout/cat-ftr.jpg) bottom left no-repeat;}
.category h3 {border-bottom:#000 1px solid; padding-left:8px; width:189px; font-size:16px;}
#SubCatHeader {border-bottom:#000 1px solid; padding:10px 0 0 10px; font-size:14px; font-weight:bold;}

/* CONTENT AREA */
#contentTop {position:absolute; top:161px; right:0; height:6px; width:750px; background:url(/img/layout/contentTop.jpg) top right no-repeat;}
#content {position:relative; float:right; margin:16px 0 0 0; min-height:779px; width:748px; border-left:1px #bcbcbc solid; border-right:1px #bcbcbc solid; z-index:0;}
#content h2, .contentArea {margin:20px 25px 20px 25px;}

#contentBtm {position:relative; float:right; height:6px; width:750px; background:url(/img/layout/contentBtm.jpg) bottom right no-repeat; margin:0 0 10px 0;}

#slideshow20 {width:700px; height:300px; margin:10px 0 0 22px; padding:0:}
#mainCatalogProductsWrapper, #catalogProductsWrapper, #catalogCategoryImage, #productInfoWrapper, #productReviews {margin:0 0 25px 40px;}
#detailWrapper {margin:20px auto;}
#prodBreadcrumbs {margin:20px 10px;}
.mainCatalogProductName, .catalogProductName, .mainCatalogProductPrice, .catalogProductPrice, .catalogRetailProductPrice, .catalogProductSalePrice {text-align:center;}

.productTagHolder { width:350px; float:left;}
#productInfoWrapper {width:350px;}

#catBreadcrumbs {margin:15px 0 0 15px;}
#catalogSortWrapper {margin:0px 25px 20px 0;}
#catalogHeader {margin:20px 15px 0 15px; padding:10px 0 0 0;}
#subCatHeader {margin:20px 15px 10px 25px; padding:10px 0 0 0;}
#catalogCategoryDesc {width:700px; padding:0 15px;}
#prodRevProductWrapper, #reviewSection {width:700px; margin:0 0 15px 5px;}

#contactFormTable, #submit {margin:0 0 0 100px;}
/* FOOTER */ 
#footer {width:100%; height:141px;}
#footerLinks {float:left; display:block; width:760px; height:100px; text-align:left;}
#footerLinks p {color:#A5A5A5;}
#footerLinks a:link, #footerLinks a:visited {color:#777; text-decoration:none;}
#footerLinks a:hover, #footerLinks a:focus, #footerLinks a:active {color:#222; text-decoration:underline;}
#footerLinks li {list-style:none; display:inline; text-transform:uppercase; padding:0 5px; border-right:#999 1px solid; font-size:14px; float:left;}
#footerLinks .end {border:none;}
#copy { width:200px; float:left;}
#menu { width:450px; float:left; }

#footerLogo {float:right; width:197px; height:43px; background:url(/img/layout/footer_logo.jpg) top left no-repeat}
/*#footerLogo img {margin:20px 0 0 10px; height:40px; width:285px;}*/


/*#footerLogo {float:right; height:150px; margin:60px 30px 0 0;}*/

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

#pubMapFormContainer {float:left; width:350px; margin-left:10px;}
#pubMapContainer {float:left; width:350px; }

#orderWrapper{background-color:#C0BFBF;}
#pageChoiceWrapper {text-align:right; padding:0 10px;}

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