/*
Title:      CSS for SMARTDIRECT.CN
Author:     Clas Wineus, www.claswineus.com
*/

@charset "utf-8";

/*-----------------------------------------------------------------------
		Checkout Shopping Cart List
-----------------------------------------------------------------------*/

#checkout_cart_list {
	border-collapse:collapse;
	margin:10px 0 10px 0;
}

#checkout_cart_list .red {
	font-weight:bold;
}

#checkout_cart_list th, #checkout_cart_list td {
	border:1px solid #b2c8db;
	padding:4px 6px 4px 6px;
}

#checkout_cart_list th {
	font-weight:bold;
	font-size:13px;
	color:#155081;
	background:#d6ddff url("../images/bg_lblue_fade.gif") repeat-x left top;
}

#checkout_cart_list td .decrease, #checkout_cart_list td .increase {
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:8px;
	color:#999999;
	background-color:#ffffff;
	border:1px solid #b0b0b0;
	margin-top:2px;
}

#checkout_cart_list td .decrease {
	float:left;
	padding:0 3px 3px 3px;
}

#checkout_cart_list td .increase {
	float:right;
	padding:0 1px 3px 1px;
	margin-left:12px;
}

#checkout_cart_list td .decrease:hover , #checkout_cart_list td .increase:hover {
	color:#0160ae;
	border:1px solid #666666;
	background-color:#ededed;
	text-decoration:none;
}

#checkout_cart_list .col1 {width:70px; text-align:right;}
#checkout_cart_list th.col1 {text-align:center;}
#checkout_cart_list .col2 {width:600px; text-align:left;}
#checkout_cart_list .col3 {width:100px; text-align:center;}
#checkout_cart_list .col4 {width:50px; text-align:center;}
#checkout_cart_list .col5 {width:100px; text-align:right;}

/*-----------------------------------------------------------------------
		Checkout Progress Display
-----------------------------------------------------------------------*/

#checkout_progress {
	margin:0 0 15px 0;
}

#checkout_progress .col1 {width:230px;}
#checkout_progress .col2 {width:215px;}
#checkout_progress .col3 {width:300px;}
#checkout_progress .col4 {width:235px;}

#checkout_progress h1 {
	display:block;
	color:#014b94;
	padding:7px 0 2px 0px;
	font-size:22px;
	font-weight:bold;
	color:#c3cace;
}

#checkout_progress .current h1 {
	display:block;
	color:#fead13;
	background:#ffffff url("../images/shopping_cart_small.gif") no-repeat 160px bottom;
}

#checkout_progress .col3 .current h1 {
	background:#ffffff url("../images/shopping_cart_small.gif") no-repeat 230px bottom;
}

#checkout_progress .past h1 {
	color:#014b94;
}

#checkout_progress span {
	display:block;
	background-color:#d2d8dc;
	height:4px;
	margin:4px 0 0 0;
}

#checkout_progress .current span {
	background:#d2d8dc url("../images/checkout_progress.gif") no-repeat -202px 0;
}

#checkout_progress .col3 .current span {
	background:#d2d8dc url("../images/checkout_progress.gif") no-repeat -132px 0;
}

#checkout_progress .past span {
	background:#d2d8dc url("../images/checkout_progress.gif") no-repeat 0 0;
}

/*-----------------------------------------------------------------------
		Checkout Address list
-----------------------------------------------------------------------*/

#checkout_address {
	border-bottom:1px solid #d2d8dc;
	margin-bottom:10px;
}
	
#checkout_address h2 {
	margin-bottom:6px;
}

#checkout_address ul {
	list-style:none;
	margin:10px 0 0 0;
}

#checkout_address ul li {
	display:block;
	border-top:1px solid #d2d8dc;
	padding:6px 0 10px 0;
	line-height:17px;
}

#checkout_address ul li span {
	float:left;
	display:block;
	width:120px;
	font-weight:bold;
	color:#666666;
}

#checkout_address .shipto {
	display:block;
	margin:0 0 6px 0;
}

#checkout_address .shipto input {
	margin:5px 4px 0 0;
}

ul#checkout_new_address {
	display:block;
	border-top:1px solid #d2d8dc;
}

ul#checkout_new_address li {
	width:424px;
	border-top:0px none #ffffff;
}

ul#checkout_new_address li label {
	float:left;
	display:block;
	width:120px;
	font-weight:bold;
	color:#666666;
}

