/**************************************************************************************************************** 
	ECOMMERCE 
****************************************************************************************************************/

/* SHOPPING CART ----------------------------------------------------------------------------------------------*/ 

div.checkoutCol1 { width:68%; float:left; }
div.checkoutCol2 { width:30%; float:right; }

div.checkout	 { border-radius:4px; margin-bottom:20px; background:#f8f8f8; border:1px solid #e6e6e6;  }

div.checkout 	 { }
div.checkoutPad  { padding:20px; }


/* TABLE CART -----------------------------------------------------------------------------------------------*/

.tblCart 	 { width:100%; }
.tblCart th,
.tblCart td  { padding:10px 15px; } 

.tblCart th  { background:#eaeaea; font-weight:bold; }
.tblCart td  { border-bottom:1px solid #e5e5e5; }

.tblCart tr.odd   { background:; }
.tblCart tr.even  { background:#f0f0f0; }

.tblCart tr.odd:hover,
.tblCart tr.even:hover 		{ background:#FFF; }

.tblCart tr:last-child td 	{ border-bottom:0; }


/* TABLE ORDER --------------------------------------------------------------------------------------------*/

.tblOrder 		{ width:100%; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-bottom:20px; }
.tblOrder th,
.tblOrder td  	{ padding:10px 10px; }

.tblOrder td.first { padding-left:0; }
.tblOrder td.last  { padding-right:0; text-align:right; }

span.toText,
span.toPrice 	{ font-size:20px; }
span.toText   	{ float:left; }
span.toPrice  	{ float:right; color:#c01020; }
div.totalOrder 	{ overflow:hidden; margin-bottom:20px; }

div.paymentOptions 		{ clear:both; margin:30px 0 0 0; overflow:hidden; text-align:center; }
div.paymentOptions h4   { margin-bottom:20px; border-bottom:1px solid #e5e5e5; padding-bottom:10px; text-align:left; }
div.paymentOptions img  { display:inline; margin-right:2px; }


/* RECOMMENDED FOR YOU -------------------------------------------------------------------------------------*/

div.recomendedForYou 		{ }

span.recommendedContent 	{ float:right; display:inline-block; width:62%;  }
span.recommendedContent h3	{ font-size:20px !important; }
span.recommendedPrice		{ font-size:25px; line-height:30px; position:relative; padding-top:15px; display:block; margin-bottom:15px; }
span.recommendedPrice span 	{ font-size:12px; line-height:12px; text-transform:uppercase; position:absolute; left:0; top:0; }

ul.crProducts 	 						{ }
ul.crProducts li 						{ position:relative; padding-left:120px; min-height:100px; }
ul.crProducts li img 					{ position:absolute; left:0; float:left; border:1px solid #e1e1e1; }
ul.crProducts li a.productName 			{ margin-bottom:5px; font-weight:bold; display:block; }
ul.crProducts li span.productPrice  	{ margin-bottom:10px; font-size:12px; display:block; clear:both; position:relative; padding-top:10px; font-weight:bold; }
ul.crProducts li span.productPrice span { float:left; font-size:10px; text-transform:uppercase; position:absolute; top:-4px; color:#888; font-weight:normal; }

ul.crProductsHorizontal					{ border-top:1px solid #e5e5e5; padding-top:25px; }
ul.crProductsHorizontal li 				{ margin-right:15px; float:left; width:26%; }
ul.crProductsHorizontal li.last		 	{ margin-right:0px; }


/* LOGIN PAGE -------------------------------------------------------------------------------------------------*/ 

div.login 	  		{ background:#f0f0f0; border:1px solid #e6e6e6; border-radius:4px; margin-bottom:20px; }
div.loginPad  		{ padding:35px 40px; }

div.loginCol1 label 	{ width:120px; display:inline-block; *display:inline; zoom:1; }
div.loginCol1 .inputBox { width:242px; } /* adjust inputBox width */

div.loginCol1 {  }
div.loginCol2 { background:#f8f8f8; border-radius:0 4px 4px 0; border-left:1px solid #e6e6e6; margin-left:-2px; }

div.loginCol1,
div.loginCol2 { height:250px; }

a.forgotPassword, a.backToLogin { cursor:pointer; float:right; margin-top:6px; }


/* CHECKOUT PAGE ---------------------------------------------------------------------------------------------*/ 

div.cCustomerDetails 		{}
div.cPaymentDetails  		{ background:#f0f0f0; border-left:1px solid #e5e5e5; margin-left:-1px; }

div.cPaymentDetails span.uiIcon16-secure 	{ position:relative; top:-1px; left:8px; margin-right:-16px; *top:-7px; }
div.cPaymentDetails .inputBoxCardNumber 	{ padding-left:30px; }

div.paymentShipping 	  				{ margin-left:0px; }
div.paymentShipping label 				{ padding-left:10px; display:block; position:relative; }
div.paymentShipping label input.radio 	{ position:absolute; left:7px; top:4px; }
div.paymentShipping label span 			{ float:left; display:block; }
div.paymentShipping p.inputHolder 		{ margin-bottom:20px; }

a.cvv 						{ position:relative; display:inline-block; width:16px; height:16px; cursor:help; }
a.cvv > span.cvv			{ display:block; position:absolute; bottom:50px; left:-150px; opacity:0; filter:alpha(opacity=0); }
a.cvv span 	img 			{ float:left; border-radius:8px; height:0px; width:0px; }

a.cvv:hover img 			{ width:auto; height:auto; border-radius:10px; padding:10px; background:#e5e5e5;  }
a.cvv:hover span.cvv  		{  opacity:1; filter:alpha(opacity=100); bottom:30px; border:1px solid #ddd; border-radius:10px; }

div.btnGroupCreditCards 	{ float:left; margin:0px 40px 20px 0; }
div.creditCardsWrap 		{ display:inline-block; *display:inline; zoom:1; }
div.creditCardsWrap label 	{ cursor:pointer; margin-right:10px; width:65px; display:block; float:left; }

div.creditCardsWrap label,
div.creditCardsWrap img,
div.creditCardsWrap .radio 	{ vertical-align:middle !important; }

div.creditCardsWrap label img		{  border:1px solid transparent; left:15px; position:relative;  }
div.creditCardsWrap label:hover img { box-shadow:2px 2px 2px #ccc; border:1px solisd #FFF; border-radius:2px; }

div.creditCardsWrap .radio 	{ margin-right:3px; }
div.creditCardsWrap label 	{ display:inline-block; margin-right:12px; margin-bottom:15px; }

p.paymentTerms	{ margin-top:25px; font-size:11px; color:#666; }

div.creditCardsWrap .radio { top:22px; margin-left:0; position:relative;  }


/* ORDER HISTORY ----------------------------------------------------------------------------------------*/ 

div.orderHistory	 { margin-bottom:20px; }

div.orderHistoryInfo { text-align:center; clear:both; font-size:18px; margin-bottom:30px; border:1px solid #e1e1e1; background:#f9f9f9; padding:15px; }

div.orderHistoryCol1 { width:60%; float:left; }
div.orderHistoryCol2 { width:37%; float:right; }

img.oHistory 		 { max-width:150px; border:1px solid #e5e5e5; }


/* MY ACCOUNT HISTORY ----------------------------------------------------------------------------------------*/ 

div.account 	{ background:#f0f0f0; border:1px solid #e6e6e6; border-radius:4px; margin-bottom:20px; }
div.accountCol1 { padding-right:10px; }
div.accountCol2 { padding-left:10px; }


/* FORMS and BUTTONS ----------------------------------------------------------------------------------------*/ 

.inputBoxCartQty 			{ width:30px; text-align:center; }


/* HEADINGS -------------------------------------------------------------------------------------------------*/ 

div.checkout h3,
div.login h3		{ font-size:15px; border-bottom:1px solid #e5e5e5; padding-bottom:20px; }
.tbl th > h3		{ font-size:15px; margin:0; padding:0; border:0; float:left; }

div.checkoutCol1 h3,
div.checkoutCol2 h3 { padding:0; border:none; }

.woocommerce table.shop_table, .woocommerce-page table.shop_table {
    background-color: #ffffff;
}

#customer_details {
    border-radius:4px;
    background-color: #ffffff;  
}

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    padding:5px;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    padding:5px;
}

#order_review {
    padding-top:25px;
}

.woocommerce ul#shipping_method li, .woocommerce-page ul#shipping_method li {
    padding: 0px;
    text-indent: 0px;
    text-indent: 0px !important;
}


.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float:left !important;
    text-align: left !important;
    width:60% !important;  
}

.woocommerce .checkout #shiptobilling, .woocommerce-page .checkout #shiptobilling {
    padding-top:10px !important;
}

.myaccount_user  {
    background-color:#ffffff;
    padding:10px;
    text-align: center;
    border-radius:10px;
}

.mini_price {
    margin-top:12px;
    float:left;
}
