/**

 * Main CSS Stylesheet

 *

 * @package templateSystem

 * @copyright Copyright 2003-2007 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 5952 2007-03-03 06:18:46Z drbyte $

 */



body    { color: #000000; font-size: 62.5%; font-family: Century Gothic, Arial, Helvetica, sans-serif; background-image: url("../../../../images/background.jpg"); background-repeat: repeat; margin: 0; background-attachment: fixed; }



a img      {border:none }

a { font-weight: bold; color: #1a8235;}

a:link, #navEZPagesTOC ul li a    { color: #1a8235; text-decoration: none }

 

a:visited  { color: #1a8235; text-decoration: none }



a:hover     { color: #000000 }

#navEZPagesTOC ul li a:hover {

	color: #FF0000;

	}
	
#navMain ul li a:hover   { color: #5b5b5b }
	
#navCatTabs ul li a:hover {

	color: #FF0000;

	}
	
#navSupp ul li a:hover  { color: #000 }

a:active    { color: #5b5b5b }



h1  { font-size: 1.5em; text-align: center }



h2 {

	font-size: 1.4em;

	}



h3 {

	font-size: 1.3em;

	}



h4, h5, h6, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{

	font-size: 1.1em;

	}
.biggerText {

	font-size: 1.2em;

	}



h1, h2, h3, h4, h5, h6 {

	margin: 0.3em 3px;

}
CODE {

	font-family: arial, verdana, helvetica, sans-serif;

	font-size: 1em;

	}



FORM, SELECT, INPUT {

	display: inline;

	font-size: 1em;

	margin: 0.1em;

	}



TEXTAREA {

/*	float: left;*/

	margin: auto;

	display: block;

	width: 95%;

	}



input:focus, select:focus, textarea:focus {

	background: #F0F8FF;

	}



FIELDSET {

	padding: 0.5em;

	margin: 0.5em 0em;

	border: 1px solid #cccccc;

	}



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, ADDRESS {

	padding: 0.5em;

	}



ADDRESS {

	font-style: normal;

	}



.clearBoth {

	clear: both;

	}



HR {

	height: 1px;

	margin-top: 0.5em;

	border: none;

	border-bottom: 1px solid #9a9a9a;

	}



/*warnings, errors, messages*/

.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {

	line-height: 1.8em;

	padding: 0.2em;

	border: 1px solid #000000;

	}



.messageStackWarning, .messageStackError {

	background-color: #ff0000;

	color: #ffffff;

	}



.messageStackSuccess {

	background-color: #99FF99;

	color: #000000;

	}



.messageStackCaution {

	background-color: #FFFF66;

	color: #000000;

	}



/*wrappers - page or section containers*/

#mainWrapper        { background-image: url("../../../../images/background.jpg"); background-repeat: repeat; text-align: left; width: 852px; vertical-align: top }



#headerWrapper, #contentMainWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage    { background-image: none; margin: 0; padding: 0 }

#logoWrapper         { background-image: url("../images/header_bg.png"); background-repeat: no-repeat; width: 860px; height: 118px }

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {

	margin: auto;

	} 



#tagline {

	color:#000000;

	font-size: 2em;

	text-align : center;

	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;

	}

#navMainWrapper                { color: #060; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin-bottom: -6px; width: 100%; height: 1% }

	#navSuppWrapper       { color: #000; font-size: 12px; font-weight: bold; background-color: #5b5b5b; margin: 0; width: 100%; height: 1% }
	
	#navCatTabsWrapper {

	display:none}

#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 }



#navMain ul li a   { color: #000; text-decoration: underline; white-space: nowrap; margin: 0; padding: 0 0.5em }

#navSupp ul li a       { color: #d6d6d6; white-space: nowrap; margin: 0; padding: 0 0.5em }

#navCatTabs ul li a  { color: #060; text-decoration: underline; white-space: nowrap; 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 {

	padding: 0em 0.5em;

	margin: 0;

	}



#navCategoryIcon, .buttonRow, #indexProductListCatDescription {

	margin: 0.5em;

	}



#navMainSearch {

	float: right;

	}



#navBreadCrumb   { background-color: #fff }



#navEZPagesTop  { }



#navBreadCrumb  { font-size: 0.95em; font-weight: bold; background-color: #fff; margin: 0; padding: 0.5em }
#navColumnOne     { background-color: #d6d6d6; background-image: none; background-repeat: repeat }
#navColumnTwo            { background-color: #d6d6d6; background-image: none; background-repeat: repeat }



/*The main content classes*/

#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert      { vertical-align: top }



/*.content,*/ #productDescription, .shippingEstimatorWrapper     { 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                   { font-size: 12px; background-color: #fff; padding: 0.8em 0.8em 5em; height: 100% }
#centerColumnHeight { background-color: #fff; height: 100% }
.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP  { font-size: 0.9em; padding-top: 10px }



/*Shopping Cart Display*/

#cartAdd {

	float: left;

	text-align: center;

	margin: 1em;

	border: 1px solid #000000;

	padding: 1em;

	}



.tableHeading TH {

	border-bottom: 1px solid #cccccc;

	}



.tableHeading, #cartSubTotal {

	background-color: #e9e9e9;

	 }



#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  { color: #060; position: relative }



.cartOldItem  { color: #5b5b5b; position: relative }



.cartBoxTotal {

	text-align: right;

	font-weight: bold;

	}



.cartRemoveItemDisplay {

	width: 3.5em;

	}



.cartAttribsList {

	margin-left: 1em;

	}



#mediaManager {

	width: 50%; 

	margin: 0.2em;

	padding: 0.5em;

	}

