/*  E-COMMERCE */
.discount { color:darken($green, 20%);}
#fieldset-billingAddressElementGroup, #fieldset-billingNameElementGroup, #fieldset-shippingAddressElementGroup, #fieldset-shippingNameElementGroup {border: none;}
#billingAddressElementGroup-element dl, #billingNameElementGroup-element dl, #shippingAddressElementGroup-element dl, #shippingNameElementGroup-element dl {float: left; width: 200px;}
#productId-element {display: none;}
#ecommerce-form {
	#billing-element {width:48%; float:left;}
	#shipping-element {width:48%; float:right;}
	#billing-element, #shipping-element {
		fieldset { min-height:400px;}
		.city { width:200px;}
		select { width:208px;}
		.zip { width:100px;}
		
	}
	#submitGroup-element { clear:both;}
	#shipping-asBilling-element { margin:16px 0 0;
		label {display:inline;}
	}
	fieldset {
		border-top:3px solid $orange;
		margin: 0 0 10px 0;
		padding: 20px 30px;
		legend {
			color: $black;
			padding: 3px 10px 3px 35px;
			font-size:1.3em;
		}
	}
	#fieldset-submitGroup {
		border: 0 none;
		margin: 0;
		padding: 0;
		text-align: center;
	}	
	#fieldset-billing legend { background:url(../images/ecommerce/1.png) no-repeat 10px 0;}
	#fieldset-shipping legend { background:url(../images/ecommerce/2.png) no-repeat 10px 0;}
	#fieldset-serviceShipping legend { background:url(../images/ecommerce/3.png) no-repeat 10px 0;}
	#fieldset-servicePayment legend { background:url(../images/ecommerce/4.png) no-repeat 10px 0;}
	#categories-element { padding: 10px 0 0;}
	.catrow { 
		ul { padding: 0 10px; background: #f1f1f1; float: left; list-style-type: none; border: 1px solid silver;
			li { float: left; margin: 0; display: inline;
				span { line-height: 28px; display: block;
					* { vertical-align: middle;}
				}
				.last { font-weight: bold;}
			}
		}
		a.removeLink { display: block; float: left; line-height: 28px; margin: 2px 0 0 10px;
			* { vertical-align: middle;}
			&:hover { color:$marine;}
		}
	}
	#fieldset-submitGroup { padding:20px 0 0 0;}
	#serviceShipping-rate-element {
		color:$orange; font-weight:bold; font-size:1.4em;
		.rate_message {color:$red; margin:10px 0 0 0; font-size:0.7em !important;}
	}
	#fieldset-serviceShipping {
		#serviceShipping-type-element, fieldset.shipping dd { line-height:20px;}
	}
	.radiolist { 
		border-collapse:collapse;
		td { padding-right:20px;}
	}
	#servicePayment-cardCode { width:85px;}
	#serviceShipping-type-element {
		label { height:33px; display:block;}
		span {display:block; height:33px; line-height:33px; padding-left:70px; margin-top:-23px;}
		br { display:none;}
		input { margin:0; padding:0; width:14px; height:14px; overflow:hidden;}
	}
	#fieldset-servicePayment { margin:0;}
	#serviceShipping-type-element span.ups { background:url(../images/ecommerce/ups.png) no-repeat 20px 0;}
	#serviceShipping-type-element span.usps { background:url(../images/ecommerce/usps.png) no-repeat 20px 0;}
	#serviceShipping-type-element span.fedEx { background:url(../images/ecommerce/fedex.png) no-repeat 20px 0;}
	#serviceShipping-type-element span.manual { background:url(../images/ecommerce/manual.png) no-repeat 20px 0;}
	.btn, .btn-cancel { padding:5px 20px; margin:10px 0; font-size:1.1em;}
	#servicePayment-usePromoCodeValue-label, #servicePayment-useGiftCardValue-label { display:none;}
	#servicePayment-useGiftCard-element { margin-top:10px;}
	#servicePayment-authorizeNetMethods-element {
		padding:0;
		fieldset { padding-bottom:10px;}
	}
	table.radiolist {
		border-collapse:collapse;
		td {padding:0 20px 0 0;}
	}

	#fieldset-valueGroup {
		border:none; padding:0; margin:0;
		#type-label { display:none;}
		#type-element, #value-element { float:left;}
	}
	#fieldset-productGroup {border:none; padding:0; margin:0;}
	button#newCardCode { margin-top:5px;}
	#servicePayment-usePromoCodeValue-label,
	#servicePayment-useGiftCardValue-label { display:none;}
	#creditCardGroup-element { padding-bottom:0;}
}

#fieldset-serviceShipping {
	dt { padding-bottom:10px;}
	dd {
		float: left;
		fieldset {border: none; margin: 0px; padding: 0px;}
	}
	#serviceShipping-typeGroup-element {width:250px;}
	#serviceShipping-rateGroup-element {padding-left:30px; border-left:2px solid $gray; min-height:100px; width:40%; float:right;}
	#serviceShipping-rate-element {
		color:$orange; font-weight:bold; font-size:1.4em;
		.rate_message {color:#fff; background-color:#f00; padding:5px 10px; margin:10px 0; font-size:0.7em !important;}
	}
	#serviceShipping-type-element {
		label { height:33px; display:block;}
		span {display:block; height:33px; line-height:33px; padding-left:70px; margin-top:-20px;}
		br { display:none;}
		input { margin:0; padding:0; width:14px; height:14px; overflow:hidden;}
	}
	#serviceShipping-type-element span.ups { background:url(../images/ecommerce/ups.png) no-repeat 20px 0;}
	#serviceShipping-type-element span.usps { background:url(../images/ecommerce/usps.png) no-repeat 20px 0;}
	#serviceShipping-type-element span.fedEx { background:url(../images/ecommerce/fedex.png) no-repeat 20px 0;}
	#serviceShipping-type-element span.manual { background:url(../images/ecommerce/manual.png) no-repeat 20px 0;}
	#serviceShipping-upsMethod-element, #serviceShipping-fedExMethod-element { clear:left;}
}

