/**

 * Main CSS Stylesheet

 *

 * @package templateSystem

 * @copyright Copyright 2003-2006 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 5349 2006-12-22 20:34:40Z birdbrain $

 */

 

 /* blue: 82BFE9 -text (81A8CF)  brown: 482400  purple: E35CA2 green 73CC4B */

 

 /* 482400 */

 

.supersymmetry { font: arial; font-size: 0.8em; color: #FF0000; display: none;}



body {

	margin: 0;

	font-family: "Century Gothic", verdana, arial, helvetica, sans-serif;

	font-size: 82.5%;

	color: #482400;

	background-color: #482400;

	padding-top: 25px;

	padding-bottom: 10px;

	background-image: url(../images/dots4.gif);

	text-align: center;

	}



a img {border: none; }



/* turns off the text under product info page image */

SPAN.imgLink { display: none; }



a:link, #navEZPagesTOC ul li a {

	color: #81A8CF;

	text-decoration: none;

	}

 

a:visited {

	color: #81A8CF;

	text-decoration: none;

	}



/*contols the highlighted text in the navigation bar menus*/

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {

	color: #E35CA2;

	}



a:active {

	color: #81A8CF;

	}



h1 {

	font-size: 1.5em;

	color: #E35CA2;

	}



h2 {

	font-size: 1.4em;

	}



h3 { font-size: 1.3em; }

	

h3.attribsOptionsText { color: #81A8CF; }

	

a.itemTitleA {

	font-size: 1.5em;

	color: #482400;

	}

	

a.itemTitle {

	font-size: 1.3em;

	color: #482400;

	}



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

	font-size: 1.0em;

	}



.biggerText {

	font-size: 1.2em;

	}



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

	margin: 0.3em 0;

	}



/*  Might uncomment either or both of these if having problems with IE peekaboo bug:

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

	position: relative;

	}

*html .centerColumn {

	height: 1%;

	}

*/



CODE {

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

	font-size: 1em;

	}



FORM, SELECT, INPUT {

	display: inline;

	font-size: 1em;

	margin: 0.1em;

	font-family: "century gothic", verdana, arial,  helvetica, sans-serif;

	color: #482400;

	}



TEXTAREA {

	float: left;

	margin: auto;

	display: block;

	width: inherit;

	font-family: "century gothic", verdana, arial,  helvetica, sans-serif;

	color: #482400;

	}



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

	background: #E4FEF5;

	}



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;

	}

	

.centerBoxContents, .specialsListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {

	float: left;

	margin-top: 20px;

	}



LABEL.inputLabel {

	width: 9em;

	float: left;

	}



LABEL.inputLabelPayment {

	width: 14em;

	float: left;

	padding-left: 2.5em;

	}



LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {

	width: 11em;

	float: left;

	}



#checkoutPayment LABEL.radioButtonLabel {

	font-weight: bold;

	}



ADDRESS {

	padding: 0.5em;

	}

	

P {

	margin: 0px;

	padding: 0.3em;

	}



UL {

	margin-left: 0.5em;

	padding: 0.3em;

	}

	

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 #9a9a9a;

	}



.messageStackWarning, .messageStackError {

	background-color: #E35CA2;

	color: #ffffff;
	
	margin-bottom: 4px; 

	}



.messageStackSuccess {

	background-color: #99FF99;

	color: #000000;

	}



.messageStackCaution {

	background-color: #FFFF66;

	color: #000000;

	}



/*wrappers - page or section containers - the main content box (default width is 750px) */

#mainWrapper {

	background-color: #ffffff;

	text-align: left;

	vertical-align: top;

	border: 2px solid #9a9a9a;

	width: 1200px;

	}



#headerWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {

	margin: 0em;

	padding: 0em;

	}
	
#productsListingListingTopLinks {
	margin-bottom: 16px;
}



/* adjusts the center BOX display (ie left, center & right columns) */

