/* CSS Document */

/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2005 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet.css 3215 2006-03-20 06:05:55Z birdbrain $
 */

/*this is the version Diana is modifying for the HTML pages*/

body  { color: #000000; /*font-size: 70%;*/ font-family: Georgia, "Times New Roman", Times, serif; background-image:url(../images/bgpattern.gif);
  margin: 22px 0 10px; }
<!--background-repeat:repeat; background-color: #dae8e9;-->
a img {border: none; }
a:link    { color: #827E77; text-decoration: none }
 
a:visited    { color: #827E77; text-decoration: none }

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover  { color: #827e77 }

a:active  { color: #827E77 } 

h1 {
	font-size: 16px;
	}
/* this font size reduced by DK after removing 70% font-size attrib from body */
h2 {
	font-size: 14px;
	}

h3 {
	font-size: 12px;
	}

h4 {font-size: 12px;
	font-weight: bold;
	color: #6BA09F;
	padding-bottom: 0px;
	} 

h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, /*.sideBoxContent,*/ .larger{
	font-size: 1.1em;
	}

.biggerText {
	font-size: 1.2em;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0.3em 0.3em 0.3em 0px;
	}

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}
	
#logo  { }


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* FOOTER--re-centers legal text in footer, and gives it small size--*/
.legalCopyright {
text-align:center; 
font-size: 0.6em;}

/* LEFT NAVIGATION--sets label of current page link in left nav, if not overridden by a: attributes */
.category-current {
   font-weight: bold;
   text-decoration: none;
   }
   
.sideBoxContent {
   font-size: 12px;
   line-height: 1.2; 	
   letter-spacing: normal;
   text-align: right;
   } 
   
#categories {
    margin: 15px 0px 0px 0px;
	}

#categoriesContent, #rowTwoContent { 
   padding-left: 20px; 
   padding-right: 15px;	}     
     
.leftBoxContainer {
   margin-top: 0px; }	 
	
#categoriesContent a:link    { color: #827E77; text-decoration: none }
 
#categoriesContent a:visited    { color: #827E77; text-decoration: none }

#categoriesContent a:hover { color: #827e77 }

#categoriesContent a:active  { color: #827E77 }	
	   

/* INTERIOR PAGE CONTENT */
.greeting {
   color:#57534D;
   padding-right: 1.8em;}
   
.content {
   line-height: 1.5;
  	/* font-size: 1.1em;  */
   font-size: 12px;
   color:#57534D;
   padding: 0.3em 30px 0.3em 0.3em;
   }
 
.contentImageRight {
 	padding: 20px 30px 20px 20px;
	float: right;
	}
	
.contentImageLeft {
 	padding: 20px 20px 20px 20px;
	float: left;
	}	
	
.contentImageHoriz {
	padding: 20px 20px 20px 20px;
	}	   
 
.leftBoxHeading, .rightBoxHeading  { background-repeat: no-repeat; margin: 0; padding: 0.5em 0.2em }

.centerBoxHeading  { color: #c8dded; background-repeat: no-repeat; margin: 0; padding: 0.5em 0.2em }


#contentRightCenter {
   padding-right: 15px;
   padding-left: 15px;}
	
#contentRightCenter a:link {
	color: #6BA09F;
	}
	
#contentRightCenter a:visited {
	color: #6BA09F;
	}
	
#contentRightCenter a:active {
	color: #6BA09F;
	}	
	
#contentRightCenter a:hover {
	color: #84B7B6;
	}		
	
.swatch {
    padding: 8px 5px 3px 0px;
	vertical-align: top;
	}

.swatch {
	font-size: 10px;
	color: #000000;
	}	
	
.designDescription {
    padding: 10px 5px 5px 0px;
	vertical-align: top;	
	}
	
.description {
    padding: 15px 15px 0px 0px;
	vertical-align: top;
	}

.description {
	font-size: 11px;
	color: #000000;
	line-height: 1.3;
	}		
	
	
.tableCategoryRow {
	padding-top: 14px;
	padding-bottom: 0px; 
	border-bottom: 1px dotted #57534D;}
		

/*-----------------------------------------------*/

 
/* RIGHT SIDE NAVIGATION/LINKS COLUMN */ 
   
#rightBoxContainer {
   margin-top: 5px;
   margin-left: 5px;
   border-left: 1px dotted #E8E6D6;
   }  
   
.rightBoxContent {
   font-size: 11px;
   line-height: 1.2; 	
   letter-spacing: normal;
   text-align: right;
   }	
   	 
