﻿.left{ float:left;}
.view_box{  clear:both; margin-bottom:50px; overflow:hidden; }

.prodtsimg{width:348px; height:350px; *font-family:Arial, Helvetica, sans-serif; text-align:center; display: table-cell; vertical-align: middle; *font-size:320px; cursor:pointer; overflow:hidden;}
.prodtsimg img{vertical-align:middle;width:348px; max-height:350px; display:block;border:0;}
.prodtsimg{}
.minus{text-align:left;}
.minus .on img{border:solid 1px #A72D2C;}
.Ntop{text-align:center; padding:5px 0px;}
.proshare{padding:0px 0px 10px 130px;}

#nscroll{width:348px; margin:10px 0 0 0; clear:both; overflow:hidden; padding:0px;}
#prev{width:30px; height:14px; text-indent:-10000px; float:left; background:url(images/scollpicarrow.gif) 18px 0px no-repeat; cursor:pointer;}
#next{width:30px; height:18px; text-indent:-10000px; float:left; background:url(images/scollpicarrow.gif) right 6px no-repeat;cursor:pointer;}
#boxs{width:350px; clear:both; display:block; overflow:hidden; margin:0; padding:0;}
#boxs ul li{ float:left; height:42px; text-align:center; display:inline; display:block; margin:8px 3px 0 4px; padding:0; list-style-type:none;}
#boxs ul li img{width:60px; height:40px;}
#boxs ul li a{display:block; border:solid 1px #CCC;  height:40px; overflow:hidden; text-align:center; float:left;  vertical-align: middle; }
#boxs ul li a:hover{border:solid 1px #A72D2C;}

#boxImg{width:304px; height:352px; clear:both; display:block; overflow:hidden;}
#boxImg ul li{width:52px; height:60px; float:left;text-align:center; padding:5px;}


.middle-col { padding:0 30px;}
.view-ban { width:450px; padding:5px 0 11px 0;}
.view-ban img { max-width:450px; }
.middle-col .product-name { margin-bottom:11px; padding:0; font-size:16px; font-weight:600; color:#000;}

.product-info { width: 100%; border-top: 1px solid #eeebeb; border-bottom: 1px solid #eeebeb; font-size: 12px;  margin: 0 0 20px; }
.product-info > div { display: block; padding: 10px;  color: #818181; text-transform: uppercase; vertical-align:middle}
.product-info .product-sku { color: #fa4969; font-weight: bold; }
.product-info .product-sku span.sku-nr { font-size: 13px; }
.product-info > div b { font-weight: 700; color: #000000; }
.product-info  .product-votes { text-align: left; }
.product-info  .product-reviews { cursor: pointer; padding-bottom: 10px; text-align: center; } 
.rating .nostar { background-position: 0 -11px; width: 115px; display: inline-block; vertical-align: top; margin: 0; text-align: left; }
.rating .nstar { background-image: url('images/rating-stars.svg'); background-size: 23px; background-repeat: repeat-x; }
.rating .nstar { display: inline-block; height: 25px; background-position: 0 -48px; text-align: left; }
.price-box { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eeebeb; }
.price-box > div { float: left; line-height: 1; margin-right: 10px; }
.price-box > div.old-price { color: #333; font-family:  "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-size: 25px; text-decoration: line-through; padding-top: 15px; }
.price-box > div.regular-price { font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-size: 50px; font-weight:400; color: #fa4969; }
.price-box > div.notice-link { padding-top: 15px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; }
.price-box > div.notice-link a { display: inline-block; zoom: 1; font-size:14px; line-height: 1.3; text-decoration: none; color:#fa4969; }
.price-box > div.notice-link a span {  border-bottom: 1px dashed #fa4969;} 
.product-options-bottom { padding: 10px; background: #f8f8f8; }
.product-options-bottom h3 { font-size:18px; font-weight: 600; line-height: 2;}
.product-options-bottom h3 a { float:right; font-size:14px; font-weight:100px; text-transform:uppercase;}
.attr-item {
    margin: 2px 0;
	width:100%;
}
.col-lg { float:left; width:41%; padding-left:20px; padding-right:20px;}
.row { zoom: 1; clear:both;}
.row:before {content: ""; display: table;}
.attr-option-value {
    padding: 7px 0;
	font-size:16px;
    font-weight: 100;
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
	width:100%;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
  cursor:pointer;
}
.input-group-addon {
  padding: 1px 20px;
  font-size: 16px;
  font-weight: 100;
  color: #8f8f90;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #d2d2d2;
  border-radius: 2px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 20px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group select { width:100%; border-radius:3px; line-height:34px; height:34px; outline:none; font-size:16px; margin-bottom:2px;}
.input-group select:focus { border:1px solid #666}

.form-control, .input-text { display: block; width: 100%; height: 38px; padding: 0px 10px; font-size: 16px; line-height: 1.42857143; color: #8f8f90; background-color: #ffffff; background-image: none; border: 1px solid #d2d2d2; border-radius: 2px; outline:none;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.2s ease-in-out;
-moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.2s ease-in-out;
-ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.2s ease-in-out;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.2s ease-in-out;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.2s ease-in-out;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
-webkit-transform: translateZ(0);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.dzinput { width:88.33333%; height:34px; line-height:34px; margin-bottom:2px;}
.add-quantity { text-align: center; }
.input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; }
.add { float:right;} 
#message_size { font-size:14px; color:#F1597F; line-height:30px;}

.product_benefits_col { float:left; padding:20px 20px 15px 20px; }
.product-benefits {  padding-top: 20px;margin-bottom: 50px; }
.product-benefits .pr-benefit { margin-bottom: 10px; text-align: center; line-height: 1;  position:relative;}
.product-benefits .pr-benefit .benefit-icon { display: block; margin: 0 auto 5px; width: 34px; height: 34px; line-height: 34px;  text-align: center; border: 1px solid #dbdbdb; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #ffffff; color: #939393;  font-size: 15px;}
.product-benefits .pr-benefit .benefit-title { font-weight: 700; font-size: 12px; line-height: 1; text-transform: uppercase;color: rgba(0, 0, 0, 0.5); } 
.product-benefits .pr-shipp { display: block; margin-bottom: 15px; text-align: center; font-size:14px; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; color: #000000; }
.product-benefits .pr-shipp .pr-shipp-title {  font-style: italic; font-size: 22px; }
.product-benefits .benefit-half { padding-top: 15px; padding-bottom: 15px; }
.product-benefits .benefit-half:last-child { border-left: 1px solid #dedbdb; } 
.ttip { cursor: default; }
.product-benefits .pr-benefit { margin-bottom: 10px; text-align: center; line-height: 1; }
.product-benefits .pr-benefit .benefit-icon { display: block; margin: 0 auto 5px; width: 34px; height: 34px; line-height: 34px; text-align: center;  border: 1px solid #dbdbdb; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;  background: #ffffff;  color: #939393;font-size: 15px;  }
.product-benefits .pr-benefit .benefit-title { font-weight: 700; font-size: 12px; line-height: 1; text-transform: uppercase; color: rgba(0, 0, 0, 0.5); }
#ttip, .ttip-info { position:absolute; top:-100px; left:-260px; display: none; width: 232px; background: #fd4269; border-radius: 2px;  z-index: 9; padding: 16px; color: #fff; line-height: 18px; letter-spacing: 0;  font: 15px Arial, sans-serif; text-transform: none; text-align: left; } 
hr { margin-top: 22px; margin-bottom: 22px; border: 0; border-top: 1px solid #eeeeee; } 
hr.delimiter { max-width: 50px; border-color: #cacaca; border-width: 2px 0 0; }
hr.delimiter.small { max-width: 20px; } 

.icon-truck { margin-top:8px; display:inline-block; width:20px; height:16px; background: url(images/viewr.jpg) no-repeat;}
.icon-badge { margin-top:6px; display:inline-block; width:20px; height:20px; background: url(images/viewr.jpg) no-repeat 0 -30px;}
.icon-back { margin-top:5px; display:inline-block; width:20px; height:20px; background: url(images/viewr.jpg) no-repeat 0 -93px;}
.icon-lock { margin-top:1px; display:inline-block; width:20px; height:20px; background: url(images/viewr.jpg) no-repeat 0 -60px;}
.icon-eye { margin-top:10px; display:inline-block; width:20px; height:20px; background: url(images/viewr.jpg) no-repeat 0 -130px;}

#Tab1{
width:100%;
padding:20px 0 0; margin:0 auto;
overflow: hidden;
font-size:12px;
}
.Menubox {
width:100%;
height:61px;
border-bottom:1px solid #eee;
text-transform:uppercase;
}
.Menubox ul{
margin:0px auto;
padding:0 15px;
position:relative;
}
.Menubox li{
float:left;
margin:0;
padding:0 20px;
display:block;
cursor:pointer;
text-align:center;
background: #fff;
height:60px;
line-height:60px;
color:#fa4969;
font:600 14px/60px  Arial, Helvetica, sans-serif;
}

.Menubox li.hover{
padding:0 20px;
margin:0;
color:#333;
height:60px;
font:600 14px/60px  Arial, Helvetica, sans-serif;
background:#f8f8f8;
}
.Contentbox{
clear:both;
margin:0px;
padding:20px;
width:100%;
overflow:hidden;
text-align:left;
background:#fff;
}

/* desc */
.product-eurobonus{position:relative;padding:10px 0;margin:0 0 10px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;cursor:default;display:inline-block;font-size:11px;display:block}
.product-eurobonus>strong{color:#000; font-weight:700; font-size:14px}
.product-eurobonus .read-more{color:black;font-size:11px;text-transform:lowercase;float:right;text-decoration:none}
.product-eurobonus .read-more span{height:11px;width:11px;display:inline-block;margin:1px 0 0 2px;vertical-align:top;background:url('images/icon_sprite.png') no-repeat -11px -2162px}.product-eurobonus.open .read-more span{background-position:-36px -2183px}

.product-eurobonus .close-more{color:black;font-size:11px;text-transform:lowercase;float:right;text-decoration:none}
.product-eurobonus .close-more span{height:11px;width:11px;display:inline-block;margin:1px 0 0 2px;vertical-align:top;background:url('images/icon_sprite.png') no-repeat -11px -2162px}.product-eurobonus.open .close-more span{background-position:-36px -2183px}

.product-eurobonus .more-expand{display:block; height:18px; width:100%;float:left;position:relative;overflow:hidden;margin:20px 0 10px 0}
.product-eurobonus .more-expand .line{width:1px;height:999em;background-color:#ccc;margin-left:50%;display:block;position:absolute;top:0;left:0}
.product-eurobonus .more-expand>div{width:50%}.product-eurobonus .more-expand .fl>div{margin-right:25px}
.product-eurobonus .more-expand .fr>div{margin-left:25px}
.product-eurobonus .more-expand .sas-card{background:url('images/icon_sprite.png') no-repeat 0 -2213px;width:73px;height:29px;display:block;margin-top:10px}
.product-eurobonus .more-expand a{color:black}

/*size*/
.selectsize { margin-bottom:5px;  }
.sizes { margin-top:5px;}
.sizes li { background:#ccc; color:#000; display:block; padding:0 10px; height:27px; float:left; text-align:center; font: 100 12px/27px Arial, Helvetica, sans-serif; text-decoration:none; margin:0 0 5px 5px; cursor:pointer; list-style-type:none;}
.sizes li:hover { background:#999; color:#000; display:block; padding:0 10px; height:27px; float:left; text-align:center; font: 100 12px/27px Arial, Helvetica, sans-serif; text-decoration:none; margin:0 0 5px 5px;}
.seted {background:#000 !important; color:#fff !important; display:block; padding:0 10px; height:27px; float:left; text-align:center; font: 100 12px/27px Arial, Helvetica, sans-serif; margin:0 0 5px 5px;}

.delivery-days{font-size:11px;display:block;margin:5px 0 0 0;font-weight:bold;float:left;clear:both;width:100%; margin-bottom:5px;}
.delivery-days em{color:#999;font-weight:normal}
.qty {font-size:12px; padding-bottom:10px; margin-bottom:10px; }

.you-viewed { width:100%; margin-top:10px;}
.you-viewed .viewed-title { padding:5px 0; text-indent:10px; font:700 12px/18px Arial, Helvetica, sans-serif; border-bottom:1px #ddd solid;}
.you-viewed .viewed-box { padding:2px 0;}
.you-viewed .item_box { float:left; width:50px; font-size:11px; text-align:center; padding:0 8px;}

a.detail-size-guide{display:inline-block;margin-bottom:16px;text-decoration:underline;color:#000;font-size:11px;text-transform:capitalize;clear:both}
a.detail-size-guide span{height:12px;width:55px;display:inline-block;background:#FFF url('images/icon_sprite.png') no-repeat 8px -598px;vertical-align:text-bottom;margin:0 -1px -2px 0;z-index:1}
.material { padding:8px 0; line-height:20px;}

.we-recommend { width:100%; clear:both; margin-top:10px;}
.we-recommend .recommend-title { margin-bottom:20px; height:20px; border-bottom:1px #ddd solid;}
.we-recommend .recommend-title span { display:block; margin:0 auto -10px auto; padding:0 10px; position:relative; bottom:-10px; background:#fff; width:120px; height:20px; text-align:center; text-transform:uppercase;}
.we-recommend .recommend-box { padding-top:10px; width:100%;}

.listview { float:left; width:123px; height:160px;}
.listview .view-img { width:100px; height:90px; margin:0 auto; text-align:center;}
.listview .view-img img { max-width:100px; max-height:90px;}
.listview .view-name { padding:2px; text-align:center; font-size:11px;}
.listview .view-price { text-align:center; font-weight:bold;}

/*review*/
.info-review {border-top: 1px solid #c0c0c0;padding:25px 0 0; margin:0 auto;}
.info-review .review_title{width:960px; text-align:center; margin:10px auto 0 auto; padding:0; font:100 italic 14px/20px Arial, Helvetica, sans-serif;}
.info-review .review_title span{ font:bold 20px/36px Arial, Helvetica, sans-serif; color:#333; text-transform:uppercase;}

.info-review .review_content .review_tit{width:960px; height:40px; border-bottom:1px solid #CCC; font:bold 22px/40px Arial; color:#333;}
.info-review .review_content .review_tit span{ font:100 22px/40px Arial; color:#900;}

.info-review .review_content .pro_reviews{ width:960px; margin:0; padding:0;clear:both; overflow:hidden;}
.info-review .review_content .releft{ float:left; width:150px;}
.info-review .review_content .recenter{ float:left; width:630px; margin:0 0 0 10px; }
.info-review .review_content .reright{ float:right; width:150px;}
.info-review .review_content { float:left;}


/*----------------------*/

.fon3 {
    float: left;
    padding: 0px 0%;
    width: 100%;
    position: relative;
}

    .fon3 #attribsOptionsText {
        float: left;
        font-size: 12px;
        display: none;
    }

#productAttributes {
    padding: 0px;
    display: block;
}

    #productAttributes table tr td {
        background: #fcfcea;
        text-align: center;
        vertical-align: middle;
        font-weight: bold;
        color: #000;
        font-size: 11px;
        padding: 5px 5px;
    }

        #productAttributes table tr td.attrib-grid-hHeader {
            padding:5px;
            font-weight: normal;
            text-align: left;
            text-indent: 15px;
        }

        #productAttributes table tr td.attrib-grid-cell {
            padding: 5px 0;
            font-weight: normal;
            width: 100px;
        }

        #productAttributes table tr td .qty_act, #productAttributes table tr td .qtyInput {
            text-align: center;
            display: inline;
        }

            #productAttributes table tr td .qty_act a {
                margin: 0px 3px 0px 3px;
                color: #666;
            }

                #productAttributes table tr td .qty_act a:hover {
                    color: #000;
                }

        #productAttributes table tr td .qtyInput {
            border: 1px solid #ececec;
            color: #666;
        }
/*----------------------*/

.more {
    padding: 12px 0px 15px 0px;
    text-align: center;
}
.more-button {
    color: #7f7f7f;
    font-weight: bold;
    margin: 30px 0 25px 0;
    background: #fff;
    position: relative;
    cursor: pointer;
}
.more .more-button .triangle {
    position: absolute;
    width: 0px;
    height: 0px;
    border: 9px solid transparent;
    border-top: 9px solid #7f7f7f;
    left: 50%;
    margin-left: -9px;
    bottom: -23px;
}
.more .more-button .loading-bar {
    background: url(images/loading2.gif) no-repeat center #fff;
    content: '';
    height: 22px;
    width: 22px;
    left: 50%;
    margin-left: -11px;
    position: absolute;
    top: 39px;
}
.oz-hide {
    display: none;
}
.more-button .text {
    background: #f7f8f8;
    display: block;
    border: 1px solid #ccc;
    width: 46%;
    padding: 9px 0;
    margin: 0 auto;
    border-radius: 5px;
}


/* Styles for zoom pup window (that one what move with mouse above small image) */
.MagicZoomPup {
	background:     #90a8d6;
	border:         1px solid #022e6f;
}
/* Styles for header on large zoom window */
.MagicZoomHeader {
	background:     #90a8d6;
	font-size: 12px;
}
/* Styles for large zoom window */
.MagicZoomBigImageCont {
	border:         1px solid #90a8d6;
}
/* Style of the expanded image */
.MagicThumb-expanded {
	border: 1px solid #90a8d6;
}
/* Style of the caption for the expanded image */
.MagicThumb-caption {
	background: #90a8d6;
	color: #fff;
}


/* CSS classes for multiple image selectors */
/* Styles for the inactive selector */
.Selecto {float:left;}
.Selector img {
	border: 2px solid #ccc; width:60px;height:60px;margin:2px;padding:2px;display:block
}
/* Style for the active selector */
.Selector.Active img {
	border: 2px solid #FB9E11;
}
