/****************************************************
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:#63768E;} 
p {margin:10px;} 
img {border:none;} 
a {outline-style:none; color:#000000; text-decoration:underline;} 
a:link, a:visited {color:#000000; text-decoration:underline;} 
a:hover, a:focus, a:active {color:#000000; text-decoration:underline; outline:none;} 
#wrapper {position:relative; width:960px; margin:0 auto;} 


/* HEADER */ 
#header {width:100%; margin:0;}

#topheader{margin:0; width:960px; text-align:center; color:#FFFFFF;}
#topheader h1 {margin:0; padding:2px; text-align:left; font-size:12px; color:#FFFFFF; float:left; width:500px; background-color:none;}
#cartarea {float:right; padding:2px 4px 2px 2px;}
#cartarea a {color:#FFFFFF;}
#logo a {width:100%; height:100px; display:block;}

#subNav {font-size:12px; background-color:#999999; background-image:url(/img/layout/header1.jpg); width:960px; height:23px; text-align:right; clear:both; padding:0px; margin:0px;}

#pubTree51 {float:right; padding:5px 5px 0px 0px; margin:0px;}
#sitemapwrapper #pubTree51 {float:none; margin:12px 0px; padding:0px 0px 0px 40px; }
#subNav li {float:left; list-style:none; margin:0 5px; color:#000000;}
#subNav ul li a {color:#000000;}
#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;}

#mainNavArea {position:relative; width:100%; background:url(../img/layout/mainNavbg.jpg) top left no-repeat; height:24px; width:960px; z-index:1000;}
#mainNav {float:right; margin:0px; padding:0px; line-height:23px; width:710px; vertical-align:middle; height:23px;}
#mainNav ul {float:right; padding:0px; margin:0 0 0 15px; height:23px;}
#mainNav li {float:left; list-style:none; padding:0px 2px 0 0; padding:0; height:23px;}
#mainNav li a {font:14px Helvetica, Arial,  sans-serif; font-weight:bold; color:#FFF; padding:0 15px 0 5px; text-decoration:none; text-transform:uppercase; line-height:23px;}
#mainNav li.end {background:none;}
#mainNav li a:hover {color:#000;}

/***** Suckerfish Style Flyout CSS *****/
#mainNav li ul {position: absolute; left: -999em; margin:0px 0 0 0px; z-index:100; height:auto; padding:2px; width:130px; text-align:left; background:#63768e;}
#mainNav li ul li {display:block; float:none; padding:0px 0px 2px 0px; height:18px; margin:0; text-align:left; background-image:none;  vertical-align:center; border-bottom:#000000 1px solid; text-transform:none;}
#mainNav li ul li.end {border:none;}
#mainNav li ul li:hover {background:#0E4FA3;}
#mainNav li ul li a {font: Verdana, Helvetica, Arial,sans-serif; text-transform:none; height:15px; font-size:13px; padding:0px; background:none; color:#fff; margin:4px; position:relative;}
#mainNav li ul li a:hover {color:#fff;}
#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul {left: auto;}

#newsletterSmallForm {margin:0px 0px 0px 10px; padding:0px; float:left; width:240px; height:23px;}
#newsletterSmallInput {height:18px; width:144px; padding:0px 0px 0px 0px; border:0; color:#999999; font-size:12px; margin:2px 0px 0px 0px; float:left;  }
#newsletterSmallSubmit {padding:0px 0px 0px 0px; background:url(../img/layout/signup_btn.jpg) top left no-repeat; height:22px; width:70px; border:0; cursor:pointer;}

#headerslideshow {position:relative; background:url(../img/layout/slideshowbg.jpg) top right repeat-y; height:170px; width:960px; z-index:10;}
#slideshow11 {margin:0px 2px;}

#contactformleft {width:400px; float:left;}
/*Google Map */
#map {float:right; width:285px; height:350px;}

.contactLabel {width:100px;}
.twtr-doc {margin:0 0 10px 0;}

/* CONTAINER */ 
#container {position:relative; float:left; width:956px; padding:0px 2px; background:url(../img/layout/contentbg.jpg) top left repeat-y; min-height:390px; height:auto; margin:0 0 0 0;}
#container a {color:#267d76; text-decoration:underline;}
#container a:hover {color:#354035; text-decoration:none;}


#storecontainer {position:relative; float:left; width:956px; padding:0px 2px; background:url(../img/layout/storecontentbg.jpg) top left repeat-y; min-height:390px; height:auto; margin:0 0 0 0;}
#storecontainer a {color:#267d76; text-decoration:underline;}
#storecontainer a:hover {color:#354035; text-decoration:none;}

#content {float:left; min-height:390px; width:720px; padding:0px 0px 0px 5px; }
#contentRight {float:right; width:220px; min-height:390px; margin:0 0 0 0; background:url(../img/layout/contentrightbg.jpg) top left repeat-y; padding-left:10px;}

#content a {outline-style:none; color:#000000; text-decoration:underline;} 
#content a:link, #content a:visited {color:#000000; text-decoration:underline;} 
#content a:hover, #content a:focus, #content a:active {color:#000000; text-decoration:underline; outline:none;} 
#homepagecontentleft {float:left; width:470px;}
#homepagecontentright {float:left; width:250px; margin:5px 0px 0px 0px;}

