@import url(font-awesome.min.css);
#top,
#wrapper {
    background-color: #000
}

#headerjust,
body {
    margin: 0
}

#header,
#wrapper {
    margin: 0 auto;
    max-width: 1000px
}

#header h1,
#header h1 a {
    padding: 0;
    height: 58px;
    width: 350px;
    display: block
}

#paging a,
#paging strong,
.btnlogin {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s
}

#container,
#header,
#wrapper {
    max-width: 1000px
}

body {
    padding: 0;
    font: 400 13px 'trebuchet MS', Arial;
    color: #8F8F8F;
    background: url(../images/bg.jpg) center top no-repeat fixed #000
}

a {
    color: #fff;
    text-decoration: none
}

input:focus {
    outline-width: 0
}

#wrapper {
    width: 94%;
    padding: 0 10px
}

img {
    border: none
}

#top {
    border-bottom: 1px solid #464646
}

#header {
    padding: 0;
    width: 100%
}

#header h1 {
    float: left;
    margin-top: 40px
}

#header h1 a {
    background: url(../images/logo.png) center center no-repeat;
    text-indent: -9999px
}

#header .right .adjustment,
#header .right .bag {
    float: right;
    background-image: url(../images/loginbox_back.png)
}

#header .right {
    float: right;
    width: 302px
}

#header .right .flag {
    color: #000;
    text-align: right;
    font-size: 12px
}

#header .right .flag a {
    color: #000;
    text-align: right;
    font-size: 11px;
    text-decoration: none
}

#header .right .bag {
    margin-top: 30px;
    border: 1px solid #d7d7d7;
    padding: 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

#header .right .bag a {
    font: 400 13px "Trebuchet MS";
    color: #000;
    text-decoration: none
}

#header .right .bag a strong {
    font: 700 13px Arial;
    color: #000;
    text-decoration: none
}

#header .right .adjustment {
    margin: 5px 5px 0 0;
    display: block;
    border: 1px solid #D7D7D7;
    padding: 9px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

#header .right .adjustment a {
    color: #D65C00;
    text-decoration: none;
    display: block
}

#header .right .banner {
    width: 302px;
    height: 65px;
    border: 1px solid #464646;
    margin-top: 9px
}

#header .searchsite {
    width: 275px;
    float: left;
    margin: 34px 0 0 50px
}

#header .telephone {
    float: left;
    margin: 4px 10px 10px 2px;
    font-size: 15px;
    color: #cfcfcf;
    text-align: center
}

#header .telephone img {
    margin-right: 0;
    margin-bottom: -5px
}

#header .telephone em {
    font-style: normal;
    font-size: 14px
}

#header .telephone strong {
    font-size: 20px
}

#header .telephone span {
    font-size: 11px
}

.btnlogin {
    color: #fff;
    padding: 5px;
    background: #F26501;
    border: 1px solid #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    transition: .5s
}

.btnlogin:hover {
    color: #FFF;
    background: #cfcfcf;
    border: 1px solid #29060f;
    cursor: pointer
}

.search {
    padding: 10px 10px 0 20px;
    background: url(../images/search.png) 3px 2px no-repeat;
    color: #5E5E5E;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 18px
}

#navigationmenu {
    display: none
}

#menu {
    margin: 5px 0;
    position: relative;
    z-index: 999
}

#slide {
    height: 360px
}

#container {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 10px
}

#container ul.products {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

#container ul.products li {
    margin: 0 18px 20px 0;
    padding: 0;
    width: 185px;
    float: left;
    height: 280px
}

#container ul.products li.last {
    margin: 0 0 20px;
    padding: 0;
    width: 185px;
    float: left
}

#container ul.products li .photo {
    margin: 0 0 10px;
    padding: 0;
    height: 145px;
    width: 185px;
    border: 1px solid #E6E6E6;
    overflow: hidden
}

#container ul.products li .photo a {
    background: #FFF;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    margin: 0;
    padding: 0;
    height: 145px;
    width: 185px
}

#container ul.products li .photo a img {
    margin: 0;
    padding: 0;
    height: auto;
    width: auto;
    max-height: 145px;
    max-width: 185px;
    border-width: 0;
    border-style: none
}

#container ul.products li h3 {
    font-size: 20px;
    line-height: 20px;
    color: #F26501;
    display: block;
    margin: 0;
    padding: 0;
    font-weight: 700
}

#container ul.products li h3 a {
    color: #F26501;
    text-decoration: none
}

#container ul.products li h4 {
    font-size: 14px;
    line-height: 20px;
    color: #a0a0a0;
    display: block;
    margin: 0 0 7px;
    padding: 0;
    font-weight: lighter
}

#container ul.products li h4 a {
    color: #a0a0a0;
    text-decoration: none
}

#container ul.products li p {
    font-size: 12px;
    color: #fff;
    margin: 0;
    padding: 0;
    line-height: 16px
}

#newarrivals {
    margin: 0;
    padding: 0 0 12px;
    overflow: hidden
}

#newarrivals .box {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 1000px
}

