@charset "UTF-8";
body,h1,h2,h3,h4,h5,p,a,span,ul,li,header,article,content,dd,dl,dt,input,select,option,img,ol,label{
  margin:0;
  padding:0;
  font-size: 1em; /*16px*/
  line-height: 1.3em;
  font-weight:400;
  color:#333;
  border:none;
}
h1{
  font-size:1.125em;    /*18px*/
  line-height:2em;
  text-align:left;
  font-weight:600;
  color:#000;

}
.stockwarning{
  font-size:13px;
  color:#F00;
}
h2{
  font-size:1.375em;    /*22px*/
  line-height:2em;
  font-weight:700;
  text-align:center;
}
h3{
  font-size:1.25em; /*20px*/
  line-height:2em;
  font-weight:normal;
}
h4{
  font-size:1.125em; /*18px*/
  font-weight:normal;
}
p{
  text-align:left;
}
a{
  color:#2785F6;
  cursor:pointer;
  text-decoration:none;
}
a:hover{
}
img{
  max-width:100%;
  border: none;
}
/*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
  font-size: 100%; /* Corrects font size not being inherited in all browsers */
  margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline; /* Improves appearance and consistency in all browsers */
  *vertical-align: middle; /* Improves appearance and consistency in IE6/IE7 */
  border-radius: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
  -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
}
input[type="image"]{
  border:none;
}
li{
  list-style:none;
}
option,input,textarea{
  border:1px solid #000;
}
select{
  border:1px solid #CCC;
}
/*    MAIN CLASSES */
.clear{
  clear: both;
  width:100%;
  float:none;
}
.clear5{
  clear: both;
  height: 5px;
}
.clear10{
  clear: both;
  height: 10px;
}
.clear15{
  clear: both;
  height: 15px;
}
.clear20{
  clear: both;
  height: 20px;
}
.clear25{
  clear: both;
  height: 25px;
}
.clear30{
  clear: both;
  height: 30px;
}
.clearWithBorder{
  clear: both;
  border-bottom: 2px solid #A2CCFE;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.hide{
  display:none;
}
.col1half{
  width: 2.083333%;
  float:left;
}
.col1{
  width: 4.166666%;
  float:left;
}
.col2{
  width: 8.333333%;
  float:left;
}
.col3{
  width: 12.5%;
  float:left;
}
.col4{
  width: 16.666666%;
  float:left;
}
.col5{
  width: 20.833333%;
  float:left;
}
.col6{
  width: 25%;
  float:left;
}
.col7{
  width: 29.166666%;
  float:left;
}
.col8{
  width: 33.333333%;
  float:left;
}
.col9{
  width: 37.5%;
  float:left;
}
.col10{
  width: 41.666666%;
  float:left;
}
.col11{
  width: 45.833333%;
  float:left;
}
.col12{
  width: 50%;
  float:left;
}
.col13{
  width: 54.166666%;
  float:left;
}
.col14{
  width: 58.333333%;
  float:left;
}
.col15{
  width: 62.5%;
  float:left;
}
.col16{
  width: 66.666666%;
  float:left;
}
.col17{
  width: 70.833333%;
  float:left;
}
.col18{
  width: 75%;
  float:left;
}
.col19{
  width: 79.166666%;
  float:left;
}
.col20{
  width: 83.333333%;
  float:left;
}
.col21{
  width: 87.5%;
  float:left;
}
.col22{
  width: 91.666666%;
  float:left;
}
.col23{
  width: 95.833333%;
  float:left;
}
.col24{
  width: 100%;
}

.colFull{
  width: 100%;
}
.col8m1{
  width:32.666666%;
  margin:3px 0;
  margin-right:1%;
  float:left;
  text-align: center;
}
.col8m1:nth-of-type(3n){
  margin-right:0;
}
.col6m1{
  width:23.5%;
  margin-right:2%;
  float:left;
}
.col6m1:nth-of-type(4n){
  margin-right:0;
}
.col4m1{
  width:15.83333%;
  margin-right:1%;
  float:left;
}
.col4m1:nth-of-type(6n){
  margin-right:0;
}
.alignToTopBox * {
  vertical-align: top;
}
.alignToMiddleBox * {
  vertical-align: middle;
}
.a2l {
  text-align: left;
}
.a2c {
  text-align: center;
}
.a2r {
  text-align: right;
}
.alignBoxToMiddle{
  margin:0 auto;
  float:none;
}
.btn{
  display:inline-block;
  padding: 4px 8px;
  margin:0;
  background: #FF8641;
  color: #FFF;
  border-radius: 5px;
  border:none;
  cursor:pointer;
  font-weight:600;
  text-transform:uppercase;
  font-size:1em;
}
.btn:hover{
  color: #000;
}
.addToBagBtn{
  padding-left:60px;
  background: url(/skins/FixedSize/styleImages/backgrounds/iconBagWhite.png) no-repeat 20px center #FF8641;
}
.inputBox{
  padding:5px;
}
.inputBox label{

}
.inputBox label:after{
  content: "\003A";
  visibility:visible;
  line-height:1.3em;
  display:inline;
  margin-left:1px;
}
.inputBox input[type='text'],.inputBox input[type='email'],.inputBox input[type='password'], .inputBox textarea{

}
.inputBox textarea{
  padding:0;
  min-height:100px;
}
.frmSubmitBtn{
  width:auto;
  float:left;
}
.required:after{
  content: "\002A";
  color:red;
  visibility:visible;
  line-height:1.3em;
  font-size:1.2em;
  display:inline;
  margin-left:5px;
}
.error {
  color: red;
  font-weight: 900;
}
.fl_n{
  float:none;
}
.fl_l{
  float: left;
}
.fl_r{
  float: right;
}
.mobileRedBtn{
  padding: 10px;
  line-height: 20px;
  font-size: 1em;
  background: #740000;
  color: #FFF;
  font-weight: bold;
  border: none;
  text-decoration: none;
}
.mobileGreenBtn{
  padding: 10px;
  line-height: 20px;
  font-size: 1em;
  background: #0d5e30;
  color: #FFF;
  font-weight: bold;
  border: none;
  text-decoration: none;
}
#mobile_added_to_basket_box{
  display:none;
}

