.basket-box{
  position: relative;
  margin: 0px 0;
  padding: 0;
  *padding-top: 19px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
          margin-bottom: 0;
  background-color:#FBFAF6;
}


.basket-box-bar{

    background-color: #fef0f3;
    border-radius: 4px 4px 4px 4px;
    list-style: none outside none;
    margin: 0 0 0px;
    padding: 8px 15px;
    border-bottom: 1px solid #DDDDDD;



}

.checkout_method{
  display: inline-block;
}

.checkout-box .control label, .checkout-box .control input[type="radio"], .form-list .control label, .form-list .control input[type="radio"]{
  display: inline-block;
}

.basket-box h3{
  display: inline-block;
  margin: 0;
  color: #832583;
  
}

.numberbox{
  background: none repeat scroll 0 0 #832583;
    border-color: #832583;
    color: #FFFFFF;
    margin: 0 5px 0 0;
    padding: 0 4px;
    padding-bottom: 3px;
    border-radius: 3px
}


#billing-new-address-form{
  margin-bottom: 20px
}

.control{
  margin: 0px 0 0 30px
}

.buttons-set {
    border-top: 1px solid #E4E4E4;
    clear: both;
    margin: 1em 0 0;
    padding: 8px 0 0;
    text-align: right;
}

#billing-buttons-container
{
  padding: 15px 30px;
}
#co-billing-form{
  padding-top: 20px
   
}

.form-list{
  list-style: none;
}

.form-list li.control label {
    float: none;
}
.form-list label {
    color: #666666;
    
    font-weight: bold;
    position: relative;
    z-index: 0;
    display: inline-block;
}

.form-list li.control input.radio, .form-list li.control input.checkbox {
    margin:0;
    margin-right: 6px;
    vertical-align: middle;
}

.checkout-box{
  padding: 0 10px 10px 15px;
  overflow: hidden;
}



.checkout-box h3{
  border-bottom: 1px solid #E4E4E4;
    
    padding-bottom: 2px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px
  }

.checkout-box h4{
  font-weight: bold;
}

.form-list label.required em {
    color: #EB340A;
    float: right;
    font-style: normal;
    position: absolute;
    right: -8px;
    top: 0;
}

.form-list{
  margin: 0;
  padding: 0
}

.form-list input[type="text"], .form-list input[type="password"]{
  display: block;
  width: 100%
}

.form-list .required{
  float: none;
}

p.required {
    color: #EB340A;
    font-size: 11px;
    text-align: left;
}
.buttons-set button.button {
    float: right;
    margin-left: 5px;
}

.checkoutbox_outer{
  padding: 20px 0
}

.basket-box-off{
  margin-top: 0;
  cursor: pointer;
}

.basket-box-off h3{
  color: #888
}

.basket-box-off .numberbox{
  background-color: #888
}

.form-list input.input-text {
   
}

.form-list select{
   
}

#login-form ul{
  padding-left: 0;
  padding-right: 20px
}


.form-list .field {
    float: left;
    width: 338px;
    padding-right: 20px
}

.form-list li ul{
  list-style: none;
}

#billing-new-address-form{
  margin-bottom: 20px
}

.control{
  margin: 0px 0 0 30px
}

.buttons-set {
    border-top: 1px solid #E4E4E4;
    clear: both;
    margin: 0 0 0;
    padding: 8px 0 0;
    text-align: right;
}

#billing-buttons-container
{
  padding: 15px 30px;
}
#co-billing-form{
  padding-top: 20px
   
}

.form-list li.wide input.input-text {
    
    display: block;
    margin-bottom: 10px
}

.field,.input-box{
  position: relative;
}

.fields{
  clear: both;
  
}

.f-left{
  float: left;
}

.f-right{
  float: right;
}

.shipping_radio{
  text-align: center;
  width: 50px;
  margin-left: 50px
}

.shiptype{
  float: left;
}

.ship_row{
  width: 644px;
  overflow: hidden;
  border: 1px solid #ccc;
  margin: 0 20px 8px 20px;
  padding: 10px;
  background-color: white;
  position: relative;
  z-index: 900;
  cursor: pointer;
}

.ship_row:hover{
  border: 1px solid #832583;
}

.bold{
  font-weight: bold;
}

.ship_type1{
  float: left;
  width: 120px;
  margin-right: 10px
}
.ship_type2{
  float: left;
  width: 200px;
  margin-right: 10px
}
.ship_type3{
  float: left;
  width: 120px;
  
}
.ship_type4{
  float: left;
  width: 300px;
  
}


.ship_price{
  font-weight: bold;
  color: red;
  font-size: 20px
}

.ship_selected{
  border: 1px solid #832583;
}

.payment_method h3{
  margin-left: 20px;
  color: #000
}


.summary_block{
  
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  width: 100%;
  float:left;
  overflow: hidden;
  background-color: white;
  display: block;
  margin-bottom: 7px
}

.my_addresses{
  margin-top: 10px
}

.add_address{
  margin: 10px 10px 10px 0px;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  float:left;
  overflow: hidden;
  background-color: white;
  height: 109px;
  overflow: hidden;
  font-size: 12px;
  line-height: 1.2em;
  position: relative;
}

.use_address_button{
  position: absolute;
  top:10px;
  right: 10px
}

.summary_block_wide{
  
}

.checkout_title{
  font-weight: bold;

}

#checkout-step-confirm-order{
  overflow: hidden;
}

.inner_summary_block{
  width: 325px
}

.order_summary_line{
  padding: 5px;
  border-top: 1px dotted #666;
  width:810px;
  position: relative;
  z-index: 500
}

.edit_order_summary_button{
  position: relative;
  z-index: 510
}

