
/* Basic form styling */


/**********************************

Use: form template
Author: Nick Rigby

***********************************/

form fieldset { margin-bottom: 10px; }
	
form legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	}
	
form label {
	display: inline-block;
	line-height: 1.8em;
	display: -moz-inline-block;
	}
	
form fieldset ol {
	margin: 0;
	padding: 0;
	}
	
form fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
	}
	
form *{color:#2a2a29;}
form fieldset label{
	width:auto;	
	font-size:197%;
	line-height:1.5em;
}
form input[type=submit]{cursor:pointer;}
form input.submit{cursor:pointer;}
form input.text_field{
	padding:6px 4px 7px 4px;
	text-align:left;
	border:1px solid #d4d3d2;
	background:#d4d3d2;
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
	font-size:161.6%;
	width:160px;
	display:inline-block;
}
form input.submit, a.big_ass_button{
	padding:2px 4px 4px 4px;
	border:1px solid #d4d3d2;
	background:#d4d3d2;
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
	display:inline-block;
	margin-left:4px;
	font-size:197%;
	margin-top:1px;
	text-align:center;
}
form input.updating{
	padding-left:24px;
	background:#d4d3d2 url('/images/basket-loading.gif') 8px center no-repeat;
	color:#ABABA7;
}
a.big_ass_button{
	font-size:123.1%;
	color:#2a2a29;
	text-decoration:none;
	padding:4px 8px 4px 8px;
}
tr.update a.big_ass_button{
	font-size:189%;
}
#website_preview input.text_field{width:300px;}
.error{color:red;}
/*\*//*/ form legend { display: inline-block; } /* IE Mac legend fix */

/** tables **/
td, th{
	text-align:left;
	padding:6px;
}
th{
	border-bottom:1px solid #ccc;
	font-size:116%;
}
table{
	width:100%;
}
td.quantity, th.quantity, td.remove, th.remove{
	text-align:center;
	border-left:1px solid #ccc;
}
tr.row-1{background:#efefef;}

tr.totals td, tr.delivery td, tr.totals th, tr.delivery th{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;	
}
tr.totals th, tr.delivery th, tr.grand_total td{font-weight:bold;}
td.label, th.label{text-align:right;}
tr.totals .value, tr.delivery .value{
	border-left:1px solid #ccc;
}
tr.update td, tr.totals .value, tr.delivery .value{text-align:right;}

tr.update td.value a.big_ass_button{float:right;}
tr.update td.value input{float:left;}
/****** Pagination and error Styles **********/
.pagination {
  margin:15px 0;
  padding-bottom:15px;
}
div.paginate{
	float:left;
	width:100%;
}
.pagination li.pagination_link, ul.links li {
  float:left;
  margin-right:4px;
  padding:3px 0;
}
.pagination li.pagination_link a, .pagination span {
  padding:2px 5px;
	text-decoration:none;
}
.pagination span.disabled {
	color:#BABABA;
}
/***/
.user_errors, .user_messages {
  background:#F299A3;
  padding:10px 5px;
  margin:10px 0;
}
.user_errors li, .user_messages li {
  padding:4px 15px;
  color:#333333;
  margin:10px 15px;
}
.user_messages {
  background:#faecba;
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.user_errors{
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

/********* END Pagination and errors ****************/
#ie{display:none;}
/**** DATE PICKER ***/
#ui-datepicker-div{background:white;}


/********/

/* Nasty clearfix hacks */
.clearfix {display:inline-block;} 
/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */ 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}