/*some over ride styles */

.order_detail {
  margin-bottom: 0;
  margin-top: 0;
  margin-right: 0;
  border-collapse: collapse;
  width: 100%;
}
.order_detail th {
  background-color: #b5db12;
  padding-bottom: 4px;
  padding-top: 4px;
  font-size: 120%;
  text-align: left;
  font-family: "Trebuchet MS", Verdan, sans-serif;
  padding-left: 5px;
  padding-right: 5px;
  border: 0px solid #D7D7D9;
}
.order_detail td {
  font-size: 110%;
  padding-top: 3px;
  border: 1px solid #D7D7D9;
  padding-right: 5px;
  padding-bottom: 3px;
  padding-left: 5px;
}
input.button 
{
    padding: 5px;
    font-size:1.1em;
}
    .checkout_button 
{
    background: #b5db12;
    width: 146px;
    height: 36px;
    outline: none;
    font-size:1.1em;
    font-weight: bold; 
}

/* page title */
#title-holder {width: 100%; padding-bottom: 20px;}
#title {float: left; width: 29%;}
#title h1 {font:bold 22px verdana, san-serif; color: #b6db12;}

/* checkout nav */
    #check-nav {float: right; width: 69%; margin-top: 1.7em; text-align: right;}
    #check-nav ol {margin: 0; padding: 0; font:bold 11px/14px verdana, san-serif; color: #d9d9dc;}
    #check-nav li {display: inline; padding-left: 9px; background: url(images/check-nav-arrow.gif) no-repeat left center;padding-bottom: 2px;}
    #check-nav li.selected {color: #b6db12; background: url(images/check-nav-arrow-green.gif) no-repeat left center;}

/* secure ordering */    
   span.secure-ordering-sub {padding-left: 12px; background: url(images/checkout-padlock.gif) no-repeat left center;font: 11px verdana, san-serif; color:#383D44; width: 140px; display: block;}
   
/* credit card logo title */ 
    h2.cc-title {font:bold 1.2em/2em verdana, san-serif; color: #b6db12; text-align: center; clear: both;}   
/* basket updated / failed. */
    div#update-success{margin: 0; width: 100%; background: #e0f09c; padding:3px; font: bold 12px/24px verdana, san-serif; color: #b6db12; margin-bottom: 10px;}
    div#update-success p {padding: 0 0 0 30px; background: url(images/yes.gif) no-repeat left center;}
    div#update-fail{margin: 0; width: 100%; background: #E39999; padding:3px; font: bold 12px/24px verdana, san-serif; color: #842525; margin-bottom: 10px;}
    div#update-fail p {padding: 0 0 0 30px; background: url(images/no.gif) no-repeat left center;}
    div#update-fail p a, div#update-fail p a:hover {color: White; text-decoration: underline;}
    
/* new forms */ 
p.form-info {padding: 0; margin: 0; font: 11px/18px verdana, san-serif;}
div#checkout-form {width: 95%; height: 100%; background: #e0f09c; padding: 10px; font: bold 11px/18px verdana, san-serif; color: #111;}  
div#checkout-form div {margin-left: 5%;} 
/*div#checkout-form form label {float: left; text-align: right; width: 20%; padding: 0 5px 0 0;}*/
/*div#checkout-form form input.text {float: left; width: 70%; padding: 5px; border: 0; margin-bottom: 5px;}*/ 

div#checkout-form form label {display:block; clear: both; margin-bottom:3px;}
div#checkout-form form input.text {float: left; width: 70%; padding: 5px; border: 0; margin-bottom: 5px;} 

div#checkout-form form label span.required {position:relative; top: 4px; left:-2px;}
div#checkout-form form input.defaulttext {color: #d9d9dc; font-style: italic;}
div#checkout-form form span.subtext {font: bold 8px verdana, san-serif; color: #5d5d5d;}
div#checkout-form form span.subtext a {font: bold 8px verdana, san-serif; color: #5d5d5d; text-decoration:underline;}
div#checkout-form form span.subtext a:hover {text-decoration: underline;}
div#checkout-form form select {width: 72%; padding: 5px; border:0;}
div#checkout-form form input.submit {padding: 5px; float:right; font-weight:bold;}

/*vat pop up */ 
#popup {background: #e6f5d9; padding: 10px; width: 150px; margin: 0 0 10% 20%; position: absolute; font-weight: normal;}
#popup.hidden {display: none;}
#popup span.close {display: block; float: right; color: Green; text-decoration: underline; cursor:pointer;}

/* misc styles */ 
span.update_text{color:#383D44; margin-right: 10px;}
.clear {clear: both;}
span.update_button {position: relative; top: -70px; left: -30px;}
div.payment-text {margin-top: 20px;}
div.payment-text span {float: right;}
div.payment-text span img {position: relative; top: -10px;}
div.order_summary {font-size: 1.2em; min-height: 40px;}
span#form-msg {padding: 0; margin: 0; position: relative; top: -10px;}
span#form-msg h2 {font:bold 1.2em verdana, san-serif; color: #b6db12;}
span.order-sum {width: 100%; text-align: right; display: block;}
span.total {font-weight: bold;}

.create_add{width:100%; background:#b6db12;}