#newarrivals .box h3 {
    font-size: 20px;
    line-height: 50px;
    font-weight: 400;
    color: #919191;
    display: block;
    margin: 5px 0 8px;
    padding: 0
}

#newarrivals .box h3.page {
    font-size: 20px;
    line-height: 40px;
    font-weight: 400;
    color: #666;
    display: block;
    margin: 8px 0;
    padding: 0 0 0 10px
}

#newarrivals ul.products {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

#newarrivals ul.products li {
    margin: 0 15px;
    padding: 0;
    height: 244px;
    width: 200px;
    float: left;
    border-bottom: 1px solid #CECECE
}

#newarrivals ul.products li .photo {
    margin: 0 0 15px;
    padding: 0;
    height: 157px;
    width: 200px;
    border: 1px dashed #b0b0b0
}

#newarrivals ul.products li .photo a {
    background: #FFF;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    margin: 0;
    padding: 0;
    height: 157px;
    width: 200px
}

#newarrivals ul.products li .photo a img {
    margin: 0;
    padding: 0;
    height: auto;
    width: auto;
    max-height: 200px;
    max-width: 200px;
    border-width: 0;
    border-style: none
}

#newarrivals ul.products li h4 {
    font-size: 16px;
    line-height: 20px;
    color: #666;
    display: block;
    margin: 0 0 3px;
    padding: 0;
    font-weight: 400;
    text-align: center
}

#newarrivals ul.products li h4 a {
    color: #F26501;
    text-decoration: none
}

#newarrivals ul.products li p {
    font-size: 14px;
    color: #999;
    margin: 0;
    padding: 0;
    line-height: 20px;
    text-align: center
}

#main {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 1000px;
    clear: both
}

#main ul.products li,
#main ul.products li a.photo,
#main ul.products li.last {
    text-align: center;
    padding: 0;
    width: 150px
}

#main h2 {
    color: #f26501;
    font-size: 22px;
    margin: 15px 0
}

#main ul.products {
    margin: 0;
    padding: 0;
    list-style: none
}

#main ul.products:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

#main ul.products li {
    margin: 0 16px 10px 0;
    float: left
}

#main ul.products li.last {
    margin: 0 0 10px;
    float: left
}

#main ul.products li a.photo {
    vertical-align: middle;
    display: table-cell;
    margin: 0;
    height: 150px;
    -webkit-box-shadow: rgba(102, 102, 102, .15) 5px 5px 5px;
    -moz-box-shadow: rgba(102, 102, 102, .15) 5px 5px 5px;
    box-shadow: rgba(102, 102, 102, .15) 5px 5px 5px;
    position: relative
}

#main ul.products li a.photo img {
    height: auto;
    width: auto;
    max-height: 150px;
    max-width: 150px;
    border-width: 0;
    border-style: none
}

#main ul.products li a.photo .tag {
    background: #F26501;
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 4px;
    font-weight: 700
}

#main ul.products li a.photo .tag:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(238, 28, 37, 0);
    border-top-color: #F26501;
    border-width: 5px;
    margin-left: -5px
}

#main ul.products li h3,
#main ul.products li p.price,
#main ul.products li p.price em {
    margin: 0;
    padding: 5px 10px;
    font-weight: 400;
    text-align: center
}

#main ul.products li h3 {
    font-size: 13px;
    color: #BEBEBE;
    display: block;
    line-height: 18px
}

#main ul.products li h3 a {
    color: #BEBEBE;
    text-decoration: none
}

#main ul.products li h3 a:hover {
    text-decoration: underline
}

#main ul.products li p.price {
    font-size: 18px;
    color: #F26501
}

#main ul.products li p.price em {
    font-size: 14px;
    color: #6c6c6c;
    text-decoration: line-through
}

#main ul.products li p.sizes {
    font-size: 10px;
    font-weight: 400;
    color: #bebebe;
    text-align: center;
    margin: 4px 0 0
}

#main ul.filter {
    padding: 0;
    list-style: none;
    text-align: center;
    margin: 3px auto 0;
    display: inline-block
}

#main ul.filter li {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    width: 12px;
    height: 12px
}

#sidebar {
    margin: 0 15px 0 0;
    padding: 0;
    float: left;
    width: 166px
}

#sidebar:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

#sidebar h4 {
    font-size: 11px;
    color: #BEBEBE;
    margin: 0 0 10px;
    padding: 0;
    font-weight: 400;
    text-align: center;
    display: block
}

#sidebar .filters {
    background: #1B1B1B;
    display: block;
    margin: 0;
    padding: 5px 10px;
    font-size: 14px;
    color: #BEBEBE
}

#sidebar .filters p {
    margin: 0;
    padding: 0;
    line-height: 20px;
    font-size: 13px
}

#sidebar .filters p.removeme {
    padding-top: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 4px
}

#sidebar .filters p.removeme a {
    background: url(../images/icon_removeme.png) right center no-repeat;
    display: inline-block;
    margin: 0;
    padding: 0 20px 0 0;
    color: #4c4c4c;
    text-decoration: none;
    font-size: 13px
}