#checkout_new_address li .textfield {
	width:300px;
	border:1px solid #cccccc;
	padding:2px 0 0 2px;
	height:19px;
	font-size:13px;
	margin-bottom:6px;
}

/*-----------------------------------------------------------------------
		Checkout Payment & Delivery
-----------------------------------------------------------------------*/

#checkout_payment {
	border-bottom:1px solid #d2d8dc;
	margin-bottom:10px;
	padding-bottom:20px;
}

#checkout_payment h2 {
	margin-bottom:10px;
}

#checkout_payment input {
	margin:0px 2px 0 0;
}

#checkout_payment .hr {
	margin:10px 0 10px 0;
}

#checkout_payment textarea {
	width:598px;
	height:80px;
	padding:4px;
}

/* Calender styles */
#checkout_calendar {
	font-size: 11px;
	margin: 2px;
	padding: 2px;
	border:1px solid #005fad;
}

#checkout_calendar .title {
	font-weight:bold;
	text-transform:uppercase;
	padding:5px 0 5px 0;
	font-size:12px;
	color:#fff;
	background-color:#005fad;
	border-right:2px solid #fff;
}

#checkout_calendar table th {
	border:1px solid #fff;
	background-color:#EEEEEE;
}

#checkout_calendar table th span {
	display:block;
	padding:3px 10px 3px 10px;
}

#checkout_calendar table td {
	border:1px solid #fff;
	background-color:#f4ad3b;
	width:30px;
	height:24px;
	margin:0;
	padding:0;
}

#checkout_calendar table td a {
	float:left;
	display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

#checkout_calendar table td a:hover {
	background:#ff5400 url("../images/calendar_cart.gif") no-repeat top left;
}

#checkout_calendar table .date td {
	border:1px solid #fff;
	background-color:#EEEEEE;
	text-align:center;
	color:#888;
	height:20px;
}

#checkout_calendar table .time {
	background-color:#fff;
	border-right:1px solid #fff;
}

#checkout_calendar table .time span {
	float:left;
	display:block;
	background-color:#E6E6E6;
	padding:4px 0 4px 4px;
	width:70px;
}

#checkout_calendar table .today, #checkout_calendar table .date .today {
	background-color: #ffcf2a;
}

#checkout_calendar table .passed {
	background-color: #ccc;
	border:1px solid #fff;
}

.delivery_txt {
	display:block;
	font-size:13px;
	color:#555;
	font-weight:bold;
	padding-top:10px;
}

.delivery_txt .time {
	color:#d64600;
}

.delivery_info {
	list-style:outside;
	margin:0 0 0 20px;
	width:270px;
}

.delivery_info li {
	margin:4px 0 10px 12px;
}

.delivery_txt {
	display:block;
	font-size:13px;
	color:#555;
	font-weight:bold;
	padding-top:10px;
}

.delivery_txt .time {
	color:#d64600;
}

/*-----------------------------------------------------------------------
		Checkout Confirm
-----------------------------------------------------------------------*/

#checkout_confirm {
	padding-bottom:10px;
}

#checkout_confirm h2 {
	margin-bottom:10px;
}

#checkout_confirm h3 {
	margin-top:0;
}

#checkout_confirm h3 a {
	font-size:12px;
}

#checkout_confirm .hr {
	margin:10px 0 10px 0;
}

#checkout_confirm ul {
	list-style:none;
	margin:0;
	padding:0;
}

#checkout_confirm ul li {
	display:block;
	padding:2px 0 2px 0;
	line-height:17px;
}

#checkout_confirm ul li span {
	float:left;
	display:block;
	width:120px;
	font-weight:bold;
	color:#666666;
}

#checkout_confirm #checkout_cart_list {
	border:1px solid #cccccc;
}

#checkout_confirm #checkout_cart_list th, #checkout_confirm #checkout_cart_list td {
	border:1px solid #cccccc;
	padding:2px 4px 2px 4px;
}

#checkout_confirm #checkout_cart_list th {
	font-weight:bold;
	font-size:12px;
	color:#155081;
	background:#e6e6e6;
}

#checkout_confirm #checkout_cart_list td.none {
	border:0px none;
}

#checkout_confirm #checkout_cart_list .col1 {width:70px; text-align:center;}
#checkout_confirm #checkout_cart_list .col2 {width:670px; text-align:left;}
#checkout_confirm #checkout_cart_list .col3 {width:100px; text-align:center;}
#checkout_confirm #checkout_cart_list .col5 {width:100px; text-align:right;}
