/*
Title:      CSS for SMARTDIRECT.CN
Author:     Clas Wineus, www.claswineus.com
*/

@charset "utf-8";


/*-----------------------------------------------------------------------
		Transparent layer & wrapper
-----------------------------------------------------------------------*/

#transparent {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:transparent url("../images/transparent.png") repeat left top;
	z-index:800;
	text-align: left;
}

.transparent {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:transparent url("../images/transparent.png") repeat left top;
	z-index:800;
	text-align: left;
}

/*-----------------------------------------------------------------------
		Toolbar Popup layers
-----------------------------------------------------------------------*/

.popup {
	position:relative;
	/*width:620px;*/
	margin:70px auto 0 auto;
	z-index:2000;
}

.popup .header {
	display:block;
	padding:0 0 0 10px;
	background:transparent url("../images/bg_popup_header_left.gif") no-repeat left top;
	height:36px;
}

.popup .header .right {
	display:block;
	color:#ffffff;
	font-weight:bold;
	font-size:13px;
	padding:10px 13px 0 0;
	background:transparent url("../images/bg_popup_header_right.gif") no-repeat right top;
	height:26px;
}

.popup .header h1 {
	display:block;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	padding:6px 0 0 3px;
	margin-right:10px;
	background:transparent url("../images/bg_popup_header.gif") repeat-x left top;
	height:30px;
}

.popup .header h1 span {
	margin:0 1px 0 2px;
}

.popup .container {
	float:left;
	padding:10px;
	border:3px solid #fcae16;
	border-top:0px none;
	background-color:#ffffff;
	min-height:120px;
	max-height:450px;
}

.popup_form {
	text-align:left;
}

.popup h2, .popup_form h2 {
	padding-bottom:10px;
}

.popup form, .popup_form form {
	padding-top:10px;
	float:left;
}

.popup label, .popup_form label {
	float:left;
	display:block;
	width:100px;
	font-weight:bold;
	color:#666666;
	font-size:13px;
	padding-top:3px;
}

.popup .textfield, .popup_form .textfield {
	width:300px;
	border:1px solid #cccccc;
	padding:2px 0 0 2px;
	height:19px;
	font-size:13px;
	margin-bottom:10px;
}

.popup .button, .popup_form .button {
	float:right;
}
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
/*-----------------------------------------------------------------------
		Shopping Cart
-----------------------------------------------------------------------*/

#shopping_cart {
	width:634px;
}

#shopping_cart .container {
	width:608px;
}

#shopping_cart iframe {
	margin-bottom:10px;
	width:100%;
	height:440px;
}

#shopping_cart_list {
	border-collapse:collapse;
	margin:1px 10px 0 1px;
}

#shopping_cart_list .red {
	font-weight:bold;
}

#shopping_cart_list th, #shopping_cart_list td {
	border:1px solid #cccccc;
	padding:3px 5px 3px 5px;
}

#shopping_cart_list th {
	font-weight:bold;
	font-size:13px;
}

#shopping_cart_list td .decrease, #shopping_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;
}

#shopping_cart_list td .decrease {
	float:left;
	padding:0 3px 3px 3px;
}

#shopping_cart_list td .increase {
	float:right;
	padding:0 1px 3px 1px;
	margin-left:12px;
}

#shopping_cart_list td .decrease:hover , #shopping_cart_list td .increase:hover {
	color:#0160ae;
	border:1px solid #666666;
	background-color:#ededed;
	text-decoration:none;
}

#shopping_cart_list .col1 {
	text-align:left;
}

#shopping_cart_list .col4 {
	text-align:center;
}

#shopping_cart_list .col2, #shopping_cart_list .col3 {
	text-align:right;
}

#shopping_cart_list .col1 {width:320px;}
#shopping_cart_list .col2 {width:70px;}
#shopping_cart_list .col3 {width:90px;}
#shopping_cart_list .col4 {width:50px;}

/*-----------------------------------------------------------------------
		Sign in
-----------------------------------------------------------------------*/

#sign_in {
	width:420px;
	margin-top:130px;
}

#sign_in .container {
	width:394px;
	height:160px;
}

#sign_in iframe {
	width:100%;
	height:160px;
}

#sign_in_form form {
	width:385px;
}

#sign_in_form label {
	width:80px;
}

/*-----------------------------------------------------------------------
		Join now
-----------------------------------------------------------------------*/

#join_now {
	width:475px;
	margin-top:130px;
}

#join_now .container {
	width:449px;
	height:260px;
}

#join_now iframe {
	width:100%;
	height:260px;
}

#join_now_form form {
	width:520px;
}

#join_now_form label {
	width:135px;
}

/*-----------------------------------------------------------------------
		Contact
-----------------------------------------------------------------------*/

#contact {
	width:510px;
	margin-top:130px;
}

#contact .container {
	width:484px;
	height:130px;
	font-size:13px;
	line-height:20px;
}

#contact .container span {
	float:left;
	display:block;
	width:70px;
	font-weight:bold;
	color:#666666;
}

/*-----------------------------------------------------------------------
		My Products
-----------------------------------------------------------------------*/

#my_products {
	width:980px;
}

#my_products .container {
	width:954px;
	max-height:500px;
}

#my_products iframe {
	margin-bottom:10px;
	width:100%;
	height:450px;
}

ul#my_products_list {
	margin-left:-10px;
	width:940px;
	text-align:left;
}