.mediaTitle {

	float: left;

	}

.mediaTypeLink {

	float: right;

	}



.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*/
#categoriesHeading { font-size: 1.3em }
#moreinformationHeading  { font-size: 14px }
.columnLeft        { }



h3.leftBoxHeading      { color: #d6d6d6; font-size: 14px }
 h3.leftBoxHeading a { color: #d6d6d6; font-size: 1.1em; text-decoration: underline }
h3.leftBoxHeading a:hover { color: #000; text-decoration: underline }
.centerBoxHeading   { background-color: #5b5b5b; margin: 0; padding: 0.2em }
.leftBoxHeading  { background-color: #5b5b5b; margin: 0; padding: 0.5em 0.2em }



.leftBoxContainer         { border: solid 1px #5b5b5b }
.rightBoxContainer   { border: solid 1px #5b5b5b }
.sideBoxContent        { font-size: 12px; background-color: #fff; padding: 0.4em }



h3.rightBoxHeading      { color: #d6d6d6; font-size: 14px }
 h3.rightBoxHeading a { color: #d6d6d6; font-size: 1.1em; text-decoration: underline }
h3.rightBoxHeading a:hover { color: #000; text-decoration: underline }
.rightBoxHeading    { font-size: 1.1em; background-color: #5b5b5b; margin: 0; padding: 0.2em 0 }
.rightBoxContent  { background-color: #d6d6d6; margin-bottom: 1em }



.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #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: #5b5b5b }

#upProductsHeading {

	text-align: left;

	}



#upDateHeading {

	text-align: right;

	}



/*misc*/

.back {

	float: left;

	}



.forward, #shoppingCartDefault #PPECbutton {

	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;

	}



.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 {

	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, #infoShoppingCart {

	background-color: #ffffff;

	}

.information {padding: 10px 3px; line-height: 150%;}



#shoppingcartBody #shippingEstimatorContent {

	clear: both;

	}



.seDisplayedAddressLabel {

	background-color:#85C285;

	text-align: center;

	}

.seDisplayedAddressInfo {

	text-transform: uppercase;

	text-align: center;

	font-weight: bold;

	}

#seShipTo {

	padding: 0.2em;

	}

.productGeneral           { padding: 0.5em }
#productDetailsList    { float: right }
.productListing-data  { text-align: left; padding: 0.5em; border-bottom: 1px solid #d6d6d6 }
#accountLinksWrapper { width: 100% }
h3#featuredHeading a      { font-size: 14px }
h3#bannerbox2Heading    { font-size: 14px; background-color: #5b5b5b; padding: 0.5em 0.2em }
h3#tellafriendHeading  { font-size: 14px; padding: 0.5em 0.2em }
h3#categoriesHeading   { font-size: 14px; padding: 0.5em 0.2em }
#navMainRight   { margin-right: 10px; padding: 0.5em 0; float: right }

/* Added by nick for pretty <blockquote>'s */
blockquote {
	margin: 1em 3em;
	padding: .5em 1em;
	border-left: 5px solid #fce27c;
	background-color: #f6ebc1; }
blockquote p {
	margin: 0; }
/* end of nick */
	
/* This is the CSS needed for the Order Step Edition 2 contribution */

div.order_steps {       /* Is needed for the centering in IE */
    width: 100%;
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
    text-align: center;
}

table.order_steps {
    margin-left: auto;
    margin-right: auto;
    width: 80%;       /* Here you can set the total width of this contrib */
    padding-bottom: 10px;
    background-color: transparent;      /* Here you can change the background-color of the whole contrib */
}

tr.order_steps_line_2 {
    height: 5px;        /* Is a part in determining the height of the line */
    padding: 0px;
    margin: 0px;
}

tr.order_steps_line_3 {
    height: 1px;        /* Is a part in determining the height of the line shadow */
    padding: 0px;
    margin: 0px;
}

td.progressbar_active {
    background-color: #3DA200;     /* Determines the active color of the completed part of the line */
    width: 4%;
    padding: 0px;
    margin: 0px;
}

td.progressbar_inactive {
    width: 4%;
    background-color: #9A9A9A;    /* Determines the non-active color of the uncompleted part of the line */
    padding: 0px;
    margin: 0px;
}

td.progressbar_active_shadow {
    background-color: #346C00;     /* Determines the non-active color of the completed part of the line shadow */
    width: 4%;
    padding: 0px;
    margin: 0px;
}

td.progressbar_inactive_shadow {
    width: 4%;
    background-color: #666666;   /* Determines the non-active color of the uncompleted part of the line line*/
    padding: 0px;
    margin: 0px;
}

td.order_steps_text {
    text-align: center;
    vertical-align: top;
    color: #A7A7A7;        /* Determines the non-active color of the text */
    padding-bottom: 5px; /* Determines the distance between the text and the line */
}

td.order_steps_text_completed {
    text-align: center;
    vertical-align: top;
    color: #8DB18D;        /* Determines the non-active color of the text steps that have been completed*/
    padding-bottom: 10px; /* Determines the distance between the text and the line */
}

td#active_step_text {       /* These are the styles for the active text */
    color: #005C2C;
    font-weight: 700;
    font-size: 1.1em;
}
/* End Order Steps contribution CSS */

/* New Item Badge */
.newItemBadge {
	background: transparent url('../images/new_item_badge.png') no-repeat;	/*badge image to use*/
	float: right;	/*optional: used to float badge to right of product info display*/
	height: 128px;	/*Badge image height*/
	width: 128px;	/*Badge image width*/
}
/* end of New Item Badge */