#sidebar .filters p.removeme a:hover {
    text-decoration: underline
}

#sidebar .filters .section {
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    padding: 5px 0;
    margin-top: 4px;
    margin-bottom: 4px
}

#sidebar .filters .section h3 {
    font-size: 15px;
    line-height: 25px;
    color: #BEBEBE;
    margin: 0;
    padding: 0;
    font-weight: 400;
    display: block
}

#sidebar .filters .section h3 a {
    color: #BEBEBE;
    text-decoration: none;
    display: block;
    background: url(../images/icon_filters_closed.png) right center no-repeat
}

#sidebar .filters .section.opened h3 a {
    background: url(../images/icon_filters_open.png) right center no-repeat
}

#sidebar .filters .section ul {
    margin: 0;
    padding: 5px 0 0;
    list-style: none;
    font-size: 12px;
    color: #BEBEBE;
    line-height: 20px
}

#sidebar .filters .section ul li {
    display: block
}

#sidebar .filters .section ul li a {
    color: #BEBEBE;
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 3px 0 3px 15px;
    font-size: 11px;
    line-height: 14px
}

#sidebar .filters .section .container>ul>li>a {
    padding-left: 5px;
    font-size: 12px;
    font-weight: 700
}

#sidebar .filters .section ul li a:hover {
    text-decoration: underline
}

#sidebar .filters .section p {
    font-size: 11px;
    line-height: 14px;
    color: #BEBEBE;
    margin: 0;
    padding: 3px 0;
    display: block
}

#sidebar .filters .section p input[type=checkbox] {
    height: 14px;
    width: 14px;
    border: 1px solid #e6e6e6;
    margin: 0 5px 0 0;
    padding: 0
}

#sidebar .filters .section p input[type=radio] {
    height: 14px;
    width: 14px;
    margin: 0 5px 0 0;
    padding: 0
}

#sidebar .filters .section p.rangeslider {
    padding: 15px 10px 10px
}

#sidebar .filters .section p.rangeslider input {
    width: 100%;
    border-width: 0;
    border-style: none;
    margin: 0;
    padding: 0
}

#footer {
    background: #363636;
    overflow: hidden;
    margin: 0 auto;
    padding: 0 8px
}

#footer ul {
    display: block;
    margin: 10px 10px 10px 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 188px;
    text-align: left;
    border-right: 1px solid #cbcbcb;
    height: 150px
}

#footer ul.last {
    display: block;
    margin: 10px 0;
    padding: 0;
    float: left;
    list-style: none;
    text-align: left;
    border-right: none
}

#footer ul li a {
    font-size: 12px;
    line-height: 22px;
    color: #ECECEC;
    text-decoration: none;
    margin: 0;
    padding: 0
}

#footer ul li a img {
    margin: 6px 3px 0 0
}

#footer ul li,
#footer ul.prolast li {
    color: #ECECEC;
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 0
}

#footer ul li {
    font-size: 14px;
    font-family: Arial;
    line-height: 21px
}

#footer ul.prolast li {
    font-size: 12px;
    line-height: 18px;
    border-right: none
}

#footer ul.prolast li.store {
    margin-top: 7px;
    display: inline
}

#footer ul.last li,
#footer ul.last li strong,
#footer ul.prolast li strong {
    display: block;
    margin: 0;
    color: #ECECEC;
    text-decoration: none;
    padding: 0
}

#footer ul.prolast li strong {
    font-size: 15px;
    font-family: Arial;
    line-height: 25px
}

#footer ul.last li {
    font-size: 13px;
    line-height: 22px
}

#footer ul.last li strong {
    font-size: 15px;
    font-family: Arial;
    line-height: 25px;
    border-right: none
}

#footer ul li a strong {
    font-size: 14px;
    color: #ECECEC;
    font-weight: 400
}

#footer ul li a:hover {
    text-decoration: none
}

#bottom {
    margin: 0 auto;
    font-size: 12px;
    color: #fff;
    line-height: 25px;
    background-color: #202020;
    padding: 0 8px
}

#bottom .botleft {
    float: left;
    color: #fff
}

#bottom .botright,
#bottom .botright a {
    float: right;
    color: #fff;
    text-align: right
}

#bottom .botright a {
    text-decoration: none
}

#footer .newsletter {
    color: #ECECEC;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 3px;
    margin-top: 3px;
    width: 188px
}

#footer .but,
#footer .newsletter span {
    color: #333;
    text-decoration: none;
    display: block
}

#footer .newsletter span {
    padding: 0;
    font: 400 14px "Trebuchet MS";
    width: 56px;
    text-align: left;
    float: left;
    margin-top: 7px
}

#footer .but {
    background-color: #C5C5C5;
    padding: 1px 7px;
    margin-right: 11px;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 1px;
    float: right
}

#imgcategory {
    width: 819px;
    margin: 0 0 5px;
    float: right;
    position: relative
}

#imgcategory .bg {
    background: rgba(0, 0, 0, .7);
    color: #fff;
    padding: 10px;
    font-size: 19px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px dashed #fff
}