#products_form {
  border-bottom: 1px solid #333;
  margin-bottom:10px
}

#product_summary {
  width: 100%;
  font-weight: bold;
  font-size: 0.875em;
  border-bottom: 1px solid #333;
  padding-bottom: 10px;
  margin-bottom:10px
}

#product_summary tr.heading {
  background-color: #EFEFEF;
  border: none;
}

#product_summary td.product_image {
  width: 12%;
}

#product_summary td.product_descr {
  width: 50%;
}

#product_summary td.product_qty {
  width: 20%;
}

#product_summary td.product_price {
  text-align: right;
  width: 25%;
}

#product_summary .fa-trash {
  font-size: 1.5em;
}


#cart_summary {
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
  -webkit-flex-flow: row wrap; /* Safari 6.1+ */
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 0 10px;
}

#cart_summary::after {
  content: " ";
  display: block;
  clear: both;
}

#cart_summary .information,
#cart_summary .summary {
  margin: 0;
  width: 48%;
  width: -webkit-calc(50% - 10px);
  width: -moz-calc(50% - 10px);
  width: calc(50% - 10px);
}

@media (max-device-width:720px) {
  #cart_summary .information,
  #cart_summary .summary {
    margin: 10px;
    width: 100%;
  }
}

#cart_summary .information .hide-on-mobile {
  height: 100%;
}

#promo_code, #cart_total {
  background-color: #EFEFEF;
  font-size: 0.7em;
  font-weight: bold;
  margin-bottom: 10px;
  margin-left: auto;
  position: relative;
  right: 0;
  width: 100%;
}

#promo_code #promocode {
  width: 100% !important;
  box-sizing: border-box;
  height: 35px !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #a8a8a8;
  font-family: "Open Sans",sans-serif;
  padding: 5px;
  font-weight: bold;
  font-size: 14px;
}

#info-modals {
  background-color: #EFEFEF;
  padding: 10px;
  height: 90%;
  height: -webkit-calc(100% - 68px);
  height: -moz-calc(100% - 68px);
  height: calc(100% - 68px);
}

#info-modals h3 {
  padding: 0 0 10px;
  margin: 0;
}

#info-modals ul {
  padding: 10px 0 0;
}

.form_header h2 {
  color: #000;
  display: inline-block;
  font-size: 20px;
  font-weight: 400;
  line-height: 2em;
  margin-top: 0;
  padding: 0 0 10px 0;
  text-align: left;
  text-transform: uppercase;
}

.form_footer {
  height: auto;
  padding: 10px 0;
  text-align: right;
}

#freebie {
  border-bottom: 1px solid #333;
  padding-bottom: 10px;
  margin-bottom:10px
}

.address-details .address-section,
.shipping-details .shipping-options {
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
  -webkit-flex-flow: row wrap; /* Safari 6.1+ */
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 0 10px;
}

.address-details .billing-section,
.address-details .shipping-section,
.shipping-details .shipping-option-section,
.shipping-details .payment-section {
  margin: 0;
  width: 48%;
  width: -webkit-calc(50% - 10px);
  width: -moz-calc(50% - 10px);
  width: calc(50% - 10px);
}

@media (max-device-width:720px) {
.address-details .billing-section,
.address-details .shipping-section,
.shipping-details .shipping-option-section,
.shipping-details .payment-section {
    margin: 10px;
    width: 100%;
  }
}

.account-details,
.address-details,
.shipping-details {
  border-bottom: 1px solid #333;
  margin: 0 0 10px;
  padding-bottom: 10px;
}

.account-details .account-section {
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
  -webkit-flex-flow: row wrap; /* Safari 6.1+ */
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.account-details .login,
.account-details .register,
.account-details .no-account {
  border: solid 1px #A79E9E;
  margin: 0;
  width: 31%;
  width: -webkit-calc(33% - 10px);
  width: -moz-calc(33% - 10px);
  width: calc(33% - 10px);
}
.account-details .logged-in {
  border: solid 1px #A79E9E;
  padding: 10px;
  margin: 0;
  width: 98%;
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  width: calc(100% - 20px);
}

@media (max-device-width:720px) {
  .account-details .login,
  .account-details .register,
  .account-details .no-account {
    margin: 10px;
    width: 100%;
  }
}