/****************************************************
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-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:960px; margin:0 auto;} 
#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:130px; margin:0; background:url(/img/layout/headerbg.gif) bottom left repeat; border-top:#233F7B 1px solid;}
h1 {margin:0; padding:2px; width:956px; text-align:left; font-size:12px; color:#666;}
h2 { font-size:24px;}
#logo {position:relative; float:left; width:370px; height:118px; z-index:2;}
#logo a {margin:12px 0 0 0; width:360px; height:118px; display:block; background:url(/img/layout/logoslogan.jpg) top left no-repeat}
#topHolder {margin:12px 0 0 0; width:100%; height:110px; background-color:#fff; background:url(/img/layout/new_flag_bg.jpg) top right no-repeat;}
#subNav {position:absolute; top:0px; right:5px; font-size:1.1em; line-height:1.4em; width:410px; text-align:right; }
#subNav ul {margin:0 5px;}
#subNav li {float:right; list-style:none; margin:0 5px;}
#secondaryNav {position:absolute; right:0px; top:46px; width:260px;}
#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;}
#searchButtonHolder {height:20px; width:60px; background:url(../img/layout/search_btn.jpg) top left no-repeat;}



#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;}

/* 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;}
#category {float:left; width:198px; height:auto; border-left:1px #bcbcbc solid; border-right:1px #bcbcbc solid;}
#orderWrapper {width:345px;}
.optionDropDown {width:240px;}

.categoryList {margin:0; padding:0;}
#category ul {padding:0 0 0 10px;}
#category li {list-style:none; margin:3px 0 3px 2px; width:170px; border-bottom:#ececec 1px solid; }
#category li.parent li {border:none;}
#category li.end, #category ul li.end {border:none;}
#category li a {display:block; color:#666; text-decoration:none; line-height:18px; font-size:14px; 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:200px; z-index:1;}
#category li ul li {margin:0 0 0 -40px; min-width:200px;}
#category li ul li a {left: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;}

/* 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;}
#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;}
#footerLinks .end {border:none;}
#copy { width:260px; float:left;}
#menu { width:350px; float:left; margin:0; }

#footerLogo {float:right; width:146px; height:56px; background:url(/img/layout/store-logic_stamp.gif) 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;
}
#pageChoiceWrapper {text-align:right; padding-right:10px;}
.catalogTableLayout {margin:0;}
.catalogTableLayoutHeader {background-color:#29498E; font-size:12px;}
.catalogTableLayoutHeader td {font-size:12px;}

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