/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */
html, body {
  background-color: #F3F5E8;
}
body {
  color: #474747;
}
#printheader {display: none; }

/* Desktop ems */
h1 {font-size:2.250em !important;/*36/16*/}
h2 {font-size:1.750em;/*28/16*/}
h3 {font-size:1.500em;/*24/16*/}
h4 {font-size:1.250em;/*20/16*/}
h5 {font-size:1.000em; font-weight: bold;/*16/16*/}
h6 {font-size:0.750em; font-weight: bold;/*12/16*/}
p {font-size:1.000em; line-height: 1.5em;}


#tagline {
  padding-top: 35px;
  font-size:1.25em !important;/*20/16*/
  font-weight: bold;
  color: #fffefe;
}
header {
  padding-top: 12px;
  color: #fffefe;
}


#pagenav {
  border-bottom: 1px solid #ddd;
}


#brands-listing li a { display: block; }

.step1 , .step2 , .step3 {padding-left: 100px; min-height: 80px; line-height: 80px;}
.step1 {background: transparent url(/files/site_assets/step1.png) top left no-repeat;}
.step2 {background: transparent url(/files/site_assets/step2.png) top left no-repeat;}
.step3 {background: transparent url(/files/site_assets/step3.png) top left no-repeat;}
.step h3 { font-size: 1.5em; font-weight: bold; }
.step p { font-size: 1em; }

.category-tag {
  opacity: 0.60;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE 8 hack */
  filter: alpha(opacity = 60); /* IE 5-7 hack */
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  background-color: #44A3FF;
  color: #fff;
  font-weight: bold;
  margin: 1px;
  padding: 5px 10px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -o-border-radius:4px;
  -ms-border-radius:4px;
  border-radius:4px;
  float: left;
}
.category-tag:hover, .category-tag:focus {
  color: #fff;
  background-color: #ED5C00;
  opacity: 1.0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 hack */ 
  filter: alpha(opacity = 100); /* IE 5-7 hack */  
}

.tag-new {
  background-color: #FA4D00;
  font-size: 1em;
  font-weight: bold;
  color: #fff;
  padding: 3px 8px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -o-border-radius:4px;
  -ms-border-radius:4px;
  border-radius:4px;
}


footer {
  border-top:1px solid #dedede;
  margin-top: 2em !important;
  padding-top: 1em;
  padding-bottom: 1em;
}
footer div { font-size: 0.875em; }
.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
.padding-10{padding: 10px;}
.padding-15{padding: 15px;}


/* Shopping cart status box */
#shoppingcart-box {
  display: block;
  line-height: 60px;
  background: transparent  url(/files/site_assets/bg_shoppingcart_status_div.jpg) top left no-repeat;
  height: 60px;
  padding: 0px 0px 0px 50px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
}  

#shoppingcart-box a {
  color: #fff;
  font-weight: bold;
  display: block;
  overflow: hidden;
}
#shoppingcart-box a span {
  text-decoration: underline;
}
#shoppingcart-box a:hover {
}
#shoppingcart-box em {
  margin: 0 10px 0 0;
  color: #fff;
  text-decoration: none;
  background-color: #669900;
  font-size: 2.0em;
  font-weight: bold;
  padding: 5px 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}