#rightNavContent { 
   padding-left: 10px; 
   padding-right: 20px;	}    
       

.sideBoxContent, /*.rightBoxContent*/  { background-repeat: no-repeat; background-position: 50% bottom; padding: 0.4em 0.4em 0.4em 14px }

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #navCatTabsWrapper, #navEZPageNextPrev, 
#bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, 
#siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, 
.cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, 
.productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, 
#reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, 
.specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, 
.centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
	text-align: center;
	}
	
/*.centerColumn,*/ #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
	padding: 0.8em;
	}

.centerColumn {
	padding: 5px 10px 0.8em 10px;
	}

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size: 0.6em;
	}  
  
  
/* POPUPS - 400 x 600px */

#popup {
	background-color: #ffffff;
	padding: 25px 25px 25px 25px;
	 } 

.popup {
      
	}
        

/* DO NOT MODIFY--THESE CONTROL THE HOME PAGE CONTENT */

#contentRightCenterBottom {
   padding: 5px 0px 0px 28px;
   vertical-align: top;
   }
   
#greetingRightCenter {
	padding-right: 15px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 0px;
	} 
	   
#contentRightCenterHome {
   padding-right: 15px;
   padding-left: 15px;
   }
   
#contentRightCenterHome a:link {
	color: #6BA09F;
	}
	
#contentRightCenterHome a:visited {
	color: #6BA09F;
	}
	
#contentRightCenterHome a:active {
	color: #6BA09F;
	}	
	
#contentRightCenterHome a:hover {
	color: #84B7B6;
	}		
	
 
.homeContent {
	line-height: 1.6;
	font-size: 12px;
	color: #57534D;
	padding: 0.3em 0.3em 0.3em 10px;   
	}

#featureImage {
	padding: 12px 0px 0px 28px;
	}	
		 
/* END OF DO NOT MODIFY - THESE CONTROL THE HOME PAGE CONTENT */

/*added by diana for right panel breadcrumb-style nav - not currently used */   
#sectionNav {
   text-align: left;
   padding-bottom: 1em;
   padding-left: 0.3em;
   }
 
#sectionNav a:link {
   font-size: .8em;
   color: #C94B06;}
   
#sectionNav a:visited {
   font-size: 0.8em;
   color: #C94B06;}
   
#sectionNav a:active {
   font-size: 0.8em;
   color: #C94B06;} 
  
#sectionNav a:hover {
	font-size: 0.8em;
	color:#FF0099;
	}   
 
.navDoubleColon {
   font-size: 1.1em;
   color: #C94B06;
   font-weight: bold;}   

    

/*++++++++++++++++++++++++++++++++++++*/

/*wrappers - page or section containers*/ 

#mainWrapper   { background-color: #fff; text-align: left; width: 760px; vertical-align: top; }

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, 
#ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}
	
#contentMainWrapper { width: 760px; }	

#logoWrapper  { background-color: #fff; width: 760px; height: 100px ; }

#logoWrapper {margin-left: 0px; 
margin-bottom:-2px}

#navColumnOneWrapper, #navColumnTwoWrapper, /*#navColumnThreeWrapper,*/ #mainWrapper {
	margin: auto;
	} 
	
#navColumnThreeWrapper: {
	}	
	
#navColumnThree {
	}	

#tagline {
	padding-top:10px;
	color:#000000;
	font-size: 2em;
	text-align : left;
	vertical-align: middle;
	}

#sendSpendWrapper {
	border: 1px solid #cacaca;
	float: right;
	margin: 0em 0em 1em 1em;
	}

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
	margin: 0;
	width: 47%;
	}

.wrapperAttribsOptions {
	margin: 0.3em 0em;
	}

/*navigation*/

.navSplitPagesResult {}
.navSplitPagesLinks {}
.navNextPrevCounter {
	margin: 0em;
	font-size: 0.9em;
	}
.navNextPrevList {
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	}
/*diana changes from background color to background image- #navMainWrapper - don't see #navCatsTabsWrapper in home page HTML*/
#navMainWrapper, #navCatTabsWrapper    { 
color: #a6a08e; font-weight: normal; background-color: #edf4f1; 
text-transform: lowercase; margin: 0; width: 100%; height: 1%;  }

#navSuppWrapper    { 
color: #a6a08e; font-weight: bold; line-height: 45px; background-color: #edf4f1; background-image:url(../images/footer.gif); 
background-repeat: no-repeat; text-transform: lowercase; vertical-align: bottom; margin: 0; width: 100%; height: 23px; 
order-bottom-style: solid; order-right-style: solid; } 

