@import url("common/formcss.css");




/* CHECK OUT PROCESS CSS

======================================*/

.process-steps {

	background:url(../images/bdr-img.gif) repeat-x 0 54px;

	margin-bottom:15px;

	margin-top:10px;

	}

.process-steps td {

	width:60px;

	text-align:center;

	padding-bottom:10px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:100%;

	font-weight:bold;

	}

.process-img .normal, .process-img .active {

	text-align:center;

	vertical-align:middle;

	width:auto;

	}

.process-name .active	{ color:#8A776B; }

.process-name td 		{ padding-top:10px; color:#; }



/* BUTTON BAR CSS

======================================*/

.btnbar { 


	padding:10px 0; 

	text-align:right; 
	
	margin-bottom:15px;

	}

.btnbar .btnbox { top:0px; left:0px; }





/* ADDRESS CASE CSS

======================================*/

.address-list 					{ border-bottom:1px solid #EDEDED; margin-bottom:0px; }

.formbox .address-txt .radiobtn	{ position:absolute; left:6px; top:7px; }

.formbox .address-txt .modifybtn{ position:absolute; right:0px; top:10px; }

.address-modify{

	background-color:#F4F4F4;

	border-top:1px solid #cccccc;

	margin-bottom:10px;

	background:url(../images/bg4.gif) repeat-x left top #f4f4f4;

	}

.formbox .address-txt {

	position:relative;

	padding:10px 0 10px 32px;

	}



/* ADD NEW ADDRESS CASE CSS

======================================*/

.add-address-frm .btnbar, 

.address-modify .btnbar, 

.payment-frm .btnbar {

	text-align:left;

	padding-left:158px;

	background-color:#EAEAEA;

	border-bottom:1px solid #D3D3D3;

	min-height:1px;

	}

/* STEP - 5 DELIVERY OPTIONS CSS

======================================*/

.delivery-options 		{ background:url(../images/deliveryopt-bg.gif) repeat-y left 0; }

.delivery-options-field { position:absolute; left:10px; top:13px;  padding-top:6px; }

.delivery-options-field label {

	font-family:Arial, Helvetica, sans-serif;

	font-size:145%;

	color:#ffffff;

	font-weight:bold;
	
	

	}

/* STEP - 5 LOYALTY CARD CSS

======================================*/

.loyalty-card {

	background:url(../images/bg3.gif) repeat-x left top #151879;

	position:relative;

	height:55px;

	}

.loyalty-card img {

	position:absolute;

	left:0px;

	top:0px;

	}

.discount-input {

	position:absolute;

	left:200px;

	top:12px;

	width:325px;

	}

.discount-input label{

	color:#FFFFFF;

	display:block;

	width:85px;

	position:absolute;

	}

.discount-input .textboxborder {

	height:17px;

	border:none;

	position:absolute;

	left:85px;

	padding:5px;

	font-size:130%;

	}

.discount-input .btn {

	position:absolute;

	right:0px;

	}

.loyalty-card .total-pay1 {

	border:none;

	padding-top:15px;

	}

.loyalty-card .total-pay1 strong {

	color:#ffffff;

	}

.loyalty-card .total-pay1 em {

	color:#9F92FF;

	}



/* PAYMENT FORM CSS

======================================*/

.pay-options {

	border-top:1px solid #EDEDED;

	border-bottom:1px solid #D3D3D3;

	min-height:40px;

	padding:10px 0;

	margin-top:10px;

	font-weight:bold;

	color:#000000;

	font-size:100%;

	}

/*.pay-options img {

	position:absolute;

	right:0px;

	top:15px;

	}
*/
.payment-frm {

	background-color:#fffffff;

	}
.pay_buttons {
	min-height:1px;
	}
.pay_buttons input {
	border:none;
	}

/* STEP-6 CSS

======================================*/
#checkout-process-step6 .product .attributes {
	margin-left:0px;
	}
/* CART CSS

##################################*/
.cart table {
	}

.cart td {
	padding:8px 10px;
	border-bottom:1px solid #000000;
	border-top:1px solid #181818;
	border-left:1px solid #181818;
	}

.cart .link { font-weight:bold; }

.cart caption {

	background-color:#000000;

	padding:8px 10px;

	text-transform:uppercase;

	font-family:"Trebuchet MS";

	font-weight:bold;

	font-size:120%;

	color:#FFFFFF;

	text-align:left;

	}



/* CART HEADER CSS

==================================*/

.cart thead th{

	background:#000000;

	padding:8px 10px;

	color:#cc670e;
	font-size:13px;

	}

/* CART PRODUCTS CSS 

==================================*/

.cart .product .image 			{ width:60px; height:60px; float:left; }

.cart .product .image .imgborder{ display:block; height:56px; }



/* CART PRODUCT ATTRIBUTES CSS 

==================================*/

.cart .attributes 			{ margin:0 0 0 0px; padding-bottom:10px; }

.cart .attributes dt 		{ margin:0 0 5px 0; font-size:100%; }

.cart .attributes dd 		{ margin:0 0 5px 0; font-size:100%; }

.cart .attributes dt a 		{ color:#d36a0e; font-weight:bold; }

.cart .attributes dt a:hover{ color:#ffffff; }

.cart .hor_line 			{ height:10px; margin-bottom:10px; }



/* CART QYANTITY CSS 

==================================*/

.cart .qty .textboxborder	{ width:50px; }

.cart .qty label 			{ font-weight:bold; }

.cart .qty .btn 			{ position:relative; top:-3px; }


.cart .qty .updatebtn {
	background:url(../images/update-btn.gif) no-repeat 0 0;
	width:51px;
	height:18px;
	border:none;
	line-height:0px;
	font-size:0px;
	font-size:0px;
	border:none;
	cursor:pointer;
	overflow:hidden;
	text-indent:-99999999999999999px;
	outline:none;
	}
.cart .qty .removebtn {
	background:url(../images/remove-btn.gif) no-repeat 0 0;
	width:55px;
	height:18px;
	border:none;
	line-height:0px;
	font-size:0px;
	font-size:0px;
	border:none;
	cursor:pointer;
	overflow:hidden;
	text-indent:-99999999999999999px;
	outline:none;
	}

.cart .qty input {
	margin-right:10px;
	font-size:12px;
	padding:1px;
	}
/* CART STATUS CSS 

==================================*/

.cart .status1 {

	text-align:center;

	background-color:#F8F8F8;

	font-weight:bold;

	vertical-align:top;

	}

.cart .status1 .status-y{ margin:auto; margin-top:5px; }



/* CART SUB-TOTAL CSS 

==================================*/

.cart .subtotal {

	text-align:center;

	vertical-align:middle;

	font-weight:bold;


	border-left:1px solid #181818;
	
	border-right:1px solid #181818;

	}

.cart .subtotal strong {

	font-size:140%;

	font-family:Arial, Helvetica, sans-serif;

	color:#d36a0e;

	display:block;

	}

/* CART DELETE OPTIONS CSS 

==================================*/

.cart .price, 

.cart .date {


	vertical-align:top;

	border-left:1px solid #181818;

	font-weight:bold;

	}

.cart .price {
	vertical-align:middle;
	}

/*==================================

GRAND TOTAL CSS 

==================================*/

.total {

	font-weight:bold;

	font-family:Arial, Helvetica, sans-serif;

	text-align:right;

	font-size:120%;

	padding:10px 10px 10px 0;

	border-bottom:1px solid #181818;

	}

.total strong {

	display:block;

	font-size:120%;

	color:#d36a0e;

	line-height:1.0;

	}

/* VAT CSS

=============================*/

.vat {
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #181818;
	border-top:1px solid #181818;
	padding:8px 10px;
	font-weight:bold;
	text-align:right;
	font-size:120%;
	color:#d36a0e;
	}
.vat1 {
	border-bottom:1px solid #181818;
	border-top:1px solid #181818;
	padding:8px 10px 8px 0;
	font-family:Arial, Helvetica, sans-serif;
	}
.vat1 .vat-details {
	float:right; 
	width:49%; 
	text-align:right; 
	display:inline-block; 
	font-size:13px; 
	font-weight:bold; 
	font-family:Arial, Helvetica, sans-serif;
	}
.vat1 .check-label {
	float:left;
	 width:49%; 
	 display:inline-block; 
	}
.vat1 .check-label label  {
	margin-left:10px;
	}
.vat1 dt {
	float:left;
	width:89%;
	font-weight:bold;
	}
.vat1 dd {
	color:#d36a0e;
	font-weight:bold;
	float:right;
	padding-right:0px;
	font-size:15px;
	}
.vat .total_vat, .grand_total, .total-pay1 .grand_total {
	width:40%;
	float:right;
	}
.vat dt, .grand_total dt, .total-pay1 .grand_total dt {
	float:left;
	width:245px;
	color:#FFFFFF;
	font-weight:bold;
	}
.grand_total dt {
	font-size:14px;
	}
.vat dd, .grand_total dd, .total-pay1 .grand_total dd {
	color:#d36a0e;
	font-weight:bold;
	margin-left:245px;
	}
.grand_total dd {
	font-size:16px;
	}
#checkout-process-step1 .vat {
	padding-left:0px;
	}
#checkout-process-step1 .vat .left {
	text-align:left;
	width:80%;
	}
/* PAYBLE AMOUNT CSS

=============================*/

.total-pay1 {

	font-weight:normal;

	font-family:Arial, Helvetica, sans-serif;

	text-align:right;

	font-size:120%;

	padding:10px 10px 10px 0;

	border-bottom:1px solid #181818;

	}

.total-pay1 strong {

	font-size:120%;

	color:#d36a0e;

	line-height:1.0;

	}

.total-pay1 em {

	font-style:normal;
	
	font-weight:bold;
	margin-right:10px;

	position:relative;

	top:-5px;

	}	
.hor_bar  {
	background:none;
	border-top:1px solid #cc670e;
	border-bottom:1px solid #cc670e;
	border-right:none;	
	padding-right:0px;
	}
.hor_bar input {
	margin-left:10px;
	cursor:pointer;
	}
.continueshopping {
	background:url(../images/continueshoppingbtn1.gif) no-repeat 0 0;
	width:141px;
	height:22px;
	display:inline-block;
	border:none;
	}
.checkout-btn {
	background:url(../images/checkoutbtn2.gif) no-repeat 0 0;
	width:83px;
	height:22px;
	display:inline-block;
	border:none;
	}
.continueshopping:hover, .checkout-btn:hover {
	background-position:0 -22px;
	}