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

/*	Utility
----------------------------------------------- */
.clear {clear: both;}

/*	End Utility
----------------------------------------------- */

/*	Category Navigation
----------------------------------------------- */
.categoryNavigation {}
.categoryNavigation h2 {margin: 0px; padding: 0px;}
.categoryNavigation a {color: #ff7700; text-decoration: none; padding: 0px;}
.column_3 .categoryNavigation h2 {font-size: 14px; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px; text-transform: uppercase;}
.column_3 .categoryNavigation h2 .highlight, .column_3 .categoryNavigation h2 .highlight a {color: #ff7700; letter-spacing: -1px;}

.categoryList {position: relative; font-size: 12px; font-weight: bold; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;}
.categoryList a {color: #440000; text-decoration: none;}
.categoryList a:hover {color: #ff7700;}

.categoryList p {position: relative; margin: 1px; padding: 0px; background: #f7f7f7;}

.column_2 .categoryList {border: 1px solid #ff7700; padding: 3px; font-size: 12px; font-weight: normal;}
.column_2 .categoryList .categoryListItem {padding: 6px; font-size: 14px; font-weight: normal;}
.column_3 .categoryList {border: 1px solid #ff7700; padding: 3px; font-size: 11px;}


/*	End Category Navigation
----------------------------------------------- */


/*	Category Display
----------------------------------------------- */
.categoryBlock, .productDetailBlock { margin: 0px; padding: 0px;}
.categoryBlock .categoryNavigation, .productDetailBlock .categoryNavigation {}
.categoryBlock .categoryNavigation h2, .productDetailBlock .categoryNavigation h2 {margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 20px; border: none;}
.categoryBlock .categoryBreadcrumbs, .productDetailBlock .categoryBreadcrumbs {color: #ffffff; position: relative; margin: 0px; padding: 3px; background: #440000;}
.categoryBlock .categoryBreadcrumbs a, .productDetailBlock .categoryBreadcrumbs a {color: #ffffff; text-decoration: none;}
.categoryBlock .categoryList img.catArrow {margin: 0px 5px 2px 0px;}
.categoryBlock .categoryList, .productDetailBlock .categoryList {padding: 3px;}
.categoryBlock .categoryList .categoryDescription {color: #440000; padding: 0px 0px 6px 0px; background: #ffffff; font-weight: normal;}

input.buy {
	color: #d70723;
}

/*	End Category Display
----------------------------------------------- */


/*	Product Display
----------------------------------------------- */
.commerceCategoryProductList {
	margin: 0px 0px 0px 0px;
	display: block;
}
.commerceCategoryProductList .commerceCategoryItem {
	width: 150px;
	float: left;
	margin: 0px 10px 20px 0px; padding: 0px 0px 0px 0px;
	background: #f7f7f7;
}
.commerceCategoryProductList .spacer1 {
	display: none;
}

.commerceCategoryProductList .spacer2 {
	display: none;
}
.commerceCategoryProductList .productName { margin: 0px; padding: 5px; font-size: 13px; font-weight: bold;}
.commerceCategoryProductList .productName a {color: #770000; text-decoration: none; }
.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; border: 1px solid #ff7700;  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 h2 { margin: 10px 0px 5px 0px; padding: 0px; }
.commerceItemDetail h3 {font-size: 14px; font-weight: bold; text-decoration: none; letter-spacing: -1px; padding: 0px; margin: 0px;} .commerceItemDetail h3 .highlight {color: #ff7700;}
.commerceItemDetail .productImageBlock .productImage {width: 410px; float: left; margin: 0px 0px 5px 0px; padding: 0px; text-align: center; border: 1px solid #770000; background: #ffffff; overflow: hidden;}
.commerceItemDetail .productImageBlock .productImage img {height: 300px;}
.commerceItemDetail .productPrice {position: relative; width: 170px; right: 0px; border: 1px solid #ff7700;	margin: 5px 0px;}
.commerceItemDetail .productPrice h2{
	font-size: 12px;
	margin: 0px;
}
.commerceItemDetail .productDescription {width: 170px; border: 1px solid #ff7700;}

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


/*	End Product Display
----------------------------------------------- */


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

.compactCart .cartItem {
	margin: 5px 0px 0px 0px; padding: 0px 0px 5px 0px;
	float: left;
	border-bottom: 1px dotted #cccccc;
}
.compactCart .cartItem .cartItemQuantity {
	margin: 2px 20px 0px 0px; padding: 0px 0px 0px 0px;
	float: left; width: 63px;
}
.compactCart .cartItem .cartItemName {
	float: left; width: 153px;
}
.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;
	background: #ffeedd;
}
.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;}

/*		End Compact Cart
----------------------------------------------- */

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

.fullCart2 .cartItem {position: relative; margin: 1px 0px; padding: 7px; background: #f7f7f7;}
.fullCart2 .cartItem a {text-decoration: none; color: #ff7700;} .fullCart2 .cartItem a:hover {color: #440000;}
.fullCart2 .cartItem .userMenu {position: absolute;right: 10px; top: 0px; width: 150px;}

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

.fullCart2 .checkoutButton {position: absolute; right: 10px; text-align: center; font-size: 10px; border: 1px solid #ff7700;}
.fullCart2 .checkoutButton a {margin: 0px; padding: 3px; width: 148px;text-decoration: none; background: #ffeedd; color: #440000;} .fullCart2 .checkoutButton a:hover {background: #33ff00;}
.fullCart2 .checkoutButton img.arrow {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: #ffeedd; border: 1px solid #ff7700;}
.fullCart .checkoutStepButtonActive {background: #33ff00;}

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