#path {
    font-size: 12px;
    color: #BEBEBE;
    margin: 0 0 10px;
    padding: 0;
    font-weight: 400;
    float: left;
    display: block;
    clear: both;
    width: 100%
}

#path p {
    margin: 0;
    padding: 0
}

#path p a {
    color: #fff;
    text-decoration: none
}

#path p a:hover {
    color: #fff;
    text-decoration: underline
}

#orderby {
    margin: 0 0 15px;
    padding: 0;
    float: right
}

#orderby p {
    margin: 0 0 0 30px;
    padding: 0;
    float: right;
    font-size: 13px;
    line-height: 20px;
    color: #999
}

#orderby p:first-child {
    float: left;
    margin: 0
}

#orderby p label {
    margin-right: 10px
}

#orderby p select {
    color: #333;
    margin: 0;
    padding: 0;
    height: 18px;
    border: 1px solid #999
}

#paging {
    display: block;
    margin: 10px 0 18px;
    padding: 0;
    clear: both;
    text-align: center
}

#paging a,
#paging strong {
    font-size: 13px;
    color: #FFF;
    text-decoration: none;
    background: #333;
    margin: 0 2px;
    padding: 4px 8px;
    border-radius: 50%;
    display: inline-block;
    transition: .5s
}

#cart,
#data .price p a.addtobasket {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s
}

#paging a:hover,
#paging strong {
    font-weight: 400;
    background: #e9e9e9;
    color: #000
}

#contentpage {
    margin: 0;
    padding: 0;
    float: right;
    width: 100%;
    max-width: 1000px
}

#contentpage h3 {
    font-size: 24px;
    font-weight: 400;
    color: #000;
    border-bottom: 1px dotted #000;
    display: block;
    clear: both;
    padding: 0 0 0 25px
}

#contentpage .news {
    margin: 0
}

#contentpage .news ul {
    padding: 0;
    margin: 0;
    list-style: none
}

#contentpage .news ul li {
    padding-bottom: 15px;
    margin-bottom: 25px;
    width: 100%;
    border-bottom: 1px solid #575757
}

#contentpage .news ul li h4 {
    font-size: 18px
}

#contentpage .news ul li .photopage {
    width: 200px;
    float: left;
    margin: 6px 15px 0 0;
    -webkit-box-shadow: 0 0 10px 0 rgba(50, 50, 50, .75);
    -moz-box-shadow: 0 0 10px 0 rgba(50, 50, 50, .75);
    box-shadow: 0 0 10px 0 rgba(50, 50, 50, .75)
}

#contentpage .news ul li .photopage img {
    max-width: 100%;
    height: auto
}

#contentpage .news ul li .textpage {
    float: right;
    width: 67%
}

#contentpage .news ul li .more {
    color: #d7d7d7;
    text-align: right
}

#contentpage .news ul li .more a {
    color: #d65c00;
    text-decoration: none
}

#proall {
    width: 570px;
    float: left;
    height: auto;
    margin: 10px 0 0 10px
}

#proall .bigphoto {
    display: block;
    text-align: center
}

#proall .bigphoto img {
    width: 470px;
    max-width: 470px;
    text-align: center
}

#data {
    margin: 3px 0 0;
    padding: 0;
    float: right;
    width: 395px
}

#data .box {
    display: block;
    margin: 0;
    padding: 4px 2px 0
}

#data h2 {
    font-size: 25px;
    font-weight: lighter;
    color: #F26501;
    display: block;
    margin: 0 0 10px;
    padding: 0
}

#data span {
    text-align: center;
    margin-bottom: 4px
}

#data p {
    font-size: 12px;
    color: #DFDFDF;
    line-height: 16px
}

#data .pricesboth .tag {
    background: #F26501;
    position: absolute;
    top: 15px;
    right: 5px;
    padding: 4px;
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

#data .pricesboth .tag:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(238, 28, 37, 0);
    border-top-color: #F26501;
    border-width: 5px;
    margin-left: -5px
}

#data .characteristic,
#data .color,
#data .pricesboth {
    border-bottom: 1px solid #464646
}

#data .pricesboth {
    padding: 2px 0;
    border-top: 1px solid #464646;
    position: relative
}

#data .social {
    text-align: right;
    margin-top: 60px
}

#data .price span {
    font-size: 16px;
    float: left;
    display: inline;
    margin-right: 10px;
    line-height: 30px
}

#data .price em {
    display: inline;
    padding: 0;
    margin: 0 15px 0 0;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    color: #DFDFDF;
    text-decoration: line-through
}

#data .color {
    padding: 0 0 2px;
    margin: 10px 0
}

#data .color p {
    font-size: 14px
}

#data p.quantity {
    width: auto;
    float: right;
    margin: 0 5px 0 0;
    padding: 0;
    font-size: 12px
}

#data .series strong {
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 25px;
    text-align: right;
    display: inline
}

#data .price strong {
    display: inline;
    padding: 0;
    margin: 0 0 15px;
    font-size: 22px;
    line-height: 30px;
    text-align: left;
    color: #F26501
}

