/*	CSS Sections
-----------------------------------------------
	Utiliy
	Category Navigation
	Category Display
	Product Display
	Cart
	Cart > Compact Cart
	Cart > Full Cart
	Checkout
----------------------------------------------- */


/*	Category Navigation
----------------------------------------------- */
.categoryNavigation { }
.categoryList { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;}
.categoryList p { margin: 0px; padding: 0px;}


/*	Category Display
----------------------------------------------- */
.categoryBlock, .productDetailBlock { margin: 0px; padding: 0px; width: 445px; }
.categoryBlock .categoryBreadcrumbs, .productDetailBlock .categoryBreadcrumbs {color: #ffffff; margin: 0px 0px 10px 0px; padding: 3px; background: #440000;}
.categoryBlock .categoryBreadcrumbs a, .productDetailBlock .categoryBreadcrumbs a {color: #ffffff; text-decoration: none;}
.categoryBlock .categoryList img.catArrow {display: none;}
.categoryBlock .categoryList, .productDetailBlock .categoryList { margin-top: 10px;}



/*	Product Display
----------------------------------------------- */
.commerceCategoryProductList {
	margin: 0px 0px 0px 0px;
	display: block;
	float: left;
	width: 100%;
	border-top: 1px solid #cccccc;
	width: 445px;
	overflow: hidden;
}
.commerceCategoryProductList .commerceCategoryItem {
	width: 192px;
	float: left;
	margin: 0px 25px 20px 0px; padding: 0px;
}
.commerceCategoryProductList .spacer1 { display: none;  }
.commerceCategoryProductList .spacer2 { clear: both; font-size: 1px; }

.commerceCategoryProductList .productName { margin: 0px; padding: 5px; font-size: 13px; font-weight: bold;}
.commerceCategoryProductList .productSummary {padding: 0px 5px 5px 5px; margin:0px;}
.commerceCategoryProductList .productPrice { padding: 0px 5px 0px 5px; margin: 0px; font-style:italic;}
.commerceCategoryProductList .productPrice .listPrice {margin:0px; padding: 0px;}
.salePrice {color: #dd1111; margin: 0px; padding: 0px;}
.commerceCategoryProductList .addToCartForm {padding: 0px 5px 0px 5px; margin: 0px;}
.commerceCategoryProductList .addToCartForm form { margin: 5px 0px 5px 0px; padding: 0px; }
.commerceCategoryProductList .addToCartForm input { margin: 0px 5px 0px 0px; }

.commerceCategoryProductList .productImageBlock {
	height: 188px; width: 188px; background: url(../images/no_image_bg.gif) no-repeat #ffffff;
}

.commerceCategoryProductList .productImageBlock .productImage {position: relative;
	text-align: center; background: #ffffff; width: 186px; height: 186px; overflow: hidden;
}

.commerceCategoryProductList .productImageBlock .productImage .productImageCaption, .commerceCategoryProductList .productImageBlock .productImage .productImageCaption a {position: absolute; color: #440000; width: 188px; bottom: 5px; left: 0px; text-align: center;}

.productImage a {
	text-decoration: none; color: #aaaaaa;
}

.commerceCategoryProductList .productImageBlock .productImage img {
	height: 185px;
}


.commerceItemDetail {position: relative;}
.commerceItemDetail h3 { margin: 20px 0px 0px 0px; padding: 0px; }
.commerceItemDetail .productImageBlock .productImage {width: 410px; float: left; margin: 0px 0px 5px 0px; padding: 0px; text-align: center; overflow: hidden;}
.commerceItemDetail .productImageBlock .productImage img {height: 300px;}
.commerceItemDetail .productPrice {right: 0px; margin: 5px 0px;}

.commerceItemDetail input.qty {
	margin: 0px 10px 0px 0px; padding: 0px;
	width: 30px;
}

.commerceItemDetail .optionRadio {}
.commerceItemDetail .optionRadio .optionBlock {float: none; clear: right;}
.commerceItemDetail .optionRadio .optionBlock .optionItem {float: left; margin: 0px 10px 0px 0px;}

/*	Cart
----------------------------------------------- */

/*		Compact Cart
----------------------------------------------- */
.compactCart {
	margin: 0px; padding: 0px;
}

.compactCart h2 {
	margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px;
}

.compactCart .cartContents {
	margin: 0px 0px 0px 0px; padding: 0px 2px 0px 2px;
	display: block;
	border: 1px solid #999999;
	float: left;
	width: 100%;
}

.compactCart .cartItem {
	margin: 5px 0px 0px 0px; padding: 0px 0px 5px 0px;
	float: left;
	border-bottom: 1px dotted #cccccc;
	width: 100%;
}
.compactCart .cartItem .cartItemQuantity {
	margin: 2px 20px 0px 0px; padding: 0px 0px 0px 0px;
	float: left; width: 33%;
}
.compactCart .cartItem .cartItemName {
	float: left; width: 66%;
}
.compactCart .cartItem .cartItemPrice, .compactCart .cartContents .cartTotal .cartTotalPrice {
	margin: 2px 0px 0px 0px; padding: 0px 0px 0px 0px;
	float:left; width: 70px;
	text-align: right;
}

.compactCart .cartContents .cartTotal {
	margin: 2px 0px 2px 0px; padding: 0px 0px 0px 0px;
	float: left;
}

.compactCart .cartContents .cartTotal .cartTotalName {
	margin: 2px 20px 5px 0px; padding: 0px 0px 0px 0px;
	float: left; width: 63px;
	text-align: right;
	font-weight: bold;
}
.column_3 .compactCart {position: relative; margin: 15px 0px 5px 0px;}
.column_3 .compactCart .cartContents {position: relative; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; overflow: hidden; border: none;}
.column_3 .compactCart .cartContents {border: 1px solid #ff7700; padding: 3px;}
.column_3 .compactCart h2 {position: relative; font-size: 14px; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.column_3 .compactCart h2 .highlight {color: #ff7700; letter-spacing: -1px;}
.column_3 .compactCart h2 img.titleIcon {position: absolute; right: 0px;}
.column_3 .compactCart .cartContents .cartTotal .cartTotalName, .column_3 .compactCart .cartItem .cartItemQuantity  {
	position: relative;
	margin: 2px 0px 5px 0px; padding: 0px 0px 0px 0px;
	width: 60px;
}
.column_3 .compactCart .cartItem .cartItemPrice, .column_3 .compactCart .cartContents .cartTotal .cartTotalPrice {
	position: relative;
	margin: 2px 0px 0px 0px; padding: 0px 0px 0px 0px;
	width: 70px;
}
.compactCart .cartContents .adminMenu {
	position: relative;
	margin: 0px; padding: 5px;
	
}
.compactCart .cartContents .adminMenu h3 {font-size:12px; color: #ff7700; margin: 0px; padding: 0px;}
.compactCart .cartContents .adminMenu ul {list-style: none; margin: 0px; padding: 0px;}
.compactCart .cartContents .adminMenu a {color: #440000; text-decoration: none;} .userAccountInfo .adminMenu a:hover {color: #ff7700;}
.compactCart .cartContents .adminMenu img.arrow {margin: 0px 10px 0px 0px; padding: 0px; display: none;}


/*		Full Cart
----------------------------------------------- */
.fullCart2 { float: left; position: relative; }
.fullCart2 .cartContents {float: left; border-bottom: 1px solid #cccccc; position: relative; }
.fullCart2 form { margin: 0px; padding: 0px; float: left;}
.fullCart2 .head {border-bottom: 1px solid #cccccc; float: left; width: 100%;}
.fullCart2 .head div, .fullCart2 .cartItem div { float: left; }
.fullCart2 .qtyCol {width: 55px;}
.fullCart2 .qtyCol input {width: 35px;}
.fullCart2 .descriptionCol {width: 225px;}
.fullCart2 .priceCol {width: 70px; text-align: right;}
.fullCart2 .totalCol {width: 70px; text-align: right;}

.fullCart2 .cartItem { clear: both; margin: 1px 0px; padding: 7px;}
.fullCart2 .cartItem a {text-decoration: none; } .fullCart2 .cartItem a:hover {color: #440000;}
.fullCart2 .cartItem .userMenu { width: 150px;}
.fullCart2 .cartItem .userMenu a { text-decoration: underline;}
.fullCart2 .cartItem .userMenu ul { margin: 5px 0px 0px 10px; padding: 0px; }
.fullCart2 .cartItem .userMenu ul li { list-style: none; margin: 0px; padding: 0px;}

.fullCart2 .cartTotal {padding: 0px 0px 0px 280px; clear: left;}
.fullCart2 .cartTotal div {position: relative; float: left; text-align: right; width: 69px;}

.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 .qtyCol {
	position: relative; display: inline;
	margin: 0px 5px 0px 0px; padding: 0px 0px 0px 0px;
	width: 55px;
}

.fullCart .qtyCol input {
	position: relative; display: inline; 
	margin: 0px; padding: 0px;
	width: 35px;
}

.fullCart .descriptionCol {
	position: relative; display: inline;
	margin: 0px 5px 0px 0px; padding: 0px 0px 0px 0px;
	width: 215px;
}

.fullCart .priceCol {
	position: relative; display: inline;
	margin: 0px 5px 0px 0px; padding: 0px 0px 0px 0px;
	width: 70px;
	text-align: right;
}

.fullCart .totalCol {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	display: inline; width: 70px;
	text-align: right;
}

.fullCart .cartItem {
	position: relative;
	padding: 5px 0px;
	border-bottom: 1px solid #ff0000;
}

.fullCart .cartItem .cartItemPrice, .fullCart .cartContents .cartTotal .cartTotalPrice {
	display: inline; width: 70px;
	text-align: right;
}

.fullCart .cartContents .cartTotal .cartTotalName {
	 display: inline; width: 355px;
	text-align: right;
	font-weight: bold;
}

.fullCart .cartItem .userMenu {position: absolute; right: 10px; top: 0px; width: 100px;}

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

.cartItemConfig {
	clear: left;
}
.cartItemConfig .cartItemQuantity {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}
.cartItemConfig .cartItemOption {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}

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