#contentMainWrapper {

	margin: 0em;

	padding: 0em;

	padding-right: 0em;

	width: inherit;

	margin-top: 8px;

	

	

	}



/*controls logo box position/spacing */

#logoWrapper{

	text-align: center;

	height: 150px;

	width: 100%;

	margin-top: 4px;

	margin-bottom: 6px;

	}

	

#logo { width: 100%; text-align: center; margin-top: 0px; cursor: none;}



#logoS { text-align: center; border: 0px solid black;}



#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {

	margin: auto;

	} 

#navColumnOneWrapper,  {

	margin-left: 0.5em;

	margin-right: 0.5em;

	}
	
#navColumnTwoWrapper {

	margin-left: 0em;

	margin-right: 0em;

	}

	

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



	}



/*navigation*/



.navSplitPagesResult {}

.navSplitPagesLinks {}



.navNextPrevCounter {

	margin: 0em;

	font-size: 1.1em;

	font-weight: bold;

	}

.navNextPrevList {

	display: inline;

	white-space: nowrap;

	margin: 0;

	padding: 0.5em 0em;

	list-style-type: none;

	}



/*changes color of spacer text in the lower navigation bar*/

#navSuppWrapper, #navCatTabsWrapper {

	margin: 0em;

	background-color: #482400;

	padding: 0.5em 0.2em;

	font-weight: bold;

	color: #ffffff;

	height: 1%;

	border-top: 2px solid #82BFE9;

	}

	

/*changes color of spacer text in the lower navigation bar*/

#navMainWrapper {

	margin: 0em;

	background-color: #482400;

	padding: 0.5em 0.2em;

	font-weight: bold;

	color: #ffffff;

	height: 1%;

	border-bottom: 2px solid #E35CA2;

	}



#navCatTabsWrapper {

	background-color: #ffffff;

	color: #9a9a9a;

	background-image: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;

	}



/*changes color of spacer text in the lower navigation bar*/

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {

	text-decoration: none;

	padding: 0em 0.5em;

	margin: 0;

	color: #FFFFFF;

	white-space: nowrap;

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

	}



#navCatTabs ul li a {

	color: #9a9a9a;

	}



#navEZPagesTOCWrapper {

	font-weight: bold;

	float: right;

	height: 1%;

	border: 1px solid #9a9a9a;

	}



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

	margin: 0em;

	}

	

.buttonRow {

	margin: 1.4em;

	}

	

#indexProductListCatDescription {

	margin: 1.4em;

	display: none;

	}



#navMainSearch {

	float: right;
	
	padding-top: 4px;

	}



#navBreadCrumb {

	padding: 0.5em 0.5em;

	background-color: #ffffff;

	font-size: 0.95em;

	font-weight: bold;

	margin: 0em;

	margin-top: 10px;

	}



#navEZPagesTop {

	background-color: #ffffff;

	background-image: url(../images/post_card.gif);
	
	background-size: 100%;

	font-size: 0.95em;

	font-weight: bold;

	margin: 0em;

	padding: 0.5em;

	background-repeat: no-repeat;
	
	text-align: center;
	
	margin-top: 10px; 
	
	height: 50px;

}



#navEZPagesSuper {

	background-color: #ffffff;

	/* background-image: url(../images/post_card.gif); */

	height: 48px;

	margin: 0px;

	padding: 0px;

	margin-top: 10px;

	text-align: center;

}



#navColumnOne, #navColumnTwo {

	background-color: transparent;

	}



/*The main content classes*/

#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {

	vertical-align: top;

	}



/*.content,*/ #productDescription, .shippingEstimatorWrapper {

	/*font-size: 1.2em;*/

	padding: 0.5em;

	font-size: 1em;

	}
	
	/* SUPERSYM EDIT - for some reason the bullets entered in the text do not render properly - they move too far too the left! Adding a neew class just for this UL seems to fix it with these values. */
	
	#productDescription ul {
	
	position: relative;
	
	left: 20px;

	}