#navMain ul, #navSupp ul, #navCatTabs ul  {
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
	}

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
	display: inline;
	white-space: nowrap;
	}

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a   { color: #a6a08e; text-decoration: none; margin: 0; padding: 0 0.5em }

#navEZPagesTOCWrapper {
	font-weight: bold;
	float: right;
	height: 1%;
	border: 1px solid #000000;
	}

#navEZPagesTOC ul {
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	line-height: 1.5em;
	}

#navEZPagesTOC ul li {
	white-space: nowrap;
	}

#navEZPagesTOC ul li a  { color: #c8dded; font-weight: 600; margin: 0; padding: 0 0.5em }

#navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription {
	margin: 0.5em;
	}

#navBreadCrumb  { font-size: 0.95em; font-weight: bold; background-color: #fff; background-repeat: no-repeat; background-position: center; padding: 0.5em 0 0.5em 1.5em }

#navEZPagesTop   { color: #a6a08e; font-size: 12px; font-weight: normal; background-repeat: no-repeat; text-align: center; width: 760px; margin: 0; padding: 0.5em 0 0.5em 0.5em ; }

#navEZPagesTop a   { color: #a6a08e; font-weight: normal  ; text-transform: lowercase; letter-spacing: 2pt; }

#navColumnOne, #navColumnTwo, #navColumnThree  { background-color: #fff }


/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, #navColumnThree, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, 
.additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
	vertical-align: top;
	}

/* .content was remarked out of the following statement + font size was remarked for all 3 classes; I'm reinstating .content 
but leaving font-size remarked to see what happens; this is the only instance of the content class in the style sheet */

/*.content, #productDescription, .shippingEstimatorWrapper {
	/*font-size: 1.2em;
	padding: 0.5em;
	}*/


.alert {
	color: #FF0000;
	margin-left: 0.5em;
	}
.advisory {}
.important {
	font-weight: bold;
	}
.notice {}
.rating{}
.gvBal {
	float: right;
	}


/*Attributes*/
.attribImg {
	width: 20%;
	margin: 0.3em 0em;
}

.attributesComments {}

/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, 
.centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
	margin: 1em 0em;
	}

/*sideboxes*/
.columnLeft, .columnRight {}

h3.leftBoxHeading, h3.leftBoxHeading a, h3.leftBoxHeading label, h3.rightBoxHeading, h3.rightBoxHeading a, h3.rightBoxHeading label  { 
color: #827e77; font-size: 10pt }
	
h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover{
	color: #FFFF33;
	text-decoration: none;
	} 

/*more diana experiments with left box headings - made an h4 heading as well as h3*/
	
h4.leftBoxHeading, h4.leftBoxHeading a, h4.leftBoxHeading label, h4.rightBoxHeading, h4.rightBoxHeading a, h4.rightBoxHeading label  { 
color: #827e77; font-size: 10pt }
	
h4.leftBoxHeading a:hover, h4.rightBoxHeading a:hover{
	color: #FFFF33;
	text-decoration: none;
	} 	


#bestsellers .wrapper {
	margin: 0em 0em 0em 1.5em;
	}

#bestsellers ol {
	padding: 0;
	margin-left: 1.1em;
	}

#bestsellers li {
	padding: 0;
	margin: 0.3em 0em 0.3em 0em;
	}

#bannerboxHeading  { background-color: #fff }

#upProductsHeading {
	text-align: left;
	}

#upDateHeading {
	text-align: right;
	}


/*misc*/
.back {
	float: left;
	}

.forward {
	float: right;
	}

.bold {
	font-weight: bold;
	}

.rowOdd {
	background-color: #E8E8E8;
	height: 1.5em;
	vertical-align: top;
	}

.rowEven {
	background-color: #F0F0F0;
	height: 1.5em;
	vertical-align: top;
	}

CAPTION {
	/*display: none;*/
	}

#myAccountGen li, #myAccountNotify li {
	margin: 0;
	} 

.accountTotalDisplay, .accountTaxDisplay {
	width: 20%;
	text-align: right;
	/*vertical-align: top*/
	}

.accountQuantityDisplay {
	width: 10%;
	vertical-align: top
	}

TR.tableHeading {
	background-color: #cacaca;
	height: 2em;
	}

#siteMapList {
	width: 90%;
	float: right;
	}

.ratingRow {
	margin: 1em 0em 1.5em 0em;
	}

LABEL#textAreaReviews {
	font-weight: normal;
	margin: 1em 0em;
	}

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp {
	background-color: #ffffff;
	}