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

body  { color: #000; font-size: 72.5%; font-family: "Book Antiqua", Georgia, "Times New Roman", Times, serif; background-color: #fff; margin: 10px 0     }

a img {border: none; }
a:link    { color: #000; text-decoration: none }
 
a:visited    { color: #000; 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: #000 ; text-decoration: underline; }

a:active  { color: #000 ; text-decoration: underline; }

h1 {
	font-size: 1.5em;
	}

h2 {
	font-size: 1.4em;
	}

h3 {
	font-size: 1.3em;
	}

h4, 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;
	}

CODE {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1em;
	}

FORM, SELECT, INPUT {
	display: inline;
	font-size: 1em;
	margin: 0.1em;
	}

TEXTAREA   { display: block; margin: auto; width: 95%; clear: both }

input:focus, select:focus, textarea:focus {
	background: #F0F8FF;
	}

FIELDSET  { margin: 0.5em 0; padding: 0.5em; border: solid 1px #fff }

LEGEND {
	font-weight: bold;
	padding: 0.3em;
	}

LABEL, h4.optionName {
	line-height: 1.5em;
	padding: 0.2em;
	}

LABEL.checkboxLabel, LABEL.radioButtonLabel {
	margin: 0.5em 0.3em;
	}

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

LABEL.inputLabel {
	width: 11em;
	float: left;
	}

LABEL.inputLabelPayment {
	width: 15em;
	float: left;
	}

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel  {
	width: 12em;
	float: left;
	}

P {
	padding: 0.5em 0 0.5em 0;
	}
ADDRESS { padding: 0.5em; }
ADDRESS {
	font-style: normal;
	}

.clearBoth {
	clear: both;
	}

HR  { margin-top: 0.5em; height: 1px }

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	padding: 0.2em;
	border: 1px solid #000000;
	}

.messageStackWarning, .messageStackError {
	background-color: #c1bfb5;
	color: #000;
	}

.messageStackSuccess {
	background-color: #c1bfb5;
	color: #000;
	}

.messageStackCaution {
	background-color: #c1bfb5;
	color: #000;
	}

/*wrappers - page or section containers*/ 

#mainWrapper   { background-color: transparent; background-repeat: repeat; text-align: left; width: 960px; vertical-align: top; }

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

#contentMainWrapper { background-image: url(/includes/templates/custom/images/heather_span.gif); background-repeat: repeat-y; padding-right: 10px; padding-left: 10px; }

#logoWrapper  { background-image: url(/includes/templates/custom/images/heather_header.gif); background-repeat: no-repeat; width: 960px; height: 144px ; }

#logoWrapper {_margin-bottom:-2px}

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
	margin: auto;
	} 

#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 0.5em;
	list-style-type: none;
	}

#navMainWrapper, #navCatTabsWrapper    { font-size: 1.4em; background-color: transparent; margin: 0; width: 100%; height: 1%     } 

#navSuppWrapper    { color: #000; font-size: 1.2em; background-image: url(/includes/templates/custom/images/heather_footer.gif); background-repeat: no-repeat; background-position: 0 bottom; width: 960px; height: 9px  ; margin: 0; }

#navSuppWrapper    { _margin-top: -2px; }

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

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

#navMain ul li a, #navCatTabs ul li a   { color: #554c43; text-decoration: none; text-transform: lowercase; letter-spacing: 2px; position: relative; top: 30px; left: 5px; margin: 0; padding-top: 0; padding-right: 2em; padding-bottom: 0; padding-left: 0 !important; }

#navSupp ul li a   { color: #000; text-decoration: none; margin: 0; padding: 0; }

#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: #000; 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-repeat: no-repeat; background-position: center; padding: 0.5em 0 0.5em 1.5em }

#navEZPagesTop   { color: #fff; font-size: 0.75em; background-image: url(/includes/templates/custom/images/heather_topnav.gif); background-repeat: no-repeat; text-align: center; height: 36px; margin: 0 0 -5px; padding: 8px 0 0 ; }

#navEZPagesTop a   { color: #000; font-size: 1.25em; position: relative; top: 2px; }
#navEZPagesTop a:hover { color: #fff; text-decoration: none; }
#navColumnOne, #navColumnTwo  { padding-left: 10px; }


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

/*.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;
	}
.centerColumn, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
	padding: 0.8em;
	}

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size: 0.9em;
	}

/*Shopping Cart Display*/
#cartAdd { float: right; text-align: center; margin-right: 1em; margin-left: 1em; padding-right: 1em; padding-left: 1em; }

.tableHeading TH {
	border-bottom: 1px solid #cccccc;
	}

.tableHeading, #cartSubTotal {
	}

