/* Forms Section - to be included properly */

/* For customers to enter details */

/*.customer input { Removed for now as doesn't seem to be necessary. May just be TD from old stylesheet
  font-size: 1.1em;
}
*/

.hidden {
	display: none;
}

#header .wrap {
  padding-top: 0.3em;
}

#find_carts_widget legend {
	display: none;
}

#main .searchform { /*Lame! I put this in specifically for the error page. It doesn't feel like a good way to do it, but I'm putting it in for now.*/
	float: none;
	font-size: 76%;
	width: 26em;
}

.customer ol {
  margin: 0 auto;
/*  width: 760px; I think I'm setting width too many times within this form, so I'm turning this off here, in the hope that it will then just take the appropriate width within the form*/

}

.checkout h2 {
  clear:both;
  border-bottom: 1px solid black;
  margin-bottom: 1em;
}

form.customer li {
  clear: both;
  display: inline;
  float: left;
  line-height: 1.2;
  margin: 0;
/*  padding: 0.5em 0; This is tricky, as there's a bit of a problem nesting multiple li and fieldset elements, as the padding stacks up a bit messily at the bottom of the form, leaving irregular gaps at where the submit button is placed. I've changed it for now to have padding just on the top, so spacing in general is not very different, but there might be a bit more at the top of some. Also needs browser checking.*/
	padding: 1em 0 0;
  width: 100%;
  position: relative;
}

.customer label, .customer .label {
  float: left;
  font-weight: bold;
  margin-right: 1em;
  width: 11.6em;
  text-align: right;
}

.checkout form ol.payment_method li {
  width: 50%;
  clear: none;
}

.checkout form ol.payment_method li.cards {
  text-align: right;
  float: left;
  margin: 0;
  padding: 0;
}

.checkout form ol.payment_method li.cards span {
  float: left;
  padding: 0.8em 1em 0 0;
}

.checkout form ol.payment_method li.cards img {
  float: left;
}

.customer label {
  margin: 0.4em 1em 0 0;
}

.customer label.coupon {
  margin-top: 0;
}

#main .customer li.exclusive { /* TD - name is wrong, meant originally to apply to options where choices were mutually exclusive, now just using it as positional style for anything in a form that isn't a label and text input combo */
	clear: both;
	margin-bottom: 0;
 	padding: 0 0 0 12.6em;
	width: 33em;

}

#main .customer p.exclusive {
  clear: both;
  margin-bottom: 0;
  padding: 1em 0 1em 12.6em;
	width: 31em;
}


#main .checkout .customer p.exclusive { /* TD - name is wrong, meant originally to apply to options where choices were mutually exclusive, now just using it as positional style for anything in a form that isn't a label and text input combo */
  padding: 0 0 1em 12.6em;
}

#main .checkout .longer_delivery {
  padding: 1em 0;
  font-weight: 700;
}

#main .checkout .hide {
  display: none;
}

.read_only li {
  padding: 0.3em 0;
}

.read_only .submit {
  font-size: 1em;
}

.customer fieldset {
  margin: 0 0 1em 0;
}

.customer fieldset fieldset {
	margin: 0;
}


#main p.submit {
  text-align: right;
}  

#main p.submit img {
  margin: 0;
}

#main p.option {
  font-weight: bold;
  margin: 0.8em 0 0.8em 4em;
  float: left;
}

#main div.submit h3 {
  background: none;
  border: none;
  padding: 0;
  font-size: 1.4em;
  margin-top: 0.2em;
}

#main div.submit h3, #main div.submit p {
  width: 60%;
  float: left;
}

#main div.submit img {
  float: right;
}

#main p.submit {
  margin: 0 0 1em 12.6em;
}
         
#main .customer li.exclusive input {
  display: block;
  line-height: 1.4;
  margin: 0.6em 0 0 0;
  width: auto;
}

#main .customer li.exclusive label {
  display: block;
  float: none;
  font-weight: 400;
  line-height: 1.4;
  margin: -1.3em 0 0 25px;
  text-align: left;
  width: 28em;
}

.customer input {
  width: 20em;
}

.customer input.manual_search {
  width: auto;
}

.customer .postcode_search select {
  width: 27em;
}

.customer #postcode_dropdown_menu {
  margin-left: 8.3em;  
}

.customer .number, .customer .postcode {
  width: 6em;
}

.customer .shortnumber {
  width: 3em;
}

.customer input.submit {
  margin-left: 13.3em;
  width: auto;
}

#addresses {
  float: left;
  margin-top: 2em;
  width: 760px;
}

#addresses .billing, #addresses .delivery {
  float: left;
  margin-right: 2em;
  width: 46%;
}

.checkout legend {
  margin-left: -7px; /* TD - A fix for ie that I can't put in a conditional stylesheet breaks webkit, but it's the least worst compromise at this point*/
}

#addresses .billing legend span, #addresses .delivery legend span {
  width: 320px;
}

#credit_card .cards label {
  font-weight: normal;
}

.postcode_search legend {
  background: transparent;
  font-weight: bold;
  border: none
}

.postcode_search input.submit {
  margin: 0;
}

#placeorder { 
  font-size: 1.6em;
  width: 10em;
}

#main .accessible {
  text-align: left;
  text-indent: -9999px;
}

#finalize form.checkout {
  float: left;
  margin-top: 2em;
}

/* Validation errors */


.error {
  display: inline;
  background: #ff0000 url(/images/error_arrow.png) no-repeat left center;
  color: #ffffff;
  font-weight: 400;
  padding: 0.4em 1em 0.4em 2em;
  letter-spacing: 0.1em;   
  margin-left: 0.5em;
}

.postcode_error {
  background: #ff0000;
  color: #ffffff;
  padding: 0.3em 0.5em;
  font-size: 1.2em;
  margin-top: 1em;
  display: block;
}

.success {
  background: #009300 url(/images/expanding_arrow_green.png) no-repeat left center
}

.basket_error_box {
  background: #F6DADF;
  border: 1px solid red;
  padding: 1em;
}

span.hide_loader {
  display: none;
}

#printer_model {
  width: 20em;
  margin-top: 0.4em;
}

.business_account label {
  width: 20em;
}

.business_account input {
  width: 18em;
}

#main .business_account li.exclusive {
 	padding: 0 0 0 22em;
}

#main label.not_required {
  font-weight: normal;
}

form#find_carts_widget div.search_box {
  padding-left: 4em;
}

form#find_carts_widget div.search_box h3 {
  color: black;
  font-weight: normal;
}

form#find_carts_widget div.search_box input {
  width: 34em;
}

form#find_carts_widget div.search_box p {
  margin-top: 0.5em;
}

form#find_carts_widget div.search_box p.google_custom_search {
  background: url(http://cartridgesave-split-test/images/google_custom_search.png) no-repeat 30.5em top;
}