#data .characteristic {
    margin: 18px 0;
    font-size: 15px;
    padding-bottom: 3px
}

#data .characteristic p strong {
    color: #F26501;
    text-align: center;
    font-size: 20px
}

#data .characteristic ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#data .characteristic li.char {
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
    height: 72px;
    font-size: 12px;
    text-align: center
}

#data .characteristic li.char img {
    width: 45px;
    height: 45px;
    padding: 3px
}

#data .characteristic li.number {
    float: left;
    margin-right: 10px;
    margin-bottom: 8px;
    height: 39px;
    font-size: 11px;
    text-align: center
}

#data .characteristic li.number a {
    border: 1px solid #000;
    padding: 3px;
    display: block;
    color: red;
    text-decoration: none
}

#data .characteristic li.number a.current,
#data .characteristic li.number a:hover {
    border: 1px solid red;
    padding: 3px;
    display: block;
    color: red;
    text-decoration: none
}

#data .characteristic li.char a {
    border: 1px solid #000;
    padding: 3px;
    display: block
}

#data .characteristic li.char a.current,
#data .characteristic li.char a:hover {
    border: 1px solid red;
    padding: 3px;
    display: block
}

#data .price .item p {
    line-height: 25px;
    margin: 0;
    text-align: right;
    font-size: 18px
}

#data .availability {
    font-size: 14px;
    color: #bebebe;
    margin: 0 0 5px;
    padding: 0;
    float: right
}

#data .price p.whishlist {
    text-align: right;
    display: block;
    font-size: 13px;
    line-height: 25px;
    color: #333;
    margin: 0 0 5px;
    padding: 0;
    text-decoration: none
}

#data .price p a.whishlist {
    text-align: right;
    color: #000;
    text-decoration: none
}

#data .price p a.addtobasket {
    background: #F26501;
    margin: 0;
    padding: 0 20px;
    height: 40px;
    display: block;
    float: right;
    line-height: 40px;
    color: #FFF;
    text-decoration: none;
    font-size: 25px;
    transition: .5s
}

#data .price p a.addtobasket:hover {
    background: #F26501
}

#data .price p a.addtobasket span {
    display: block;
    margin: 0 height: 40px
}

#data .discount {
    width: 390px;
    font-size: 15px;
    color: #fff;
    margin-bottom: 15px;
    padding: 0 0 10px;
    text-align: center
}

#moreproducts .box h3 {
    font-size: 20px;
    font-weight: lighter;
    color: #F26501;
    display: block;
    margin: 15px 0 10px;
    padding: 0
}

#cart,
#edit {
    color: #FFF;
    float: left;
    padding: 11px 7px;
    font-size: 16px;
    width: 171px;
    margin-bottom: 16px;
    text-align: center;
    cursor: pointer
}

#cartbox {
    margin: 10px 0
}

#cart {
    background-color: green;
    border-bottom: 3px solid #1DB21D;
    margin-right: 15px;
    margin-left: 2px;
    transition: .5s
}

#cart:hover {
    background-color: #1DB21D;
    border-bottom: 3px solid green
}

#edit {
    background-color: #F26501;
    border-bottom: 3px solid #FFB27B;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s
}

#edit:hover {
    background-color: #fe8830;
    border-bottom: 3px solid #d65c01
}

#favorite {
    margin-top: 8px;
    font-size: 14px;
    color: #333;
    clear: left;
    text-align: center
}

#favorite a {
    color: #575757;
    text-decoration: none
}

select {
    color: #333;
    height: 25px
}

#content {
    float: right;
    width: 816px
}

#frontbanners {
    margin: 20px 0
}

#frontbanners .bannersf span {
    font-size: 30px;
    font-weight: 700;
    line-height: 37px
}

#frontbanners .bannersf em {
    font-size: 17px;
    font-style: normal
}

#frontbanners .bannersf {
    float: left;
    width: 248px;
    border-top: 1px solid #464646;
    border-bottom: 1px solid #464646;
    padding: 10px 0;
    text-align: center;
    color: #bebebe;
    height: 97px
}

#frontbanners .bannersf p {
    margin: 10px 0 0
}

#frontbanners .bannersf strong {
    margin-top: 30px;
    font-size: 25px;
    font-weight: bolder
}

#steps .characteristic {
    margin: 18px 0;
    font-size: 18px;
    border-bottom: 1px solid #464646;
    padding-bottom: 3px;
    position: relative
}

#steps .characteristic ul.team {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
    text-align: center
}

#steps .characteristic ul.team li {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px
}

#steps .characteristic ul.team li:nth-child(6n+6) {
    margin-right: 20px;
    clear: both
}

#steps .characteristic .circle {
    position: absolute;
    top: 9px;
    left: 5px;
    background-image: url(../images/stick.png);
    width: 60px;
    height: 60px
}

#steps .characteristic .circle p {
    color: #FFF;
    font-size: 27px;
    margin: 0;
    padding: 0;
    font-weight: 700;
    text-align: center;
    position: relative;
    top: 24px
}

