/* ### general ### */
* { padding: 0px; margin: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #868686; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #868686; }
body { background: #000 url('bg.jpg') center top no-repeat; }
img { border: 0px; display: block; }
a, input { outline: none; }
a { color:#d09f5a;text-decoration:none;font-weight:bold;}
a:hover { color:#868686; }

/* ### global classes ### */
.clear { clear: both; height: 0px; overflow: hidden; }

/* ### wrapper ### */
#wrapper { padding-bottom: 47px; position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 990px; }

  /* ### header container ### */
  #headerCntr { position: relative; z-index: 999999; width: 100%; height: 190px; }
  #headerCntr a.logo { position: absolute; top: 44px; left: 24px; z-index: 999999; display: block; width: 126px; height: 170px; border: 1px solid #fff; border-top: 0;  text-indent: -9999px; background: url('logo-eyewear-nl.jpg') no-repeat; }
  #headerCntr .header { padding: 0 5px 1px; width: 980px; background: #fff; }

    /* ### lang box ### */
    .langBox { padding: 5px 0 0px; min-height: 39px; width: 100%; }
.langBox .icon-tv { margin:3px 0 0 373px; width:224px; height:28px; float:left; display:block; }
    .langBox ul { list-style: none; list-style-type: none; float: right; }
    .langBox li { padding: 0 6px 0 1px; position: relative; font-weight: bold; line-height: 30px; float: left; background: url('sap.jpg') left center no-repeat; }
    .langBox li img { margin: 8px 0 0 8px; float: right; }
    .langBox li.lang:hover img { margin-top: 7px; margin-left: 1px; }
    .langBox li.lang:hover li img { margin: 0 -1px 0 0px; }
    .langBox li a { padding: 0px 4px 0px 8px; color: #878787; text-decoration: none; display: block; }
    .langBox li a:hover { color: #fff; }
    .langBox .lang a { padding-right: 6px; width: 65px; }
    .langBox .lang span { padding-right: 10px; display: block; background: url('bullet.png') right 13px no-repeat; }
    .langBox .lang:hover span { background-position: right 12px; }
    .langBox .lang:hover { line-height: 29px; }
    .langBox .lang { font-weight: normal; background: none; }
    .langBox .lang a:hover, .langBox .lang:hover a { margin-right: -2px; margin-left: -1px; margin-right: -1px; color: #878787; border: 1px solid #cbcbcb; background: #eeeeee; }
    .langBox .lang ul { padding-top: 10px; display: none; width: 79px; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; overflow: hidden; position: absolute; left: 0; top: 30px; background: #eeeeee url('lang.jpg') left top no-repeat; }
    .langBox .lang:hover li { padding: 0 0 5px 0; line-height: 14px; font-size: 11px; font-weight: normal; width: 100%; text-transform: uppercase; background: none; }
    .langBox .lang li a img { margin: 0 -1px 0 0px; float: right; }
    .langBox .lang:hover li a span { padding-right: 10px; background: none; }
    .langBox .lang:hover li a:hover { border: 0; color: #000; }
    .langBox .lang:hover li a { padding-right: 18px; border: 0; }
    .langBox .lang:hover ul { display: block; }

    /* ### cart box ### */
    .cartBox { padding-bottom: 19px; width: 100%; background: #fff; }
    .cartBox .cartmid { float: right; width: 798px; }
    .cartBox ul { padding-top: 13px; float: left; list-style: none; list-style-type: none; }
    .cartBox li { padding: 10px 8px 0 25px; width: 116px; height: 64px; float: left; border-right: 1px solid #e8e8e8; }
    .cartBox li.third { padding-right: 0; }
    .cartBox li:first-child { padding-left: 0; width: 123px; }
    .cartBox h3 { font-size: 12px; line-height: 14px; color: #999; }
    .cartBox h3 a { padding-left: 25px; color: #999; text-decoration: none; background: url('icon.jpg') left center no-repeat; }
    .cartBox p { padding-bottom: 2px; line-height: 16px; color: #999; }
    .cartBox li img { margin-right: 1px; float: left; }
    .cartBox .sec h3 a { background: url('icon2.jpg') left center no-repeat; }
.cartBox .sec { position:relative; }
.cartBox .sec .tax-free-badge { position:absolute;top:-33px;left:12px;z-index:9999; }
.cartBox .sec .as-seen-on-tv { position:absolute;top:-5px;left:32px; }
    .cartBox .third h3 a { background: url('icon1.jpg') left center no-repeat; }
    .cartBox .cart { padding-right: 0; float: right; width: 170px; }
    .cartBox .gap { margin-top: 22px; float: left; }
    .cartBox .item { padding-bottom: 8px; float: right; width: 290px; margin-right:-5px;height:32px; }
    .cartBox fieldset { padding: 1px; margin-right: 21px; border: 1px solid #cccccc; width: 245px; float: right; }
    .cartBox .item_btn { color: #fff; text-transform: uppercase; font-weight: bold; font-size: 11px; text-decoration: none; line-height: 32px; display: block; float: right; background: url('cart-btn.jpg') left top repeat-x;width: 185px; }
    .cartBox .item_btn span { padding: 0 5px 0 35px; display: block; background: url('buck.png') left no-repeat; }
    .cartBox .item_btn:hover { background: #c89858; }
    .cartBox .field { padding: 4px 10px 4px 25px; border: 0; width: 147px; height: 21px; line-height: 22px; float: left; font-size: 11px; color: #acacac; background: #fff url('search.jpg') left top no-repeat; }
    .cartBox .btn { width: 63px; height: 29px; cursor: pointer; font-weight: bold; color: #fff; border: 0; float: left; background: #ccc; }
    .cartBox .btn:hover { background: #888; }
    .cartBox .item img { margin-top: 10px; float: left; }
    .cartBox .fb-like { float: left;margin: 8px 0 0 15px; width:88px; }

    /* ### menu box ### */
    .menuBox { height: 39px; width: 100%; background: url('menu-bg.jpg') repeat-x; }
    .menuBox ul { list-style: none; list-style-type: none; float: right; position: relative; }
    .menuBox li { padding-left: 2px; float: left; font-weight: 400; text-transform: uppercase; line-height: 38px; font-size: 14px; font-family: 'Open Sans', sans-serif; background: url('sap1.jpg') left top no-repeat; }
    .menuBox li:first-child a { padding: 0px 34px; } 
.menuBox li.sale a { padding:0 57px; font-weight:700; font-size:20px; background:#ca1c1d; }
.menuBox li.sale:hover a { background:#c94c4d; }
    .menuBox a { padding: 0px 41px; display: block; text-align: center; min-width: 66px; color: #fff; text-decoration: none; font-weight:normal;}
    .menuBox a:hover, .menuBox li:hover a, .menuBox li.active a { border-bottom: 1px solid #000000; background: url('menu-hover.jpg') repeat-x; }
    .menuBox .drop { padding: 19px 0 12px; display: none; width: 100%; position: absolute; left: 0; top: 40px; background:#000; }
    .menuBox li:hover .drop { display: block; }
    .menuBox .drop { text-transform: none; }
    .menuBox .drop a { padding: 0; text-transform: none; }
    .menuBox li:hover .drop a { padding: 0; border: 0; text-transform: none; }
    .menuBox .left { padding-left: 19px; width: 311px; float: left; border-right: 1px solid #444444; }
    .menuBox .right { width: 484px; float: right; }
    .menuBox h2 { font-size: 12px; line-height: 16px; color: #d0a05d; font-weight: 400; }
    .menuBox h4 { font-size: 14px; line-height: 18px; }
    .menuBox li:hover h4 a { text-decoration: none; border: 0; color: #482000; background: none; }
    .menuBox li ul { padding-top: 5px; overflow: hidden; width: 150px; float: left; }
    .menuBox li li { padding: 0; line-height: 18px; float: left; width: 100%; font-size: 12px; background: none; }
    .menuBox li:hover li a { padding: 0 !important; color: #868686; text-align: left; background: none; }
    .menuBox li li:first-child { padding: 0; background: none; }
    .menuBox .sec { width: 120px; }
    .menuBox li li a:hover { border-bottom: 0; color: #fff; background: none; }
    .menuBox .third { width: 120px; }
    .menuBox .block { width: 125px; float: left; }
    .menuBox .block1 { width: 340px; float: right; }
    .menuBox .item { margin: 5px 17px 10px 0; min-height: 172px; width: 153px; float: left; background: #fff; }
    .menuBox .text { text-align: center; font-family: Arial, Helvetica, sans-serif; }
    .menuBox span { font-size: 11px; line-height: 16px; display: block; text-align: center; }
    .menuBox .rate { color: #c19251; font-weight: bold; font-size: 12px; line-height: 16px; }
    .menuBox .rate span { padding-right: 10px; color: #c19251; font-size: 12px; text-decoration: line-through; display: inline; }
    .menuBox .new {color: #b22d01; }
    .menuBox li.dropdown a:hover, .menuBox li.dropdown:hover a { padding-bottom: 1px; }
    .menuBox li.dropdown.active a:hover, .menuBox li.dropdown:hover a { padding-bottom: 1px; }

  /* ### banner container ### */
  #bannerCntr { padding: 0 5px; width: 980px; background: #fff; }
  
    /* ### add box ### */
    .addBox { padding-top: 5px; height: 232px; width: 100%; position: relative; }
    .addBox .add { padding-right: 5px; width: 369px; float: left; position: relative; }
    .addBox .tag { position: absolute; left: 13px; bottom: 16px; }
    .addBox .txt { width: 169px; position: absolute; left: 100px; top: 31px; }
    .addBox span { margin: 0 24px 8px; color: #d3a35e; text-align: center; display: block; font-family: 'Open Sans', sans-serif; font-weight: 800 ; font-size: 17px; line-height: 18px; }
    .addBox .offer { padding-bottom: 2px; color: #825631; margin-bottom: 5px; line-height: 30px; border-bottom: 1px dotted #825631; border-top: 1px dotted #825631; }
    .addBox .link { color: #d3a35e; font-size: 15px; line-height: 15px; }
    .addBox fieldset { padding-top: 52px; text-align: center; width: 232px; height: 180px; float: left; border: 0; background: url('add-news.jpg') left top no-repeat; }
    .addBox fieldset img { margin: auto; }
    .addBox h5 { padding: 10px 30px 11px; font-weight: 400; font-size: 11px; color: #fff; }
    .addBox .field { padding: 10px 30px 10px 8px; margin-left: 26px; float: left; width: 140px; height: 14px; border: 0; font-size: 11px; color: #acacac; background: url('field2.png') left top no-repeat; }
    .addBox .field:focus { color: #444444; }
    .addBox .btn { float: left; width: 28px; margin-left: -28px; height: 34px; border: 0; cursor: pointer; background: url('btn.png') left top no-repeat; }
    .addBox .btn:hover { background-position: 0 -34px; }

    /* ### banner box ### */
    .bannerBox { width: 100%; position: relative; }
    .bannerBox .text { padding: 21px 33px 26px 30px; width: 334px; height: 132px; position: absolute; right: 80px; top: 114px; }
.bannerBox .btn-video {width: 150px;line-height: 34px;text-align: center;font-size: 14px;display: block;position: absolute;right: 0;bottom: 70px;font-family: 'Open Sans', sans-serif;font-weight: 700;z-index: 1000;text-decoration: none;height: 34px;color: #fff;background: #d09f5c;}
    .bannerBox .btn { width: auto; line-height: 34px; text-align: center; font-size: 14px; display: block; position: absolute; right: 0; bottom: -34px; font-family: 'Open Sans', sans-serif; font-weight: 700; text-decoration: none; height: 34px; color: #fff; background: #d09f5c; padding:0 15px;}
    .bannerBox .btn span, .bannerBox .btn-video span { padding-right: 18px; background: url('arrow.png') right center no-repeat; }
    .bannerBox .btn:hover, .bannerBox .btn-video:hover { background: #000; }
    .bannerBox ul { list-style: none; }
    .bannerBox li { float: left; position: relative; }
    .bannerBox .flex-control-nav, .flex-direction-nav { display: none; }

    /* ### slider box ### */
    .sliderBox { width: 100%; position: relative; }
    .sliderBox .txt { padding: 5px 0 5px 8px; width: 390px; position: absolute; left: 19px; bottom: 23px; background: url('slid-txt.png') repeat; }
    .sliderBox h1 { color: #c99959; font-size: 28px; line-height: 32px; font-weight: 600; font-family: 'Open Sans', sans-serif; }
    .sliderBox h1.longtitle { font-size:20px; }
    .sliderBox p { padding-right: 10px; color: #fff; line-height: 13px; }

  /* ### content container ### */
  #contentCntr { padding: 12px 24px; width: 942px; background: #fff; }
  #contentCntr.suppage { padding: 12px 2px 12px 22px; width: 966px; }
  #contentCntr #contentmid { margin-bottom: 8px; width: 100%; background: url('con-sap.png') left top repeat-y; }
  
    /* ### left container ### */
    #leftCntr { float: left; width: 155px; margin-top: 10px; }
    
      /* ### filter box ### */
      .filterBox { padding-top: 6px; width: 100%; }
      .filterBox h2 { padding-bottom: 12px; font-size: 11px; color: #444444; line-height: 14px; }
      .filterBox ul { list-style: none; list-style-type: none; }
.filterBox ul h3 { font-size:12px; }
      .filterBox li { float: left; border-bottom: 1px solid #fff; font-weight: 600; font-family: 'Open Sans', sans-serif; line-height: 22px; width: 100%; }
      .filterBox fieldset { border: 0; }
      .filterBox li a.accordion-opener { padding-left: 5px; color: #c99959; text-decoration: none; display: block; background: #f2e6d7 url('add.png') right top no-repeat; }
      .filterBox li ul { padding: 4px 0 14px 0; float: left; width: 100%; }
      .filterBox .checkbox { margin: 2px 0 0px -1px; cursor: pointer; width: 14px; height: 14px; display: block; float: left; background: url('check.png') no-repeat; }
      .filterBox li li { padding-bottom: 1px; line-height: 16px; color: #545454; bottom: 0; }
      .filterBox label { float: left; cursor: pointer; }
      .filterBox li li:hover label, .filterBox li li.active label { color: #c99959; font-weight: 600;   }
      .filterBox li a.accordion-opener:hover { background-color: #e3cbaa; }
      .filterBox li.active a.accordion-opener { background-position: right -22px; }
      .filterBox .tag { position: absolute; left: 13px; bottom: 16px; }
      .filterBox .filtertxt { padding-top: 20px; width: 150px; }
.filterBox .filtertxt p { font-size:11px; }
      .filterBox span { margin: 0 36px 8px; color: #d3a35e; text-align: center; display: block; font-family: 'Open Sans', sans-serif; font-weight: 800 ; font-size: 14px; line-height: 16px; }
      .filterBox .offer { padding-bottom: 2px; font-size: 14px; color: #825631; margin-bottom: 5px; line-height: 24px; border-bottom: 1px dotted #825631; border-top: 1px dotted #825631; }
      .filterBox .link a { text-decoration: none; color: #d3a35e; font-size: 12px; line-height: 12px; }
      .filterBox .panel { float: left; width: 100%; }
#sidebar-filters .filter.nocb li { padding-left:12px; }
#sidebar-filters .filter li a { color:#545454;text-decoration:none; }
#sidebar-filters .filter li a:hover, #sidebar-filters .filter li.active a { color:#c99959; }

    /* ### center container ### */
    #centerCntr { padding-top: 3px; width: 100%; }
    #centerCntr #contentspace { padding-top: 64px; }
    #centerCntr #contenttxt { padding-top: 52px; }
    #centerCntr #centertop { padding-top: 31px; }

      /* ### itemview box ### */
      .itemviewBox { padding-top: 58px; position: relative; float: left; width: 310px; margin-right: 20px;}
      .itemviewBox .image { padding: 0 0 0 1px; height: 239px; position: relative; }
      .itemviewBox a.zoom { position: absolute; bottom: 2px; z-index: 999999; right: 23px; width: 30px; height: 31px; }
      .itemviewBox .views { width: 310px; }
      .itemviewBox ul { list-style: none; list-style-type: none; }
      .itemviewBox li { width: 100px; display: inline; float: left; padding-top: 5px; margin-left: 5px; }
    .itemviewBox li .nomargin { margin-left: 0px; }
     .itemviewBox li img { padding: 5px; border: solid 1px #dddddd; background: #fff; }
      .itemviewBox li:hover img { border: solid 1px #d3a25e; }
      .itemviewBox li .zoomThumbActive img { border: solid 1px #d3a25e; }
      .itemviewBox .social { margin: 37px auto; width: 286px; }
      .itemviewBox .social iframe { float:left; }

      /* ### info box ### */
      .infoBox { float: left; width: 310px; margin-right: 20px; }
      .infoBox .info { overflow: hidden; width: 100%; }
      .infoBox h1 { padding: 0 0 4px 0px; font-size: 24px; line-height: 28px; color: #bc8d50; font-family: 'Open Sans', sans-serif; font-weight: 600; }
      .infoBox .tag { float:right; }
      .infoBox .num { display: block; margin-top: 5px; float: left; font-weight: bold; font-size: 18px; line-height: 22px; color: #b22d01; margin: 10px 0px 0px 0px; }
    
     /* Whatch's out */
      .infoBox .num span { margin-right: 9px; color: #666666; text-decoration: line-through;}
      .infoBox .info p { display: block; float: left; width: 310px; text-align: justify; font-size: 12px; color: #777777; line-height: 16px; }
      .infoBox .info p.details { margin-top: 0px; }

      a.morecontent { margin-bottom: 20px; }
      .info p { margin-top: 10px; }

      .infoBox .info .product-tax-free { float: left; font-size: 12px; width: 100%; text-decoration: none; color: #666666; }
    
      .infoBox .head { width: 310px; float: left; }
      .infoBox .head h5 { padding-right: 6px; color: #bababa; font-size: 11px; line-height: 16px; font-weight: normal; float: left; }
      .infoBox .head img { padding-right: 1px; float: left; }
      .infoBox .head h6 { padding-left: 4px; color: #ca9959; font-size: 11px; font-weight: normal; line-height: 16px; }
      .infoBox h4 { padding-bottom: 8px; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 16px; color: #878787; font-weight: normal; text-transform: uppercase; }
      .infoBox ul { margin-left: 2px; list-style: none; }
      .infoBox li { margin-right: 10px; float: left; }
      .infoBox li img { border: solid 1px #dddddd; }
      .infoBox li:hover img { border: solid 1px #d3a25e; }
      .infoBox li.selected img { border: solid 1px #d3a25e; }
      .infoBox .detail { float: left;width: 290px; margin-top: 10px; padding: 9px 6px 17px 14px; overflow: hidden; background: #f2e6d7; }
      .infoBox .detail fieldset { border: none; }
      .infoBox .detail label { font-family: 'Open Sans', sans-serif;line-height: 22px;font-weight: 600;font-size: 11px;float: left;color: #b3874b;width: 170px; }
      .infoBox .detail span.specs { font-family: 'Open Sans', sans-serif; line-height: 22px; font-weight: 600; font-size: 11px; float: left; color: #777777; }
      .infoBox fieldset p { padding-bottom: 6px; width: 100%; float: left; overflow: hidden; }
      .infoBox .txt { font-size: 11px; width: 178px; border: none; height: 24px; float: right; }
    
    /* Whatch's out */
    .infoBox .formAddToCart { margin-top:10px; }
      .infoBox .formAddToCart label { width: 100px; display: inline-block; }
.infoBox .formAddToCart .product-configure-custom-option { margin-bottom:10px; }
.infoBox .formAddToCart .product-configure-custom-option label { width:310px; font-weight:bold; }
.infoBox .formAddToCart .product-configure select {  }
      .infoBox .drop { width: 172px; position: relative; height: 24px; }
      .infoBox .drop span.select { padding: 4px 10px 0; font-size: 11px; position: absolute; top: 0px; left: 0px; width: 152px; border: none; height: 24px; float: right; color: #8a9199; font-weight: normal; background: url('select.jpg') no-repeat; }
      .infoBox .drop select { width: 69px; line-height: 24px; height: 24px; }

div.product-configure-custom > div:first-child select { width: 310px!important; }
div.product-configure-custom-option { width: 150px!important; }
div.product-configure-custom > div:first-child+div { float: left!important; }
div.product-configure-custom > div:first-child+div  select { width: 150px!important; }
div.product-configure-custom > div:first-child+div+div { float: right!important; }
div.product-configure-custom > div:first-child+div+div select { width: 150px!important; }
div.product-configure-custom > div:first-child+div+div+div select { width: 310px!important; }

      .infoBox h2 { padding-bottom: 12px; line-height: 18px; font-size: 14px; text-transform: uppercase; color: #b3874b; font-family: 'Open Sans', sans-serif; font-weight: 600;}
      
     /* Whatch's out */
    .infoBox .btn { width: 172px; height: 37px; margin: 10px 0 20px 0; border: none; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 16px; text-align: center; color: #fff; cursor: pointer; text-transform: uppercase; background: url('info-btn.png') no-repeat; }
      .infoBox .btn:hover { background-position: 0 -37px; }
      
      /* ### tech box ### */
      .techBox { margin: 26px 0 15px 3px; overflow: hidden; width: 942px; border-bottom: solid 1px #dddddd; }
      .techBox ul { list-style: none; }
      .techBox li { margin-right: 23px; cursor: pointer; float: left; }
      .techBox li { padding-bottom: 11px; text-decoration: none; color: #777777; font-weight: bold; display: block; font-size: 11px; }
      .techBox li:hover, .techBox li.current { padding-bottom: 11px; border-bottom: solid 2px #444444; font-weight: bold; color: #444444; }

   
    /* ### buyBox ### */  
  .buyBox { display: block; float: left; width: 282px; } 
  .buyBox .product-extra-info { display: block; float: left; width: 282px; margin: 0px; background: #f2e6d7; }
  .buyBox .product-extra-info ul { margin-top: 10px; font-size: 18px; margin: 10px 0 0 10px; color: #666666; text-decoration: none;}
  .buyBox .product-extra-info ul li { text-decoration: none; height: 13px; line-height: 13px; margin-top: 6px; margin-left: 20px;list-style: square url("https://assets.webshopapp.com/eyewear/icon-checkmark.png?1"); vertical-align: top; font-size: 11px; font-weight: bold; }
    li.nomargin { margin-left: 0px; }
  .product-extra-info p { margin: 10px 0px 10px 10px; }
  .buyBox .product-extra-info img { margin: 10px; }
  .buyBox .product-extra-info div.head { display: block; padding-bottom: 8px; }
  .buyBox p { color: #666666; }
  
  .infoBox  p strong { display: inline-block; width: 100px; }
  .infoBox .info .formAddToCart { margin: 50px 0px 0px 0px; }
    .infoBox .info .btn:hover { background-position: 0 -37px; } 
  
  .buyBox div.social { display: block; position: relative; float: left; width: 282px; margin-top: 10px; height: 25px; }    
    
    
      /* ### datatxt box ### */
      .datatxtBox { padding-bottom: 5px; padding-left: 3px; }
      .datatxtBox h2 { margin-bottom:12px; }
      .datatxtBox h3 { padding-bottom: 2px; font-weight: bold; font-family: Arial, Helvetica, sans-serif, "Myriad Pro"; font-size: 11px; }
      .datatxtBox p { padding-bottom: 18px; color: #777777; line-height: 17px; font-size: 11px; }
      .datatxtBox .review-toevoegen { color: #868686; text-decoration: none; margin-bottom: 12px; display: inline-block; }      
      .datatxtBox .review-toevoegen:hover { color: #000000; }  
      .datatxtBox .reviewmeta { display:block; margin:10px 0; }
      .datatxtBox .reviewmeta .review-name { float:left; margin-right:16px; }
      .datatxtBox .reviewmeta .review-score img { padding-right: 1px; float: left; }
      .datatxtBox .reviewdivider { height: 1px;border-style: none;background-color: #dddddd; margin: 6px 0 18px 0; }

      /* ### text box ### */
      .textBox { padding-left: 1px; width: 631px; float: left;color:#444444; }
      .textBox h1 { padding: 0 0 15px; color: #bb8c50; font-size: 24px; line-height: 28px; font-family: 'Open Sans', sans-serif; font-weight: 600; }
      .textBox p { padding: 0 0 14px 4px; font-size: 13px; color: #444444; line-height: 16px; }
      .textBox address { padding-left: 3px; width:107px; font-size: 13px; font-style:normal; color: #444444;}
      .textBox address a { width:107px; font-size: 13px; font-style:normal; color: #444444; text-decoration: none;}
      .textBox address a:hover { text-decoration: underline;}
.textBox a { color:#bb8c50; text-decoration:none; }
.textBox a:hover { color:#000; }
.textBox ul { margin:5px 0 5px 10px;padding:0px; list-style-position:inside; }

      /* ### add box ### */
      .addsubBox { padding: 43px 0 7px 0; width: 286px; float: right; overflow:hidden; }
      .addsubBox .add { padding-bottom: 13px; width: 100%; position: relative; }
      .addsubBox .tag { position: absolute; left: 9px; bottom: 25px; }
      .addsubBox .txt { padding: 0; position: absolute; right: 72px; top: 20px; }
      .addsubBox span { padding-bottom: 5px; color: #d3a35e; text-align: center; display: block; font-family: 'Open Sans', sans-serif; font-weight: 800; font-size: 13px; line-height: 14px; }
      .addsubBox .link { margin-top: 4px; color: #d3a35e; text-align: center; display: block; font-family: 'Open Sans', sans-serif; font-weight: 800; font-size: 12px; text-decoration: none; line-height: 13px; }
      .addsubBox .offer { padding-bottom: 4px; color:#825631; line-height: 20px; border-bottom: 1px dotted #825631; border-top: 1px dotted #825631; }

      /* ### sponcer box ### */
      .sponcerBox { padding-top: 1px; width: 100%; }
      .sponcerBox ul { list-style: none; list-style-type: none; }
      .sponcerBox li { padding: 0 19px 18px 0; float: left; }
      .sponcerBox li a img { border: 1px solid #dddddd;}
      .sponcerBox li a:hover img { border: 1px solid #c89858;}

      /* ### proinfo box ### */
      .proinfoBox{ padding: 30px 0 25px 1px; width: 941px; overflow: hidden; }
      .proinfoBox ul { margin-bottom: 23px; overflow: hidden; list-style-type: none; list-style: none; border: 1px solid #eaeaea; }
      .proinfoBox li { height: 74px; border-top: 1px solid #eaeaea; width: 100%; color: #828282; line-height: 14px; float: left; background: url('pro-li.jpg') left top repeat-y; }
      .proinfoBox li:first-child { height: 67px; border: 0; }
      .proinfoBox li div { float: left }
      .proinfoBox .first { width: 642px; }
      .proinfoBox .sec { width: 73px; }
      .proinfoBox .third { width: 37px; }
      .proinfoBox .four { width: 94px; }
      .proinfoBox .five { width: 93px; }
      .proinfoBox h4 { padding-right: 14px; text-align: right; font-size: 14px; line-height: 66px; font-weight: bold; color: #828282; font-weight: bold; }
      .proinfoBox .first h4 { text-align: left; padding-left: 15px; }
      .proinfoBox .first a img { margin-right: 10px; float: left; border-right: 1px solid #eaeaea; }
      .proinfoBox .first a { color: #ac7e48; font-weight: bold; line-height: 14px; text-decoration: none; }
      .proinfoBox .first span { padding-top: 18px; display: block; float: left; }
      .proinfoBox .first span span { padding-top: 0; display: block; float: none; color: #828282; }
      .proinfoBox fieldset { border: 0; }
      .proinfoBox .sec fieldset { padding: 10px 10px 0 10px; }
      .proinfoBox .field { width: 36px; height: 28px; border: 0; line-height: 28px; text-align: center; font-weight: bold; font-size: 14px; float: left; background: url('item-num.jpg') left top no-repeat; }
      .proinfoBox .up { float: left; }
      .proinfoBox .down { float: left; }
      .proinfoBox .close { margin: 10px 0 0 10px; display: block; float: left; }
      .proinfoBox .num { padding: 12px 12px 0 0; font-weight: bold; text-align: right; display: block; }
      .proinfoBox .last { height: 46px; background: url('pro-last.jpg') repeat-y; }
      .proinfoBox .shop { padding: 10px 0 0 8px; line-height: 20px; color: #ac7e47; text-decoration: none; float: left; display: block; }
      .proinfoBox .btn { font-size: 12px; height: 25px; cursor: pointer; margin: 11px 9px 0 0; border-radius: 2px; -webkit-border-radius: 2px; font-family: 'Open Sans', sans-serif; color: #fff; width: 160px; border: 0; float:right; background: #020202; }
      .proinfoBox .btn:hover { background: #d4a55f; }
      .proinfoBox .code { float: right; width: 299px; border: 1px solid #eaeaea; }
      .proinfoBox .total { margin-left: 28px; float: right; width: 299px; border: 1px solid #eaeaea; }
      .proinfoBox .data { padding: 14px 10px 18px; overflow: hidden; border-bottom: 1px solid #eaeaea }
      .proinfoBox p { padding-bottom: 5px; width: 100%; float: left; overflow: hidden; font-size: 14px; color: #3b3b3b; text-align: right; }
      .proinfoBox p span { width: 148px; display: block; float: left; }
      .proinfoBox .head { font-weight: bold; line-height: 18px; }
      
      .proinfoBox h3 { padding: 0 0 2px 10px; color: #4d4d4d; font-size: 16px; line-height: 40px; font-weight: 600; font-family: 'Open Sans', sans-serif; }
      .proinfoBox .code fieldset { padding: 20px 19px 10px 15px; min-height: 50px; border-top: 1px solid #eaeaea; }
      .proinfoBox .field1 { padding: 2px 5px; border: 1px solid #dddddd; float: left; width: 154px; height: 27px; line-height: 27px; background: none; }
      .proinfoBox .btn1 { margin: 3px 0 0 0; width: 84px; }
      .proinfoBox .amount { padding-top: 24px; float: left; overflow: hidden; width: 100%; }
      .proinfoBox .amount p { color: #b68e5f; font-size: 16px; line-height: 20px; }
      .proinfoBox .btn2 { margin: 15px auto; display: block; cursor: pointer; width: 202px; height: 37px; border: 0; color: #fff; text-transform: uppercase; font-size: 16px; font-family: 'Open Sans', sans-serif; background: url('pro-btn.png') left top no-repeat; } 
      .proinfoBox .btn2:hover { background-position: 0 -37px; } 
      .proinfoBox .data fieldset { width: 250px; } 
      .proinfoBox .last fieldset { float: right; } 
    
      /* ### tabnav box ### */
      .tabnavBox{ padding-bottom: 21px; width: 100%; overflow: hidden; }
      .tabnavBox ul { padding-left: 2px; list-style-type: none; list-style: none; overflow: hidden; }
      .tabnavBox li { padding-right: 9px; font-style: normal; cursor: pointer; color: #eddbc1; float: left; text-transform: uppercase; font-size: 14px; font-weight: 600; font-family: 'Open Sans', sans-serif; }
      .tabnavBox li:hover, .tabnavBox li.current { color: #c29351; }

      .tabscontent ul li { padding:0 20px 0 0 !important; }
      
      /* ### item box ### */
      .itemBox { padding-top: 0; width: 100%; border-bottom: 1px solid #dddddd; }
      .itemBox.items { margin-bottom: 15px; }
      .itemBox.pro { padding: 24px 0 20px; }
      .itemBox.pro.subpag { padding: 15px 0 20px; border-bottom: 0; }
.itemBox.pro.subpag ul li { padding:0 20px 0 0 !important; }
      .itemBox .leftside { float: left; width: 569px; }
      .itemBox .rightside { float: right; margin-right: -20px; width: 378px; }
      .itemBox ul { list-style: none; list-style-type: none; min-width:790px; }
      .itemBox li { padding: 0 0 16px 0; float: left; z-index: 1; }
      .itemBox li { padding: 0 12px 0 0; }
      .itemBox li:hover { z-index: 6666; position: relative; }
      .itemBox .item { height: 194px; float: left; position: relative; background: #fff; }
.itemBox .item .icon-sale { position:absolute;top:0; right:10px; }
      .itemBox .text { padding-top: 20px; width: 145px; text-align: center; }
      .itemBox .onitem { padding-left: 5px; padding-right: 5px; padding-top: 20px; width: 213px; position: absolute; left: -20px; top: -30px; display: none; height: 208px; } 
      .itemBox.pro .onitem { padding-top: 0px; top: -10px; height: 228px; }
      .itemBox li:hover .onitem { display: block; z-index: 99999; box-shadow: 0 0 15px #CCCCCC; }
      .itemBox li:hover .onitem img { width: 100%; height: auto; }
      .itemBox li:hover .onitem span { font-size: 13px; }
      .itemBox li:hover .onitem .text { width: 200px; }
      .itemBox li:hover .onitem h4 { font-size: 16px; line-height: 20px; }
      .itemBox span { font-size: 11px; color: #461f00; line-height: 16px; display: block; text-align: center; }
      .itemBox .rate { padding-top: 2px; font-size: 12px; color: #c19251; font-weight: bold; line-height: 16px; }
      .itemBox .rate span { padding-right: 10px; color: #c19251; font-size: 12px; text-decoration: line-through; display: inline; }
      .itemBox .new {color: #b22d01; }
      .itemBox h4 { font-size: 14px; line-height: 16px; }
      .itemBox h4 a { text-decoration: none; border: 0; color: #482000; background: none; }
      .itemBox .last { padding-right: 0; }
      .itemBox h4 a:hover { text-decoration: underline; }
      .itemBox .sale { padding-top: 22px; font-size: 12px; text-align: center; display: block; text-transform: uppercase; font-weight: bold; color: #fff; width: 37px; height: 19px; position: absolute; right: 3%; top: -1%; background: url('sale.jpg') left top no-repeat; }
      .itemBox .sale.new { background: url('new.jpg') left top no-repeat; }
      .itemBox h2 { padding-bottom: 0px; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 14px; color: #b3874b; }
    
      /* ### wel box ### */
      .welBox { padding-left: 2px; width: 650px; float: left; }
      .welBox h1 { padding-bottom: 8px; font-weight: 600; color: #d09f5a; text-decoration: none; font-size: 14px; line-height: 18px; font-family: 'Open Sans', sans-serif; }
      .welBox p { padding-bottom: 17px; font-size: 13px; line-height: 18px; }
      .welBox h5 { padding-bottom: 2px; font-size: 13px; line-height: 18px; }

      /* ### newitem box ### */
      .newitemBox { padding-left: 2px; width: 253px; position: relative; float: right; }
      .newitemBox h2 { padding-bottom: 10px; font-weight: 600; color: #d09f5a; text-decoration: none; font-size: 14px; line-height: 18px; font-family: 'Open Sans', sans-serif; }
      .newitemBox .view { position: absolute; right: 4px; top: 2px; color: #acacac; font-size: 11px; }
      .newitemBox ul { float: left; border: 1px solid #dddddd; border-bottom: 0; list-style: none; list-style-type: none; background: url('line.jpg') left top repeat-y; }
      .newitemBox li { float: left; cursor: pointer; width: 125px; height: 125px; border-bottom: 1px solid #dddddd; position: relative; }
      .newitemBox li.right { float: right; }
      .newitemBox h3 { padding-top: 5px; font-size: 11px; color: #482000; line-height: 14px; text-align: center; }
      .newitemBox h3 a { color: #482000; text-decoration: none; }
      .newitemBox li .star { padding-top: 5px; width: 65px; display: block; margin: auto; }
      .newitemBox li .star img { margin-left: 1px; float: left; cursor: pointer; }
      .newitemBox li .over { position: absolute; display: none; left: 0; top: -1px; width: 126px; height: 126px; background: url('over.png') left top no-repeat; }
      .newitemBox li:hover .over { display: block; }

      /* ### data box ### */
      .dataBox { padding: 21px 0; overflow: hidden; width: 100%; }
      .dataBox .leftside { width: 670px; float: left; border: 1px solid #eaeaea; }
      .dataBox .rightside { width: 228px; float: right; border: 1px solid #eaeaea; }
      .dataBox h3 { padding-left: 10px; font-size: 14px; line-height: 30px; color: #4c4c4c; line-height: 42px; font-family: 'Open Sans', sans-serif; font-weight: 600; }
      .dataBox fieldset { padding: 15px 0 11px 12px; border: 0; position: relative; border-top: 1px solid #eaeaea; }
      .dataBox p { padding-bottom: 5px; float: left; width: 100%; }
      .dataBox label { padding-bottom: 6px; float: left; width: 100%; display: block; color: #010101; line-height: 16px; font-weight: bold;    }
      .dataBox .field { padding: 2px 5px; border: 1px solid #dddddd; float: left; width: 304px; height: 27px; line-height: 27px; }
      .dataBox .left { padding: 0 0 0 0; float: left; width: 320px; }
      .dataBox .drop { width: 79px; margin-top: 7px; height: 26px; position: relative; float: left; }
      .dataBox .drop span.select {padding: 0; position: absolute; top: 0px; left: 0px; width: 79px; height: 26px; color: #010101; font-weight: normal; border: none; background: url('drop-select.jpg') no-repeat; }
      .dataBox .drop select { width: 79px; line-height: 26px; height: 26px; }
      .dataBox .drop1 { margin: 7px 10px 0; width: 139px; }
      .dataBox .drop1 span.select { width: 139px; background: url('drop-select1.jpg') no-repeat; }
      .dataBox .drop1 select { width: 139px; }
      .dataBox .drop2 { margin: 6px 0; width: 316px; }
      .dataBox .drop2 span.select { padding: 4px 0 0 8px; width: 316px; height: 22px; background: url('select1.png') no-repeat; }
      .dataBox .drop2 select { width: 316px; }
      .dataBox .spacer { padding-bottom: 16px; }
      .dataBox label span { color: #b20000; }
      .dataBox .radio { margin: 0 6px 0px 0; width: 19px; height: 16px; display: block; float: left; background: url('check1.png') no-repeat; }
      .dataBox .spacer1 label { width: auto; font-weight: normal; }
      .dataBox .spacer1 { padding: 14px 0 0 0; }
      .dataBox .right { float: right; width: 325px; }
      .dataBox .right .field { width: 292px; }
      .dataBox .gap { height: 250px; }
      .dataBox .spacer2 { margin-right: 20px; width: 144px; }
      .dataBox .spacer3 { width: 141px; }
      .dataBox .right .spacer2 .field { width: 131px; }
      .dataBox .note { position: absolute; right: 12px; bottom: 20px; color: #b20000; }
      .dataBox .btn { font-size: 12px; height: 25px; cursor: pointer; border-radius: 2px; -webkit-border-radius: 2px; font-family: 'Open Sans', sans-serif; color: #fff; width: 114px; border: 0; float:right; background: #020202; }
      .dataBox .btn:hover { background: #d4a55f; }
      .dataBox .sec { padding: 9px 10px 12px; }
      .dataBox ul { padding: 20px 0 6px 15px; overflow: hidden; list-style: none; list-style-type: none; border-top: 1px solid #eaeaea; }
      .dataBox li { padding: 0 0 19px 30px; overflow: hidden; float: left; font-size: 14px; font-weight: bold; width: 200px; color: #777777; }
      .dataBox li.active { color: #c99959; background: url('tick.png') left top no-repeat; }

      /* ### brand box ### */
      .brandBox { padding: 19px 0; overflow: hidden; border-top: 1px solid #dddddd; width: 100%; }
      .brandBox ul { list-style: none; list-style-type: none; }
      .brandBox li { padding-left: 16px; float: left; }
      .brandBox li:first-child { padding-left: 0; }
      
      /* ### step box ### */
      .stepBox { height: 42px; margin-left: -3px; width: 100%; position: relative; background: url('step-bg.jpg') left top no-repeat; }
      .stepBox ul { list-style-type: none; list-style: none; position: relative; z-index: 999; }
      .stepBox li { padding-left: 14px; line-height: 42px; width: 210px; height: 42px; float: left; font-size: 14px; color: #999999; text-transform: uppercase; font-weight: 600; }
      .stepBox li.active { color: #fff; font-weight: 400; }
      .stepBox li span { color: #986c3d; }
      .stepBox li.active span { color: #fff; }
      .stepBox li:first-child { padding-left: 0; width: 75px; }
      .stepBox li.last { width: 180px; }
      .stepBox .stepact { height: 42px; width: 73px; position: absolute; z-index: 9; top: 0px; left: 2px; background: url('step1.png') right top no-repeat; }
      .stepBox .sec { width: 296px; }

    /* ### right container ### */
    #rightCntr { float: right; width: 762px; }
    
      /* ### pagina box ### */
      .paginaBox { padding-bottom: 6px; overflow: hidden; width: 100%; border-bottom: 1px solid #dddddd; }
      .paginaBox.sub { padding-top: 5px; border-bottom: 0; }
      .paginaBox fieldset { padding-top: 7px; float: left; border: 0; width: 762px; }
      .paginaBox .pagina { float: right; }
      .paginaBox h5 { padding: 0 0px 0 2px; font-size: 11px; color: #444444; float: left; text-transform: uppercase; line-height: 14px; }
      .paginaBox ul { float: left; list-style: none; list-style-type: none; }
      .paginaBox li { padding: 0 4px 0 6px; float: left; font-size: 11px; background: url('sap2.jpg') left center no-repeat; }
      .paginaBox li:first-child {background: none;}
      .paginaBox li a { text-decoration: none; color: #444444; }
      .paginaBox li a:hover { color: #000; text-decoration: underline;  }
      .paginaBox .drop { width: 45px; position: relative; float: left; height: 17px; margin: 0 5px; }
      .paginaBox .drop span.select { padding: 0 5px 0 7px; font-size: 11px; position: absolute; top: 0px; left: 0px; width: 45px; height: 17px; color: #000; font-weight: normal; border: none; background: url('select.png') no-repeat; }
      .paginaBox .drop select { width: 45px; height: 17px; }
      .paginaBox h5 span { font-weight: normal; }
      .paginaBox .pagina { overflow: hidden; }
      .paginaBox .pagina li { padding: 0 0 0 3px; font-size: 10px; line-height: 16px; background: none; }
      .paginaBox .pagina li a { width: 17px; height: 17px; text-align: center; display: block; background: url('pagina.png') left top no-repeat; }
      .paginaBox .pagina li a:hover, .paginaBox .pagina li.active a { text-decoration: none; color: #fff; background-position: 0 -17px; }

      /* ### product box ### */
      .productBox { padding-top: 24px; width: 100%; border-bottom: 1px solid #dddddd; }
      .productBox ul { list-style: none; list-style-type: none; }
      .productBox li { padding: 0 16px 22px 0; float: left; z-index: 1; }
      .productBox li:hover { z-index: 6666; position: relative; }
      .productBox .item { height: 194px; float: left; background: #fff; }
      .productBox .text { padding-top: 20px; width: 145px; text-align: center; }
      .productBox .onitem { padding-top: 20px; width: 223px; position: absolute; left: -20px; top: -30px; display: none; height: 208px; } 
      .productBox li:hover .onitem { display: block; z-index: 99999; border-radius: 4px; border: 4px solid #e9e9e9; }
      .productBox .onitem:hover img { width: 100%; height: auto; }
      .productBox .onitem:hover span { font-size: 13px; }
      .productBox .onitem:hover .text { width: 200px; }
      .productBox .onitem:hover h4 { font-size: 16px; line-height: 20px; }
      .productBox span { font-size: 11px; color: #461f00; line-height: 16px; display: block; text-align: center; }
      .productBox .rate { padding-top: 2px; font-size: 12px; color: #c19251; font-weight: bold; line-height: 16px; }
      .productBox .rate span { padding-right: 10px; color: #c19251; font-size: 12px; text-decoration: line-through; display: inline; }
      .productBox .new {color: #b22d01; }
      .productBox h4 { font-size: 14px; line-height: 16px; }
      .productBox h4 a { text-decoration: none; border: 0; color: #482000; background: none; }
      .productBox .last { padding-right: 0; }
      .productBox h4 a:hover { text-decoration: underline; }

  /* ### footer container ### */
  #footerCntr { padding: 35px 26px 12px; overflow: hidden; width: 938px; background: #2a2a2a url('footer-bg.jpg') repeat-x; }
  #footerCntr .footmid { padding-bottom: 24px; overflow: hidden; }

    /* ### news box ### */
    .newsBox { width: 392px; float: right; }
    .newsBox h3 { padding-bottom: 4px; font-size: 14px; line-height: 18px; font-weight: 600; font-family: 'Open Sans', sans-serif; color: #cccccc; border-bottom: 1px solid #555555; }
    .newsBox .news { padding-top: 9px; width: 100%; cursor: pointer; }
    .newsBox img { float: left; }
    .newsBox .text { padding-top: 12px; float: right; width: 282px; }
    .newsBox h4 { padding-bottom: 5px; font-size: 14px; line-height: 18px; color: #fff; font-weight: 600; font-family: 'Open Sans', sans-serif; }
    .newsBox .news:hover h4 { color: #d09f5c; }
    .newsBox .news:hover p { color: #fff; }

    /* ### footer box ### */
    .footerBox { padding-top: 15px; width: 100%; margin-top: 21px; border-top: 1px solid #555555; }
    .footerBox ul { padding-top: 5px; overflow: hidden; float: right; list-style: none; list-style-type: none; }
    .footerBox li { padding-left: 3px; float: left; }
    .footerBox p { float: left; }

    /* ### link box ### */
    .linkBox { width: 392px; float: right; }
    .linkBox h2 { padding-bottom: 4px; font-size: 14px; line-height: 18px; font-weight: 600; font-family: 'Open Sans', sans-serif; color: #cccccc; border-bottom: 1px solid #555555; }
    .linkBox ul { padding-top: 21px; float: left; overflow: hidden; list-style: none; list-style-type: none; }
    .linkBox li { padding-right: 12px; float: left; }
    .linkBox li a { display: block; opacity: .55; filter: alpha(opacity=55); text-indent: -9999999px; width: 54px; height: 53px; background: url('fb.png') left top no-repeat; }
    .linkBox li.tweet a { background: url('tweet.png') left top no-repeat; }
    .linkBox li.yt a { background: url('you-tube.png') left top no-repeat; }
    .linkBox li a:hover { opacity: 1; filter: alpha(opacity=100); }
    .linkBox address { padding: 32px 0 0 10px; float: left; font-style: normal; }
    .linkBox address span { width: 44px; display: block; float: left; font-weight: bold; }
    .linkBox address a { color: #878787; text-decoration: none; }
    .linkBox address a:hover { color: #fff; }
    
    /* ### list box ### */
    .listBox { width: 517px; float: left; }
    .listBox h2 { padding-bottom: 4px; font-size: 14px; line-height: 18px; font-weight: 600; font-family: 'Open Sans', sans-serif; color: #cccccc; border-bottom: 1px solid #555555; }
    .listBox ul { padding-top: 15px; float: left; width: 150px; list-style: none; list-style-type: none; }
    .listBox li { float: left; width: 100%; color: #878787; line-height: 14px; width: 100%; }
    .listBox li a { color: #878787; text-decoration: none; }
    .listBox li a:hover { color: #fff; }
    .listBox .gaap { width: 140px; }
    .listBox .gaap1 { float: right; width: 87px; }

    /* ### nav box ### */
    .navBox { width: 517px; float: left; }
    .navBox .block { float: left; width: 185px; }
    .navBox h3 { padding-bottom: 4px; width: 128px; font-size: 14px; line-height: 18px; font-weight: 600; font-family: 'Open Sans', sans-serif; color: #cccccc; border-bottom: 1px solid #555555; }
    .navBox ul { padding-top: 7px; list-style: none; list-style-type: none; clear: both; width: 100%; }
    .navBox li { float: left; width: 100%; color: #878787; line-height: 16px; }
    .navBox li a { color: #878787; text-decoration: none; }
    .navBox li a:hover { color: #fff; }
    .navBox .last { width: 130px; float:right; }