.basket_option_line{
  font-size: 13px;
  font-style: italic;
  margin-left: 40px
}

.agree{
  float: left;
  text-align: left;
  position: relative;
}

.agree .terms-error{
color: black;
  }
.agree label{
  color: #832583;
  font-weight: bold;
  display: inline-block;
}

.agree_terms .modal-header h3{
  color: inherit;
}

.agree input[type="checkbox"]{
  border:1px solid #832583;
}

#confirm-buttons-container{
  padding: 15px 0
}

.customer_notes{
  
  height: 40px;
  background-color: #FBFAF6
}


@media screen and (max-width: 400px) {
  .form-list input.input-text {
    
  }

  
  .form-list select{
      
  }

  .form-list .field {
      float: left;
      width: 258px;
  }
  .form-list li.wide input.input-text {
     width:238px;
  }

  .form-list li ul {
    padding-left: 23px;
  }
  .ship_row {
    width: 215px;
  }


  .ship_type1{
    float: left;
    width: 100%;
    margin-right: 10px
  }
  .ship_type2{
    float: left;
    width: 100%;
    margin-right: 10px
  }
  .ship_type3{
    float: left;
    width: 100%;
    
  }
  .ship_type4{
    float: left;
    width: 100%;
    
  }
  .summary_block{
    
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    
    float:left;
    overflow: hidden;
    background-color: white
  }
  .summary_block_wide{
    
  }

  .customer_notes {
    
  }

  .confirm_order_button {
    margin-top: 20px
  }

  .checkout-box{
    padding: 15px;
    overflow: hidden;
  }

  .buttons-set, .buttons-set p{
    padding: 0;
    margin: 0
  }

  .add_address{
    width: 228px;
    margin-left: 0
  }

  .ship_row {
    width: 249px;
  }
  .shipping_radio {
    margin-left: 0px;
    width: inherit;
    margin-right: 5px;
    width:auto;
  }
  .ship_type2 {
    float: left;
    margin-right: 10px;
    width: 100%;
  }
  

}

@media (min-width: 401px) and (max-width: 767px) {
  .form-list input.input-text {
   
  }

  
  .form-list select{
     
  }

  .form-list .field {
      float: left;
      width: 258px;
  }
  .form-list li.wide input.input-text {
     
  }
  .ship_row {
    width: 389px;
  }


  .ship_type1{
    float: left;
    width: 90px;
    margin-right: 10px
  }
  .ship_type2{
    float: left;
    width: 120px;
    margin-right: 10px
  }
  .ship_type3{
    float: left;
    width: 110px;
    
  }
  .ship_type4{
    float: left;
    width: 160px;
    
  }
  .summary_block{
    
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
   
    float:left;
    overflow: hidden;
    background-color: white
  }
  .summary_block_wide{
    
  }

  .confirm_order_button{
    margin-top: 0px
  }
  .customer_notes {
    
  }

  .side_message{
    padding: 0 15px
  }

  .body-container-inner {
    padding: 15px;
  }

  

}

@media (min-width: 768px) and (max-width: 991px) {
  
  .confirm_order_button{
    display: block;
  }

  .basket-box h3{
    white-space: normal;
  }

  .form-list input.input-text {
   
  }

  .form-list select{
      
  }

  .form-list .field {
    
      width: 317px;
  }
  .form-list li.wide input.input-text {
      width: 614px;
  }
  .ship_row {
    width: 659px;
  }


  .ship_type1{
    float: left;
    width: 140px;
    margin-right: 10px
  }
  .ship_type2{
    float: left;
    width: 150px;
    margin-right: 10px
  }
  .ship_type3{
    float: left;
    width: 140px;
    
  }
  .ship_type4{
    float: left;
    width: 210px;
    
  }
  .summary_block{
    
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    
    float:left;
    overflow: hidden;
    background-color: white
  }
  .summary_block_wide{
    
  }

  .confirm_order_button {
    margin-top: 16px;
    margin-right: 40px
  }

  .customer_notes {
    
  }

}


@media (min-width: 992px) and (max-width: 1199px) {
  .form-list input.input-text {
    
  }

  .form-list select{
      
  }

  .ship_row {
    width: 876px;
  }

  .form-list .field {
      float: left;
      width: 425px;
  }
  .form-list li.wide input.input-text {
     width: 829px
  }
  


  .ship_type1{
    float: left;
    width: 200px;
    margin-right: 10px
  }
  .ship_type2{
    float: left;
    width: 300px;
    margin-right: 10px
  }
  .ship_type3{
    float: left;
    width: 200px;
    
  }
  .ship_type4{
    float: left;
    width: 500px;
    
  }
  .summary_block{
    
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    
    float:left;
    overflow: hidden;
    background-color: white
  }
  .summary_block_wide{
    
  }

  
}

@media (min-width: 1200px) {

  .form-list input.input-text {
    
  }

  .form-list select{
      
  }

  .form-list .field {
      float: left;
      width: 527px;
  }
  .form-list li.wide input.input-text {
     
  }
  .ship_row {
    width: 1075px;
  }

  .wide{
    width: 1034px
  }

  .ship_type1{
    float: left;
    width: 200px;
    margin-right: 10px
  }
  .ship_type2{
    float: left;
    width: 300px;
    margin-right: 10px
  }
  .ship_type3{
    float: left;
    width: 200px;
    
  }
  .ship_type4{
    float: left;
    width: 500px;
    
  }
  .summary_block{
   
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    
    float:left;
    overflow: hidden;
    background-color: white
  }
  .summary_block_wide{
   
  }

  .confirm_order_button{
    margin-top: 0px
  }
}