body{background:#322f2c url(../img/bg.jpg) repeat center top;color:#fff;font:75%/1.2em Arial, Helvetica, sans-serif;}

/* Typo *************************************/
h1{position:relative;}
h2{font-size:1.6em;line-height:1em;margin:0 0 1em 0;text-transform:uppercase;}
  h2 a,h2 a:hover{color:#fff;}
p{margin:0 0 1.5em 0;font-size:1.15em;line-height:1.4em;color:#a5a5a5;}
p.last{margin:0;}
a{color:#eee;border:none;cursor:pointer;}
a:hover{color:#87d029;border:none;}
.arrowed{display:block;padding:0 0 0 10px;background:transparent url(../img/sprite_arrow.png) no-repeat 0 3px;line-height:1em;text-transform:lowercase;}
.arrowed:hover{background-position:0 -39px;}
em{font-style:italic;}
li a{color:#eee;}

.button_textile{display:block;width:212px;padding:12px;background:#87d029;color:#000;text-align:center;font-size:1.2em;font-weight:bold;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius:15px;}
.button_textile:hover{background:#c9eb9e;color:#333;}
#button_textile_w{margin:28px 0;}

form p, form .p{background:#111;margin:0 0 1.5em 0;padding:5px 10px;font-size:1.15em;line-height:1.4em;color:#a5a5a5;}
form .radio_list input{width:25em;}
form .radio_list select{width:25.4em;}
form .radio_list .radio,.radio{display:inline;width:auto;margin:0;}
form .actions{padding:0;background:transparent none;}
form .checkbox_list{margin:1em 0 0 0;padding:1em 0 0 0;border-top:1px solid #444444;}
  form .checkbox_list li{float:left;width:50%;height:55px;}
  form .checkbox_list .last{margin:.5em 0 0 0;padding:.5em 0 0 0;}
  form .checkbox_list .total{height:auto;margin:.5em 0 0 0;padding:.5em 0;}
form .col{float:left;width:193px;}
  form .col input{width:12.5em;}
form .col1{margin:0 4px 0 0;}
form .col3{width:289.5px;margin:0 4px 0 0;}
  form .col3 input{width:18.75em;}
form .col4{width:96.5px;}
  form .col4 input{width:6.25em;}

.button{width:auto;background:#222;color:#ccc;border:1px solid #444;padding:.2em;cursor:pointer;}
input,select,textarea{display:block;width:26em;padding:.15em;margin:.2em 0;font:1.1em Arial, Helvetica, sans-serif;color:#555;background:#eee;border:1px solid #fff;font-style:italic;}
.checked{margin:.2em 0 .2em 1.1em;}
.remark{display:block;padding:0 .1em .2em 1.8em;font-size:.85em;font-style:italic;}
label{font-size:1em;}
.checkbox{width:auto;display:inline;}
.tiny{width:3em !important;}
.small{width:6em !important;}
.medium{width:20em !important;display:inline;}
.after_medium{display:inline;}
.before_medium{display:block;}
.radio,.checkbox{border:none;background:none;padding:0;margin:0;}

input.error, select.error, textarea.error{background:#ff4444 none;color:#eee;border:1px solid #ff8888;}
p.error{background:#ff4444 none;color:#eee;}
p.error2{color:#ff4444;}

/* Wrapper *************************************/
#wrapper{padding:0 0 10em 0;}
  
  /* header *************************************/
  #header{width:75em;padding:1.666em 2.5em;margin:0 auto;}
  
    /* Logo *************************************/
    #logo{display:block;width:172px;height:172px;background:transparent url(../img/logo.png) no-repeat 0 0;text-indent:-9999px;}
  
    /* Navigation *************************************/
    #navigation{width:64em;margin:0 auto;}
      #navigation li{float:left;margin:0 1px 0 0;}
      #navigation a{display:block;position:relative;text-transform:uppercase;padding:1.2em 1.8em;background:transparent url(../img/bg_nav.png) repeat 0 0;color:#626262;font-size:.9em;cursor:pointer;}
      #navigation strong{display:block;font-size:1.5em;}
      #navigation .active a{color:#87d029;}
      #navigation a:hover{color:#c9eb9e;}
    
      #navigation a{-moz-border-radius-topleft:8px;-webkit-border-top-left-radius:8px;-moz-border-radius-topright:8px;-webkit-border-top-right-radius:8px;}
            
  /* Content *************************************/
  #content_wrapper{background:#000;padding:0;}
  #content, #content_promo{width:430px;height:260px;min-height:260px;padding:40px 410px 40px 120px;margin:0 auto;background:transparent url(../img/bg_content.jpg) no-repeat right bottom;}
    #page_textile #content{padding:40px;width:720px;background:transparent none;/*background:transparent url(../img/bg_content_4.jpg) no-repeat right bottom;*/}
    #page_delivery #content{background:transparent url(../img/bg_content_2.jpg) no-repeat right bottom;}
    #page_requestoffer #content{background:transparent url(../img/bg_content_3.jpg) no-repeat right bottom;}
    
    html>/**/body #content, html>/**/body #content_promo{height:auto;}
  #content_promo{width:800px;padding:40px 40px 40px 120px;background:transparent none;}
    #content strong{font-weight:bold;color:#eee;}
  
    .promo_col_1{float:left;width:430px;}
    .promo_col_2{float:right;padding:48px 140px 0 0;}
    
    .legend{margin:0 0 2em 0;}
    .legend li{float:left;padding:5px 30px 5px 8px;height:18px;background:#222 url(../img/sprite_arrow_legend.png) no-repeat right top;font-size:1.02em;}
    .legend .last{background:#222 none;padding:5px 15px 5px 7px;}
    .legend .active{background:#222 url(../img/sprite_arrow_legend.png) no-repeat right bottom;}
    .legend .before_active{background:#444 url(../img/sprite_arrow_legend.png) no-repeat right top;}
    .legend .last_active{background:#444 none;}
    .legend span{font-size:1.5em;font-style:italic;}
    
    .tab h3{display:none;}
  
  #delivery{position:absolute;top:635px;left:50%;margin:0 0 0 125px;display:block;width:160px;height:80px;background:transparent url(../img/wink_delivery.png) no-repeat 0 0;}
  #delivery strong, #delivery span{visibility:hidden;}
  
  .sub{display:block;padding:0 0 0 16px;font-size:.85em;font-style:italic;}
  
  /* Promo's *************************************/
  #promos{display:none;width:60em;margin:0 auto;}
    .promo_item{float:left;padding:20px;margin:0 1px 0 0;background:transparent url(../img/bg_nav.png) repeat 0 0;cursor:pointer;}
      .promo_item h3{font-size:2em;padding:0 0 .5em 0;color:#626262;text-transform:uppercase;border-bottom:1px solid #626262;}
      .promo_item p{margin:0;}
      .promo_item .price, .promo_col_2 .price{font-size:3em;margin:.2em 0 0 0;color:#fff;line-height:1em;}
      .promo_item .price_sup{color:#fff;font-size:.9em;font-style:italic;}
      .promo_item ul{margin:.5em 0;}
      .promo_item li{color:#a5a5a5;line-height:1.4em;}
        .promo_item li strong{text-transform:uppercase;font-weight:bold;}
      .promo_item .more{margin:1em 0 0 0;}
    #promos .first{margin:0 1px 0 -1em;}
    
    .promo_item{-moz-border-radius-bottomleft:15px;-webkit-border-bottom-left-radius:15px;-moz-border-radius-bottomright:15px;-webkit-border-bottom-right-radius:15px;}
  
  #promo_overview .promo_item{width:27%;margin:0 2em 1em 0;padding:0;}
    #promo_overview .price_container{margin:2em 0;}
    #promo_overview .price_container a, .promo_col_2 .price{font-size:3em;display:block;border:1px solid #333;margin:.25em 0;padding:.5em .5em;}
    #promo_overview .price_container a:hover, .promo_col_2 .price{background:#87d029;}
    #promo_overview .promo_item h3{font-size:1.2em;line-height:1em;}
    #promo_overview .price{margin:0;font-size:1em;}
      #promo_overview .price_sup, .promo_col_2 .price_sup{font-size:.3em;display:block;line-height:1em;}
    #promo_overview .price_container a, .promo_col_2 .price{-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;}
    #promo_overview .specs li{padding:.2em 0 .2em .5em;margin:.2em 0;border-bottom:1px solid #333;}
    #promo_overview .excl{font-size:.85em;margin:1em 0 0 0;}
  
  .order_now{font-size:2.5em;padding:1em 0 0 0;}
    .order_now a{padding:0 0 0 15px;}
    
  /* Textile brands *************************************/
  #textile_brands li{float:left;margin:0 3.2em 0 0;}
  #textile_brands .item_1 a{width:91px;height:77px;display:block;background:transparent url(../img/logo_b_c.png) no-repeat 0 0;text-indent:-9999px;}
  #textile_brands .item_2 a{width:95px;height:77px;display:block;background:transparent url(../img/logo_fruit_of_the_loom.png) no-repeat 0 0;text-indent:-9999px;}
  #textile_brands .item_3 a{width:124px;height:77px;display:block;background:transparent url(../img/logo_gildan.png) no-repeat 0 0;text-indent:-9999px;}
  
  #map{width:430px;height:200px;margin:24px 0 0 0;}
  
  /* Footer *************************************/
  #footer{display:none;}
  
  #holliday{border:1px solid #87D029;padding:12px;margin:0 0 24px 0;}
  #holliday p{margin:0;}
  
  #logos_w{display:block;width:430px;height:144px;overflow:hidden;}

/* Datepicker  *************************************/
.ui-datepicker{width:220px;background:#ddd;border:1px solid #aaa;}
.ui-datepicker-header{background:#eee;border:1px solid #ccc;width:90%;margin:5px auto 0 auto;}
  .ui-datepicker-prev,.ui-datepicker-next{display:block;width:26px;height:26px;background:transparent url(../img/sprite_datepicker.png) no-repeat 0 0;text-indent:-9999px;}
  .ui-datepicker-prev{float:left;background-position:0 -26px;}
  .ui-datepicker-next{float:right;}
  .ui-datepicker-title{text-align:center;padding:.4em 0;font-size:1.2em;color:#999;font-style:italic;font-weight:bold;}
.ui-datepicker-calendar{width:90%;margin:10px auto;}
    .ui-datepicker-calendar th{padding:.1em .2em;text-align:right;color:#999;font-weight:bold;}
    .ui-datepicker-calendar td{padding:.1em;}
    .ui-datepicker-calendar td a{display:block;padding:.1em .2em;color:#999;background:#eee;border:1px solid #ccc;text-align:right;font-style:italic;}
    .ui-datepicker-calendar td a:hover{background:#d5d5d5;}
    .ui-datepicker-calendar td span{display:block;padding:.1em .2em;color:#999;text-align:right;}
    .ui-datepicker-calendar .ui-state-highlight{font-weight:bold;color:#666;background:#fff;}
    .ui-datepicker-calendar .ui-datepicker-current-day{font-weight:bold;color:#666;}

.ui-datepicker{-moz-border-radius-bottomleft:15px;-webkit-border-bottom-left-radius:15px;-moz-border-radius-bottomright:15px;-webkit-border-bottom-right-radius:15px;-moz-border-radius-topright:15px;-webkit-border-top-right-radius:15px;}
.ui-datepicker-header{-moz-border-radius-bottomleft:7px;-webkit-border-bottom-left-radius:7px;-moz-border-radius-bottomright:7px;-webkit-border-bottom-right-radius:7px;-moz-border-radius-topleft:7px;-webkit-border-top-left-radius:7px;-moz-border-radius-topright:7px;-webkit-border-top-right-radius:7px;}