/****************************************************
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:14px; background:url(../img/layout/bg-tile-bottom.jpg) bottom left repeat-x; z-index:-1; background-color:#fff; min-height:1030px;} 
#bodyBG
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;} 
#topTile {margin:0; padding:0; background:url(../img/layout/bg-tile-top.jpg) top left repeat-x; height:214px;}
#wrapper {position:relative; width:960px; margin:-214px auto 0 auto;} 

#bottomTileImageContainer {position:relative; bottom:0; width:100%; height:214px;}
#treePageDetailsTitle {height:20px; margin:0 10px; padding:40px 0 0 0; font-size:20px; color:#7ac141; background:url(../img/layout/h2-bg.jpg) bottom right no-repeat;}
#contactFormTitle {height:20px; margin:0 10px; padding:40px 0 0 0; font-size:20px; color:#727679; background:url(../img/layout/heading-bg.jpg) bottom right no-repeat;}
#catalogHeader {width:99%; height:20px; margin:0 10px; padding:40px 0 0 0; font-size:20px; color:#7ac141; background:url(../img/layout/h2-bg.jpg) bottom right no-repeat;}

#submitForm {margin:10px 0 0 0;}

/* HEADER */ 
#header {position:relative; width:960px; height:135px; margin:0; background:url(../img/layout/header-bg.jpg) top center no-repeat;}
h1#topHeader{margin:0; padding:2px; width:956px; text-align:center; font-size:14px; color:#FFFFFF;}
#logo {width:324px; height:78px; float:left;}
#logo a {width:324px; height:78px; background:url(../img/layout/logo.png) top left no-repeat; display:block;}

#phone {position:absolute; top:4px; right:10px; font-size:24px; font-weight:bold;}
#header #phone p {color:#BF0B0B; padding:0; margin:0;}

