/*
= IMPORTING STUFF AND SETTING DEFAULT STYLES
-------------------------------------------------------------------------------------- */
@import url("reset.css");

/*
= FONT EMBEDING
-------------------------------------------------------------------------------------- */
@font-face {
    font-family: 'robotolight';
    src: url('roboto-light-webfont.eot');
    src: url('roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-light-webfont.woff') format('woff'),
         url('roboto-light-webfont.ttf') format('truetype'),
         url('roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
  }
@font-face {
    font-family: 'robotoregular';
    src: url('roboto-regular-webfont.eot');
    src: url('roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-regular-webfont.woff') format('woff'),
         url('roboto-regular-webfont.ttf') format('truetype'),
         url('roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
@font-face {
    font-family: 'pt_serifitalic';
    src: url('ptf56f-webfont.eot');
    src: url('ptf56f-webfont.eot?#iefix') format('embedded-opentype'),
         url('ptf56f-webfont.woff') format('woff'),
         url('ptf56f-webfont.ttf') format('truetype'),
         url('ptf56f-webfont.svg#pt_serifitalic') format('svg');
    font-weight: normal;
    font-style: normal;
  }
@font-face {
    font-family: 'robotobold';
    src: url('roboto-bold-webfont.eot');
    src: url('roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-bold-webfont.woff') format('woff'),
         url('roboto-bold-webfont.ttf') format('truetype'),
         url('roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
@font-face {
    font-family: 'pt_serifbold_italic';
    src: url('ptf76f-webfont.eot');
    src: url('ptf76f-webfont.eot?#iefix') format('embedded-opentype'),
         url('ptf76f-webfont.woff') format('woff'),
         url('ptf76f-webfont.ttf') format('truetype'),
         url('ptf76f-webfont.svg#pt_serifbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'fashionshop';
  src:url('fashionshop.eot?nunb0m');
  src:url('fashionshop.eot?#iefixnunb0m') format('embedded-opentype'),
    url('fashionshop.woff?nunb0m') format('woff'),
    url('fashionshop.ttf?nunb0m') format('truetype'),
    url('fashionshop.svg?nunb0m#fashionshop') format('svg');
  font-weight: normal;
  font-style: normal;
}


/*
= COMMON
-------------------------------------------------------------------------------------- */
body,
.copyright,
#product-tabs p,
.gui {font-family: 'robotoregular', Helvetica, Arial, sans-serif;}
body, html {margin: 0; padding: 0;}
.gui {color: inherit;}
* {outline: none;}
  .wrapper {width: 1020px; margin: 0 auto;}
.socialbar.wrapper {width: 940px;}
  a {color: inherit; text-decoration: none;}
  p {margin-bottom: 20px; font-size: 16px; color: #444444;}
  h1,h2,h3,h4,h5,h6 {font-weight: normal;}
  h1,
  .gui-page-title {
    margin-bottom: 10px; padding-bottom: 7px;
    font-size: 32px; color: #b1615a;
    border-bottom: 1px solid #f8c897;
    }
    .gui-page-title {border-bottom: none;}
.single-product h1 {padding-right: 115px; text-align: left;}
  h2 {margin-bottom: 5px; font-size: 25px; color: #62868d;}
      /*Roboto Light*/
        header,
        p,
        .accordion h4,
        .breadcrumbs {font-family: 'robotolight', Helvetica, Arial, sans-serif;}

      /*Roboto Bold*/
        a.my-account,
        .product-list span,
        span.price,
        .accordion h5 {font-family: 'robotobold', sans-serif;}

      /*PT serif italic*/
        header fieldset input,
        .cycle-slideshow h5,
        .cycle-slideshow h6,
        footer fieldset input,
        h3,
        h4,
        h2,
        h1,
        div.currently,
        .ui-tabs .ui-tabs-nav .ui-tabs-anchor,
        .choose li label,
        .ui-dropdownized,
        .ui-spinner #amount-spinner,
        .choose.buttons a.button,
        .content ul.top-options,
        .content ul.top-options p,
        .subheader p,
        #pager,
        #pager ol li,
        nav ul li ul li a,
        .gui-page-title,
        .gui a.gui-button-large,
        .gui a.gui-button-small,
        .gui-block-subtitle,
        .content input[type=submit],
        #product-tabs .review p.author, 
        .gui-blog-article h1 {font-family: 'pt_serifitalic', serif;}

      /*PT serif bold italic*/
        .cycle-slideshow h4,
        .cycle-slideshow h5 strong,
        .button,
        footer h5,
        aside h2, .gui-block-title {font-family: 'pt_serifbold_italic', serif;}

.button,
.gui a.gui-button-large,
.gui a.gui-button-small,
.content input[type=submit] {
  position: relative;
  display: inline-block;
  padding: 5px 23px; margin: 25px 0;
  font-size: 16px; color: #f3f3f3; text-align: center;
  background: #c27069; 
  border-radius: 4px;
  }
   .gui a.gui-button-large,
   .gui a.gui-button-small {margin: 0; height: auto; line-height: 1; border: 0px; box-shadow: none; font-weight: normal;}
  .cycle-slideshow .button:before,
  .cycle-slideshow .button:after {content: ""; position: absolute; top: -10px; left: 10%; height: 2px; width: 80%; background: #ffffff;}
    .cycle-slideshow .button:after {top: auto; bottom: -10px;}

  .button:hover,
  .gui a.gui-button-large:hover, .gui a.gui-button-small:hover {opacity: 0.85;}

    .button.light {
      padding: 7px 25px;
      font-size: 14px;
      background: #fbb49f;
      }
      .button.light:hover {opacity:0.85;}

/** fashionshop webfont */
  [class^="icon-"]:before, [class*=" icon-"]:before,
  header .languages ul li a:before,
  header .currency ul li a:before,
  header .languages ul li.active span:before,
  header .currency ul li.active span:before,
  #menu-trigger:before,
  #grid-view:before,
  #list-view:before{
  font-family: 'fashionshop';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-topmenu:before {content: "\e608";position:absolute; bottom: 8px; left: 0;right: 0;z-index:99; color:rgba(255,255,255,0.7); font-size: 23px;text-align:center;cursor:pointer;}
  .cartContainer > .wrapper {}
    .cartContainer > .wrapper section{opacity:1;}
#grid-view:before {content: "\e606";}
#list-view:before {content: "\e607";}
.icon-menu:before,
#menu-trigger:before{content: "\e605";}
.icon-arrow-down:before {content: "\e600";}
.icon-arrow-right:before {content: "\e601";}
.icon-cart:before {
  content: "\e602";
  position: relative; top: 4px;
  font-size: 18px; margin-right: 7px;
}
.icon-on-off:before {
  content: "\e603";
  position: relative; top: 3px;
  font-size: 18px; margin-right: 7px;
  }
.icon-search:before {
  content: "\e604";
  position: absolute; right: 5px; top: 50%;
  margin-top: -10px;
  font-size: 20px; 
  }

.index h3, .index h4, .index h5, .index h6{font-size: 26px; line-height: normal; margin-bottom: 30px;}
.index h4{font-size: 23px; margin-bottom: 25px;}
.index h5{font-size: 20px; margin-bottom: 20px;}
.index h6{font-size: 18px; font-weight: bold;}
.index .index-content{margin: 0 0 70px 0;}

/*hallmarks*/
  #hallmarks{text-align:center;}
    #hallmarks ul{margin:15px 0 45px;}
      #hallmarks ul li{list-style:none; display:inline-block;margin:10px 6px;}
        #hallmarks img{display: block;max-width:120px;max-height:75px;width:auto;height:auto;}
#hallmarks a{display:block;}
#hallmarks a:hover{opacity:0.75;}

#menu-trigger, nav .submenu-trigger{display: none;position:absolute; top: -52px; right: 0; z-index: 99; padding:15px 0 15px 25px;font-size:22px; cursor:pointer;}
    nav .submenu-trigger{top:0;bottom:0;right:auto;left:0;margin:0;padding:5px 60px 0 5px;font-weight:900;}
#mobi-search,header span.mobile,#toggle-top-menu{display:none;}
input[type=text], input[type=submit] {-webkit-appearance: none; border-radius: 0;}
.fancybox-title-float-wrap .child{white-space:normal !important;}

/*
= HEADER
-------------------------------------------------------------------------------------- */
  header,
  footer,
  nav ul li ul {background: url(header-pattern.jpg) 0 0 repeat;}
    header .cartContainer,
    footer .bottom {
      padding-top: 12px;
      color: #f8c897;
      background: #6e4450 url(funny-line.jpg) 0 100% repeat-x;
      border-top: 1px solid #111111;
      }
header{box-shadow:0 0px 1px 1px rgba(0,0,0,0.15);}
    header .cartContainer .wrapper,
    header .nav.wrapper {
      position: relative;
      text-align: justify;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      }
      header .nav.wrapper {margin: 17px auto 0;}
      header .cartContainer{position: relative;}
      header .cartContainer .wrapper{padding-right: 205px;}
        header .cartContainer .wrapper:after,
        header .nav.wrapper:after {
          content: ""; width: 100%;
          display: inline-block; *display: inline; *zoom: 1;
          }

        header .cartContainer .wrapper section,
        header a.logo,
        header nav,
        header div.tel,
        header fieldset {
          display: inline-block; *display: inline; *zoom: 1;
          vertical-align: middle;
          }
header .cartContainer .wrapper section.minimenu{min-height: 25px; font-size: 12px;}

        section.minimenu a {margin: 0; padding: 0px 3px; color: #fffacc;}
          section.minimenu a:hover {opacity: 0.85;}

        header fieldset {
          position: absolute; top: 0; right: 0; bottom: 16px; 
          padding: 0 0 0 10px; margin: -10px 0;
          }
          header fieldset form{height: 100%;}
          header fieldset input {
            margin: 0 -2px; padding: 15px 10px;
            color:#f8c897; font-size: 13px;
            background: #653744;
            border: none;
            box-shadow: none;
            }
            header fieldset input[type=text]{height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing: border-box;}
            header fieldset input[type=submit] {
              width: 34px; height: 100%;
              text-indent: -9999px;
              }
              header #mobi-search{position:relative;bottom:0;left:-2px;margin:0;padding:0}
                header #mobi-search input[type=text]{width:100%;padding-right:70px;}
                header #mobi-search input[type=submit]{position:absolute;right:0;top:0;z-index:1;width:60px;}
                header #mobi-search:before{z-index: 99}
            
            header input::-webkit-input-placeholder {color: #f8c897;}
            header input:-moz-placeholder { /* Firefox 18- */ color: #f8c897;}
            header input::-moz-placeholder {  /* Firefox 19+ */ color: #f8c897;}
            header input:-ms-input-placeholder {color: #f8c897;}
           header .contents.hide {
              position: absolute; top: 23px; left: 113px; z-index: 999;
              background: #6e4450;
              padding: 18px 10px 10px;
              border-radius: 5px;
              }
              header .contents.hide.loggedout {left: auto; right: 0;}
              header .contents.hide .sum {padding-bottom: 5px;}
                header .contents.hide .sum strong {font-size: 16px;}
          header a.cart {position: relative; margin-left: 14px; margin-right: 14px;}
header .minimenu {position: relative;}
            header .minimenu:hover div.contents.hide {
              display: block;
              }
          header a.log {
            margin-right: 0; padding-left: 0; padding-right: 16px;
            }

          header a.logo {
            }
header .nav.center-content{text-align: center;}
header .nav.center-content a.logo{display: block; padding-top: 18px;}
            nav ul {margin: 0;}
              nav > ul > li {
                position: relative;
                list-style: none; float: left;
                margin-right: 20px; margin-left: -5px; padding: 20px 0;
                font-size: 18px; color: #444444;
                -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
                }
                nav > ul > li:last-child{margin-right:0;}
                nav > ul > li > a {
                  padding: 5px 10px;
                  }
                  nav > ul > li:hover > a,
                  nav > ul > li > a:hover,
                  nav > ul > li > a.active {
                    color: #b1615a;
                    border-bottom: 2px solid #62868d;
                    }
          header div.tel {font-size: 12px;}
            header div.tel.has-border{padding-left: 10px; margin-left: 0; margin-top: 0; border-left: 1px dashed;}



      /*second lvl list*/
        nav ul li ul {
          position: absolute; top: 60px; left: -50%; z-index: 99999; display: none;
          width: 190px; height: auto;
          padding: 5px 0;
          border: 2px solid #fff;
          box-shadow: 1px 7px 14px rgba(2,2,2,0.2);
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          }
          nav ul li.pull-left ul{left: -100%;}
          nav > ul > li:hover > ul {display: block;}
          nav ul li ul li {position: relative; list-style: none; font-size: 14px; color: #62868d;}
            nav ul li ul li.title {
                margin-bottom: 10px; padding: 7px 10px; 
                font-weight: bold; 
                background: #ffffff;
            }
            nav ul li ul li a {
              display: block; padding: 4px 10px;
              }
              @media screen and (min-width:1050px){nav ul li ul li:hover > a {color: #f8a891; background: rgba(0,0,0,0.04);}}
nav ul li ul li ul {display: none; left: auto; right: -100%; top: 0;}
nav ul li ul li:hover > ul {display: block;}


      /*Subheader *****/
        .subheader {border-bottom: 1px solid #dddddd;}
        .subheader .wrapper {position: relative;}
          .breadcrumbs {margin: 10px 0;}
            .breadcrumbs li {
              list-style: none; float: left;
              font-size: 12px; color: #b1615a; line-height: 18px;
              }
              .breadcrumbs li:after {content: ">"; padding: 0 6px; color: #dddddd;}
                .breadcrumbs li:last-child:after {content: "";}
              .breadcrumbs li.home a {
                padding-left: 24px;
                background: url(breadcrumb-home.png) 0 50% no-repeat;
                }
              .breadcrumbs li a {color: #f8c897;}
                .breadcrumbs li a:hover {text-decoration: underline;}

                  div.like {position: absolute; top: 50%; right: 0; margin-top: -10px;}
                    div.like p {
                      position: relative; display: inline-block; *display: inline; top: 0;
                      margin-right: 6px;
                      }
                  div.social-block {display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; position: relative;}
                  div.social-block.social-block-facebook {top: -2px;}

/*
= CUSTOM DROPDOWNS (language, currency)
-------------------------------------------------------------------------------------- */
.ddlabel {display: block; height: 0px; text-indent: -9999px;}
  #languages_msdd,
  #currency_msdd {
    display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;
    margin-right: 10px;
    cursor: pointer;
    }
  #languages_msdd {width: 40px !important; height: 17px;}
  #currency_msdd {height: 17px; width: 28px !important;}
  
  .ddTitle.borderRadiusTp {position: relative;}
  .dd .ddArrow{
    position: absolute; right: 3px; top: 5px;
    display: block;
    width: 8px; height: 7px;
    background:url(arrow.png) no-repeat;
    }
  .ddChild {margin-top: 5px;}
    .ddChild ul {
      margin: 0 0 0 -11px; padding: 10px 10px 5px 10px;
      background: #6e4450;
      border-radius: 5px;
      }
      .ddChild ul li {
        list-style: none;
        padding: 3px 10px 3px 0;
        background: url(arrow-right.png) 100% 50% no-repeat;
        }

header div.languages,
header div.currency {position: relative; z-index: 999999; display: inline-block; vertical-align: middle; width: 40px; height: 25px;}
  header div.languages ul,
  header div.currency ul {
    position: absolute; top: -6px; left: 0;z-index: 999999;
    width: 24px;
    margin: 0 0 0 -11px; padding: 5px 17px 3px 8px;
    background: #6e4450;
    border-radius: 5px;
    }
    header .languages ul li,
    header .currency ul li {
      display: none;
      list-style: none;
      padding: 5px 10px 5px 0;
        background-position: 50% 50%; background-repeat: no-repeat;
        }
        header .languages ul li.active,
        header .languages ul:hover li,
        header .currency ul li.active,
        header .currency ul:hover li {display: block;}
        header .languages ul li a,
        header .languages ul li.active span,
        header .currency ul li a,
        header .currency ul li.active span {
          position: relative;
          display: block;
          width: 35px;
          text-indent: -9999px;
          }
        header .currency ul li a,
        header .currency ul li.active span {text-indent: 7px; font-size: 14px;}

          header .languages ul li a:before,
          header .currency ul li a:before {content:"\e601"; position: absolute; top: 4px; right: -1px; text-indent: 0; font-size: 10px;}
          header .languages ul li.active span:before,
          header .currency ul li.active span:before {
            content: "\e600";
            position:absolute; right: 0; top: 5px; z-index: 999;
            text-indent: 0; font-size: 10px;
          }
          .languages li.flag-en {background-image: url(icon-flag-en.png);}
          .languages li.flag-de {background-image: url(icon-flag-de.png);}
          .languages li.flag-fr {background-image: url(icon-flag-fr.png);}
          .languages li.flag-it {background-image: url(icon-flag-it.png);}
          .languages li.flag-no {background-image: url(icon-flag-no.png);}
          .languages li.flag-nl {background-image: url(icon-flag-nl.png);}
          .languages li.flag-tr {background-image: url(icon-flag-tr.png);}
          .languages li.flag-sv {background-image: url(icon-flag-sv.png);}
          .languages li.flag-se {background-image: url(icon-flag-se.png);}
          .languages li.flag-ru {background-image: url(icon-flag-ru.png);}
          .languages li.flag-pt {background-image: url(icon-flag-pt.png);}
          .languages li.flag-pl {background-image: url(icon-flag-pl.png);}
          .languages li.flag-no {background-image: url(icon-flag-no.png);}
          .languages li.flag-es {background-image: url(icon-flag-es.png);}
          .languages li.flag-el {background-image: url(icon-flag-el.png);}
          .languages li.flag-da {background-image: url(icon-flag-da.png);}
          .languages li.flag-bg {background-image: url(icon-flag-bg.png);}
          .currency li.curr-chf a {font-size: 9px;}

/*
= HOMEPAGE SLIDESHOW
-------------------------------------------------------------------------------------- */
  #home.cycle-slideshow {width: 100%; height: auto; overflow: hidden;}
    #home.cycle-slideshow:after {
      content: "";
      position: absolute; left: 0; bottom: 0; z-index: 999;
      display: block; height: 5px; width: 100%; background: #F8C897;
      }
    #home.cycle-slideshow:before{
      content: ""; 
      position: absolute; left: 0; top: 0; z-index: 999;
      display: block; height: 5px; width: 100%; background: #f8c897;
      }
    #home.cycle-slideshow div.panel {
      width: 100%; height: 100%;
      text-align: center;
      background: #e7ead8;
      }
      #home.cycle-slideshow div.cycle-overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
        .helper,
        #home.cycle-slideshow article.content {
          display: inline-block; *display: inline; *zoom: 1;
          vertical-align: middle;
          }
          #home.cycle-slideshow article.content.alignleft {padding-right: 30%;}
          #home.cycle-slideshow article.content.alignright {padding-left: 30%;}
          .helper {width: 0; height: 100%;}
      
      #home.cycle-slideshow h4 {font-size: 64px; color: #b1615a; line-height: 56px;}
      #home.cycle-slideshow h5 {color: #6e4450; font-size: 48px; line-height: 56px;}
      #home.cycle-slideshow h6 {margin-bottom: 15px; color: #62868d; font-size: 25px; line-height: 41px;}
      #home.cycle-slideshow .button {margin: 45px 0 0;}
      #home.cycle-slideshow img{width: 100%;}

  /*Next/Prev buttons*/
      #home .cycle-prev,
      #home .cycle-next {
        position: absolute; z-index: 10000; top: 50%;
        display: block;
        width: 36px; height: 60px;
        margin-top: -30px;
        text-indent: -9999px;
        background-color: rgba(0,0,0,0.5); background-position: 50% 50%; background-repeat: no-repeat;
        border-radius: 0 5px 5px 0;
        cursor: pointer;
        }
        #home .cycle-prev {left: 0; background-image: url(prev.png);}
        #home .cycle-next {
          right: 0;
          background-image: url(next.png);
          border-radius: 5px 0 0 5px;
          }
          #home .cycle-prev:after,
          #home .cycle-next:before {
            content: ""; position: absolute; top: 50%;
            display: block;
            width: 2px; height: 48px;
            margin-top: -24px;
            background: #ffffff;
            }
            #home .cycle-prev:after {right: -8px;}
            #home .cycle-next:before {left: -8px;}
              #home .cycle-prev:hover,
              #home .cycle-next:hover {background-color: rgba(0,0,0,0.9);}

/* Branding slider */
#our-brands {margin: 0 auto 30px;text-align:center;}
#our-brands img {width: auto; height: auto;}
#our-brands a:hover img,
.banner a:hover img{opacity:0.75;}
.brands h2 {text-align: center; margin-bottom: 30px;}


/*
= PRODUCT LISTS
-------------------------------------------------------------------------------------- */
  div.main {padding: 47px 0;}
    .product-list, .content .product-list {margin: 0 -15px; text-align: left;}
      .product-list:after {content: ""; display: inline-block; width: 100%; font-size: 0;}
      .product-list li, .content .product-list li {
        list-style: none;
        display: inline-block; *display: inline; *zoom: 1;
        vertical-align: top;
        width: 230px;
        margin: 0 15px 35px;
        text-align: left;
        }
        .product-list li figure {
          position: relative;
          width: 100%; height: 200px;
          margin-bottom: 14px;
          overflow: hidden;
          }
          .product-list li figure img {display: block; min-width: 100%; min-height: 100%;}
          .product-list li div.overlay,
          #bigimg .overlay {
            display: none;
            position: absolute; top: 0; left: 0;z-index:50;
            width: 100%; height: 100%;
            background-color: rgba(248,168,145,0.2); 
            }
            .product-list li div.overlay span.over-button,
            #bigimg .overlay span.over-button{
              position: absolute; top: 50%; left: 50%; 
              display: block; width: 45px; height: 45px;
              margin-top: -22.5px; margin-left: -22.5px;
              background-color: #f8a891; background-image: url(arrow-right-to.png); background-position: 50% 50%; background-repeat: no-repeat; /* Dimensions of image 13x21*/
              border-radius: 3px; border: none;
              box-shadow: 0 0 0 4px rgba(255,255,255,0.4);
              }
              .product-list.list-view li div.overlay span.over-button{top:90%;left:90%;width:24px;height:24px;background-size:8px;}
              #bigimg .overlay span.over-button{background-image: url(magnify.png);}
      .product-list li:hover div.overlay {display: block;}
      .product-list h3, .content .product-list h3 {margin-bottom: 4px; font-size: 16px; color: #b1615a; line-height: 21px;}
      .content .product-list li a {font-size: inherit; text-decoration: none;}
        .product-list h3 a:hover {text-decoration: underline;}
      span.price {padding-right: 10px; font-size: 16px; color: #f8a891;}
        span.old {position: relative; padding-left: 5px; color: #d2d2d2 !important;}
          span.old:after {
            content: ""; position: absolute; top: 0; left: 0;
            display: block;
            width: 100%; height: 100%;
            background: url(striketrough.png) 0 50% no-repeat;
            }
    .product-list .info {padding-top: 0;}
      .product-list article.desc,.wysiwyg.wysiwyg-margin {
        display: none;
        font-size: 14px; color: #444444; line-height: 20px;
        }
        .product-list.list-view article.desc,.wysiwyg.wysiwyg-margin {display: block;}
.products-list.list-view div.legal-mode{min-height:0;margin:0 0 5px;padding:0;border:none;}


.two-col {position: relative; text-align: justify;}
  .two-col:before {
    content: "";
    position: absolute; top: 80px; bottom: 155px; left: 50%;
    display: block;
    width: 2px;
    margin-left: -1px;
    background-color: #e3e3e3;
    }

  section.half,
  .two-col:after {display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
    section.half {width: 47.5%; /*width: 485px;*/}
    .two-col:after {content: ""; width: 100%; font-size: 0; font-size: 12px/9;}

  .two-col .product-list {margin: 0 -10px;}
    .two-col .product-list li {margin: 0 10px 20px;}

    section.half.right-half {text-align: right;}

  /**** Collections product lists*/
    .content .product-list {margin: 0 -14px; text-align: left;}
      .content .product-list li {width: 240px;}
        .content .product-list li figure {height: 230px;}

    /****** List View Product list */
      .product-list.list-view {}
        .product-list.list-view.products-sidebar {padding-top: 10px; text-align: left;}
        .product-list.list-view li {
          display: block;
          width: 95%; height: auto;
          overflow: hidden;
          }
          .product-list.list-view.products-sidebar li {width: 49%; display: inline-block; margin: 0;}
          .product-list.list-view li figure {
            float: left;
            width: 120px; height: 120px;
            margin-right: 10px;
            }
            .product-list.list-view.products-sidebar li figure {width: 90px; height: 90px; margin-right: 10px; margin-left: 10px;}
            
                    .product-list.list-view.products-sidebar li figure img {margin-left: 0;}
div.cat.wrapper{text-align:center;}
  .cat ul.categories{margin:0 0 65px;}
    .cat ul.categories li{
      list-style:none;
      position: static;float:none;
      max-width:162px;width:auto; margin:10px 15px;
      display:inline-block;zoom:1;*display:inline;
      text-align:left;
      }
.cat ul.categories li img,
.content div.category img{padding:0;}
.cat ul.categories li h3,
.content div.category h3{text-align:left;font-size:16px;height:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.cat ul.categories li h3 a,
.content div.category h3 a{display:inline;}
.cat ul.categories li a:hover img,
.content div.category a:hover img{opacity: 0.75}
.content div.category h3{border:none;text-align:center;padding-top:0;padding-bottom:25px;}
.content div.category a{text-decoration: none;}

/*
= SINGLE PRODUCT (preview & info)
-------------------------------------------------------------------------------------- */
  .single-product {
    opacity: 0;
    position: relative;
    margin-bottom: 47px;
    text-align: justify;
    border-bottom: 2px solid #e3e3e3;
    }
    .single-product:after {content: ""; width: 100%; font-size: 0; *font-size: 12px/9;}
    section.preview, .single-product:after, section.info {display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
  section.preview,
  section.info {position: relative; width: 494px; margin-bottom: 20px;}
    section.info {top: -9px;}
    #bigimg {
      position: relative;
      width: 100%; height: 299px;
      margin-bottom: 15px;
      overflow: hidden;
      }
      #bigimg figure {position:relative;width: 100%; height: 100%;}
      #bigimg img {display: block; width:100%;position:absolute;top:0;left:0}
      #bigimg .overlay {cursor: pointer;}
        #bigimg:hover .overlay {display: block;}

    div.thumbs {height: 72px; margin-left: 1px; overflow: hidden;}
      div.thumbs a {display: block; width: 119px; overflow: hidden; cursor: context-menu;}
        div.thumbs a img {max-width: 100%; height: auto;}
      div.thumbs a[rel=fancy] {position: absolute; left: -9999px; top: -9999px; text-indent: -9999px;}
      div.thumbs img {width: auto; height: auto;}

        .price-tag {position: absolute; top: -14px; right: 0; text-align: center;}
          .price-tag span.price {
            display: block;
            padding: 0 0 0 8px;
            font-size: 26px;
            border-left: 2px solid #e8e8e8;
            }
          .price-tag span.price.old {
            display: inline-block;
            padding: 0;
            font-size: 16px;
            border: none;
            }

    /*Next/Prev controls*/
      #single div.cycle-next,
      #single div.cycle-prev {
        position: absolute; top: 0; left: 0; z-index: 999;
        width: 30px; height: 100%;
        text-indent: -9999px;
        background: #f8a891 url(prev.png) 50% 50% no-repeat;
        border-radius: 0 5px 5px 0;
        opacity: 0;
        cursor: pointer;
        }
        #single div.cycle-next:hover,
        #single div.cycle-prev:hover {opacity: 0.65;}
        #single div.cycle-next {
          left: auto; right: 0;
          background-image: url(next.png);
          border-radius: 5px 0 0 5px;
          }
#single div.cycle-next.disabled,
#single div.cycle-prev.disabled {display: none;}


    /****Star Rating*/
      .rate-this {display: inline-block; *display: inline; padding: 1px 0;width:83px;}
      div.star-rating{
        display:block;
        float:left;
        width:17px; height:15px;
        text-indent:-999em; cursor:pointer;
        background:transparent;
        overflow:hidden;
        }
      div.rating-cancel,div.rating-cancel a{display: none!important;}
      div.star-rating,div.star-rating a{background:url(star.gif) no-repeat 0 0px}
      div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
      div.star-rating-on a{background-position:0 -16px!important}
      div.star-rating-hover a{background-position:0 -32px}
      /* Read Only CSS */
        div.star-rating-readonly a{cursor:default !important}
      /* Partial Star CSS */
        div.star-rating{background:transparent!important;overflow:hidden!important}

.rate-this .stars,
#product-tabs .review .rating .stars {
    display: inline-block; vertical-align: middle; 
    margin: 0 3px 9px 0;
    width: 80px; height: 16px; 
    background: url(icon-16-stars.png) 0px 0px repeat-x; 
    }
#product-tabs .review .rating .stars {margin-bottom: 6px;}
.rate-this .stars-percent,
.review .rating .stars-percent {
    display: inline-block; float: left; 
    width: 100%; height: 16px; 
    background: url(icon-16-stars.png) 0px -16px repeat-x;
    }
.review .rating .score {display: none;}

    div.currently {
      width:380px;
      float: right; overflow: hidden;
      margin-top: 2px;
      font-size: 14px; color: #a1a1a1;text-align:right;
      }
      div.currently #shippings {padding-top: 5px;}
      div.currently span {margin-left: 7px; padding-left: 7px;margin-bottom:3px;display:inline-block;}
        .currently span.availability {color: #9ac38b; border-left: 2px solid #e8e8e8;}
.single-product div.currently span{padding-right:0}

  /*****Tabs     */
    .ui-tabs {position: relative; margin: 20px 0 10px; padding: 0;}
    #product-tabs p {margin-bottom: 20px; font-size: 13px; color: #777777; line-height: 20px;}
    .ui-tabs .ui-tabs-nav {margin: 0; overflow: hidden;}
    .ui-tabs .ui-tabs-nav li {
      list-style: none;
      float: left;
      position: relative;
      top: 0;
      margin: 1px .2em 0 0;
      border-bottom-width: 0;
      padding: 0;
      white-space: nowrap;
      }
    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
      float: left;
      padding: 6px 10px;
      color: #f8a891; font-size: 15px; text-decoration: none;
      }
    .ui-tabs .ui-tabs-nav li.ui-tabs-active {
      margin-bottom: -1px; padding-bottom: 1px;
      background: #f3f3f3;
      }
      .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {color: #b1615a;}
    .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
    .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
    .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {cursor: text;}
    .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {cursor: pointer;}
    .ui-tabs .ui-tabs-panel {
      display: block;
      border-width: 0;
      padding: 10px;
      background: #f3f3f3;
      -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
      }

     #product-tabs .review p.author {margin-bottom: 5px; color: #333333; font-size: 14px;}
        #product-tabs .review p.author span.date {display: block; font-size: 12px;} 
#product-tabs span.stats {font-size: 11px;}
#write_review {display: block; color: #62868D;}
#write_review:hover {text-decoration: underline;}

    /**** Custom select (dropdownized)*/
select.custom, .choose select {display: none;} select[multiple="multiple"] {display: block;}
      .ui-dropdownized {
            display:inline-block;
            height: 24px;
            font-size: 14px; color: #f8a891;
            background: #f3f3f3 url(dropdownized-sprite.png) 100% -25px no-repeat;
            border-radius: 5px;
            }
            .choose .ui-dropdownized {width: 150px !important;}
            .ui-dropdownized.hover {background-position: 100% 0;}
            .ui-dropdownized div {text-indent: 10px;}
            .ui-dropdownized select {font-size: 15px;}
        .ui-spinner.ui-widget-content {position: relative; display: block; height: 24px;}
          .ui-spinner #amount-spinner {
            width: 100%;
            padding: 3px 10px;
            font-size: 14px; color: #f8a891;
            background: #f3f3f3;
            border: none; border-radius: 5px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            }
          a.ui-spinner-button {
            position: absolute; top: 0; right: 0;
            display: inline-block; width: 24px; height: 24px;
            text-indent: -9999px;
          background: url(spinner-bg.png) 0 0 no-repeat;
          cursor: pointer;
            }
            a.ui-spinner-button.ui-spinner-up {background-position: -24px 0;}
            a.ui-spinner-button.ui-spinner-down {right: 24px;}
              a.ui-spinner-button.ui-spinner-up:hover {background-position: -24px -24px;}
              a.ui-spinner-button.ui-spinner-down:hover {background-position: 0 -24px;}

    .choose {position: relative; margin: 0; text-align: justify;}
      .choose li,
      .choose:after,
      .choose li .product-info-options,
      .choose li .buy {display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}

        .choose li form > div {display: inline-block; vertical-align: top;}

        .choose li:first-child {width: 100%;}
        .choose li .product-info-options {width: 69%;}
        .choose li .buy {width: 30%;}
        .product-configure {width: auto; margin-bottom: 0;}
        .choose.buttons li {width: 30%;}
        .choose:after {content: ""; width: 100%; font-size: 0;}

        .product-configure-custom {text-align: left;}
        .product-configure .product-configure-variants, .product-configure .product-configure-options-option, .product-configure .product-configure-custom-option {padding: 0; display: inline-block; *display: inline; *zoom: 1; width: 45%;}
            .product-configure-custom > div:nth-child(odd) {margin-right: 5%;}

            .product-configure input[type="text"], .product-configure textarea {width: 140px;}
            .product-configure select {width: 150px; padding: 3px 5px; color: #888888; background: #f5f5f5;}
            .product-configure .product-configure-custom-option-item {width: auto;}
            .product-configure-custom-option-date {float: none; width: auto;}
            .product-configure-custom-option-time {float: none; width: auto;}

          .choose li label {
            display: block;
            text-align: left; font-size: 14px; color: #a1a1a1; font-weight: normal;
            cursor: text;
            }
label[for=amount-spinner]{margin-bottom: 9px;}
            .product-configure label {width: auto;}
            .tui label {float: none; display: inline-block !important; vertical-align:top; position: relative; top: -3px; height: auto; overflow: visible;}
          .choose li .button {margin: 0; width:100%; padding:11px; border:none; -moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
/*
= COLLECTIONS
-------------------------------------------------------------------------------------- */
    section.content.right {width: 790px; overflow: hidden;}
    section img {/*height: 100%;*/ width: auto;}
    aside.left {width: 200px;}
      aside h2,
      .gui-block-title {
        margin-bottom: 20px; padding-top: 10px;
        height: auto;
        font-size: 20px; color: #b1615a; line-height: 1;
        background: none; border: none;
        text-shadow: none;
        overflow: visible;
        }
      section.content p img {margin: 15px;}
/*section.content a img {margin: 5px 0;}*/
p.caption {width: 650px; margin: 5px auto 20px; padding: 5px 15px; text-align: center; font-size: 14px; line-height: 19px !important; background: #dddddd; border-radius: 20px;}

  /*Content Filters*/
    .content ul.top-options {margin: 0 0 42px; list-style: none;}
     .content ul.product-list.products-grid,
     .content ul.product-list.products-list {margin: auto -14px; text-align: left;}
      .content ul.top-options p,
      .content ul.top-options ol,
      .content ul.top-options fieldset,
      .content ul.top-options fieldset label,
      .content ul.top-options .right a {display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
      .range,
      .content ul.top-options p,
      .subheader p {margin: 0; font-size: 14px; color: #a1a1a1;}
        .range a, .content .range ol a {color: #f8c897; text-decoration: none;}
          .range a:hover {text-decoration: underline;}
      .range ol, .content .range ol {margin: 0 0 -2px 15px;}
        .range ol li {list-style: none; float: left; line-height: 24px;}
        .range ol li:after {content: "/"; padding: 0 5px; color: #e4e4e4;}
          .range ol li:last-child:after {content: "";}
      fieldset.sort {padding-left: 6px;}
        /*fieldset.sort .ui-dropdownized {min-width: 145px !important;}*/
      #list-view,
      #grid-view {
        position:relative;
        width: 20px; height: 29px;
        margin-left: 7px;
        text-indent: -9999px;
        background:none;
        }
        #list-view:before,#grid-view:before {position:absolute; top:2px;left:0;display:block;text-indent: 0;font-size:20px;color:#eaeaea;}
          #list-view.active:before,
          #grid-view.active:before {color:#d0d0d0;}

  /*Accordion */
    .accordion h4 {
      padding: 10px 0;
      font-size: 16px; color: #6e4450;
      background: url(accord-trigger-bg.png) 100% 13px no-repeat;
      border-top: 1px solid #eeeeee;
      cursor: pointer;
      }
.accordion h4:first-child {border: none;}
      .accordion h4.opened {background-position: 100% -27px;}
      .accordion h4 a {display: block;}
    .accord {
      display: none;
      border-bottom: 1px solid #eeeeee;
      }
      .accord h5 {margin-bottom: 10px; color: #b1615a; font-size: 13px;}
      .accord ul {margin: 0 0 15px;}
        .accord ul li {
          list-style: none;
          padding: 0 0 0 13px;
          font-size: 12px; line-height: 21px; color: #62868d;
          background: url(bullets.png) 4px 8px no-repeat;
          }
          .accord ul li a {}
          .accord ul li a:hover {text-decoration: underline;}

  /*Pagination*/
    #pager {margin: 5px 0;}
      #pager ol {margin: 0;}
        #pager ol li {
          list-style: none;
          float: left;
          padding: 5px 7px; margin: 0 4px 0 0;
          font-size: 16px; color: #a1a1a1;
          }
          #pager ol li a {color: #f8c897; font-size: 16px; text-decoration: none;}
          #pager ol li.active a {color: #a1a1a1;}
            #pager ol li a:hover {text-decoration: underline;}
             #pager ol li.active a:hover {text-decoration: none; cursor: text;}
          #pager ol li.button a {color: #f3f3f3; font-size: 14px;}
            #pager ol li.button a:hover {text-decoration: none;}

#shippings {display: block; margin-bottom:5px;text-align: right;font-size:12px;opacity:0.65}
#shippings a {color: #B1615A; text-decoration: underline;}
#shippings a:hover {color: #62868d; text-decoration: none;}
.discount ul{list-style:none;}


div.legal-mode {min-height:22px;margin-top: 10px; padding-top: 5px; border-top: 1px solid #eeeeee;}
.german {font-size: 12px !important; color: #444 !important;}

/*Checkboxes & radios */
  .icheckbox,
.iradio {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0 8px 20px 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url(minimal.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox {background-position: 0 0;
}
    .icheckbox.hover {background-position: -20px 0;}
    .icheckbox.checked {background-position: -40px 0;}
    .icheckbox.disabled {background-position: -60px 0; cursor: default;}
    .icheckbox.checked.disabled {background-position: -80px 0;}

.iradio {background-position: -100px 0;}
    .iradio.hover {background-position: -120px 0;}
    .iradio.checked {background-position: -140px 0;}
    .iradio.disabled {background-position: -160px 0; cursor: default;}
    .iradio.checked.disabled {background-position: -180px 0;} 


/*
= FOOTER
-------------------------------------------------------------------------------------- */
  footer {width: 100%; padding-top: 40px; border-top: 2px solid #eed0b0;}
    footer h5 {margin-bottom: 14px; font-size: 16px; color: #b1615a;}
    footer h6 {margin-bottom: 18px; font-size: 15px; color: #000000; line-height: 18px;}
    footer ul {margin: 0;}
      footer > .wrapper ul li {
        list-style: none;
        font-size: 13px; color: #666666; line-height: 18px;
        }
        footer > .wrapper ul li img {width: 32px;}
        @media screen and (min-width:1024px){footer li a:hover {text-decoration: underline;}}
      .column {
        width: 29%;
        display: inline-block; *display: inline; *zoom: 1;
        vertical-align: top;
        margin-bottom: 30px; padding-left: 15px;
        border-left: 1px dashed #b8b8b8;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        }
        section.left div.column:first-child {width: 40%; padding-left: 0; border: none;}
      footer section.right {
        width: 35%;
        margin-bottom: 15px; padding-left: 15px;
        border-left: 1px dashed #b8b8b8;
        -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
        }
      footer section.left {width: 65%;}

    footer fieldset {position: relative; margin-bottom: 32px;}
      footer fieldset label {
        display: block;
        margin-bottom: 15px;
        font-size: 13px; color: #666666; line-height: 18px;
        }
      footer fieldset input {
        padding: 6px 15px;
        font-size: 16px;
        border: none;
        border-radius: 5px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        }
      footer fieldset input[type=text] {
        width: 100%;
        padding-right: 110px; padding-top: 6px;
        color: #f8a891;
        }
        footer input::-webkit-input-placeholder {color: #f8a891;}
        footer input:-moz-placeholder { /* Firefox 18- */ color: #f8a891;}
        footer input::-moz-placeholder {  /* Firefox 19+ */ color: #f8a891;}
        footer input:-ms-input-placeholder {color: #f8a891;}
      footer fieldset input[type=submit] {
        position: absolute; right: 0; bottom: 0;
        color: #ffffff;
        background: #f8a891;
        }
        footer fieldset input[type=submit]:hover {opacity: 0.85;}

    footer .bottom {padding: 20px 0; background-position: 0 0; border-top: 0;}
      footer .bottom .copyright {float: left; color: #f8c897; font-size: 12px;}
footer .bottom .copyright a {color: #FFFACC;}
footer .bottom .copyright a:hover {text-decoration: underline;}
      footer .bottom ul {margin: 0; float: right;}
        footer .bottom ul li {float: left; list-style: none;}
          footer .bottom ul li a {
            display: block;
            padding: 2px 8px;
            color: #fffacc;
            border-left: 1px dashed;
            }
          footer .bottom ul li:first-child a {border: none;}

    ul.payment li,
    footer ul.social li {float: left;}
      ul.payment {margin-bottom: 15px; overflow: hidden;}
        .payment li {margin-right: 5px;}

    footer .social li {margin-right: 4px;}
      footer .social li a {
        display: block;
        width: 26px; height: 25px;
        text-indent: -9999px;
        background: url(social-sprite.png) 0 0 no-repeat;
        }
        .social li.twitter a {background-position: -30px 0;}
        .social li.gplus a {background-position: -60px 0;}
        .social li.pinterest a {background-position: -90px 0;}
        .social li.dropbox a {background-position: -120px 0;}
        .social li.insp a {background-position: -150px 0;}
        .social li.digg a {background-position: -180px 0;}
        .social li.rss a {background-position: -210px 0;}

/* Gui settings */
#gui-block-review > .gui-section .gui-block:last-child{background:#efefef;border-color:#be0000}
.gui-block,
.gui-table {border: 1px dashed #dddddd; border-radius: 0px;}
.gui-block-content {background: transparent; border-radius: 0px;}
.gui-block-title strong {color: inherit; float: none; font-weight: normal;}
.gui-block-subtitle {font-weight: normal;}
.gui-block-subcontent {border-top: 1px solid #eeeeee;}
.gui-form label {font-weight: normal; color: #333;}
.gui-buttons.gui-border {border-top: 1px solid #eeeeee; border-bottom: 0px;}
.gui a {color: #62868D;}
.gui-spacer-small {height: 5px;}

        .gui-progressbar {background: url(header-pattern.jpg) 0 0 repeat; border-radius: 6px; box-shadow: 0 0px 1px 1px rgba(0,0,0,0.15);}
        .gui-progressbar .gui-indicator .gui-progress {background: none; border-radius: none;}
        .gui-progressbar a.gui-cart {background-color: #dfdfdf;}
        .gui-progressbar ul li {background: none;}
        .gui-progressbar ul li a {font-weight: normal; margin: 0; padding: 0 10px; text-shadow: none;}
            .gui-progressbar ul li.gui-active a, .gui-progressbar ul li.gui-done a {color: #B1615A; font-weight: bold; background: #dfdfdf;}
        .gui-progressbar ul li a span {background: transparent; border: none; border-radius: 0; box-shadow: none; color: #B1615A;line-height:25px;}
        .gui-input, .gui-text, .gui-select, .gui-input input, .gui-input textarea, .gui-select select, .content input, .content textarea, .content select, .gui-div-faq-questions input, .gui-div-sitemap input, .gui-div-faq-questions select, .gui-div-sitemap-sitemap select, .gui-div-faq-questions textarea, .gui-div-sitemap-sitemap textarea {background: #eeeeee; border: 1px solid #eeeeee; border-radius: 3px; box-shadow: none;}
        .gui-faq, .gui-login, .gui-password, .gui-register, .gui-review, .gui-sitemap {border: 0px; border-radius: 0px; padding: 0px;}
        .gui-form .gui-table a.gui-button-small {width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #F8A891;}
        .gui-cart .gui-cart-sum {margin-bottom: 20px;}
        .gui-div-cart-sum a.gui-button-large.gui-button-action {background: #62868d; padding: 10px 37px; font-weight: bold;}
        .gui-table td {vertical-align: middle;}
.gui-field-content{padding-left:0px !important;}
.gui-block-productlist li{margin-bottom:12px;}
.gui-block-productlist li .gui-block-productlist-option{margin:10px 0;}

.gui-checkout .gui-progressbar{background-color:transparent; display:block;overflow:hidden;height:38px;border-radius:6px;box-shadow:0 0px 1px 1px rgba(0,0,0,0.15);}
.gui-checkout .gui-progressbar ul{background-color:transparent !important;}
.gui-checkout .gui-progressbar ul li.gui-done{background-color:transparent !important;}
.gui-checkout .gui-progressbar ul li.gui-done a,.gui-checkout .gui-progressbar ul li.gui-done a span {background:transparent !important;}
.gui-checkout .gui-progressbar ul li.gui-done a span{text-indent:0 !important;line-height:41px;}
.gui-checkout .gui-progressbar ul li.gui-active, .gui-checkout .gui-progressbar ul li.gui-invalid{background: rgba(179, 179, 179, 0.22);}
.socialbar.has_newsletterbar{box-shadow:0 0px 1px 1px rgba(0,0,0,0.15);}

.gui-div-faq-questions,
.gui-div-sitemap-sitemap {padding: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px dashed #dddddd;}

/* Finel ----- Styleguide */
    .gui-div-faq-questions h2, .gui-div-sitemap-sitemap h2, .content h2 {margin-bottom: 15px;}
    .gui-div-faq-questions h3, .gui-div-sitemap-sitemap h3, .content h3 {margin-bottom: 15px; font-size: 22px;}
    .gui-div-faq-questions h4, .gui-div-sitemap-sitemap h4, .content h4 {margin-bottom: 15px; font-size: 20px;}
    .gui-div-faq-questions h5, .gui-div-sitemap-sitemap h5, .content h5 {margin-bottom: 15px; font-size: 15px; font-weight: bold;}
    .gui-div-faq-questions h6, .gui-div-sitemap-sitemap h6, .content h6 {margin-bottom: 10px; font-size: 15px; font-style: italic;}
    .gui-div-faq-questions p, .gui-div-sitemap-sitemap p, .content p {margin-bottom: 25px; line-height: 25px;}
    .gui-div-faq-questions a, .gui-div-sitemap-sitemap a, .content a {color: #B1615A; text-decoration: underline;}
        .gui-div-faq-questions a:hover, .gui-div-sitemap-sitemap a:hover, .content a:hover {color: #62868D;}
    .gui-div-faq-questions ul, .gui-div-sitemap-sitemap ul, .content ul,
    .gui-div-faq-questions ol, .gui-div-sitemap-sitemap ol, .content ol {margin: 0 0 25px 15px; font-size: 15px;}
        .gui-div-faq-questions ol, .gui-div-sitemap-sitemap ol, .content ol {margin-left: 18px;}
.content ol, .content ul{margin-left: 25px;}
        .gui-div-faq-questions ul li, .gui-div-sitemap-sitemap ul li, .content ul li {margin-bottom: 3px;}
    .gui-div-faq-questions table, .gui-div-sitemap-sitemap table, .content table {width: 100%; padding: 3px; margin-bottom: 25px; text-align: left;}
        .gui-div-faq-questions table thead, .gui-div-sitemap-sitemap table thead, .content table thead {background: #eeeeee;}
        .gui-div-faq-questions table th, .gui-div-sitemap-sitemap table th, .content table th {padding: 5px; font-weight: bold; border-left: 1px solid #ffffff;}
            .gui-div-faq-questions table th, .gui-div-sitemap-sitemap table th, .content table th:first-child {border-left: 1px solid #eeeeee;}
        .gui-div-faq-questions table td, .gui-div-sitemap-sitemap table td, .content table td {border: 1px solid #eeeeee; padding: 5px; vertical-align: middle;}
.gui-div-faq-questions input, .gui-div-sitemap-sitemap input, .content input, .gui-div-faq-questions select, .gui-div-sitemap-sitemap select, .content select {display: block; min-width: 50%; padding: 3px 5px;}
.gui-div-faq-questions label, .gui-div-sitemap-sitemap label, .content label {display: inline-block; vertical-align: top; margin-right: 10px;}
input[type=checkbox], input[type=radio] {display: inline-block; vertical-align: middle; min-width: 0px;}
.gui-div-faq-questions textarea, .gui-div-sitemap-sitemap textarea, .content textarea {resize: none; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 150px;}
/* Common */
  body {font-family: 'robotoregular', Helvetica, Arial, sans-serif;}
  .textlink.textlink-highlight,
  .textpage-title, .textpage-content h2, .textpage-content h3, .textpage-content h4, .textpage-content input[type=submit], .slides-slide span {font-family: 'pt_serifitalic', serif; font-weight: normal; font-style: italic;}
    .textpage-content h2 {color: #62868d;}
    .textpage-content h3 {color: #b1615a;}
    .textpage-content p {margin-bottom: 15px;}
    .textpage-content ul,
    .textpage-content ol {margin: 0 0 15px 18px;}
    .textpage-content input[type=submit] {width: 100%; padding: 3px 5px; border-radius: 2px; border: none; background: #62868d; color: #ffffff;}
  #content {border-width: 0px; -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5); box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);}
  a.gui-button-button {border: none;}
  .gui a {color: #62868d;}

/* Header */
  .navbar-inner {border: none;}
    .navbar-main .navbar-inner,
    .navbar-sub .navbar-inner,
    .navbar-sidebar .navbar-inner,
    .listview {border: none; background: url(header-pattern.jpg) 0 0 repeat;}
.navbar.navbar-sidebar {background: #ddd;}
  .button-inner {border: none; border-radius: 0px;}
    .navbar-main .button-inner {background: transparent !important; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
    .navbar-main .navbar-title,
    .navbar-sub .navbar-label {color: #666666; text-shadow: none;}
    .navbar-sub .button-inner {background: #b3b3b3; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
    .navbar-sub .button-title {text-shadow: none; font-weight: 100;}
    .navbar-sub .button-active .button-inner {background: #777;}
    table.col-btn .button.button-left, table.col-btn .button.button-left .button-inner,
    table.col-btn .button.button-right, table.col-btn .button.button-right .button-inner {border-radius: 0;}
    table.col-btn .button-spacer {height: 0;}
    .navbar-sub .button {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
    .button-badge {height: 12px; background: #ffffff; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; color: #666666; line-height: 14px;}

  .button-icon.button-icon-sidebar {background-image: url(button-icon-sidebar.png);}
  .button-icon.button-icon-cart {background-image: url(button-icon-cart.png);}
.socialbar-twitter-box iframe{height:300px !important;}

/* Aside navigation */
  #sidebar, #cart {background: #ffffff;}
    .listview .listview-segment {color: #666666; text-shadow: none; background: #ddd; border-color: #b8b8b8; border-style: dashed; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px;}
    .listview .listview-item {border-color: #b8b8b8; border-style: dashed; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px;}
      .listview .listview-item span {color: #666; text-shadow: none;}
      .listview .listview-item em {font-size: 13px; line-height: 23px; color: #62868d; text-shadow: none; border: 0px solid #eee; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
    .navbar-sidebar .navbar-title {color: #666; text-shadow: none;}
    #cart .gui, #cart .gui-page-content {color: inherit;}
    #cart .gui-block-content {border-width: 0px;}
      #cart .productlist .productlist-item {border-top: 0px; border-bottom: 1px dashed #b8b8b8;}
        #cart .productlist > .productlist-item:first-child {border-top: 1px dashed #b8b8b8;}
          .productlist .productlist-delete {background: #bebebe !important; text-indent: 0; font-size: 12px; line-height: 18px;}
          .input-range {border-radius: 0px; border: none; background: #62868d !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
            .input-range a {color: #fbfbfb !important; text-shadow: none;}
            .input-range input {background: #eeeeee; border: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0px;}
            #cart .input-range input {background: #eeeeee; color: #666666; border-radius: 0px; border: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
        #cart .gui-input {border: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0px; background: #eee;}
        #gui-form-discount div.gui-input {background: #eeeeee; border: none; border-radius: 0px;}
        .gui-input.gui-focus, .gui-text.gui-focus, .gui-select.gui-focus {border-color: #62868d; box-shadow: 0 0 2px #62868d;}
        a.gui-button-button {color: #ffffff !important; background: #62868d; text-shadow: none; border: none; box-shadow: none;}
  .navbar-sidebar .button-inner {background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none;}
  #sidebar .navbar-title {color: #666666;}
    .navbar-sidebar .button {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.listview .listview-item:active, .listview .listview-item.active {border: none; border-bottom: 1px dashed #b8b8b8; background: #ffffff;}
/* Product list*/
  .productlist .productlist-image {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
  a.gui-button-small, a.gui-button-large, a.gui-button-button, a.gui-button-xlarge {border-radius: 2px;}
  a.gui-button-small, a.gui-button-large, a.gui-button-xlarge {background: #62868D; text-shadow: none; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
  .productlist .productlist-item {border-bottom: 2px solid #eee;}
  .productorder {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
    .accordion .gui-block-title {background: #eee;}

.gui-input, .gui-text, .gui-select, .gui-number{border-color: #eeeeee !important; background: #eeeeee !important;box-shadow:0 0px 1px 1px rgba(0,0,0,0.15);}
.gui-input input, .gui-number input, .gui-text textarea, .gui-select .gui-value{background: none !important; border: none !important;}
.gui a.gui-button-large, .gui a.gui-button-small{color: #ffffff !important;}
.gui-block-title{background: transparent !important;}
.gui-progressbar ul li.gui-done a span{text-indent:0;}


/* Blog Functionality */
.gui header, 
.gui footer {background: none !important; overflow: hidden;box-shadow:none;padding:0 10px 0 0;}
    .gui footer {padding-top: 20px;}
.gui-blog-article{overflow: hidden; }
.gui-blog-article h1,
.gui-blog-article h1 a {color: #62868d; margin-bottom: 7px;}
.gui-blog p {margin-bottom: 20px;}
        .gui-blog-article h1 a:hover {text-decoration: none; color: #444444;}
.gui-blog-article ul {margin-bottom: 10px; overflow: hidden;}
    .gui-blog-social {float: left; width: auto;}
    .gui-blog-article-more {float: right;}
    .gui-blog-article-content {padding: 15px 0 5px;}

    .gui-blog-comments h3 {font-size: 28px; margin-bottom: 14px;}
    .gui-blog-article img {margin: 20px;}
.gui-blogshort .gui-blog-article-image header img{position:static !important; width: 100% !important; padding: 0;}
.gui-blogshort .gui-blog-article-image header img,
.gui-blog-article header img {margin: 0}

    .blog-article-summary {padding-bottom: 25px; border-bottom: 1px dashed #dddddd;}
.gui-blogshort .gui-blog-article-image .gui-blog-article-summary{padding-top: 33px; float: right; width: 45%}
.gui-blogshort .gui-blog-article-image header{width: 50% !important; float:left; padding: 0 !important;}
.gui-blogshort .gui-blog-article-image footer{width: 45% !important; float: right; padding: 0 !important;}
.gui-blogshort .gui-blog-article-image .gui-blog-article-more{float:left;}
.gui-block-linklist li a{text-overflow:ellipsis;}


.gui-checkout .gui-form a.gui-button-fb{background-color: #3B5998 !important;height: auto;padding:4px !important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}


/*
= Mobile devices
-------------------------------------------------------------------------------------- */
@media screen and (max-width: 1050px) {
  *{-moz-box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing:border-box;}
  .wrapper,.socialbar .socialbar-container,.template-content, .banner-wrapper{width:100%;}
    .template-content{width:99%;}
    .wrapper, div.main.wrapper, .template-content{padding-left: 15px; padding-right: 15px;}

    /*Header */
        header div.languages ul, header div.currency ul{-moz-box-sizing:content-box;-webkit-box-sizing:content-box; box-sizing: content-box;}

    /*Home*/
        .two-col:before{display:none;}
        section.half,
        section.half.right-half{display: block; width:100%; text-align: center;}
            .two-col .product-list{margin-bottom: 25px; text-align:center; border-bottom: 2px solid #e3e3e3;}
            .two-col .product-list li{width: 35%;}
                .product-list li figure,.product-list li figure img{min-height: 0px;height: auto;}
        .banner-wrapper{right:0;text-align:center;}
            .banner-wrapper .banner,.banners .banner.banner-last{float:none;display:inline-block;margin: 0 10px 10px;}

    /*Socialbar */
        .socialbar .socialbar-twitter, .socialbar .socialbar-facebook,.socialbar .socialbar-blog{margin:0 1% 20px;width:30%;}
            .fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget iframe,.socialbar-twitter-box iframe{width:100% !important;}

    /*Collection*/
        section.content.right{width:70%;}
        aside{width:20%;}
        .content .product-list li figure{height:auto;}
        .product-list li div.overlay{display:none !important;}
    /*Single product*/
      section.preview{width:430px;display:block;margin:0 auto 35px;}
      section.info{width:100%;}
        #bigimg{height:261px;}
        div.like{position:relative;top:0;right:0;margin-top:0;margin-bottom:11px;padding-top:10px;text-align:right;overflow:hidden;}
            div.social-block{position:relative;float:left;min-width:90px;}
            div.like p {display:block;margin-bottom:15px;text-align:left;}

@media screen and (max-width: 1024px) {
    header nav{position:relative;display:block;}
        header nav #menu-trigger,header nav ul li .submenu-trigger{display:block;}
        header nav ul{display:none;}header nav > ul{padding-top:18px;}
            header nav ul li {float:none;margin:0;padding:0;text-align:right;}
                header nav ul li a{display:block;padding:10px !important;background:rgba(255,255,255,0.5);}
                header nav > ul > li:nth-child(even) a{background: rgba(0,0,0,0.04);}
                        header nav ul li .submenu-trigger:before{content: "+";}
                        header nav ul li .submenu-trigger.opened:before{content: "-";padding-left:3px;font-size:31px;line-height:27px;}
                            nav ul li ul li:hover > ul, nav > ul > li:hover > ul{display:none;}
                            nav ul li ul {position: relative; top:0; left: 0;width:90%;padding: 0px;margin-left:10%;background:none;box-shadow:none;border-left:0px;border-right:0px;}
                                nav ul li ul li ul{left:0;right:0;}
                                    nav ul li ul li a{font-size:16px;border-bottom: 1px solid rgba(255,255,255,0.5);}
                nav > ul > li:hover > a, nav > ul > li > a:hover,nav > ul > li > a.active{border:none !important;}
                    nav > ul > li > a.active{font-weight:bold;}
    .content ul.product-list.products-grid, .content ul.product-list.products-list, .related .product-list.products-grid.grid-view, .related h2{text-align:center;}

    .brands a#prev, .brands a#next{width:45px;height:100%;top:0;margin-top:0;background-color:#ffffff;}
      .brands a#next{background-position:-51px 50%;}
      .brands a#prev{background-position: -15px 50%;}
nav ul li.pull-left ul{left: auto;}
        
}

@media screen and (max-width:800px){
    /*Single prod*/
       section.info,.choose li .buy,.choose li .product-info-options{display:block;width:100%;}
            .choose li .buy{margin-bottom:20px;}
            .ui-spinner #amount-spinner{width:100%;padding:7px 10px;}
                a.ui-spinner-button{top:4px;}
        .product-configure{margin-bottom:10px;}
        .gui-buttons .gui-right{margin-left:0;}
        .gui a.gui-button-large, .gui a.gui-button-small{width:100%;}

    .gui-blog-article header ul li{border:none;}
section.preview{display:block;width:523px;margin:0 auto 60px;}
.choose .ui-dropdownized,.product-configure select {width:100% !important;}
.tui label{display:block !important;}.sidebar-box .sidebar-box-filter .tui label{display:inline-block !important;}
.product-configure input[type="text"], .product-configure textarea{width:100%;padding:12px;display:block;box-sizing:border-box;}

}

@media screen and (max-width: 768px) {
    .content p img{max-width:100%;}
    .content ul.top-options{margin: 0 0 15px;text-align:center;}
        .content ul.top-options li.right > span{display:block;padding:13px 0 0;}
        .button-grid{margin-right: 0;}
            #list-view, #grid-view{margin-left:0;width:38px;height:35px;text-decoration:none;}
                #list-view{margin-right:12px;}
                #list-view:before, #grid-view:before{font-size:32px;}
    /*header*/
        header fieldset.search,header span.desk,
        header .languages ul li.active span:before, header .currency ul li.active span:before,header .languages ul li a:before, header .currency ul li a:before,.range ol li:after{display:none;}
            fieldset#mobi-search,header .languages ul li, header .currency ul li,header .cartContainer .wrapper > section,#toggle-top-menu{display:block;}
            header span.mobile{display:inline-block;}
            header .cartContainer .wrapper{padding:0 15px 20px;}
            header .cartContainer .wrapper section.minimenu {display:block;min-height:0;text-align:left;}
                section.minimenu a{display:inline-block;margin: 0 5px 10px 0; padding: 10px; background: rgba(255,255,255,0.2);line-height:25px}

                header .cartContainer .wrapper > section{overflow: hidden;}
                header div.languages, header div.currency{float:left;margin-bottom:12px;margin-right:2%;width:auto;height:auto;}
                    header div.languages ul, header div.currency ul{position:static;width:100%;margin:0;padding:0;overflow:hidden;border-radius:0;}
                        header .languages ul li, header .currency ul li{float:left;padding:0;}
                            header .languages ul li a, header .languages ul li.active span, header .currency ul li a, header .currency ul li.active span{padding:4px;}
                                header .languages ul li.active span, header .currency ul li.active span{background:rgba(255,255,255,0.3);}
            header .contents.hide{display:block;position:relative;top:0;left:0;padding:0;margin:0;}
              header .contents.hide .buttons a:first-child{display:none;}
              .cartContainer > .wrapper.closed{top:-5px;height:0;padding-top:13px;overflow:hidden;}
    .cartContainer > .wrapper.closed section{opacity:0;}

    /*social bar */
        .socialbar .socialbar-twitter, .socialbar .socialbar-facebook, .socialbar .socialbar-blog{float:none;width:100%;margin:0 0 25px;}

    /*Collection pages */
        section.content.right,aside,.content ul.top-options > li{float:none !important;width:100% !important;}
            .content ul.top-options > li{margin-bottom:14px;}
            .range ol li a, .range ol li.current-item{padding:6px 10px 6px 7px;margin:0 2px;}
            .range ol li{margin:0 !important;}
                .range ol li a{display:inline-block;}
                .range ol li.current-item{background: rgba(0,0,0,0.15);}
                 .product-list article.desc{overflow:hidden;}

    /*Gui stuff*/
        .gui-col2-right .gui-col2-right-col1,.gui-col2-right .gui-col2-right-col2,.gui-col2-big .gui-col2-big-col1,.gui-col2-big .gui-col2-big-col2,.gui-col2-equal .gui-col2-equal-col1,.gui-col2-equal .gui-col2-equal-col2,.gui-right, .gui-left, .gui-checkout .gui-form .gui-buttons > .gui-right, .gui-checkout .gui-form .gui-buttons > .gui-left,.gui-checkout .gui-form .gui-right.strict-submit,.gui-col2-left .gui-col2-left-col1,.gui-col2-left .gui-col2-left-col2{float:none; width:100%;}
            .gui-col2-right .gui-col2-right-col1,.gui-col2-left .gui-col2-left-col1{margin-bottom:20px;}
            .gui-right, .gui-left{margin-bottom:10px;}
            .gui-buttons{height: auto;}
                .gui-checkout .gui-form a.gui-button-small{padding:10px;margin-bottom:10px;}
                .gui-checkout .gui-form a.gui-button-primary, .gui-checkout .gui-form a.gui-button-action{padding-top:10px;padding-bottom:10px;}

    /*Footer */
        footer > .wrapper {margin-bottom:35px;}
            footer section.left,footer section.right, footer .column{float:none;display:block;width:100% !important;padding:0;border:0;}
                footer > .wrapper ul li a,.socialbar-blog .blog-article a{display:block;margin-bottom:7px;padding:6px;background-color:rgba(0,0,0,0.1);}
                    footer .social li{margin-right:8px;}

                    footer .bottom .copyright,footer .bottom ul li{float:none;}
                    footer .bottom ul{float:none;overflow: hidden;}
                        footer .bottom ul li a{display:block;margin: 4px 0;padding:5px;background: rgba(255,255,255,0.1);border:none !important;}

    /*Tables fix*/
.gui-table tbody tr td{font-size:14px;}
        #gui-form-cart table,
        .gui-checkout #gui-block-review .gui-table table,
        #gui-form-cart thead, 
        .gui-checkout #gui-block-review .gui-table thead,
        #gui-form-cart tbody, 
        .gui-checkout #gui-block-review .gui-table tbody,
        #gui-form-cart th, 
        .gui-checkout #gui-block-review .gui-table th,
        #gui-form-cart td, 
        .gui-checkout #gui-block-review .gui-table td,
        #gui-form-cart tr,
        .gui-checkout #gui-block-review .gui-table tr {display: block !important;}
            #gui-form-cart thead tr,
            .gui-checkout #gui-block-review .gui-table thead tr { 
                position: absolute;
                top: -9999px;
                left: -9999px;
            }
            #gui-form-cart tr { }
            #gui-form-cart tbody tr td,
            .gui-checkout #gui-block-review .gui-table tbody tr td { 
                /* Behave  like a "row" */
                border: none !important;
                position: relative !important;
                padding-left: 50% !important; 
                text-align:left !important;
                width:100% !important;
            }
            #gui-form-cart tbody tr:last-child td{padding-left:0!important;}
                #gui-form-cart tbody tr td:last-child,
                .gui-checkout #gui-block-review .gui-table tbody tr td:last-child{background:gray;color:#fff;font-weight:bold;}
                #gui-form-cart tbody tr:last-child td:last-child{color:inherit;background:transparent;font-weight: normal;}
    
    #gui-form-cart td:before,
    .gui-checkout #gui-block-review .gui-table td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 4px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
    }
    #gui-form-cart tr:last-child td:before{display:none;}
        #gui-form-cart thead.gui-block-title,
        .gui-checkout #gui-block-review .gui-table thead.gui-block-title{margin:0;padding:0;}

    
    /*
    Label the data
    */
    #gui-form-cart table tbody tr td:nth-of-type(1):before,
    .gui-checkout #gui-block-review .gui-table table tbody tr td:nth-of-type(1):before { content: "Product"; }
    #gui-form-cart table tbody tr td:nth-of-type(3):before,
    .gui-checkout #gui-block-review .gui-table table tbody tr td:nth-of-type(3):before { content: "Quantity"; }
    #gui-form-cart table tbody tr td:nth-of-type(5):before,
    .gui-checkout #gui-block-review .gui-table table tbody tr td:nth-of-type(4):before { content: "Unit price"; }
    #gui-form-cart table tbody tr td:nth-of-type(6):before,
    .gui-checkout #gui-block-review .gui-table table tbody tr td:nth-of-type(5):before { content: "Discount"; }
    #gui-form-cart table tbody tr td:nth-of-type(7):before,
    .gui-checkout #gui-block-review .gui-table table tbody tr td:nth-of-type(6):before { content: "Subtotal"; }

        #gui-form-cart table tbody tr td:nth-of-type(3),
        #gui-form-cart table tbody tr td:nth-of-type(4),
        #gui-form-cart table tbody tr td:nth-of-type(6),
        .gui-checkout #gui-block-review .gui-table table tbody tr td:nth-of-type(3),
        .gui-checkout #gui-block-review .gui-table table tbody tr td:nth-of-type(5){background: rgba(0,0,0,0.1);}


}

@media screen and (max-width: 670px) {
    .two-col .product-list li{width: 230px;}
    .product-list li figure{height: 200px;}
    .single-product h1{padding-right:0;font-size:25px;}
    .price-tag{position:relative;right:0;top:0;text-align:left;}
        .price-tag span.price{padding:0;display:inline-block; vertical-align:middle;border:none;}
            .price-tag span.price.old{padding:0 10px 0 0;}
        div.currently{width:100%;float:none;text-align:left;}
            div.currently span{margin-left:0;padding-left:0;}
                .currently span.availability{border:none;}

    /*cart stuff*/
        .gui-col3-equal .gui-col3-equal-col1,.gui-col3-equal .gui-col3-equal-col2,.gui-col3-equal .gui-col3-equal-col3{float:none; width:100%;margin-right:0;margin-bottom:20px;}
            .gui-image.gui-image-50{display:none;}
            .gui-table tbody tr td{padding:3px;}
                .gui-progressbar ul li a{text-indent: -9999px;}
                .gui-progressbar ul li{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
                .gui-progressbar a.gui-cart{padding:2px 0 0;}
                    .gui-progressbar a.gui-cart span{margin:0;}

        .gui-checkout .gui-progressbar ul{background:#ffffff!important;}
        .gui-block-title strong{font-size:15px;}
        .gui-page-title,.gui-content-title{height: auto;}

    #our-brands img {max-width:100%;}

}

@media screen and (max-width:480px){
    header a.logo{max-width:80%;}
        header a.logo img{display:block;max-width:100%;}

    /*single bigimg*/
      section.preview{width:285px;}
        #bigimg{height:173px;}
        .choose.buttons li{width:100%;margin:0 0 12px;}

    .gui-table.gui-orders{overflow-x:scroll;}
    .gui-table.gui-orders table {width:560px;}
}

/*
/*
= Print
-------------------------------------------------------------------------------------- */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; }
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}