#steps .characteristic ul.num {
    margin: 0;
    padding: 0;
    width: 515px
}

#steps .characteristic ul.num li {
    margin: 0 8px 9px 0;
    float: left;
    border-right: 1px solid #464646;
    padding-right: 8px;
    font-size: 12px
}

#steps .characteristic ul.num li.last {
    margin-bottom: 0
}

#steps .characteristic .sizenum {
    width: 15px;
    border: 1px solid #BEBEBE;
    text-align: center;
    padding: 2px 0
}

#steps .characteristic span {
    margin: 18px 0;
    font-size: 12px;
    padding-bottom: 3px
}

#steps .characteristic p strong {
    color: #F26501;
    text-align: center;
    font-size: 24px
}

#steps .characteristic ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#steps .characteristic li.char img {
    width: 45px;
    height: 45px;
    padding: 3px
}

#steps .characteristic li.number {
    float: left;
    margin-right: 10px;
    margin-bottom: 8px;
    height: 39px;
    font-size: 11px;
    text-align: center
}

#steps .characteristic li.number a {
    border: 1px solid #000;
    padding: 3px;
    display: block;
    color: red;
    text-decoration: none
}

#steps .characteristic li.number a.current,
#steps .characteristic li.number a:hover {
    border: 1px solid red;
    padding: 3px;
    display: block;
    color: red;
    text-decoration: none
}

#steps .characteristic .add,
#steps .characteristic .priceprint,
#steps .characteristic .sec,
#steps .characteristic .secpriceprint {
    padding: 5px;
    position: absolute;
    text-align: center
}

#steps .characteristic .add {
    background-color: #f26501;
    color: #fff;
    width: 100px;
    top: 40px;
    left: 640px
}

#steps .characteristic .add a {
    color: #fff;
    text-decoration: none
}

#steps .characteristic .sec {
    background-color: #f26501;
    color: #fff;
    width: 100px;
    top: 92px;
    left: 640px
}

#steps .characteristic .sec a {
    color: #fff;
    text-decoration: none
}

#steps .characteristic .secpriceprint {
    color: #fff;
    top: 88px;
    right: 0
}

#steps .characteristic .secpriceprint span {
    font-size: 16px;
    display: inline;
    margin-right: 10px;
    text-align: center;
    line-height: 30px;
    color: #fff
}

#steps .characteristic .secpriceprint a {
    color: #8F8F8F;
    font-size: 21px;
    text-decoration: none
}

#steps .characteristic .priceprint {
    color: #fff;
    top: 37px;
    right: 0
}

#steps .characteristic .priceprint span {
    font-size: 16px;
    display: inline;
    margin-right: 10px;
    text-align: center;
    line-height: 30px;
    color: #fff
}

#steps .characteristic .priceprint a {
    color: #8F8F8F;
    font-size: 21px;
    text-decoration: none
}

#steps {
    margin: 3px 9px 0 0;
    padding: 0;
    width: 100%;
    max-width: 1000px
}

#steps .step2 {
    margin: 18px 0;
    font-size: 18px;
    border-bottom: 1px solid #464646;
    padding-bottom: 3px;
    padding-left: 103px;
    position: relative
}

#steps .step2 strong {
    color: #f26501;
    font-size: 18px
}

#steps .step2 ul.team {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
    text-align: center
}

#steps .step2 ul.team li {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px
}

#steps .step2 ul.team li:nth-child(6n+6) {
    margin-right: 20px;
    clear: both
}

#steps .step2 .pieces {
    position: absolute;
    top: 68px;
    left: 0;
    font-size: 16px;
    text-align: center
}

#steps .step2 .circle {
    position: absolute;
    top: 0;
    left: 5px;
    background-image: url(../images/stick2.png);
    width: 60px;
    height: 60px
}

#steps .step2 .circle p {
    color: #FFF;
    font-size: 27px;
    margin: 0;
    padding: 0;
    font-weight: 700;
    text-align: center;
    position: relative;
    top: 24px
}

#steps .step2 ul.num {
    margin: 0;
    padding: 0;
    width: 515px
}

#steps .step2 ul.num li {
    margin: 0 8px 9px 0;
    float: left;
    border-right: 1px solid #464646;
    padding-right: 8px;
    font-size: 12px
}

#steps .step2 ul.num li.last {
    margin-bottom: 0
}

#steps .step2 .sizenum {
    width: 15px;
    border: 1px solid #BEBEBE;
    text-align: center;
    padding: 2px 0
}

#steps .step2 span {
    margin: 18px 0;
    font-size: 12px;
    padding-bottom: 3px
}

#steps .step2 p strong {
    color: #F26501;
    text-align: center;
    font-size: 24px;
    margin-left: -103px
}

#steps .step2 ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#steps .step2 li.char,
#steps .step2 li.number {
    float: left;
    margin-bottom: 8px;
    text-align: center
}

#steps .step2 li.char {
    margin-right: 8px;
    height: 72px;
    font-size: 12px
}

