/****************************************************
Created By: Chris Horton
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:#358F7A; text-decoration:underline;} 
a:hover, a:focus, a:active {color:#358F7A; text-decoration:none; outline:none;} 
#wrapper {position:relative; width:960px; margin:0 auto;} 
#content a:link, #content a:visited {color:#358F7A; text-decoration:underline;}
#content a:hover, #content a:focus, #content a:active {color:#358F7A; text-decoration:none; outline:none;}

/* HEADER */ 
#header {position:relative; width:100%; height:130px; margin:0; background:url(/img/layout/headerbg.jpg) bottom left repeat; border-top:#41A791 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:225px; height:118px; z-index:2;}
#logo a {margin:12px 0 0 0; width:225px; height:118px; display:block; background:url(/img/layout/pinewater_quilting_logo.png) top left no-repeat}
#subNav {position:absolute; top:3px; right:5px; font-size:1.1em; line-height:1.4em; width:214px; color:#358F7A;}
#subNav li {float:left; list-style:none; margin:0 5px;}
#secondaryNav {position:absolute; right:0px; top:46px; width:220px;}
#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/go-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:#FFF; padding:7px 15px 6px 15px;}
#mainNav li a:link {color:#FFF; font-weight:bold; background-image:url(../img/layout/mainRollovers.jpg); background-position:left top;}
#mainNav li a:visited {height:28px; font-weight: bold; color: #FFF; background-image: url(../img/layout/mainRollovers.jpg); background-position: left top;}
#mainNav li a:hover {height:28px; font-weight: bold; color: #FFF; background-image: url(../img/layout/mainRollovers.jpg); background-position: left -28px;}
#mainNav li a:active {height:28px; font-weight: bold; color: #FFF; 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; margin:0 0 0 0; padding:0 0 0 0;}
#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:#267d76; 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:#B5CFCA; color:#333;}
#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; margin:0;}

#box1 { min-height:175px; margin:0; padding:0 0 10px 0;}
#box2 { height:auto; margin:0; padding:0;}
#newsTop {margin:10px 0; background:url(../img/layout/category.jpg) no-repeat; margin:0;}
#newsTop p {margin:10px 0 0 0; font-size:16px; text-align:center; font-stretch:wider; font-weight:700; line-height:28px; width:200px;}
.pageListInline, .pageListInLineViewAll {border-left:#bcbcbc 1px solid; border-right:#bcbcbc 1px solid;}
#newsFooter {float:left; width:200px; height:6px; background:url(../img/layout/cat-ftr.jpg) bottom left no-repeat;}
.pageListInline {padding:15px 10px 10px 10px;}
.pageListInLineViewAll {padding:0 12px 10px 0;}

/* 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; padding:10px 0 0 23px; min-height:560px; width:725px; 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:500px; height:100px;}
#footerLinks p {color:#777; padding:0 0 0 32px;}
#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:350px; float:left;}
/*#menu {width:500px; float:left;}*/

#footerLogo {float:right; margin:15px 30px 0 0; width:152px; height:75px;}





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

/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
#treePageListWrapper {
	width:200px;
}
#treePageDetailsWrapper {
	width:600px;
}

.catalogProduct, .mainCatalogProduct {min-height:175px; border:none;}
.catalogProductImage, .mainCatalogProductImage {min-height:100px;}
.catalogRow, .mainCatalogRow {border:none;}

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