/* Shop */
.brand{color: #EB5711; font-weight: bold;}
.producttitle {font-size:1.5em;}
.odd-left { background: #EE7F47; }
.odd-right { background-color: #ffffff; }
.even-left { background: #EB5711; }
.even-right { background-color: #F3F5E7; }
.productthumb {
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -o-border-radius:4px;
  -ms-border-radius:4px;
  border-radius:4px;
}
.productdesc {}
.green.button { background: #669900 url(/files/site_assets/ico_cart_small.png) 80% 5% no-repeat;  padding: 12px 60px 12px 30px;}
.nice.green.button { border: 1px solid #669900;  }
.green.button:hover, .green.button:focus { background-color: #AEC774; }


.t1 {
  background-color: #FBAE74;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
}
.t2 {
  background-color: #AEC774;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;  
}
.row-odd { background: transparent url(/files/site_assets/bg_row_odd.png) center center no-repeat; padding: 15px 0;}
.row-even { background: transparent url(/files/site_assets/bg_row_even.png) center center no-repeat; padding: 15px 0;}
.odd-left, .even-left { float: left; width: 40%; padding-left: 2%}
.odd-right, .even-right { float: right; width: 45%;}

.odd {background-color: #fff; margin-bottom: 1px;}
.even {background-color: #f0f0f0; margin-bottom: 1px;}
.cartfunctions {margin-top: 1em;}


.shoppingcarttable thead tr th {
  background: #EB5711;
  color: #fff;
}
.th {
  background: #EB5711;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
}
.th p {
  padding: 10px; margin-bottom: 0.3em;
  color: #fff;
  font-weight: bold;
}
.btndelete {margin-top: 1.5em;}

.alert-box.success {
  color:#fff;
}
.alert-box.success a {
  color:#fff;
  text-decoration: underline;
}
.alert-box.success a em {
  font-size: 2em;
}

.searchfield {
    border: solid 1px #bbb;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-size: 13px; padding: 4px 3px 2px; background: #fff;
}
#btnsearch {background:#444444;}

.searchtitle a{ border-bottom: 1px dotted #09f;}

.alert-box h3, .alert-box h4 { color:#ffffff; margin:1em 0; text-align: center;}
.unhappyMessage{color:#ff0000;}


/* Navigation (init) */
.navwrapper {background: transparent url(/files/site_assets/bg_nav.png) bottom center no-repeat;}
nav {margin: 0; padding: 0;}
nav ol {list-style: none; margin: 0 0 10px 0; padding: 0; font-size: 1.125rem;/*16/16*/}
nav ol, nav ol li {float: left;}
nav ol li {display: inline;}
nav ol li a {display: block; color: #fffefe; padding: 10px 10px 10px 0; font-size: 1.25em; font-weight: bold;}
nav ol li a:hover {}


/* -----------------------------------------
   Home
----------------------------------------- */
header {
  background: #CF2800 url(/files/site_assets/bg_header_home.jpg) top left repeat-x;
}

#home_header_spacer {
  height: 55px;
  display: block;
  background: transparent url(/files/site_assets/home_header_spacer_small.jpg) top center no-repeat;
}

#home_calltoaction {
  background-color: #CF2800;
}

#calltoaction {
  /*padding-bottom: 2em;*/
}
#calltoaction h1 {
  color: #fffefe;
  font-size: 2em;/*32/16*/
  line-height: normal;
}
#calltoaction p {
  color: #fffefe;
  font-size: 1.125em;/*18/16*/
  line-height: 1.5em;
}
#calltoaction a {
  color: #ffffff;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 hack */
  filter: alpha(opacity = 80); /* IE 5-7 hack */
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
#calltoaction a:hover, #calltoaction a:focus {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 hack */ 
  filter: alpha(opacity = 100); /* IE 5-7 hack */  
}
#installateurs-box
{
  padding: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  moz-border-radius: 12px;
}
#installateurs-box a:link, #installateurs-box a:visited {
  background: none;
  color:#fffefe;
  font-weight:bold;
  font-size: 1.250em;
  text-decoration: none;
  border: 1px dotted #fffefe;
  display: block;
  padding:20px;
}
#installateurs-box a:hover, #installateurs-box a:active {
  background: #F36100;
  display: block;
}


/* -----------------------------------------
   Button overrides
----------------------------------------- */

#btnregister, #btnsend
{
    display: inline-block;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 1.250em;
    font-weight: bold;
    font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
    line-height: 1;
    position: relative;
    cursor: pointer;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 8px 20px 10px;
    padding: 11px 48px 13px;
    width: auto;
    background: #669900;
}


input[type=submit] {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}












/* #Media Queries
================================================== */

  /* Desktop specific */
  @media only screen and (min-width: 770px) {
    .navwrapper {background: transparent url(/files/site_assets/bg_nav.png) bottom center no-repeat;}
    nav {margin: 0; padding: 0;}
    nav ol {list-style: none; margin: 0 0 10px 0; padding: 0; font-size: 1em;}
    nav ol, nav ol li {float: left;}
    nav ol li {display: inline;}
    nav ol li a {display: block; color: #fffefe; padding: 10px 16px 10px 0px;}
    nav ol li a:hover {}
  }

  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 959px) {
    #tagline {
      padding-top: 25px;
      font-size:1.25em !important;
    }
    .calltoaction_title {
      font-size: 1.5em;
    }



  }

  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .navwrapper {background: transparent url(/files/site_assets/bg_nav.png) bottom center no-repeat;}
    nav {margin: 0; padding: 0;}
    nav ol {list-style: none; margin: 0 0 10px 0; padding: 0; font-size: 1em;/*16/16*/}
    nav ol, nav ol li {float: left;}
    nav ol li {display: inline;}
    nav ol li a {display: block; color: #fffefe; padding: 5px 10px 5px 0;}
    nav ol li a:hover {}  
  }

  /* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 767px) {

    /* Mobile ems */
    body{font-size: 0.750em !important;/*12/16*/}
    h1 {font-size:2.667em;/*32/12*/}
    h2 {font-size:2.333em;/*28/12*/}
    h3 {font-size:2.000em;/*24/12*/}
    h4 {font-size:1.667em;/*20/12*/}
    h5 {font-size:1.333em; font-weight: bold;/*16/12*/}
    h6 {font-size:0.750em; font-weight: bold;/*12/12*/}
    h1,h2,h3,h4,h5,h6 { line-height: 1.25; }
    p {font-size:1em; line-height: 1.5em;}
    
    h1#logo{margin-bottom: 0; padding: 0;}
    #logo {
      text-align: center;
    }
    #tagline {
      text-align: center;    
      padding-top:0;
      font-size:0.875em;
    }
    #calltoaction h1 {
      font-size: 1.5em;
    }
    #home_header_spacer {
      background: transparent url(/files/site_assets/home_header_spacer.jpg) top center no-repeat;
    }
    footer div, footer div.allignright {
      text-align: center;    
    }
    .row-odd, .row-even { background: none; }
    .odd-left, .odd-right, .even-left, .even-right { float: none; display: block; width: 92%; text-align: center; padding: 10px; margin: 0 auto;}
    .productdesc select{margin: 10px auto; width:80%;}
    .curr { padding-bottom: 30px; }

    .navwrapper {background: transparent url(/files/site_assets/bg_nav.png) bottom center no-repeat; padding-bottom: 10px;}
    nav{width: 100%; display:none;}
    nav ol {list-style: none; margin: 0 0 20px 0; padding: 0; font-size: 1em;/*16/16*/}
    nav ol, nav ol li {float: none;}
    nav ol li {display: block; margin: 1px 0;}
    nav ol li a {
      background-color: #9D2D09;
      background-color: rgba(0,0,0,0.25);
      display: block; color: #fffefe; padding: 12px 15px; font-weight:bold; font-size: 1.333em;/*16/16*/
      -webkit-border-radius:30px;
      -moz-border-radius:30px;
      -o-border-radius:30px;
      -ms-border-radius:30px;
      border-radius:30px;
    }
    nav ol li a:hover {
      color: #fffefe;
      background-color: #6F2105;
      background-color: rgba(0,0,0,0.5);      
    }
    .searchfield {padding: 6px 0; width:60%;display: inline-block;}
    #btnsearch {width:35%;display: inline-block; background:#444444;}

  }

  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #home_header_spacer {
      width: 100%;
      height: 30px;
      display: block;
      background: none;
    }
    #tagline {font-size: 0.875em !important;/*14/16*/}
    #calltoaction h1{font-size: 1.5em;}
    .alignright {text-align: center;}
    .navwrapper {background: transparent url(/files/site_assets/bg_nav.png) bottom center no-repeat; padding-bottom: 10px;}
    nav{width: 100%; display:none;}
    nav ol {list-style: none; margin: 0 0 20px 0; padding: 0; font-size: 1em;/*16/16*/}
    nav ol, nav ol li {float: none;}
    nav ol li {display: block; margin: 1px 0;}
    nav ol li a {
      background-color: #9D2D09;
      background-color: rgba(0,0,0,0.25);
      display: block; color: #fffefe; padding: 12px 15px; font-weight:bold; font-size: 1.333em;/*16/16*/
      -webkit-border-radius:30px;
      -moz-border-radius:30px;
      -o-border-radius:30px;
      -ms-border-radius:30px;
      border-radius:30px;
    }
    nav ol li a:hover {
      color: #fffefe;
      background-color: #6F2105;
      background-color: rgba(0,0,0,0.5);      
    }
    .searchfield {padding: 6px 0; width:60%;display: inline-block;}
    #btnsearch {width:35%;display: inline-block; background:#444444;}
  }

  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {
  
    #home_header_spacer {
      width: 100%;
      height: 30px;
      display: block;
      background: none;
    }
    #tagline {font-size: 0.875em !important;/*14/16*/}
    #calltoaction h1{font-size: 1.5em;}
    .alignright {text-align: center;}
    .navwrapper {background: transparent url(/files/site_assets/bg_nav.png) bottom center no-repeat; padding-bottom: 10px;}
    nav{width: 100%; display:none;}
    nav ol {list-style: none; margin: 0 0 20px 0; padding: 0; font-size: 1em;/*16/16*/}
    nav ol, nav ol li {float: none;}
    nav ol li {display: block; margin: 1px 0;}
    nav ol li a {
      background-color: #9D2D09;
      background-color: rgba(0,0,0,0.25);
      display: block; color: #fffefe; padding: 12px 15px; font-weight:bold; font-size: 1.333em;/*16/16*/
      -webkit-border-radius:30px;
      -moz-border-radius:30px;
      -o-border-radius:30px;
      -ms-border-radius:30px;
      border-radius:30px;
    }
    nav ol li a:hover {
      color: #fffefe;
      background-color: #6F2105;
      background-color: rgba(0,0,0,0.5);      
    }
    .searchfield {padding: 6px 0; width:60%;display: inline-block;}
    #btnsearch {width:35%;display: inline-block; background:#444444;}    
  }
  
  /* Print */
  @media print {
    header, #pagenav {display: none;}
    #printheader {display: block;}
    .printpagebreak{page-break-after: always;}
  }