#steps .step2 li.char img {
    width: 45px;
    height: 45px;
    padding: 3px
}

#steps .step2 li.number {
    margin-right: 10px;
    height: 39px;
    font-size: 11px
}

#steps .step2 li.number a {
    border: 1px solid #000;
    padding: 3px;
    display: block;
    color: red;
    text-decoration: none
}

#steps .step2 .add {
    background-color: #f26501;
    color: #fff;
    text-align: center;
    padding: 4px;
    width: 100px;
    display: inline-block;
    margin-left: 15px
}

#steps .step2 .priceprint,
#steps .step2 .sec {
    text-align: center;
    padding: 5px;
    position: absolute;
    color: #fff
}

#steps .step2 .add a {
    color: #fff;
    text-decoration: none
}

#steps .step2 .sec {
    background-color: #f26501;
    width: 100px;
    top: 92px;
    left: 640px
}

#steps .step2 .sec a {
    color: #fff;
    text-decoration: none
}

#steps .step2 .priceprint {
    top: 98px;
    right: 0
}

#steps .step2 .newplayer {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 14px;
    width: 255px;
    text-align: right
}

#steps .step2 .newplayer p {
    display: inline-block;
    margin-right: 5px
}

#steps .step2 .newplayer p+p {
    margin-right: 0
}

#steps .step2 .newplayer a {
    background-color: #f26501;
    color: #fff;
    text-align: center;
    padding: 2px;
    width: 100px;
    text-decoration: none
}

#steps .step2 .last {
    color: #fff;
    text-align: center;
    float: right;
    display: block
}

#steps .step2 .last span {
    font-size: 16px;
    display: inline;
    text-align: center;
    line-height: 30px;
    color: #fff
}

#steps .step2 .last a {
    color: #8F8F8F;
    font-size: 21px;
    text-decoration: none
}

#steps .step2 .priceprint span {
    font-size: 16px;
    display: inline;
    margin-right: 10px;
    text-align: center;
    line-height: 30px;
    color: #fff
}

#steps .step2 .priceprint a {
    color: #8F8F8F;
    font-size: 21px;
    text-decoration: none
}

#steps .price {
    float: right;
    margin-bottom: 25px
}

#steps .price span {
    color: #d7d7d7;
    font-size: 17px
}

#steps .price strong {
    color: #F26501;
    font-size: 25px
}

#steps .step2 ul.group2 {
    margin: 0;
    padding: 0;
    list-style: none
}

#steps .step2 ul.group2 li {
    margin-bottom: 10px
}

#steps .step2 ul.group2 li p {
    font-size: 16px;
    color: #F26501;
    margin: 0
}

#steps .details {
    margin: 18px 0;
    font-size: 18px;
    border-bottom: 1px solid #464646;
    padding-bottom: 10px
}

#steps .details strong {
    color: #F26501
}

#steps .details img {
    width: 40px;
    height: 40px;
    vertical-align: middle
}

#steps .details span {
    color: #F26501;
    font-size: 16px
}

#steps .details .detgroupall {
    display: block
}

#steps .details p.detgroup {
    margin: 15px 0;
    float: left;
    clear: both
}

#steps .details p.proprice {
    float: right;
    display: block
}

#steps .details p.proprice span {
    color: #fff
}

#steps .discount {
    width: 390px;
    font-size: 15px;
    color: #fff;
    margin-bottom: 25px;
    padding: 0 0 10px 103px;
    text-align: center;
    position: relative
}

#steps .discount .circle {
    position: absolute;
    top: 9px;
    left: 5px;
    background-image: url(../images/stick.png);
    width: 60px;
    height: 60px
}

#steps .discount .circle p {
    color: #FFF;
    font-size: 27px;
    margin: 0;
    padding: 0;
    font-weight: 700;
    text-align: center;
    position: relative;
    top: 24px
}

#steps .characteristic li.char {
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
    height: 72px;
    font-size: 12px;
    text-align: center
}

#steps .characteristic li.char a {
    border: 1px solid #000;
    padding: 3px;
    display: block
}

#steps .characteristic li.char a.current,
#steps .characteristic li.char a:hover {
    border: 1px solid red;
    padding: 3px;
    display: block
}

#steps .characteristic a {
    color: #BEBEBE;
    text-decoration: none
}

#pricesboth {
    padding: 0 0 2px;
    border-bottom: 1px solid #464646
}

#pricesboth .price span {
    font-size: 16px;
    display: inline;
    margin-right: 10px;
    text-align: center;
    line-height: 30px
}

#pricesboth span {
    font-size: 11px;
    line-height: 40px;
    margin: 0 0 5px;
    padding: 0;
    color: #fff;
    text-align: right
}

#pricesboth strong {
    font-size: 28px;
    line-height: 30px
}

#pricesboth p {
    font-size: 12px;
    color: #8f8f8f;
    line-height: 16px;
    text-align: right;
    float: right
}

#pricesboth .tableprint {
    margin-right: 60px;
    float: right
}

#cartall .cartbox {
    margin: 10px 0
}

