/**
 * 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 $
 */

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #666;
	background: #e0eff9;
	padding-top: 20px;
	padding-bottom: 20px;
	}

a img {border: none; }

a:link, #navEZPagesTOC ul li a {
	color: #525252;
	text-decoration: none;
	}
 
a:visited {
	color: #525252;
	text-decoration: none;
}

a:hover, #navEZPagesTOC ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
	color: #555555;
	text-decoration: underline;
	}

#navMain ul li a:hover {
	color: #ffffff;
	text-decoration: underline;
	}

a:active {
	color: #333;
	}

h1 {
	font-size: 2em;
	color: #565656;
	}

h2 {
	font-size: 1.6em;
	}

h3 {
	font-size: 1.4em;
	}

h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .larger {
	font-size: 1.2em;
	}

.sideBoxContent {
	font-size: 1.4em;
	line-height: 1.5em;
	}

.biggerText {
	font-size: 1.4em;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0.3em 0;
	}

p {
	font-size: 1.4em;
	line-height: 1.3em;
	}


/*  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: 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: #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;
	}

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}

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;
	}

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: #ff0000;
	color: #ffffff;
	}

.messageStackSuccess {
	background-color: #99FF99;
	color: #000000;
	}

.messageStackCaution {
	background-color: #FFFF66;
	color: #000000;
	}

/*wrappers - page or section containers*/
#mainWrapper {
	background: #ffffff url(../images/left_col_grad.gif) repeat-y left;
	text-align: left;
	width: 840px;
	vertical-align: top;
	border: 3px solid #dee0b6;
	}

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}

#logoWrapper{
	height:214px;
	background: #ffffff url(../images/header_bg.jpg) no-repeat right top;
	}

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
	margin: auto;
	} 
#navColumnOneWrapper, #navColumnTwoWrapper {
	margin-left: 0;
	margin-right: 0;
	}
	
#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: 67%;
	}

.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 {
	margin: 0em;
	padding: 0.5em 0.2em;
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	background: #39d404 url(../../../../../images/hdr_wrppr_grad.gif) repeat-x top;
	}

#navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	background-color: #39d404;
	padding: 0.5em 0.2em;
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	}

#navCatTabsWrapper {
	background-color: #ffffff;
	color: #9a9a9a;
	background-image:none;
}

#navMain ul, #navSupp ul, #navCatTabs ul {
	float: left;
	margin: 0;
	padding: 0.5em 0em;
	list-style-type: none;
	text-align: left;
	font-size: 1.2em;
	}

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
	display: inline;
	}

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
	text-decoration: none;
	padding: 0em 0.5em;
	margin: 0;
	color: #fff;
	white-space: nowrap;
	}

#navCatTabs ul li a {
	color: #000;
	font-weight: normal;
	}

#navCatTabs ul li a:hover {
	text-decoration: underline;
	color: #000;
	}


#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, .buttonRow, #indexProductListCatDescription {
	margin: 1em 0.5em 0.5em;
	}

#navMainSearch {
	float: right;
	}

#navBreadCrumb {
	padding: 1.5em 0.5em 0.5em 2.2em;
	background-color: #ffffff;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0em;
	}

#navEZPagesTop {
	background-color: #637B00;
	background-image: url(../../Copy%20of%20classic/images/tile_back.gif);
	font-size: 1.2em;
	font-weight: bold;
	margin: 0em;
	padding: 0.5em;
	}

#navColumnTwo {
	background-color: transparent;
	}

/*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;
	}

#bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
	padding: 0.8em;
	}

.centerColumn {
	padding: 0 2em 1.2em 2.5em;
	text-align: left;
	}

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size: 1.1em;
	}

/*Shopping Cart Display*/
#cartAdd {
	float: right;
	text-align: center;
	margin: 2em 1em 1em;
	border: 1px solid #ccc;
	padding: 1em;
	}

.tableHeading TH {
	border-bottom: 1px solid #9a9a9a;
	}

.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: #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 ;
	}

.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 0em;
	}

.centerBoxWrapper {
	border: 1px solid #9a9a9a;
	height: 1%;
	margin: 1.1em 0;
	}

h2.centerBoxHeading {
	font-size: 1.3em;
	color: #ffffff;
	}

/*sideboxes*/
.columnLeft {}

h3.leftBoxHeading, h3.leftBoxHeading a,
h3.rightBoxHeading, h3.rightBoxHeading a {
	font-size: 1.4em;
	color: #999999;
	font-weight: bold;
	}
	
h3.leftBoxHeading, h3.leftBoxHeading a {
	margin-left: 0em;
	font-weight: bold;
	}

#manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading {
	font-size: 0.9em;
	color: #ffffff;
}

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
	margin: 0em;
	padding: 0.36em 0.4em 0.36em 0.6em;
	background: #dee0b6;/*	border-top: solid 1px #666; 
	border-right: solid 1px #666; 
	border-bottom: solid 1px #666; */
	}

.leftBoxContainer, .rightBoxContainer {
	margin: 0em;
	border: none;
	margin-top: 1em;
	margin-bottom: 2.5em;
	}

.sideBoxContent {
	background-color: transparent;
	padding: 0.6em 0.4em 0.4em 1.2em;
	}

h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover {
	color: #fff;
	text-decoration: none;
	} 

.rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited {
	color: #FFFFFF;
	}

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .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;
	}

#navCatTabsWrapper, .leftBoxHeading, #siteinfoLegal {
	text-align: left;
	}

#siteinfoLegal {
	margin-bottom: 2em;
	margin-left: 2em;
	margin-top: 4em;
	}

#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;
	}

