/***************************************************************
	Client login
***************************************************************/
div.login-controls { width: 354px; padding: 0 0 0 0; margin: 21px 0 23px 0; }
div.login-controls div { display: block; float: left;}
div.login-controls div.username { width: 144px; }
div.login-controls div.password { width: 144px; padding-left: 4px; } /* padding-left should be 7px, but not enough space */
div.login-controls div input { width: 76px; height: 13px; border: 1px solid #D2D2D2; font-size: 11px; margin-left: 3px; padding-left: 2px; } /* padding-left should be 4px, but not enough space */
div.login-controls div.login-button { width: 57px; margin-left: 4px; } /* margin-left shoud be 6px, but not enough space */
div.login-controls div.login-button a { 
	display: block; 
	background-repeat: no-repeat;
	background-position:center left;
	text-decoration: none;
	background-image:url(/i/login-button.gif);
  height: 19px;
	cursor: hand;
}

/***************************************************************
	Client login - Welcome screen
***************************************************************/
table.welcome {
  table-layout: fixed; 

	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
table.welcome table {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
table.welcome caption {
	text-align: left;
	font-weight: bold;
}
table.welcome td {
	vertical-align: top;
}


/**********************************************************
	Checkout - Billing information form
**********************************************************/
div.billing-info-form {
	width: 587px;	
	margin:4px 0 4px 0;
	padding:5px 5px 5px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #AAA;
	line-height: 18px;
	text-align: left;
	color: #666;
	word-wrap: break-word;
}

div.billing-info-form H2 { font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif; margin:0 0 0 0;	font-size: 12px; }
div.billing-info-form div.section { margin:5px 0 15px 15px; border-left:1px solid #666; width:auto; }
div.billing-info-form div.section table.container { table-layout:fixed; border-collapse:collapse; }
div.billing-info-form div.section table.container td { padding:0 0 0 0; margin:0 0 0 0; }
div.billing-info-form div.section table.container th { padding:0 0 0 10px; margin:0 0 0 0px; color:#666; font-size:10px; font-weight:normal; text-align:left;}
div.billing-info-form div.section table.container th.multi-element { margin: 0 0 0 0; padding: 0 0 0 0; width: 247px; }
div.billing-info-form div.section table.container th.multi-element div { display:block; float:left; }
div.billing-info-form div.remark { padding:0 0 0 10px; }

div.billing-info-form input { 
	font-size:11px;
	font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
	border:1px solid #666;
	padding:1px 2px 1px 2px;
	color:#333;
	margin:0 0 0 0;
	cursor: hand;
}
div.billing-info-form input.checkbox {
	border-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	display:inline;
}
div.billing-info-form textarea.medium {
	width:340px;
	height:100px;
}	

/**********************************************************
	Checkout - Order overview
**********************************************************/
div.order-overview-form {
	width: 587px;	
	margin:4px 0 4px 0;
	padding:5px 5px 5px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #AAA;
	line-height: 18px;
	text-align: left;
	color: #666;
	word-wrap: break-word;
}

div.order-overview-form input { 
	font-size:11px;
	font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
	border:1px solid #666;
	padding:1px 2px 1px 2px;
	color:#333;
	margin:0 0 0 0;
	cursor: hand;
}

/**********************************************************
	Checkout - Order overview
**********************************************************/
div.thankyou-form {
	width: 587px;	
	margin:4px 0 4px 0;
	padding:5px 5px 5px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #AAA;
	line-height: 18px;
	text-align: left;
	color: #666;
	word-wrap: break-word;
}

div.thankyou-form input { 
	font-size:11px;
	font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
	border:1px solid #666;
	padding:1px 2px 1px 2px;
	color:#333;
	margin:0 0 0 0;
	cursor: hand;
}

/***************************************************************
	Basket 
***************************************************************/
div.basket {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	color: #666;
}
div.basket input {
	font-size:11px;
	font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
	border:1px solid #666;
	padding:1px 2px 1px 2px;
	color:#333;
	margin:0 0 4px 0;
 	float: left;
	cursor: hand;
}

table.grid-basket {
	table-layout:fixed;
	border-collapse:collapse;
	font-size:12px;
	margin:0px 0px 26px 0px;	
}

table.grid-basket td {
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	word-wrap: break-word;
	margin:0px 0px 0px 0px;
	padding:0px 1px 0px 0px;
}

table.grid-basket td.emphasize { font-weight: bold; color:#666; }

table.grid-basket thead td {
	font-weight:normal;
	color: #FFF;
	line-height:20px;
}
table.grid-basket thead td div {	background-color:#999; padding:0px 0px 0px 10px; margin:0 0 0 0; }
table.grid-basket td div.container {	padding:0px 0px 0px 10px; margin:0 0 0 0; float: left; }

table.grid-basket tr.seperator td { border-bottom: 1px solid #CCC; line-height: 4px; }

table.grid-basket tbody tr td {
	color:#000;
	line-height:20px;
	padding:0 0 0 10px; 
	margin:0 0 0 0;
}
table.grid-basket tbody.detail tr.r1 td {	background-color: #FFF; }
table.grid-basket tbody.detail tr.r0 td {	background-color: #F3F3F3; }

table.grid-basket tbody.subtotals div.label,
table.grid-basket tbody.total div.label { float: right; } 
table.grid-basket tbody.subtotals div.value, 
table.grid-basket tbody.total div.value { float: left; }

table.grid-basket a.zoom {
	display:block;
	float:right;
	margin:1px 1px 0 0;
	width:15px;height:15px; line-height:15px;
	background-image:url(/i/product_clip_zoom_greyed.gif);
	background-repeat: no-repeat;
}
table.grid-basket a.zoom:hover {
	background-image:url(/i/product_clip_zoom.gif);
	background-repeat: no-repeat;
}

table.grid-basket a.remove {
	display:block;
	float:left;
	margin:1px 1px 0 0;
	width:15px;height:15px; line-height:15px;
	background-image:url(/i/basket_remove_greyed.gif);
	background-repeat: no-repeat;
}
table.grid-basket a.remove:hover {
	background-image:url(/i/basket_remove.gif);
	background-repeat: no-repeat;
}