#cartall {
    padding: 0 0 20px
}

#cartall .cart,
#cartall .next {
    background-color: #F26501;
    color: #FFF;
    float: right;
    padding: 8px;
    cursor: pointer;
    font-size: 18px
}

#cartall .favorite {
    float: right;
    margin-top: 12px;
    font-size: 12px;
    color: #333;
    margin-right: 15px
}

#cartall .favorite a {
    color: #575757;
    text-decoration: none
}

#foursteps {
    border: 1px solid #575757;
    color: #F26501;
    width: 100%;
    padding: 20px 0;
    cursor: pointer;
    text-align: center;
    margin: 20px 0 10px;
    font-size: 24px;
    position: relative
}

#foursteps .loginimg {
    position: absolute;
    right: 120px;
    top: 25px
}

#point {
    background: #CE5B00;
    padding: 5px;
    color: #FFF;
    margin: 9px 0;
    border: 2px dashed #FF9945
}

.overpanel {
    display: block;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, .6);
    margin: 0;
    padding: 0;
    height: 100%
}

.overpanel .container {
    background-color: #000;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 1000px;
    left: 0;
    right: 0
}

.overpanel .container a.close {
    background: url(../images/icon_clearme.png) 5px center no-repeat #000;
    margin: -30px 0 0;
    padding: 0 15px 0 35px;
    float: right;
    border: 1px solid #797979;
    color: #9C9C9C;
    text-decoration: none;
    line-height: 30px;
    border-radius: 5px
}

.overpanel .container .whitebox {
    margin: 0;
    padding: 10px
}

.overpanel .productbox {
    margin: 0;
    overflow: hidden;
    border-radius: 5px;
    padding: 2px 0
}

.overpanel .productbox h2 {
    font-size: 88px;
    font-weight: lighter;
    color: #F26501;
    display: block;
    font-family: inherit;
    margin: 0 0 10px;
    padding: 0;
    text-align: center
}

.overpanel .productbox span.picture {
    margin: 0 10px 0 0;
    padding: 0;
    float: left;
    height: 120px;
    width: 120px
}

.overpanel .productbox span.picture img {
    margin: 0;
    padding: 0;
    height: 120px;
    width: 120px
}

.overpanel .productbox span.title {
    display: block;
    margin: 0;
    padding: 20px 50px 0 0;
    float: left;
    width: 400px
}

.overpanel .productbox h3 {
    font-size: 16px;
    font-weight: 400;
    color: #2462AB;
    margin: 0 0 5px;
    padding: 0;
    display: block
}

#data .procolor {
    margin: 18px 0 7px;
    font-size: 15px;
    padding-bottom: 3px
}

#data .procolor p strong {
    color: #F26501;
    text-align: center;
    font-size: 20px
}

#data .procolor ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#data .procolor li {
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
    font-size: 12px;
    text-align: center
}

#data .procolor li img {
    width: 71px;
    height: 71px;
    padding: 3px
}

#data .procolor li a {
    border: 1px solid #000;
    padding: 3px;
    display: block
}

#data .procolor li a.current,
#data .procolor li a:hover {
    border: 1px solid #F26501;
    padding: 3px;
    display: block
}

.SizesContainer div select {
    color: #000;
    height: auto;
    width: 51px;
    text-align: center
}

.dosenapareisfreeship {
    color: #F26501;
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px
}

.dosenapareisfreeship strong {
    font-size: 26px
}

ul.categories {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none
}

ul.categories li:nth-child(3n+1) {
    margin: 0
}

ul.categories li {
    display: block;
    margin: 0 0 0 1.3%;
    padding: 0;
    float: left;
    width: 32%
}

ul.categories li .box {
    display: block;
    margin: 0 0 30px;
    padding: 0;
    height: 270px
}

ul.categories li .photo,
ul.categories li .photo a {
    margin: 0;
    padding: 0;
    height: 255px;
    text-align: center;
    display: block
}

ul.categories li .photo a {
    width: 100%
}

ul.categories li .photo a img {
    display: block;
    margin: 0 auto;
    padding: 10px 0;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 240px
}

ul.categories li h4 {
    line-height: 20px;
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: #4A4A4A
}

ul.categories li h4 a {
    color: #fff;
    text-decoration: none;
    display: block
}

@media (max-width:730px) {
    ul.categories li:nth-child(3n+1) {
        clear: left
    }
    ul.categories li,
    ul.categories li:nth-child(4n+1) {
        width: 33%;
        margin-left: 0;
        margin-right: 0;
        clear: none
    }
}

@media (max-width:550px) {
    ul.categories li:nth-child(2n+1) {
        clear: left
    }
    ul.categories li,
    ul.categories li:nth-child(3n+1),
    ul.categories li:nth-child(4n+1) {
        width: 50%;
        margin-left: 0;
        margin-right: 0;
        clear: none
    }
}

@media (max-width:450px) {
    ul.categories li,
    ul.categories li:nth-child(3n+1),
    ul.categories li:nth-child(4n+1) {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        clear: none
    }
}