#cartSubTotal {
	border-top: 1px solid #cccccc;
	font-weight: bold;
	text-align: right;
	line-height: 2.2em;
	padding-right: 2.5em;
	}

.tableRow, .tableHeading, #cartSubTotal {
	height: 2.2em;
	}

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay   {
	padding: 0.5em 0em;
	}

.cartUnitDisplay, .cartTotalDisplay {
	text-align: right;
	padding-right: 0.2em;
	}

#scUpdateQuantity {
	width: 2em;
	}

.cartQuantity {
	width: 4.7em;
	}

.cartNewItem {
	position: relative;  /*do not remove-fixes stupid IEbug*/
	}

.cartOldItem {
	position: relative;   /*do not remove-fixes stupid IEbug*/
	}

.cartBoxTotal {
	text-align: right;
	font-weight: bold;
	}

.cartRemoveItemDisplay {


	width: 3.5em;

	}

#cartAttribsList {
	margin-left: 1em;
	}

#mediaManager {
width: 50%; 
margin: 0.2em;
padding: 0.5em;
}
.normalprice, .productSpecialPriceSale {
	text-decoration: line-through;
	}

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
	color: #ff0000;
	}

.orderHistList {
	margin: 1em;
	padding: 0.2em 0em;
	} 

#cartBoxListWrapper ul, #ezPageBoxList ul {
	list-style-type: none;
	}

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
	margin: 0;
	padding: 0.2em 0em;
	} 

#cartBoxEmpty, #cartBoxVoucherBalance {
  font-weight: bold;
  }

.totalBox {
	width: 5.5em;
	text-align: right;
	padding: 0.2em;
	}

.lineTitle, .amount {
	text-align: right;
	padding: 0.2em;
	}

.amount {
	width: 5.5em;
	}

/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
	margin: 0em 1em 1em 0em ;
	}

.categoryIcon {}

#cartImage {
	margin: 0.5em 1em;
	}

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

h3.leftBoxHeading, h3.leftBoxHeading a, h3.leftBoxHeading label, h3.rightBoxHeading, h3.rightBoxHeading a, h3.rightBoxHeading label  { color: #000080; font-size: 1em }
	
h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover{
	color: #FFFF33;
	text-decoration: none;
	} 

.leftBoxHeading, .rightBoxHeading  { background-repeat: no-repeat; margin: 0; padding-right: 0.2em; padding-bottom: 0.5em; padding-left: 0.2em; }

.centerBoxHeading  { color: #000; margin: 0; padding-top: 0.5em; padding-right: 0.2em; padding-left: 0.2em; }

.leftBoxContainer, .rightBoxContainer  { background-repeat: repeat-y; margin-top: 1.5em }

.sideBoxContent  { background-repeat: no-repeat; background-position: 50% bottom; padding-right: 0.4em; padding-bottom: 0.4em; padding-left: 0.4em; }

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

#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 ; display: none; }

#upProductsHeading {
	text-align: left;
	}

#upDateHeading {
	text-align: right;
	}

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

.forward {
	float: right;
	}

.bold {
	font-weight: bold;
	}

.rowOdd {
	height: 1.5em;
	vertical-align: top;
	}

.rowEven {
	height: 1.5em;
	vertical-align: top;
	}

