﻿/* = 6-0 Styling
--------------------------------------------------------------------------------------------------------------------------------------*/	
	.lj {text-align: left !important;}
	.block {height: 25px;}
	
	#recent-orders {width: 730px;}
	#recent-orders p {margin: 0 0 10px;}	
	#recent-orders th {text-align: left; background: #ECECEC; padding: 5px;}
	#recent-orders td {text-align: left; vertical-align: top; position: relative;}
	#recent-orders .border {border-bottom:1px dotted #C0C0C0;height:20px;}
	#recent-orders #order-num {width: 180px;}
	#recent-orders #order-date {width: 180px;}
	#recent-orders #order-status {width: 180px;}
	#recent-orders #order-price {width: 180px;}
	
	#recent-wishlist p {margin: 0 0 10px;}
	#recent-wishlist td {text-align: center;}
	#recent-wishlist h4 {font-size: 12px; margin: 0; font-weight: bold; text-decoration: underline;}
	#recent-wishlist h5 {font-size: 12px; margin: 0;}
	#recent-wishlist h6 {font-size: 14px; color: #df080b; margin: 0;}
	#recent-wishlist h6.reduced {text-decoration: line-through; color: #000; margin: 0;}	
	
	.re-order {background: url(../images/btn-reorder.jpg) no-repeat top left; display: block; width: 93px; height: 31px; text-indent: -9999px; float: right;}
	
	#ord-dtl-bd {border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; padding: 5px 0 ; margin: 10px 0;}
	#ord-dtl-bnt {border-bottom: 1px solid #c0c0c0; padding: 5px 0 ; margin: 10px 0;}
	#ord-dtl {width: 100%;}
	
	.wishlist-alert {border:1px dotted #C0C0C0; width: 385px; color:#0ba0cd;}
	#wish-list {margin: 0 0 15px 0; padding: 0 0 10px 0;}
	#wish-list h3 {border-bottom:1px dotted #C0C0C0; padding: 0 0 10px 0;}	
	
	.addnew {display: block; width: 93px; height: 31px; font-size: 0; text-indent: -9999px; float: left; background: url(../images/btn-addnew.jpg) no-repeat top left; border: 0; line-height: 0; margin: 0 10px 0 0 !important; cursor: hand; cursor: pointer;}
	.removethis {display: block; width: 93px; height: 31px; font-size: 0; text-indent: -9999px; float: left; background: url(../images/btn-remove.jpg) no-repeat top left; border: 0; line-height: 0; margin: 0 10px 0 0 !important; cursor: hand; cursor: pointer;}
	a.removewl {display: block; width: 93px; height: 31px; font-size: 0; text-indent: -9999px; float: left; background: url(../images/btn-remove.jpg) no-repeat top left; border: 0; line-height: 0; margin: 0 10px 0 20px !important;}	
	.updatethis {display: block; width: 74px; height: 30px; font-size: 0; text-indent: -9999px; float: left; background: url(../images/btn-update.jpg) no-repeat top left; border: 0; line-height: 0; cursor: hand; cursor: pointer;}
	
	#email-wishlist {overflow: hidden; margin: 10px 0; background: #F0F0F0 none repeat scroll 0 0;}
	
.re-order-btn {background:transparent url(../images/btn-reorder.jpg) no-repeat scroll left top; display:block; float:right; height:31px; text-indent:-9999px; width:93px;}
	
	
	
/* = 7-0 Styling
--------------------------------------------------------------------------------------------------------------------------------------*/	
#scart form, #scart fieldset {padding: 0; margin: 0; border: 0;}

#cart {float: left; width: 966px; margin: 20px auto 0;}
.alerts {overflow: hidden; color: #ed1c24; margin: 0 0 10px 0; width: 730px;}
	.alerts p {margin: 5px !important;}
	.alerts #remove {float: left; border: 1px dotted #c0c0c0; margin: 0 15px 10px 0;}
	.alerts #add {float: left; border: 1px dotted #c0c0c0; margin: 0 15px 0 0;}
	h2 #shop {float: left; width: 165px; position: absolute; top: -10px; right: 0;}
		a.shop {background: url(../images/btn-cshop.jpg) no-repeat top left; text-indent: -9999px; width: 165px; height: 35px; display: block;}
			a.shop {background-position: 0 0;}
			a.shop:hover {background-position: 0 0;}
	
	
	#cart-items {width: 100%;}
	
	.lft {text-align: left !important;}
	#cart-items th, #cart-items td {padding: 5px;}
	#cart-items .border {border-bottom:1px dotted #C0C0C0; height: 20px; overflow: hidden;}
		#cart-items td {text-align: center; vertical-align: top;}
		#cart-items .product {width: 250px;}
		#cart-items .product-ext {width: 250px;}
			#cart-items  .thumb {float: left; width: 110px;}
			#cart-items .info {float: left; width: 210px; margin: 0 0 0 40px; text-align: left;}
			#cart-items .sum-info {float: left; width: 210px; margin: 0 0 0 0; text-align: left;}
				#cart-items .sum-info-min {float: left; width: 160px; margin: 0 0 0 0; text-align: left;}
			#cart-items .shipped {float: left; width: 110px; margin: 0 0 0 0; text-align: left;}			
			#cart-items .shippedmethod {float: left; width: 200px; margin: 0 0 0 0; text-align: left;}
			#cart-items .shippedmethod-address {float: left; width: 200px; margin: 0 0 0 0; text-align: left;}
			a.remove-cart {background: url(../images/remove-cart.gif) no-repeat top left; display: block; width: 110px; height: 20px; font-size: 0; border: 0; line-height: 0;}
			a.add-wishlist {background: url(../images/move-wishlist.gif) no-repeat top left; display: block; width: 110px; height: 20px;}
		#cart-items .availability {width: 95px;}
			#cart-items  .out {color: #df080b;}
			#cart-items .in {color: #32950f;}
			#cart-items .ship {font-size: 10px;}
		#cart-items .qty {width: 70px;}
		#cart-items .each {width: 80px;}
		#cart-items .total {width: 75px;}
	#cart-items th {background: #ECECEC none repeat scroll 0 0;}
			#cart-items input {width: 35px; font-size: 11px; text-align: center;}
	
	
	#cart-items-xp {width: 985px;}
	#cart-items-xp th, #cart-items-xp td {padding: 5px;}
	#cart-items-xp .border {border-bottom:1px dotted #C0C0C0; height: 20px; overflow: hidden;}
		#cart-items-xp td {text-align: center; vertical-align: top;}
		#cart-items-xp .product {width: 390px;}
		#cart-items-xp .product-ext {width: 630px;}
			#cart-items-xp  .thumb {float: left; width: 110px;}
			#cart-items-xp .info {float: left; width: 210px; margin: 0 0 0 40px; text-align: left;}
			#cart-items-xp .sum-info {float: left; width: 210px; margin: 0 0 0 0; text-align: left;}
				#cart-items-xp .sum-info-min {float: left; width: 160px; margin: 0 0 0 0; text-align: left;}
			#cart-items-xp .shipped {float: left; width: 110px; margin: 0 0 0 40px; text-align: left;}			
			#cart-items-xp .shippedmethod {float: left; width: 200px; margin: 0 0 0 0; text-align: left;}
			#cart-items-xp .shippedmethod-address {float: left; width: 200px; margin: 0 0 0 0; text-align: left;}
			a.remove-cart {background: url(../images/remove-cart.gif) no-repeat top left; display: block; width: 110px; height: 20px; font-size: 0; border: 0; line-height: 0;}
			a.add-wishlist {background: url(../images/move-wishlist.gif) no-repeat top left; display: block; width: 110px; height: 20px;}
		#cart-items-xp .availability {width: 95px;}
			#cart-items-xp  .out {color: #df080b;}
			#cart-items-xp .in {color: #32950f;}
			#cart-items-xp .ship {font-size: 10px;}
		#cart-items-xp .qty {width: 70px;}
		#cart-items-xp .each {width: 80px;}
		#cart-items-xp .total {width: 75px;}
	#cart-items-xp th {background: #ECECEC none repeat scroll 0 0;}
			#cart-items-xp input {width: 35px; font-size: 11px; text-align: center;}
	
	#balance {border-bottom:1px dotted #C0C0C0; border-top:1px dotted #C0C0C0; background: #f0f0f0; overflow: hidden; margin: 0 0 10px 0; padding: 10px 0;}	
		#balance #promo {float: left; width: 473px;}
			#promo-ext {float: left; width: 700px;}
			#promo label, #promo input {float: left; padding: 0; margin: 0 10px 0 0;}
			#promo #apply {width: 80px; height: 30px; background: url(../images/btn-apply.jpg) no-repeat top left; border: 0; display: block; margin: 0 0 0 20px;}
			#apply {width: 80px; height: 30px; background: url(../images/btn-apply.jpg) no-repeat top left; border: 0; display: block; margin: 0 0 0 20px;}
			#apply-ext {width: 80px; height: 30px; background: url(../images/btn-apply.jpg) no-repeat top left; border: 0; display: block; margin: 0 345px 0 0; float: right;}
		#balance #total {float: right; width: 260px; text-align: right;}
			#balance #total table {margin: 0 30px 15px 0; float: right;}
				#balance #total .label {width: 140px;}
				#balance #total .data {width: 65px;}
	#cservice {background: url(../images/divider.jpg) repeat-y top left; overflow: hidden; margin: 0 0 10px 0; padding: 10px 0;}
		#cservice #catalog {float: left; width: 355px;}
		#cservice #salesman {float: left; width: 355px;}
	#user {overflow: hidden; margin: 0 0 10px 0; padding: 10px 0; clear: both; border-top: 1px #c0c0c0 solid; border-bottom: 1px #c0c0c0 solid; width: 734px;}
		#user .colbox {float: left; width: 300px;}
		#user h3 {color: #ed1b24; font-size: 20px;}
		
	#balance #buttons {text-align: right; width: 100%;}
		#balance #buttons a.continue-ck {background: url(../images/btn-checkout.jpg) no-repeat top left; width: 187px; height: 30px; display: block; text-indent: -9999px;margin: 10px; float: right; font-size: 0; line-height: 0;}
		#balance #buttons a.quick-ck {background: url(../images/btn-usequick.jpg) no-repeat top left; width: 174px; height: 30px; display: block; text-indent: -9999px;margin: 10px; font-size: 0; line-height: 0; text-align: center; float: right;}

	#balance #log-opt {background: url(../images/log-opt.jpg) no-repeat top left; text-align: right; width: 100%; position: relative; height: 170px;}
	#balance #login_cnt {float: right; width: 260px; margin: 0 10px 0 0; text-align: left; }
	#balance #login_cnt h3 {color: #8d8d8d; margin: 5px 0 5px; font-size: 16px;}	
	#balance #login_cnt p {clear: both;}
		#balance #log-opt a.continue-ck {background: url(../images/btn-checkout.jpg) no-repeat top left; width: 187px; height: 30px; display: block; text-indent: -9999px;margin: 0; float: right; font-size: 0; line-height: 0; position: absolute; right: 315px; bottom: 15px;}
		#balance #log-opt a.quick-ck {background: url(../images/btn-usequick.jpg) no-repeat top left; width: 174px; height: 30px; display: block; text-indent: -9999px;margin: 10px; font-size: 0; line-height: 0; text-align: center; float: right;}		
		#balance #log-opt #loginbox {float: right; width: 255px; height: 135px; background: #dddddd; padding: 15px 0 0 10px;}
		#balance #log-opt #loginbox .login {float: right; background: url(../images/btn-logreg.jpg) no-repeat top left; font-size: 0; border: 0; width: 164px; height: 30px; margin: 5px 40px 1px; line-height: 0px; text-indent: -9999px;}
		#balance #log-opt #loginbox label {float: left; width: 75px; margin: 5px 2px;}
		#balance #log-opt #loginbox input {float: left; width: 125px;  margin: 5px 2px;}		
		
		#user #continue {float: left; width: 355px;}
		#user #continue a.continue {background: url(../images/btn-continuecheckout.jpg) no-repeat top left; width: 162px; height: 31px; display: block; text-indent: -9999px;margin: 10px; }
		
		#loginbox {float: right; width: 255px; height: 135px; background: #dddddd; padding: 15px 0 0;}
		#loginbox .login {float: right; background: url(../images/btn-logreg.jpg) no-repeat top left; font-size: 0; border: 0; width: 164px; height: 30px; margin: 0 40px 0;}
		#loginbox label {float: left; width: 75px; margin: 5px 2px;}
		#loginbox input {float: left; width: 125px;  margin: 5px 2px;}
		
		#user #returning {float: left;}
			#user #returning input, #user #returning label {float: left; margin: 5px 0;}
			#user #returning label {width: 100px;}
			#user #returning #signin {background: url(../images/btn-signin.jpg) no-repeat top left; width: 162px; height: 31px; display: block; border: 0; float: left;}
	#sidebar #giftcard {margin: 0 0 0 0; width: 245px;}
	#sidebar .alert {border: 1px dotted #c0c0c0; margin: 10px 0 0 0; overflow: hidden; color: #ed1c24; width: 225px;}
	#sidebar .ck-buttons {margin: 5px 10px; width: 195px;}
		a.checkout {background: url(../images/btn-checkout.jpg) no-repeat top left; width: 195px; height: 52px; display: block; text-indent: -9999px;}
		a.quickcheckout {background: url(../images/btn-quickcheckout.jpg) no-repeat top left; width: 195px; height: 52px; display: block; text-indent: -9999px;}
		
	ul#cart-status {width: 725px; height: 25px; list-style: none; margin: 10px 0 30px 10px; padding: 0;}
		ul#cart-status li a{height: 25px; background: url(../images/order-status.jpg) no-repeat top left; display: block; text-indent: -9999px; }
			ul#cart-status li {float: left;}
		ul#cart-status li a.shoppingcart {width: 136px; background-position: 0px -0px;}
			ul#cart-status li a.shoppingcart-active {width: 136px; background-position: 0px -50px;}
			ul#cart-status li a.shoppingcart-cmp {width: 136px; background-position: 0px -25px;}			
		ul#cart-status li a.address {width: 103px;  background-position: -136px 0px;}
			ul#cart-status li a.address-active {width: 103px;  background-position: -136px -50px;}
			ul#cart-status li a.address-cmp {width: 103px;  background-position: -136px -25px;}			
		ul#cart-status li a.shipping {width: 208px;  background-position: -239px 0;}
			ul#cart-status li a.shipping-active {width: 208px;  background-position: -239px -50px;}
			ul#cart-status li a.shipping-cmp {width: 208px;  background-position: -239px -25px;}			
		ul#cart-status li a.summary {width: 149px;  background-position: -447px 0px;}
			ul#cart-status li a.summary-active {width: 149px;  background-position: -447px -50px;}
			ul#cart-status li a.summary-cmp {width: 149px;  background-position: -447px -25px;}
		ul#cart-status li a.confirm {width: 126px;  background-position: -596px 0px;}
			ul#cart-status li a.confirm-active {width: 126px;  background-position: -596px -50px;}
			ul#cart-status li a.confirm-cmp {width: 126px;  background-position: -596px -25px;}				
			
		#billing-address {width: 370px; float: left;}
		#shipping-address {width: 355px; float: left;}
		
		#address form {}
		#address fieldset {border: 0; background: url(../images/divider.jpg) repeat-y top left; overflow: hidden; margin: 0 0 10px 0; padding: 10px 0;}
		#address fieldset2 {border: 0; repeat-y top left; overflow: hidden; margin: 0 0 10px 0; padding: 10px 0;}

		#address p {margin: 0;}	
		#address label {float: left; width: 85%; margin: 5px 0; background: #fff;}
		#address .min {width: 265px;}
		#address .input {float: left; width: 85%; border: 1px #e3e3eb solid; margin: 5px 0;}
		#address .textarea {float: left; width: 85%; height: 200px; border: 1px #e3e3eb solid; margin: 0 0 10px 0;}
		#address .checkbox {width: 10px; border: 0;}	
	
		#cart-nav {width: 270px; margin: 15px auto; overflow: hidden; text-align: center;}
		#back {background: url(../images/btn-back.jpg) no-repeat top left; display: block; width: 83px; height: 30px; text-indent: -9999px; float: left; margin: 5px;}
		#next {background: url(../images/btn-next.jpg) no-repeat top left; display: block; width: 93px; height: 31px; text-indent: -9999px; float: left; margin: 5px;}
		#placeorder {background: url(../images/btn-placeorder.jpg) no-repeat top left; display: block; width: 150px; height: 30px; text-indent: -9999px; float: left; margin: 5px;}
		
		
		btn-placeorder
		#shipping-details {background: url(../images/divider.jpg) repeat-y top left; overflow: hidden; margin: 0 0 10px 0; padding: 10px 0;}
			#shipping-details #ship-address {width: 370px; float: left;}
			#shipping-details #ship-method {width: 355px; float: left;}
			
		#billing-detail{overflow: hidden; background: url(../images/3divider.gif) repeat-y top left;}
			#billing-detail #billing-address{float: left; width: 244px;}
			#billing-detail #billing-method{float: left; width: 244px;}
			#billing-detail #customer-ref{float: left; width: 244px;}
			
			.card-number {float: left; width: 155px;}
			.card-cvv {float: left; width: 35px; margin: 0 0 0 10px;}
			.card-year, .card-month {float: left; width: 80px; margin:0 10px 0 0;}

		#faq {text-align: right;}

/* = 6-5-1-1 Styling
--------------------------------------------------------------------------------------------------------------------------------------*/		
		#ord-dtl p {margin: 3px 10px;}
			
		#shipping-detail{overflow: hidden; background: url(../images/3divider.gif) repeat-y top left;}
		#shipping-detail-nb{overflow: hidden;}
			#shipping-detail #shipping-address{float: left; width: 244px;}
			#shipping-detail #shipping-method{float: left; width: 244px;}
			#shipping-detail #shipping-status{float: left; width: 244px;}			
			
		#order-summary-total {background: url(../images/divider.jpg) repeat-y top left; overflow: hidden; margin: 0 0 10px 0; padding: 10px 0;}
			#order-summary-total #ship-add {width: 370px; float: left;}
			#order-summary-total #ship-instructions {width: 355px; float: left;}
			
		#order-final {border-bottom: 1px #c2c2c2 solid; padding: 5px 0; margin: 5px 0;}
		#print {background: url(../images/btn-print.jpg) no-repeat top left; width: 93px; height: 31px; display: block; text-indent: -9999px;}
		.print {background: url(../images/btn-print.jpg) no-repeat top left; width: 84px; height: 30px; display: block; text-indent: -9999px; float: right; margin-left: 10px;}
		.return {background: url(../images/btn-return.jpg) no-repeat top left; width: 93px; height: 31px; display: block; text-indent: -9999px; float: right; margin-left: 10px;}
		#rtrnform fieldset {border: 0; margin: 0; padding: 0;}
		#return-info {float: left; width: 720px; margin: 0 0 15px 10px;}
			#return-info .primary {float: left; width: 320px;}
			#return-info .comments {float: left; width: 400px;}
				.comments .textarea {border:1px solid #E3E3EB; float:left; height:200px; margin:0 0 10px; width:360px;}
		
		#return-table {width: 450px;}
		#return-table th {background: #ECECEC none repeat scroll 0 0; padding: 5px;}
		#return-table td {vertical-align: top;}
				#return-table .product {width: 187px;}
				#return-table .address {width: 203px;}
				#return-table .method {width: 215px;}
				#return-table .availability {width: 96px;}
				#return-table .qty {width: 79px;}
				#return-table .each {width: 77px;}
				#return-table .total {width: 91px;}
		#return-table .border {border-bottom:1px dotted #C0C0C0;height:20px;}
		.ord-cancel {background: url(../images/btn-ordercancel.jpg) no-repeat top left; display: block; width: 83px; height: 30px; border: 0; text-indent: -9999px; float: left; margin: 0 5px;}
		.ord-submit {background: url(../images/btn-submit.jpg) no-repeat top left; display: block; width: 83px; height: 30px; border: 0; text-indent: -9999px; float: left; margin: 0 5px;}
	#prd-list
	#prd-list h4 {font-size: 12px; margin: 0; font-weight: bold; text-decoration: underline;}
	#prd-list h5 {font-size: 12px; margin: 0;}
	#prd-list h6 {font-size: 14px; color: #df080b; margin: 0;}	
	
	#rtrnform #col1 {float: left; width: 300px; margin: 0 0 0 10px;}
	#rtrnform #col2 {float: left; width: 340px; margin: 0 0 0 55px;}
	#rtrnform form {}
	#rtrnform fieldset {border: 0; padding: 0; margin: 0;}
	#rtrnform p {margin: 0;}	
	#rtrnform label {float: left; width: 100%; margin: 5px 0; background: #fff;}
	#rtrnform .input {float: left; width: 98%; border: 1px #e3e3eb solid; margin: 5px 0;}
	#rtrnform .textarea {float: left; width: 98%; height: 200px; border: 1px #e3e3eb solid; margin: 0 0 10px 0;}
	#rtrnform .checkbox {width: 10px; border: 0;}	