.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.8em;

	}





/*Shopping Cart Display*/

.cartAdd {

	align: center;

	text-align: center;

	margin: 1em;

	border: 0px solid red;

	vertical-align: middle;

	}



.tableHeading TH {

	border-bottom: 1px solid #9a9a9a;

	}



.tableHeading, #cartSubTotal {

	background-color: #ffffff;

	 }



#cartSubTotal {

	border-top: 1px solid #9a9a9a;

	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;

	font-size: 0.9em;

	}



.cartUnitDisplay, .cartTotalDisplay {

	text-align: right;

	padding-right: 0.2em;

	}

	

#scUpdateQuantity {

	width: 2em;

	}



.cartQuantity {

	width: 4.7em;

	}



.cartNewItem {

	color: #33CC33;

	position: relative;  /*do not remove-fixes stupid IEbug*/

	}



.cartOldItem {

	color: #660099;

	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;

	background-color: #E4FEf5;

	border: 1px solid #003D00;

	}



.normalprice, .productSpecialPriceSale {

	text-decoration: line-through;

	}



.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {

	color: #ff0000;

	}



.orderHistList {

	margin: 1em;

	padding: 0.2em 0em;

	list-style-type: none;

	} 



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

	}







#cartImage {

	margin: 0.5em 1em;

	}



/*Attributes*/

.attribImg {

	width: 20%;

	margin: 0.3em 0em;

}



.attributesComments {}



/*list box contents*/

.centerBoxContents, .specialsListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {

	margin: 1em 0em;

	}



.centerBoxWrapper {

	height: 1%;

	margin: 1.1em 0;

	border: 0px;

	vertical-align: bottom;

	}



h2.centerBoxHeading {

	font-size: 1.3em;

	color: #96BEEF;

	text-align: left;

	background-color: #ffffff;

	font-family: "Century Gothic", verdana, arial, helvetica, sans-serif;

	}



/*sideboxes*/

.columnLeft { border: 0px solid red; }



/* headings turned off using display: none; */

h3.leftBoxHeading, h3.leftBoxHeading a, h3.rightBoxHeading, h3.rightBoxHeading a {

	font-size: 1em;

	color: #82BFE9;

	text-align: left;

	background-color: #ffffff;

	font-family: "Century Gothic", verdana, arial, helvetica, sans-serif;

	display: none;

	}

	

#manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading {

	font-size: 0.9em;

	color: #82BFE9;

}



.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {

	margin: 0em;

	background-color: #96BEEF;

	/*background-image: url(../images/tile_back1.gif);*/

	padding: 0.5em 0.2em;

	color: #82BFE9;

	}



.leftBoxContainer, .rightBoxContainer {

	margin: 0em;

	border: 1px solid #ffffff;

	/*border-bottom: 5px solid #336633;*/

	margin-bottom: 1.5em;

	}



.sideBoxContent {

	background-color: #ffffff;

	padding: 0.4em;

	}



h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover {

	color: #E35CA2;

	text-decoration: none;

	} 



.rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited {

	color: #82BFE9;

	}



.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, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {

	text-align: center;

	}

	/* SUPERSYM EDIT - add to adjust the product display */
	.centerBoxContentsProducts {


	}


/*supersym - this sets the box for the product image */

.centeredContentImageBox { width: 220px; float: left; }



/* category images/alignment removed from above grouping to give bigger font size for sub-categories */

.categoryListBoxContents {

	position: relative;

	font-size: 1.2em;

	color: #ffffff;

	font-weight: bold;

	height: 200px;

	text-align: center;

	}

	

.categoryListBoxContents a {

	position: absolute;

	bottom: 0px;

	left: 50px;

	}

	

 