/* -------------------------------------------- 
FORM STYLES (added)
----------------------------------------------- */
.styled {
    margin-left:auto;
    margin-right:auto;

    max-width: 500px;
    background: #FFF;
    padding: 20px 30px 20px 30px;
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #888;
    text-shadow: 1px 1px 1px #FFF;
    border:1px solid #DDD;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.styled h1 {
    font: 25px "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0px 0px 10px 40px;
    display: block;
    border-bottom: 1px solid #DADADA;
    margin: -10px -30px 30px -30px;
    color: #888;
}
.styled h1>span {
    display: block;
    font-size: 11px;
}
.styled label {
    display: block;
    margin: 0px 0px 5px;
}
.styled label>span {
    float: left;
    width: 20%;
    text-align: right;
    padding-right: 10px;
    margin-top: 10px;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
}
.styled input[type="text"], .styled input[type="email"], .styled textarea, .styled select{
    border: 1px solid #CCC;
    color: #888;
    height: 20px;
    line-height:15px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 5px 0px 5px 5px;
    width: 70%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;    
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.styled select {
    background: #FFF url('down-arrow.png') no-repeat right;
    background: #FFF url('down-arrow.png') no-repeat right;
    appearance:none;
    -webkit-appearance:none; 
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 70%;
    height: 35px;
    line-height:15px;
}
.styled textarea{
    height:100px;
    padding: 5px 0px 0px 5px;
    width: 70%;
}
.styled.button {
    background: #FFF;
    border: 1px solid #CCC;
    padding: 10px 25px 10px 25px;
    color: #333;
    border-radius: 4px;
}
.styled.button:hover {
    color: #333;
    background-color: #EBEBEB;
    border-color: #ADADAD;
}


/* ------------------------------------------ 
SEARCH RESULTS
--------------------------------------------- */
#results {}
.padding-both {
  padding-top: 25px;
  padding-bottom: 25px;
}

.searchresults {}
.searchresults__item {
  display: block;
}
.linkedproducts__item {
  display: block;
}
.linkedproducts__item .col1 {}
.linkedproducts__item .col2 {}


@media only screen and (min-width:768px){
  .padding-both {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .searchresults {}
  .searchresults__item {  
    display: inline-block;
    width: 23%;
  }
  .linkedproducts__item {
    display: inline-block;
    width: 32%;
  }
}

.home-intro { color: #fff; }
.home-intro h1 { color: #fff; font-size: 36px !important; margin-bottom: 0.3em; }
.home-intro p { color: #fff; font-size: 18px; }
.home-intro p a { color: #fff; font-size: 18px; border-bottom: 1px dotted #ffffff; }

.product__item { border-top: 1px solid #e3e5d8; padding-top: 16px; margin-top: 16px; }
.tagline-small {font-size:0.85rem; color:white;}