#search {margin:52px 10px 0 0; float:right; width:284px; height:26px; background:url(../img/layout/search-box.png) top left no-repeat; z-index:0;}
.searchBox {width:205px; margin:4px 0 0 20px; border:none; line-height:18px;}
#searchButtonHolder {position:relative; margin:-17px 0 0 235px;  width:45px; }
.searchButton {color:#fff; margin:-4px 0 0 130px; z-index:1000000; float:right; width:45px; height:20px; background:none; border:none; cursor:pointer; }

#mainNav {float:right; width:360px; margin:0 25px 0 0; color:white;}
#mainNav ul {padding:5px; margin:27px 0 0 0;}
#mainNav li {float:left; padding:0 15px; border-right:1px solid white; color:white; text-decoration:none; list-style:none;}
#mainNav a {color:white; text-decoration:none; font-size:13px;}
#mainNav a:hover {text-decoration:underline;}
#mainNav ul li.end {border:none;}
#mainNav li ul {display:none;}

#subNav {float:right; margin:31px 0 0 0; padding:0 20px 0 0; border-right:white solid 1px; color:white; font-size:13px;}
#subNav li {float:left; list-style:none; margin:0 5px;}
#subNav a {color:white; text-decoration:none; font-size:13px;}
#subNav a:hover {text-decoration:underline;}

/* CONTAINER */ 
#container {width:100%; background:#fff; margin:0;}
#container a {color:#2366a7; text-decoration:none;}
#container a:hover {color:#6493BF;}
#content {position:relative; float:left; width:612px; margin:15px 0 10px 30px;}
#contentLeft {float:left; width:300px; margin:0 0 0 0; height:auto;}
#contentLeft p {font-size:28px; color:#7ac141;}

#contentLeft .categoryList {padding:0 0 0 12px; margin:0; width:200px;}
#contentLeft .categoryList li {list-style:none; padding:0 0 3px 0;}
#contentLeft .categoryList li a {font-size:15px; line-height:18px; text-decoration:none; color:#2366a7; padding:0 0 0 5px;}
#contentLeft .categoryList li a:hover {padding:0 0 0 7px; color:#004911;}

#contentLeft .categoryList li:hover, #contentLeft .categoryList li:hover a {background-image: none; background-color:#ebf5d8; background-repeat:repeat; background-attachment:scroll; background-position:0% 0%;}
#contentLeft .categoryList li ul {position:absolute; left:-999em; margin-left:14.6em; margin-top:-1.3em; padding:0; color:#fff; min-width:150px; background-color:#ebf5d8; z-index:10000;}
#contentLeft .categoryList li ul li {margin:0 0 0 0px; padding:0; text-indent:0px; min-width:175px;}
#contentLeft .categoryList li ul li a {left:0; padding:0 0 0 5px;}
#contentLeft .categoryList li ul li a:hover {left:0; color:#004911; padding:0 0 0 7px;}	
#contentLeft .categoryList li ul ul {left:-999em;}	
#contentLeft .categoryList li:hover ul ul, #contentLeft .categoryList li:hover ul ul ul, #contentLeft .categoryList li.sfhover ul ul, #contentLeft .categoryList li.sfhover ul ul ul {left:-999em;}
#contentLeft .categoryList li:hover ul, #contentLeft .categoryList li li:hover ul, #contentLeft .categoryList li li li:hover ul, #contentLeft .categoryList li.sfhover ul, #contentLeft .categoryList li li.sfhover ul, #contentLeft .categoryList li li li.sfhover ul {left:0;}	
		
#shopByNavContainer h3 {color:#7AC164;}

#newsletter {width:190px; height:30px; margin:25px 0 0 12px; padding:25px 0 25px 10px; background:url(../img/layout/newsletter.png) top left no-repeat; border:none;}
#newsletterSmallSubmit {width:55px; height:24px; background:url(../img/layout/signup-button.jpg) top left no-repeat; border:none; cursor:pointer;}
#newsletterSmallInput {height:18px; vertical-align:top; width:105px;}

#SubCatHeader {padding:0 0 0 27px; font-size:20px; font-weight:bold; color:#7ac141;}
#subCats {width:275px; margin:0 0 0 25px;}
#subCats.subcategorylist li a:hover {text-decoration:underline;}

#flashWrapper {position:relative;}
#flash {position:relative; width:612px; height:382px;}
#bottomLeft {position:absolute; bottom:0; left:0; width:19px; height:19px; background:url(../img/layout/flash-mask-bottom-left.png) top left no-repeat; z-index:100;}
#bottomRight {position:absolute; bottom:0; right:0; width:19px; height:19px; background:url(../img/layout/flash-mask-bottom-Right.png) top left no-repeat; z-index:100;}
#topRight {position:absolute; top:0; right:0; width:19px; height:19px; background:url(../img/layout/flash-mask-top-Right.png) top left no-repeat; z-index:100;}
#topLeft {position:absolute; top:0; left:0; width:19px; height:19px; background:url(../img/layout/flash-mask-top-left.png) top left no-repeat; z-index:100;}

#slideshowWrapper9 {z-index:1;}

#welcome {margin:10px 0 0 0; overflow:hidden;}

#contactInfo {position:absolute; top:62px; right:10px; width:340px; height:198px;}

/* FOOTER */ 
#clearanceCTA {float:left; width:450px;}
#clearanceCTA p {background:url(../img/layout/CTA-header-left.jpg) top left no-repeat; padding:10px; color:#fff; font-weight:bold; font-size:22px; margin-top:0;}
#clearanceCTA td p {background:none; font-size:12px; color:#000; font-weight:normal;}

#newItemsCTA {float:left; width:450px; margin:0 0 0 20px;}
#newItemsCTA p {background:url(../img/layout/CTA-header-right.jpg) top right no-repeat; padding:10px; color:#fff; font-weight:bold; font-size:22px; margin-top:0;}
#newItemsCTA td p {background:none; font-size:12px; color:#000; font-weight:normal;}

#productInfoHeader, #productInfoHeaderAlt {background-color:#7AC141; color:#fff; padding:0 0 0 7px; width:605px;}


#CTAwrapper {margin:0 0 0 0; width:960px;}
#CTAwrapper a:hover {text-decoration:underline;}
#secondaryCTAS {float:left; height:250px; width:960px;}
#greenCTA {float:left; width:255px; height:150px; margin:20px 0 0 15px; padding:50px 15px 10px 30px; text-align:right; background:url(../img/layout/CTA-BG-green.png) top center no-repeat; display:block;}
#greenCTA a {color:#00450F; text-decoration:none;}
#greenCTA p {margin:5px 0 0 0; float:right; width:200px; text-align:left;}

#managersCTA {float:left; width:255px; height:150px; margin:20px 0 0 15px; padding:50px 15px 10px 30px; text-align:right; background:url(../img/layout/CTA-BG-property-managers.png) top center no-repeat; display:block;}
#managersCTA a {text-decoration:none;}
#managersCTA p {margin:5px 0 0 0; float:right; width:200px; text-align:left;}

#steelCTA {float:left; width:255px; height:150px; margin:20px 0 0 15px; padding:50px 15px 10px 30px; text-align:right; background:url(../img/layout/CTA-BG-steel.png) top center no-repeat; display:block;}
#steelCTA a {color:#333333; text-decoration:none;}
#steelCTA p {margin:5px 0 0 0; float:right; width:200px; text-align:left;}
 
#footer {width:100%; margin:0 0 0 0;}
#footerLinks {float:left; width:100%; border-top:1px solid #990000; text-align:center;}
#footer #footerLinks .categoryList li {float:left;}
#footer #footerLinks .categoryList li a {float:left; padding:0 15px; border-right:1px solid #99000;}
#footerLinks .categoryList li ul {display:none;}
#footer #footerLinks .categoryList li a {color:#99000;}
#footerLinks li {list-style:none;}
#footerLogo {float:left; width:200px; height:150px; background-color:#999999;}

/* 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;}
#treePageDetailsPageList {padding:0 0 0 5px;}
#treePageDetailsPageList li {list-style:none;}
#treePageDetailsPageList a {font-size:18px; font-weight:lighter;}
.productTagHolder {margin:150px 0 0 0; padding:10px 0 0 0;}
#orderWrapper {width:275px; margin:20px 0 0 0; background:#C4E5F8; color:#2966A7;}
#productInfoWrapper {width:300px;}
#productInfoDescription {width:270px;}
#productInfoSection {width:275px;}
#storePartNo {font-size:14px;}
.catalogRow {border:none;}
#pageChoiceWrapper {margin-top:10px;}
#catalogCategoryDesc {float:right; width:280px;}
#catalogCategoryImage {float:right;}
#catalogProductsWrapper {margin: 10px 0 0 0;}
.catalogProduct {width:175px; border:none;}
.catalogProductName, .catalogProductPrice {text-align:center;}
.catalogProductImage {height:150px; overflow:hidden;}

#sorter {margin:0 80px 0 0;}
#orderWrapperAlt {background-color: #c4e5f8; border:1px solid #333;}
.menuheader {padding:0 0 0 12px;}

#socialContainer {margin-top:10px;}
#socialContainer h3 {font-size:16px; color:#006;}

.socialLink {float:left;s}

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