#storecontent {float:right; min-height:390px; width:725px; padding:5px 0px 0px 5px;}
#contentLeft {float:left; width:220px; min-height:390px; margin:0 0 0 0;  padding:0px;}
#contentLeft ul {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; line-height:13px; margin:0px;}
#contentLeft ul li {list-style-type:none; background:url(../img/layout/db.gif) no-repeat;}
#contentLeft ul li a {color:#0B4EAE; text-decoration:none; padding:0px 0px 0px 15px;}
.categoryList {padding:0px 0px 0px 15px;}
#storeNavTitle {color:#0B4EAE; font-size:14px; font-weight:bold; padding:0px 0px 0px 15px; margin:5px 0px 0px 0px;}

#catalogCategoryImage {}
#catalogCategoryDesc{}
#catBreadcrumbs {padding:5px 0px 0px 5px;}
#catalogSortWrapper{padding:0px 5px 0px 0px;}
#catalogCategoryImage {float:left; width:300px;}
#catalogCategoryDesc{float:left; }
.catalogProductImage{min-height:150px;}
.catalogProductPrice {text-align:center;}
#manufPartNo {margin:5px; }
#productPartNoAlt {width:695px; clear:both; height:25px;}
#manufPartNo {width:420px; float:left; text-align:right;}
#orderWrapper {width:700px; padding:5px; float:left; clear:both;}
#addToCartWrapper { width:100%;}
#orderWrapperAlt form {background-color:#EAEDD7; border:1px;}
#orderProduct {background-color:#EAEDD7; min-height:50px; }
#orderWrapperAlt {width:695px; padding:0px; height:65px; border:none;  }
#addToCartPrice {float:left; width:125px; padding:6px 0px 0px 0px; clear:right;}
#priceCompare {  clear: right; float: left; padding: 6px 0 0; width: 125px;}

#addToCartQuantity {float:left; width:120px; padding:5px 0px 0px 0px;}
.productOptions{float:left;}
#addToCartButton {float:left;}
.formbutton{margin:3px 0px 0px 0px;}
#searchButtonHolder {padding:2px 0px 0px 2px;}
#searchBoxHolderRight {float:left; padding:2px 0px 0px 0px;}
#searchButtonHolderRight {float:left;}
#searchRightHolder {width:220px; margin:10px 0px; height:20px;}

#searchBoxHolderLeft {float:left; padding:0px 0px 0px 0px; }
#searchBoxHolderLeft input {height:19px;}
#searchButtonHolderLeft {float:left;}
#searchLeftHolder {width:220px; margin:10px 0px 10px 5px; height:20px;}
.searchBox {width:142px;}

#sitemapright {float:left; width:350px;}
#sitemapleft {float:left; width:350px;}
#sitemapwrapper .categoryList{padding: 0px 0px 0px 40px;}
#contentRightContentWrapper {clear:both; margin:10px 0px;}


#productInfoWrapper{width:410px; min-height:225px; position:relative;}
#productInfo{width:410px; min-height:225px;}
#productInfoDescription {width:410px; min-height:360px;}
#productInfoImage{min-height:225px; text-align:right; float:left;  padding:0px 10px 0px 0px;}

#productInfoDescriptionLeft {float:left; width:410px;}

.contentArea{}


#treePageDetailsTitle {background-color:#333333; color:#fff; padding:5px 0px 5px 5px; font-size:18px;}

#reviewWrapper h2 {background-color:#333333; color:#fff; padding:5px 0px 5px 5px; font-size:18px; width:710px;}
#hrListHeader {background-color:#333333; color:#fff; padding:5px 0px 5px 5px; font-size:18px; text-align:left;}
/* FOOTER */ 
#footer {width:960px; margin:0; clear:both;}
/*#footerLinks {float:left; width:760px; height:150px; background-color:#CCCCCC;}
#footerLinks li {list-style:none;}*/
#footerLogo {background:url(../img/layout/bottom.jpg) top left no-repeat; width:960px; height:30px; margin:0px; padding:0px;}
#address {float:left; width:250px; hieght:24px; color:#fff; text-align:left; font-size:20px; padding:0 0 0 10px;}
#number {float:right; width:150px; hieght:24px; color:#fff; text-align:left; font-size:20px;}


/* SITE CREATED BY LINKS */
#delawarelink {font-size:10px; width:100%; text-align:center; padding:0px 0px 10px 0px;}
#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;
}

#storePartNo {display:none;}

.featuredCatImage{position:relative; margin:0 auto 0 auto; float:none; text-align:center; min-height:150px; }
.featuredCat{width:227px; float:left; margin: 0px; 	padding:5px;  border-right:1px #ccc solid; border-top:1px #eee solid; border-bottom:1px #eee solid; border-left:1px #ddd solid; height:175px;}
#featuredCatWrapper{float:left; text-align:center; padding:10px 0px 0px 0px; }
.featuredCatName{font-size:12px; font-weight:bold;}

#catBreadcrumbs a:link, #catBreadcrumbs a:visited {color:#0B4EAE; text-decoration:none;}
#catBreadcrumbs a:hover, #catBreadcrumbs a:focus, #catBreadcrumbs a:active {color:#0B4EAE; text-decoration:underline;}

#storecontent a:link, #storecontent a:visited {color:#0B4EAE; text-decoration:none;}
#storecontent a:hover, #storecontent a:focus, #storecontent a:active {color:#0B4EAE; text-decoration:underline;}

.catalogProductName {text-align:center;}

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