#fieldset-servicePayment {
	dd {
		fieldset {border: none; margin: 0px; padding: 0px;}
	}
	input.text { width:300px;}
	#servicePayment-cardCode { width:85px;}
}

#categories-tree-content {
	padding:0 15px;
	ul.links {
		list-style:none; padding:0;
		li { display:inline; padding-right:20px;}
	}
	h3 {border-bottom:2px solid $gray; padding-bottom:5px;}
	.categories-selector-submit { text-align:center;}
	.tree-wrapper { height:400px; overflow:auto;}
}
#fancybox-content {
	.tree-wrapper { height:auto; min-height: 370px; -ms-overflow-x: hidden;
	overflow-x: hidden;
	}
}

.multi_actions {
	.count-selected { font-weight:bold; padding:5px 0;}
	ul {
		list-style:none; padding:0; display:inline; margin-right:10px;
		li { display:inline}
	}
}
#noteGroup-element { float:left;}
#noteGroupAdmin-element { float:right;}
#noteGroup-element, #noteGroupAdmin-element { width:49%;
	fieldset { padding:0; margin:0; border:0;
		dt { margin: 0.8em 0 0.5em; background:none; border:0; padding:0;
		label {line-height: 1em; font-family: $headings; font-size:1.8em;}
		}
		textarea { height:100px;}
	}
}
/*  ORDER HISTORY */
.price { color:$orange; font-weight:bold; display:block; float:right;}
.sold { color:$gray;}
.cart_sum {
	padding:10px; background-color:#f1f1f1; border:1px solid silver;  border-top:none; line-height:1.5em;
	span { display:block; float:right;}
	.lbl_sum { min-width:50px; text-align:right; padding-right:20px; }
	.sum { min-width:70px; text-align:right;}
}
.cart_sum_total {
	padding:10px; background-color:#e7e7e7; border-top:1px solid silver; font-weight:bold;
	span { display:block; float:right; font-size:1.3em;}
	.lbl_sum { min-width:50px; text-align:right; padding-right:20px;}
	.price { min-width:70px; text-align:right;}
	.old { color:$gray-dark;}
}

#order-wrapper {
	a.btn-more i.icon-print { color: $blue;}
	h5 { border-bottom:1px solid $borders; margin:20px 0 0 0; padding-bottom: 10px; color: $purple;}
	.info-payment td { padding: 6px 8px;}
	.order_details_section {
		table { 
			td { background:#fff;}
			img {margin-right:5px;}
		}
		.cell_price {text-align: left;}
		.cell_row_total {
			font-weight: bold; padding-right: 10px; text-align: right;
		}
	}
	.order_customer_notes_section {
		margin:20px 0;
		.fleft, .fright {
			width:49%;
			h5 { line-height: 1em; font-family: $headings; font-size:1.8em; margin: 0.8em 0 0.5em;}
			textarea { height:100px; width:98%;}
		}
	}
}
.cell_categories {
	color:$marine;
	.last { font-weight:bold;}
	span { color:$black;}
}
.tree-legend {
	list-style:none; padding:0; margin:0;
	li { clear:both; display:block; white-space:nowrap;}
}
.tree-icon { display:block; background-image:url(../images/admin/tree/tree-icons.png); background-repeat:no-repeat; background-position:0 0; background-color:transparent; width:16px; height:16px; display:block; float:left; margin:0 5px 0 0; text-indent:-9999em;}
.tree-icon.reorder { background-position:0 0;}
.tree-icon.add { background-position:-16px 0;}
.tree-icon.edit { background-position:-32px 0;}
.tree-icon.delete { background-position:-48px 0;}
.tree-icon.show { background-position:-64px 0;}
a.tree-icon:hover {@include transition(none);}
a.tree-icon.reorder:hover { background-position:0 100%;}
a.tree-icon.add:hover { background-position:-16px 100%;}
a.tree-icon.edit:hover { background-position:-32px 100%;}
a.tree-icon.delete:hover { background-position:-48px 100%;}
a.tree-icon.show:hover { background-position:-64px 100%;}

.categories.treeview {
	width:700px;
	a {line-height:16px;}
	a:hover { color:$orange;}
	a.category-name {display:block; float:left; min-width:1px; margin-right:10px; margin-bottom:5px;}
	li { white-space:normal;}
	li a { font-weight:bold; font-size:110%; color:$black;}
	li li a { font-weight:normal; font-size:100%; color:$gray-darker;}
}

ul.order_tabs {
	list-style:none; padding:0; margin:0; position:relative; z-index:8; top:1px; clear:both; height:32px;
	li {
		display:inline; margin:0 0 0 0; float:left;
		a {
			display:block; float:left; border:1px solid $gray; background:$gray-light; padding:9px 25px; color:$black; font-weight:bold; height:12px; line-height:12px; @include radius($radius $radius 0 0);
			&:hover {@include gradientv($white, $gray-lighter);}
                        &.disabled {color: $gray;}
		}
		&.active a {border-bottom:1px solid $white; background:$white !important;}
		.tabarrow { float:left; padding:10px 20px;}
	}
}
.order_tab_body { padding:20px; background-color:$white; border:1px solid $gray; min-height:300px; margin-bottom:20px;
	table.grid tr td, table.grid tr.odd td { background:#fff;}
}