
/*	Category Navigation
----------------------------------------------- */
.categoryNavigation { }
.categoryList { margin: 0px 0px 15px 0px; }
.categoryList .categoryListItem { float: left; width: 21%; margin-right: 3%; }

/*	Category Display
----------------------------------------------- */
.categoryBlock { border-bottom: 1px dotted #b7b76e; }
.categoryBlock, .productDetailBlock { margin: 0px; padding: 0px; width: 100%; }
.categoryBlock .categoryBreadcrumbs, .productDetailBlock .categoryBreadcrumbs { margin: 0px 0px 10px 0px; color: #7d1413; }
.categoryBlock .categoryBreadcrumbs a, .productDetailBlock .categoryBreadcrumbs a { text-decoration: none;}
.categoryBlock h2 a { text-decoration: none; }
.categoryBlock .categoryList img.catArrow {display: none;}


/*	Product Display
----------------------------------------------- */
.commerceCategoryProductList { float: left; width: 100%; padding-top: 15px; overflow: hidden; }
.commerceCategoryProductList .commerceCategoryItem { width: 135px; float: left; margin: 0px 0px 13px 0px; }
.commerceCategoryProductList .spacer1 { width: 57px; float: left; }
.commerceCategoryProductList .spacer2 { width: 57px; float: left; }
.commerceCategoryProductList .spacer3 { clear: both; font-size: 1px; width: 100%; height: 20px; }

.commerceCategoryProductList h2 { margin-top: 5px; font-size: 12px; }
.commerceCategoryProductList h2 a { text-decoration: none; }
.commerceCategoryProductList p.productSummary { margin-bottom: 15px; }
.commerceCategoryProductList p.productSummary a { color: e51837; }
.commerceCategoryProductList .productPrice { font-style:italic;}
.salePrice {color: #e51837; }
.commerceCategoryProductList .addToCartForm {padding-top: 5px;}
.commerceCategoryProductList .addToCartForm form { margin: 5px 0px 5px 0px; padding: 0px; }
.commerceCategoryProductList .addToCartForm input { margin-right: 5px; width: 17%; }
.commerceCategoryProductList .addToCartForm input.buy { margin-right: 2%; width: 76%; border: 1px solid #ffb4b4; background: #ffffff; color: #7d1413; }

.commerceCategoryProductList .productImageBlock { width: 100%; height: 193px; border: 1px solid #b7b76e;  background: url(../images/no_image_bg.gif) no-repeat #ffffff center; }
.commerceCategoryProductList .productImageBlock .productImage { width: 100%; position: relative; text-align: center; overflow: hidden; }
.commerceCategoryProductList .productImageBlock .productImage img { width: 100%; }
.commerceCategoryProductList .productImageBlock .productImage .productImageCaption, .commerceCategoryProductList .productImageBlock .productImage .productImageCaption a {position: absolute; color: #440000; width: 100%; bottom: 5px; left: 0px; text-align: center; display: none;}
.productImage a { text-decoration: none; color: #aaaaaa; }

.commerceItemDetail {position: relative;}
.commerceItemDetail h2 { margin: 0px 0px 5px 0px; padding: 0px; font-size: 16px; }
.commerceItemDetail h3 { margin: 0px 0px 5px 0px; padding: 0px; font-size: 12px; color: #7d1413; }
.commerceItemDetail .productImageBlock { float: right; width: 40%; margin-left: 2%; }
.commerceItemDetail .productImageBlock .productImage { width: 100%; float: left; margin: 0px 0px 5px 0px; padding: 0px; text-align: center; border: 1px solid #b7b76e; background: #ffffff; overflow: hidden;}
.commerceItemDetail .productImageBlock .productImage img { width: 100%; }
.commerceItemDetail .productDescription { float: left; width: 57%;}
.commerceItemDetail .purchaseBlock { float: left; margin-top: 15px; padding: 3px 0px; width: 100%; border-top: 1px dotted #b7b76e; border-bottom: 1px dotted #b7b76e; }
.commerceItemDetail .purchaseBlock .purchaseCol1 { float: left; width: 45%; }
.commerceItemDetail .purchaseBlock .purchaseCol2 { float: left; width: 15%; }
.commerceItemDetail .purchaseBlock .purchaseCol3 { float: left; width: 15%; }
.commerceItemDetail .purchaseBlock .purchaseCol4 { float: left; width: 25%; }
.commerceItemDetail .productPrice {right: 0px; margin: 5px 0px;}
.commerceItemDetail input.qty { margin: 0px 5px 0px 0px; padding: 0px; width: 20px; }
.commerceItemDetail input.buy { border: 1px solid #ffb4b4; background: #ffffff; color: #7d1413; }

.commerceItemDetail .optionRadio {}
.commerceItemDetail .optionRadio .optionBlock {float: none; clear: right; width: 100%; }
.commerceItemDetail .optionRadio .optionBlock .optionItem {float: left; margin: 0px 3% 0px 0px; width: 30%; height: 130px; }
.commerceItemDetail .optionRadio .optionBlock .optionItem p { font-size: 11px; color: #7d1413; }
.commerceItemDetail .optionRadio .optionBlock .optionItem img { width: 85; height: 85px; border: 1px solid #b7b76e; }

/*	Cart
----------------------------------------------- */

/*		Compact Cart
----------------------------------------------- */
.compactCart { width: 100%; }

.compactCart h2 { margin: 0px 0px 5px 0px; padding: 0px; }

.compactCart .cartContents { padding: 4px; border: 1px solid #b7b76e; float: left; }
.compactCart .cartContents .cartTotal { margin: 2px 0px 2px 0px; float: left; width: 100%; }
.compactCart .cartCol1 { float: left; width: 60%; }
.compactCart .cartCol2 { float: left; width: 40%; }

.compactCart .cartItem { float: left; border-bottom: 1px dotted #cccccc; width: 100%; padding: 2px 0px 2px 0px; }



/*		Full Cart
----------------------------------------------- */
.fullCart2 { float: left; }
.fullCart2 .head {border-bottom: 1px solid #cccccc; width: 100%; float: left; }
.fullCart2 .cartContents {float: left; border-bottom: 1px solid #cccccc; width: 100%; }
.fullCart2 form { margin: 0px; padding: 0px; }
.fullCart2 .cartCol1 { width: 10%; float: left; }
.fullCart2 .cartCol2 { width: 60%; float: left; }
.fullCart2 .cartCol3 { width: 15%; float: left; }
.fullCart2 .cartCol4 { width: 15%; float: left; }

.fullCart2 .cartItem { padding: 5px 0px 5px 0px; }
.fullCart2 .cartItem input { width: 80%; font-size: 11px; }
.fullCart2 .cartItem a {text-decoration: none; } 
.fullCart2 .cartItem a:hover {color: #440000;}
.fullCart2 .cartItem .userMenu { width: 150px;}
.fullCart2 .cartItem ul { margin: 5px 0px 0px 10px; padding: 0px; }
.fullCart2 .cartItem ul li { list-style: none; margin: 0px; padding: 0px;}
.fullCart2 .cartItem ul a { text-decoration: underline; }

.fullCart2 .checkoutButton { margin: 10px 10px 0px 0px; float: right; text-align: center; font-size: 10px; border: 1px solid #cccccc;}
.fullCart2 .checkoutButton a {margin: 6px 20px 6px 20px; padding: 0px; text-decoration: none; background: #ffeedd; color: #440000;} .fullCart2 .checkoutButton a:hover {color: #eeae04;}
.fullCart2 .checkoutButton img.arrow { display: none; position: absolute; left: 5px; top: 3px;}

.fullCart2 .checkoutStepButton a {text-decoration: none; color: #440000;}
.fullCart2 .checkoutStepButton, .fullCart2 .checkoutStepButtonActive {text-align: center; display: inline; margin: 0px 3px 0px 0px; padding: 3px; width: 134px; font-size: 10px; background: #ffeedd; border: 1px solid #ff7700;}
.fullCart2 .checkoutStepButtonActive {background: #33ff00;}

.fullCart, .fullCart .cartContents, .fullCart form {margin: 0px; padding: 0px; position: relative;}
.fullCart h2 {margin: 0px 0px 10px 0px; padding: 0px;}
.fullCart .cartContents .head {position: relative; margin: 0px; padding: 0px; font-weight: bold; border-bottom: 1px solid #33ff00;}

.fullCart .checkoutStepButton a {text-decoration: none; color: #440000;}
.fullCart .checkoutStepButton, .fullCart .checkoutStepButtonActive {text-align: center; display: inline; margin: 0px 3px 0px 0px; padding: 3px; width: 134px; font-size: 10px; background: #ffffff; border: 1px solid #cccccc;}
.fullCart .checkoutStepButtonActive {background: #ffffff;}


/*		End Full Cart
----------------------------------------------- */
/*	End Cart
----------------------------------------------- */



/*	Checkout
----------------------------------------------- */
.checkoutStep { float: left;}
.checkoutStep .checkoutStepButton {text-align: center; display: inline; margin: 10px 0px; padding: 3px; font-size: 10px; background: #f0f0f0; border: 1px solid #cccccc;}
.checkoutStep .summaryBlock, .checkoutStep .checkoutStepBlock {width: 410px; margin: 0px 0px 10px 0px; float: left;}
.checkoutStepBlock h3 {margin: 5px 0px 10px 0px; font-size: 12px; border-bottom: 1px solid #d70723;}
.checkoutStepBlock h3 .rightLink {float: right; display: inline; text-align:right; font-weight: normal;}

.checkoutStepBlock .label {margin: 2px 0px 2px 0px; float: left; width: 106px;}
.checkoutStepBlock .inputField {margin: 2px 0px 2px 0px; float: left; width: 300px;}
.checkoutStepBlock .inputField input {width: 300px;}
.checkoutStepBlock .inputField textarea { width: 410px;}
.checkoutStep .checkoutConfirmation { float: left;}
.checkoutStep .checkoutConfirmation .qtyCol { width: 30;}
.checkoutStep .checkoutConfirmation .descriptionCol { width: 215;}
.checkoutStep .checkoutConfirmation .priceCol { width: 70;}
.checkoutStep .checkoutConfirmation .totalCol { width: 70;}
.checkoutStep .checkoutConfirmation .cartTotal .cartTotalName { width: 330;}
.checkoutStep .checkoutConfirmation .billingSummary {margin: 0px 10px 0px 0px;}
.checkoutStep .checkoutConfirmation .billingSummary, .checkoutStep .checkoutConfirmation .shippingSummary {width: 200px; height: 100px; display: inline;}
.checkoutStep .checkoutConfirmation h4 { font-size: 14px; color: #d70723; margin: 10px 0px 0px 0px; padding: 0px;}
.checkoutStep .checkoutConfirmation h3 {margin: 5px 0px 0px 0px; font-size: 12px; border-bottom: 1px solid #d70723;}
.checkoutStep .proceedBlock { float: left; width: 410px; height: 50px; margin: 10px 0px 0px 0px; padding: 10px 0px 0px 0px; text-align: right; border-top: 1px solid #d70723;}

.requiredField, .requiredFieldCaption {color:#ff0000; font-style: italic;}
.requiredFieldCaption {float: left;}

/*	End Checkout
----------------------------------------------- */