.hiddenField {
	display: none;
}
.visibleField {
	display: inline;
}

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 {
	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: #fff; background-image: none; }

/* Leila's Additions */

#siteinfoIP { color: #554c43; font-size: 7pt; background-repeat: no-repeat; background-position: 0 bottom; text-transform: lowercase; letter-spacing: 1px; padding-top: 5px; }

#siteinfoIP a, #siteinfoIP a:visited { color: #554c43; }

#siteinfoIP a:hover, #siteinfoIP a:active { color: #554c43; text-decoration: underline; }

legend { color: #554c43; }

#bannerOne { margin: 0; padding: 0; }

.categoryListBoxContents { font-size: 1.4em; font-weight: bold; }

#dropMenuWrapper { background-image: url(/includes/templates/custom/images/heather_span.gif); background-repeat: repeat-y; }

#navMainLinks { font-size: 0.7em; }

.categoryListBoxContents, #indexCategoriesHeading { display: none; }

#categoriesContent a:hover { color: #acaaa1; text-decoration: none; }

#logo { position: relative; top: 25px; left: 20px; }

#categoriesContent { font-size: 1em; }

.category-products { font-size: 0.9em; }

.itemTitle { font-size: 1em; padding-bottom: 10px; }

#productName, #productPrices { font-size: 1.1em; }

.category-subs-parent, .category-subs { font-weight: bold; }

#productListHeading, #ezPagesHeading { font-size: 1.1em; }

.navNextPrevCounter { display: none; }

.stepcarousel{ position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 694px; /*Width of Carousel Viewer itself*/
height: 793px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 20px; /*margin around each panel*/
width: 694px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* gallery-specific styles */

/* gallery container */
.gallery {
	text-align: center;    /* centers inline paragraphs */
    width: 709px;
	margin: 1em 0;
	padding: 0;
}
.gallery a {
	text-decoration: none;
}
.gallery a img {
	border-width: 1px;
	vertical-align: middle;
}

/* outer container for each image/caption pair */
.gallery p { padding-right: 5px; padding-left: 5px; display: inline; }

/* For the <a> container, the best default display value is inline-table, but browser support isn't very good. Opera versions 6 and earlier totally mangle anything except display:table-cell, so that is set by default and the preferred display values are at the end of this stylesheet, within hacks that hide them from those Opera versions. No other browsers tested seemed to have any trouble with setting the different display values within a single rule. */

/* inner container for each image/caption pair */
.gallery a { display: table-cell;   /* default, for gecko & Opera6- */
	padding: 5px; vertical-align: top;   /* aligns the img/caption container */
	width: 8em;            /* adjusts with text size */
	min-width: 110px; margin-top: 0.1em; margin-right: 0.2em; margin-bottom: 0.1em !important; margin-left: 0.2em;      /* not always honored, but that's OK */
}


/* image container, sets height so image can be vertically centered and the caption starts in the same vertical position regardless of image height, except WinIE does not apply line-height to images. oh well, most other browsers do... */
.gallery span {
	display: block;        /* fill container width, force a line break */
	height: 210px;         /* a bit larger than highest img */
	line-height: 210px;    /* same value as height */
	text-align: center;
/*	border: 1px dashed #f00; /* uncomment to show */
}

/* caption container, sets height (for 2 lines) so each outlined image/caption pair is the same height (except in WinIE) */
.gallery i {
	display: block;
	height: 2.5em;         /* makes each box a consistent height */
	padding: 5px 5px 0 5px;
	text-align: center;
	font-style: normal;
	line-height: 120%;     /* standard spacing */
/*	border: 1px dashed #00f; /* uncomment to show */
}

/* Owen hack, hides from WinIE, Opera versions 6- & some KHTML */
head:first-child+body .gallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}

/* star-html hack to show <a> rule(s) just to IE (Win and Mac) */
* html .gallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}
/* image is not clickable in WinIE with display:block :( \*/
* html .gallery span {
	display: inline;
}
* html .gallery a:hover i {
	cursor: hand; /* otherwise cursor doesn't change over block <i> */
} /* end WinIE hacks */

/* end hacks */

#loginDefault {font-size: 0.8em}

#attribsOptionsText { font-size: 1em; }
.wrapperAttribsOptions { font-size: 0.8em; }