ul#my_products_list>li {
	width:142px;
	margin:0 0 12px 10px;
}

ul#my_products_list>li select {
	width:60px;
}

ul#my_products_list>li .button {
	float:left;
}

ul#my_products_list>li>.img_link {
	width:140px;
	height:140px;
}

ul#my_products_list>li>.img_link>img {
	padding:4px 0 4px 0;
	max-width:130px;
	max-height:130px;
}

ul#my_products_list>li>a {
	width:140px;
	padding:2px 0 4px 0;
}

/*-----------------------------------------------------------------------
		My Account
-----------------------------------------------------------------------*/

#my_account {
	width:880px;
}

#my_account .container {
	width:854px;
	max-height:500px;
}

#my_account iframe {
	margin-bottom:10px;
	width:100%;
	height:430px;
}

.my_account_lcol ul, .my_account_rcol ul {
	display:block;
	list-style:none;
}

.my_account_lcol {
	float:left;
	width:190px;
	text-align:left;
}

.my_account_rcol {
	float:left;
	border-left:2px solid #fcae16;
	padding:0 0 0 20px;
	text-align:left;
	min-height:428px;
}

.my_account_lcol ul li {
	display:block;
	padding:4px 0 4px 10px;
	margin-right:20px;
	background:#ffffff url("../images/arrow.gif") no-repeat left -21px;
	border-top:1px dotted #cccccc;
}

.my_account_lcol ul li.first {
	border-top:0px none;
}

.my_account_lcol ul li:first-child {
	border-top:0px none;
}

.my_account_rcol h2 {
	margin-bottom:10px;
}

.my_account_rcol ul li {
	display:block;
	border-top:1px solid #d2d8dc;
	padding:10px 100px 30px 0;
	line-height:16px;
	margin-right:20px;
}

.my_account_rcol ul li.first {
	border-top:0px none;
	padding-top:0px;
}

.my_account_rcol ul li:first-child {
	border-top:0px none;
	padding-top:0px;
}

.my_account_rcol ul li span {
	float:left;
	display:block;
	width:120px;
	font-weight:bold;
	color:#666666;
}

.my_account_rcol ul li .buttons {
	float:left;
	display:block;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:5px;
}

.my_account_rcol form {
	float:left;
	display:block;
	width:424px;
	margin-top:10px;
}

.my_account_rcol label {
	float:left;
	display:block;
	width:120px;
	font-weight:bold;
	color:#666666;
}

.my_account_rcol .textfield {
	width:300px;
	border:1px solid #cccccc;
	padding:2px 0 0 2px;
	height:19px;
	font-size:13px;
	margin-bottom:8px;
}

.my_account_rcol .button {
	float:right;
	margin-top:10px;
}

.my_account_rcol table {
	margin:6px 0 6px 0;
}

.my_account_rcol table th, .my_account_rcol table td {
	padding:4px;
	border:1px solid #cccccc;
}

.my_account_rcol table th {
	font-weight:bold;
	font-size:13px;
}

.my_account_rcol #change_password label {
	width:150px;
}

.my_account_rcol #change_password .textfield {
	width:270px;
}

/*-----------------------------------------------------------------------
		About intro (First time here?)
-----------------------------------------------------------------------*/

#about_intro {
	width:465px;
	margin-top:100px;
}

#about_intro .container {
	width:439px;
	height:340px;
}

#about_intro iframe {
	width:100%;
	height:340px;
}

#delivery_info_div {
    text-align:left;
}

#delivery_info_div h1 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
}

#delivery_info_div h2 {
	font-size:14px;
	color:#fff;
	border-bottom:1px dotted #ef880f;
	padding:0 0 5px 0;
	margin-bottom:10px;
}

#delivery_info_div ul {
	display:block;
	list-style: disc outside;
	width:420px;
	padding:0px 0 10px 15px;
	margin:0px;
}

#delivery_info_div ul li {
	margin:0 0 10px 0;
}

#delivery_notice_form {
	display:block;
	float:left;
	padding:12px 15px 15px 15px;
	width:380px;
	background-color: #faac14;
/*	border:1px solid #ef880f;*/
}

#delivery_info_div #postcodes {
	width:125px;
}

#delivery_info_div #delivery_fee {
	color:#fff;
	background-color:#faac14;
	font-size:15px;
}

#delivery_info_div .read_more {
	float:left;
	display:block;
	font-weight:bold;
	margin-top:20px;
}


/*-----------------------------------------------------------------------
		Quick Checkout
-----------------------------------------------------------------------*/

#quick_checkout {
	width:656px;
}

#quick_checkout .container {
	width:630px;
	height:410px;
}

#quick_checkout iframe {
	width:100%;
	height:410px;
}

#quick_checkout_form {
	text-align:left;
}

#quick_checkout_form h3 {
	margin-bottom:5px;
}

#quick_checkout_form .hr {
	margin:10px 0 15px 0;
}

#quick_checkout_form .button {
	float:right;
	margin:10px 20px 0 0;
}

/*-----------------------------------------------------------------------
		Checkout Process
-----------------------------------------------------------------------*/

#checkout_process {
	width:456px;
	margin-top:180px;
}

#checkout_process .container {
	width:430px;
	height:140px;
	text-align:center;
	padding-top:50px;
	font-size:14px;
	font-weight:bold;
}

#checkout_process .loader {
	display:inline;
	padding:10px;
}

#checkout_process  .header .right {
	cursor:default;
}