/*  bottom aligns the featured product images and text - dont need the additional anchor css as per above ?!?

.centerBoxContentsFeatured {

	position: relative;

	font-size: 1.0em;

	height: 120px;

	text-align: center;

	vertical-align: bottom;

	}

	

/* .centerBoxContentsFeatured a {

	position: absolute;

	bottom: 0px;

	left: 50px;

	} */

	

	

#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: #0000CC;

}



#upProductsHeading {

	text-align: left;

	}



#upDateHeading {

	text-align: right;

	}

	

.categoryIcon {
	font-size: 1.6em;
	font-weight: bold;

}



/* ----------------------  categories box CONTENT parent and child categories ---------------------------------- */



/* supersym - main product category titles */

a.category-top, a.category-top:visited {

	color: #65514A;

	text-decoration: none;

	font-family: "Century Gothic", verdana, arial, helvetica, sans-serif;

	font-size: 1.8em;

	letter-spacing: 2px;

	line-height: 36px; 

	}

	

a.category-top:hover {

	color: #E35CA2;

	}

	

a.category-links, a.category-links:visited {

	color: #65514A;

	text-decoration: none;

	font-family: "Century Gothic", verdana, arial, helvetica, sans-serif;

	font-size: 1.8em;

	letter-spacing: 2px;

	line-height: 36px; 

	}

	

a.category-links:hover {

	color: #E35CA2;

	}

	

	

A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {

	color: #81A8CF;

	font-family: "Century Gothic", verdana, arial, helvetica, sans-serif;

	text-decoration: none;

	}

SPAN.category-subs-parent {

	font-weight: bold;

	font-family: "Century Gothic", verdana, arial, helvetica, sans-serif;

	color: #E35CA2;

	}

	

SPAN.category-subs-selected {

	color: #81A8CF;

	font-family: "Century Gothic", verdana, arial, helvetica, sans-serif;

	}

/* ----------------------  end categories box links ---------------------------------- */



/*misc*/

.back {

	float: left;

	}



.forward, #shoppingCartDefault #PPECbutton {

	float: right;

	}



.bold {

	font-weight: bold;

	}



.rowOdd {

	background-color: #ffffff;

	height: 1.5em;

	vertical-align: top;

	}



.rowEven {

	background-color: #ffffff;

	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: #ffffff;

	height: 2em;

	}



.productListing-rowheading {

	background-color: #ffffff;

	/*background-image: url(../images/tile_back1.gif);*/

	height: 0px;

	color: #FFFFFF;

	border: 1px solid black;

	}



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

	background-image: url();

	}

	

.infoShoppingCartStyle {

	margin-left: 10px;

	margin-right: 10px;

	background-color: #ffffff;

	}

	

/* -------------------credit card additions ------------------ */



/*.CeonManualCardFormGadgetError - This is the class that a form gadget will be set to if there is a problem with the data entered/selected by the user. If the data entered/selected is corrected satisfactorily by the user then the form gadget will revert back to its previous look! Our recommendation for addition to your stylesheet is the following:*/



.CeonManualCardFormGadgetError { background: #FF6633; font-weight: bold; }



/*.ErrorInfo - This is the class that the main error messages use. You should style it so that any error messages stand out but still look good on your site!*/



/*.CeonManualCardCardIcon - This is the class that is applied to the icons displayed for the credit/debit cards accepted. Our recommendation for addition to your stylesheet is the following:*/



.CeonManualCardCardIcon { margin-right: 4px; margin-bottom: 4px; }

/* -------------------// index page slideshow code - adjust slide-images sizes on each page to suit ------------------ */

#slide-images {
    position:relative;
    display:block;
    margin:0px;
    padding:0px;
    width: 400px;
    height:300px;
    overflow:hidden;
}

#slide-images li{
    position:absolute;
    display:block;
    list-style-type:none;
    margin:0px;
    padding:0px;
    background-color:#FFFFFF;
}

#slide-images li img{
    display:block;
    background-color:#FFFFFF;
}