/* categories box parent and child categories */
A.category-top, A.category-top:visited {
	color: #525252;
	text-decoration: none;
	}

A.category-top:hover {
	color: #525252;
	text-decoration: underline;
	}
	
A.category-links, A.category-links:visited {
	color: #525252;
	text-decoration: none;
	}
A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {
	color: #525252;
	text-decoration: none;
	}
SPAN.category-subs-parent {
	font-weight: bold;
	}
SPAN.category-subs-selected {
	font-weight: bold;
	}
/* end categories box links */

/*misc*/
.back {
/*	float: left;*/
	}

.forward, #shoppingCartDefault #PPECbutton {
	float: right;
	}

.bold {
	font-weight: bold;
	}

.rowOdd {
	background-color: #fff;
	height: 1.5em;
	vertical-align: top;
	}

.rowEven {
	background-color: #fff;
	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;
	}

.productListing-rowheading {
	background-color: #abbbd3;
	height: 2em;
	color: #FFFFFF;
	}

#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;
	}

/*New code*/

#indexCategories .categoryListBoxContents {
	font-size: 1.4em;
	font-weight: normal;
	color: #666;
	}


#indexCategories .categoryListBoxContents a:link, #indexCategories .categoryListBoxContents a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #666666;
	}
	
#indexCategories .categoryListBoxContents a:hover, #indexCategories .categoryListBoxContents a:active {
	font-weight: normal;
	text-decoration: underline;
	color: #666666;
	}

#navSuppWrapper {
	display:none;
	}

#indexBody #mainWrapper #contentMainWrapper #indexCategories {
	background: #f0f0f0;
	border: solid 1px #666666;
	height: 1%;
	margin-left: 2.2em;
	margin-right: 2.2em;
	}

#navColumnOne.columnLeft {
	background: transparent;
	}

#indexCategoriesMainContent {
	margin: 2em 2.2em;
	}

/*#productinfoBody #mainWrapper #contentMainWrapper #productGeneral #productName {
	text-align: center;
	}*/

#productinfoBody #mainWrapper #contentMainWrapper #productGeneral #productMainImage {
	float: left;
	border: solid 1px #ccc;
	}

th.centerBoxContentsProducts, td.centerBoxContentsProducts {
	vertical-align: top;
	padding-bottom: 10px;
	}

h3.itemTitle {
	font-size: 1.2em;
	}

table.tabTable {
	border-collapse: collapse;
	background: #f0f0f0;
	vertical-align: top;
	border: solid 1px #999999;
	padding-top: 10px;
}

img.listingProductImage {
	border: solid 1px #ccc;
	margin-top: 10px;
	}

#productsListingBottomNumber {
	padding-top: 16px;
	}

#productinfoBody #mainWrapper #contentMainWrapper #productGeneral .navNextPrevWrapper {
	padding-bottom: 20px;
	}

#productinfoBody #mainWrapper #contentMainWrapper #productGeneral {
	border: solid 1px #666666;
	margin: 2em;
	padding: 1.5em;
	height: 1%;
	background: #f0f0f0;
	}

#productAttributes {
	float: left;
	margin-left: 1em;
	margin-top: 0.5em;
	}

#price {
	font-size: 3em;
	}

div.clearer {
	clear: both;
	line-height: 0;
	height: 0;
	}

#productDescription {
	font-size: 1em;
	}

h2#productPrices.productGeneral {
	display: none;
	}


fieldset
{
	border: 1px solid #BFBAB0;
	font-size: 1.1em;
	line-height: 1.6em;
}

#shippinginfoBody #mainWrapper #contentMainWrapper #shippingInfo #shippingInfoMainContent ol {
	font-size: 1.3em;
	}

#shippinginfoBody #mainWrapper #contentMainWrapper #shippingInfo #shippingInfoMainContent ol li {
	margin: 0 0 10px 0;
	padding: 0;
	}


#protxdirectcardsacceptedContent.sideBoxContent {
	background-color: transparent;
	padding-top: 20px;
	}
	
.centerColumn ul {
	font-size: 1.4em;
	line-height: 1.3em;
	}

.centerColumn .instructions {
	margin-top: 10px;
	font-size: 1.3em;
}



/**sagepay styles
      .SagePayDirectFormGadgetError - This is the class that a form gadget will be set to if there is a problem with the data entered/selected by the customer. If the data entered/selected is corrected satisfactorily by the customer then the form gadget will revert back to its previous look! Our recommendation for addition to the stylesheet is the following:
*/
      .SagePayDirectFormGadgetError { background: #ff6633; }
/*

      .ErrorInfo - This is the class that the main error messages use. It should be styled so that any error messages stand out but still look good on the site.
*/ 
	  .ErrorInfo {background:#FFCC33; }
/*    
		.ExtraErrorInfo - This is the class that the Extra Error Information paragraph uses. This is the information that is returned by Sage Pay when something goes wrong. It is recommended that this also stands out, but maybe not as prominently as the main error messages.
*/
	  .ExtraErrorInfo {background:#FFFF99; }
/*      .SagePayDirectCardIcon - This is the class that is applied to the icons displayed for the credit/debit cards accepted. Our recommendation for addition to the stylesheet is the following:
*/
     .SagePayDirectCardIcon { margin-right: 4px; margin-bottom: 4px; }
/*
      .SagePayDirect3DSecureIcon - This is the class that is applied to the icons displayed on the 3D-Secure message page (if enabled/applicable). Our recommendation for addition to the stylesheet is the following:

*/
     .SagePayDirect3DSecureIcon { margin-left: 1em; margin-bottom: 2em; float: right; }



