@font-face {
    font-family: 'HelveticaNeueBold';
    src: url('../fonts/HelveticaNeueBold/helveticaneuebold.eot');
    src: url('../fonts/HelveticaNeueBold/helveticaneuebold.eot') format('embedded-opentype'),
         url('../fonts/HelveticaNeueBold/helveticaneuebold.woff') format('woff'),
         url('../fonts/HelveticaNeueBold/helveticaneuebold.ttf') format('truetype'),
         url('../fonts/HelveticaNeueBold/helveticaneuebold.svg#HelveticaNeueBold') format('svg');
}

@font-face {
    font-family: 'HelveticaNeueLight';
    src: url('../fonts/HelveticaNeueLight/helveticaneuelight.eot');
    src: url('../fonts/HelveticaNeueLight/helveticaneuelight.eot') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLight/helveticaneuelight.woff') format('woff'),
         url('../fonts/HelveticaNeueLight/helveticaneuelight.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLight/helveticaneuelight.svg#HelveticaNeueLight') format('svg');
}

html, body {
     margin: 0 auto;
     padding: 0;
     height: 100%;
     color: #000000;
     font-size: 14px;
     text-align: left;
    background-size: 2000px 4000px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

h1, h2, h3, h4, p {
     margin: 0;
     padding: 0;
     font-weight: normal;
}

input {
     outline: none;
}

a img, a img:active, a img:focus {
     border: none;
     outline: none;
     border-collapse:collapse;
}

table  {
     border-collapse:collapse;
     border: none;
}

img {
     border: 0;
}

form {
     margin: 0;
     padding: 0;
}

a {
     outline: 0;
     color: #00237c;
}
a:hover {
     text-decoration:none;
}
p {
     margin-bottom:10px;     
     font-size:12px;
}

ul, ol {
    margin: 0;
    padding: 0;
}

h1 {
     font-size:14px;
     font-weight:600;
     color:#3a9dde;
     margin-bottom:10px;
}
textarea{
     font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size:12px;
}
.clear {
     clear: both;
     height: 0;
     overflow: hidden;
     font-size: 0;
     line-height: 0;
}

.wide {
     width:100%;
}
.wrapper {
     width:910px;
     margin:0 auto;
     position:relative;
}
.header {
     background-color:#f5f5f5;
     height:160px;
}

.header .logo{
     display:block;
     margin-top:33px;
     float:left;
}
.header .menu {
     margin-left:140px;
     margin-top:70px;
     float:left;
}
.menu ul {
     list-style:none;
}
.menu ul li{
     float:left;
     margin-right:25px;
}
.footer .menu ul li{
     margin-right:0;
     margin-left:25px;
}
.menu ul li a{
     color:#00237c;
     font-size:12px;
     text-decoration:none;
}
.menu ul li a:hover, .header .menu ul li a.active{
     color:#3b9dd5;
     text-decoration:underline;
}
.button {
    background-color: #44c2f6;
    color: white;
    cursor: pointer;
    display: block;
    float: left;
    font-weight: 600;
    height: 44px;
    line-height: 3.4;
    padding: 0 20px;
    text-decoration: none;
}
input.button {
    border: medium none;
    height: 42px;
    line-height: 3;
}
.to-shop.button {
    background-image: url("../image/cart.png");
    background-position: 20px 13px;
    background-repeat: no-repeat;
    padding-left: 52px;
}
.to-shop.button.active, .to-shop.button:hover {
    background-color: #ffc000;
}
.header .to-shop.button {
     float:right;
     margin-top:53px;
}
.left {
     width:49%;
     float:left;
}
.right {
     width:50%;
     float:right;
}
.home {
     margin-top:25px;
     margin-bottom:20px;
}
.home img{
     margin-bottom:15px;
}
.home.right {
    width: 508px;
}
.home.right img{
     margin-left:15px;
     float:left;
}
.home.left {
     width:386px;
}
.contacts {
    background-color: #fafafa;
    margin-top: 15px;
    float: left;
}
.contacts ul {
     list-style:none;
}
.contacts ul li {
    float: left;
    margin-right: 62px;
    padding: 25px 0 25px 28px;
}
.contacts ul li.location {
    background-image: url("../image/location.png");
    background-position: 0 19px;
    background-repeat: no-repeat;
}
.contacts ul li.telephone {
    background-image: url("../image/telephone.png");
    background-position: 0 21px;
    background-repeat: no-repeat;
}
.contacts ul li.mail {
    background-image: url("../image/mail.png");
    background-position: 0 24px;
    background-repeat: no-repeat;
} 
.contacts ul li.fb-right {
    float:right;
    margin-right:0px;
} 
a.fb {
     display:block;
     width:26px;
     height:26px;
     cursor:pointer;
     background-image: url("../image/fb.png");
}
.informations {
      background-color: #f1f7fa;
    height: 125px;
    padding: 20px 0;
}

.informations a {
    color: white;
    display: block;
    float: left;
    font-family: 'HelveticaNeueLight';
    font-size: 17px;
    height: 122px;
    line-height: 11;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 300px;
}

.informations a span {
    font-family: 'HelveticaNeueBold';
    
}

.informations a.href-1 {
    background-image: url("../image/home-1.png");
    background-position: center 27px;
    background-repeat: no-repeat;
    margin-right: 5px;
    background-color: #44c2f6;
}
.informations a.href-2 {
    background-image: url("../image/home-2.png");
    background-position: center 27px;
    background-repeat: no-repeat;
    background-color: #82d1f2;
}
.informations a.href-3 {
    background-image: url("../image/home-3.png");
    background-position: center 27px;
    background-repeat: no-repeat;
    margin-left:5px;
    background-color: #43acd7;
}
.informations a:hover {
    background-color: #00a2e5;
}

.products{
     margin-top:24px;
     float:left;
}
.products .product {
     width:176px;
     float:left;
     margin-left:7px;
     margin-bottom:20px;
}

.products .product:nth-child(5n+1){
     margin-left:0;
} 

.products .product  .tax { 
     color:#b0b0b0;
     font-size:11px;
}
.products .product  .price {
     color:#3d3d3d;
     margin-top: 0;
     font-size:24px;
}
.products .menu{
    float: left;
    margin-top: 60px;
}
.products .to-shop {
     float:right;
     margin-top:45px;
}

.footer {
     margin-top:60px;
     background-color:#f5f5f5;
     height:174px;
}
.footer .logo{
     display:block;
     margin-top:50px;
     float:left;
}
.footer .menu {
     margin-top:75px;
     float:right;
}
.cart {
     height:40px;
     background-color:#44c2f6;
     color:white;
     font-size:12px;
     line-height: 3;
}
.cart a{
     color:white;
     text-decoration:none;
}
.cart .head-cart {
    float: right;
    height: 40px;
    padding-right: 50px;
    position: relative;
}
.cart .head-cart a.cart-image{
    background-color: #3dabec;
    background-image: url("../image/to-cart.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
}
.cart .head-cart a:hover{
    text-decoration:underline;
}
.cart .customer {
    float:right;
    margin-right:56px;
}
.cart .customer a{
    margin-right:10px;
}
.cart .customer a:hover{
    text-decoration:underline;
}
.cart .customer a.mein{
    margin-left:35px;
}

.sidebar {
     float:left;
     width:244px;
}
.content {
     float: right;
    width: 639px;
}
.sidebar-menu {
     list-style:none;
}

.sidebar-menu li:hover, .sidebar-menu li.active {
     background-image:url('../image/menu_li_hover.png');
     background-position: right center;
     width:244px;
} 
.sidebar-menu li:hover a, .sidebar-menu li.active a{
     color:white;
     background-color:#ffc000;
      border-top:1px dotted #ffc000;
} 
.sidebar-menu li:first-child a{
     border-top:2px solid #82d1f2;
}

.sidebar-menu li.active + li a, .sidebar-menu li:hover + li a{
     border-top:1px solid #ffc000;
}

.sidebar-menu li:first-child:hover a, .sidebar-menu li:first-child.active a{
     border-top:2px solid #ffc000;
}
.sidebar-menu li a {
    color: #00237c;
    font-size: 12px;
    display:block;
    width:223px;
    padding:8px 0 8px 16px;
    text-decoration: none;
    background-color:#fafafa;
    border-top:1px dotted #82d1f2;
}
.sidebar, .content {
     margin-top:36px;
     margin-bottom:115px;
}
.sidebar .banner {
     margin-top:20px;
}
.breadcrumb {
     color:#858585;
     font-size:1px;
     font-size:11px;
}
.breadcrumb a{
     color:#858585;
     font-size:11px;
}
.content h1{
     margin:20px 0;
}

.product-list > div {
     clear:left;
     float:left;
     padding:3px 4px;
     background-color:#f5f5f5;
     position:relative;
     margin-bottom:15px;
}

.product-list > div .image{
     float:left;
}

.product-list > div .info{
     float:left;
     margin-left:13px;
     width:440px;
}

.product-list > div .info .name{
     margin:5px 0;
}

.product-list > div .info .name a{
     margin:5px 0;
     font-size:14px;
     color:#00237c;
}

.product-list > div .info .price{
     float:left;
     font-size:24px;
     margin:18px 0;
}
.product-list > div .info .old-price{
       float: left;
    font-size: 17px;
    margin: 24px 0 0 15px;
    text-decoration: line-through;
}
.product-list > div .info .tax{
     float:left;
     font-size:11px;
     color:#b0b0b0;
     margin-top:20px;
     margin-left:20px;
} 

.product-list > div .info .tax a{
     color:#b0b0b0;
} 

.add-product-to-cart {
    background-color: #2aac52;
    background-image: url("../image/to-cart.png");
    background-position: 15px center;
    background-repeat: no-repeat;
    padding-left: 47px;
}

.product-list .add-product-to-cart {
    position:absolute;
    bottom:0;
    right:0;
}

.product-list .option {
    clear:left;
    margin-bottom:10px;
}
.sbHolder {
     position:relative;
}
.sbHolder .sbSelector{
   background-color: white;
    background-image: url("../image/dropdown.png");
    background-position: right center;
    background-repeat: no-repeat;
    border: 1px solid #d6d6d6;
    color: black;
    display: block;
    height: 33px;
    line-height: 2.5;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 40px;
    text-decoration: none;
    width: 104px;
}
.sbHolder ul {
     background-color: white;
    border: 1px solid #d6d6d6;
    list-style: none outside none;
    position: absolute;
    width: 154px;
    z-index: 99;
}
.sbHolder ul li{
    padding:10px;
}
.sbHolder ul li:hover{
    background-color:#44c2f6;
}
.sbHolder ul li:hover a{
    color:white;
}
.sbHolder ul li a{
    color:black;
    text-decoration:none;
}
.shop-text {
     padding-top:20px;
     background-color:#ebf2f0;
}
.shop-text .wrapper{
    background-image: url("../image/payments.jpg");
    background-position: right center;
    background-repeat: no-repeat;
    height: 170px;
}
.shop-text .column{
     width:294px;
     margin-right:30px;
     float:left;
}
.shop-text .column.links{
     margin-right:0;
     width:260px;
}
.shop-text .column.links ul{
     float:right;
}
.shop-text .column.links ul li{
     float:right;
     margin-right:0 !important;
     margin-left:15px;
}
.shop-text .column .title{
     margin-bottom:20px;
     font-size:14px;
     font-weight:600;
}
.shop-text .column ul{
     list-style:none;
}
.shop-text .column ul li{
     padding-bottom:5px;
}
.shop-text .column ul li a{
     color:#393939;
     text-decoration:none;
}
.shop-text .column ul li a:hover{
     text-decoration:underline;
}
.shop-text .column.links ul li{
     float:left;
     margin-right:12px;
}
.shop-text .column.links ul li a{
     color:#00237c;
}
.shop-text .column.links ul li a:hover{
     text-decoration:underline;
}

.product-info .info {
     float:left;
     width: 391px;
}

.product-info .model {
     font-weight:600;
     font-size:11px;
}
.product-info .model span{
    background-color: #2aac52;
    color: white;
    display: inline;
    padding: 0 3px;
}
.product-info .model span.stock-8{
    background-color: red;
}
.product-info .model span.stock-6{
    background-color: #ffc000;
}
.product-info .option{
    margin-top:35px;
    float:left;
    margin-right:10px;
}
.product-info .price{
    margin-top:30px;
    font-size:36px;
    float:left;
    clear:left;
}
.product-info .old-price{
     float: left;
    font-size: 20px;
    margin-left: 15px;
    margin-top: 48px;
    text-decoration: line-through;
}
.product-info .tax{
    clear: left;
    color: #b0b0b0;
    float: left;
    font-size: 11px;
    margin-top: 15px;
}
.product-info .tax a{
    color:#b0b0b0;
}
.product-info .add-product-to-cart{
    margin-top:15px;
}
.product-info .image{
    float:right;
    position: relative;
}
.product-info .image > a{
    position:absolute;
    top:201px;
    right:0;
    width:45px;
    height:45px;
    cursor:pointer;
    background-color:#90d5f1;
    background-image:url('../image/plus.png');
    background-repeat:no-repeat;
    background-position:center;
}

.product-info .image .image-additional{
    clear:left;
    
}

.product-info .image .image-additional img{
     margin:5px;
}

.htabs {
    background-color: #fafafa;
    float: left;
    margin-top: 10px;
    width: 100%;
}
.htabs a {
     border-bottom: 1px #282828 dotted;
     color:#282828;
     display:block;
     margin:10px 0 10px 15px;
     float:left;
     text-decoration:none;
}
.htabs a.selected {
     border-bottom:none;
     color:#44c2f6;
}
.tab-content {
    background-color: #fafafa;
    float: left;
    padding: 15px;
    width: 608px;
}
.contact-list p{
     float:left;
     width: 200px;
     margin-left:19px;
     margin-bottom: 15px;
} 

.contact-list p:nth-child(3n+1){
     margin-left:0;
} 

.error {
     color:red;
}
.product-quantity {
    float: left;
    margin-top: 35px;
}
.product-quantity input{
    height: 29px;
    width:29px;
    text-align:center;
}
.feedback {
     margin-bottom:20px;
     float:left;
}
.feedback a {
     color:black;
}
.feedback input{
     border:none;
     background-color:#f5f5f5;
     padding:15px;
     width:200px;
     color:#afadad;
     float:left;
     margin:0 10px 5px 0;
}

.feedback input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #afadad;
}
.feedback input::-moz-placeholder { 
    color:    #afadad;
}
.feedback input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #afadad;
}
.feedback input::-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #afadad;
}
.feedback textarea::-webkit-input-placeholder { /* WebKit browsers */
    color:    #afadad;
}
.feedback textarea::-moz-placeholder { 
    color:    #afadad;
}
.feedback textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #afadad;
}
.feedback textarea::-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #afadad;
}
.feedback .file {
    margin: 10px 0;
    float:left;
    padding: 0;
}
.feedback .file .error{
    font-size:12px;
}
.feedback .file input {
    background-color: white;
    margin: 0;
    padding: 0;
    width:400px;
}
.feedback .file span {
    clear: left;
    display: block;
    font-size: 10px;
}

.feedback textarea{
     border:none;
     background-color:#f5f5f5;
     padding:15px;
     width:515px;
     height:100px;
     color:#afadad;
     float:left;
     margin:0 10px 5px 0;
}
.feedback .error{
    display:block;
    clear:left;
    font-size:12px;
}
.feedback td{
    vertical-align: top;
    width: 235px;
}
.button.ok {
    background-color: #ffc000;
    background-image: url("../image/ok.png");
    background-position: 12px 12px;
    background-repeat: no-repeat;
    color: white;
    margin-top: 25px;
    padding-left: 38px;
}






/*---------------------------------------------------------*/
#notification {
    position: fixed;
    top: 122px;
    width: 910px;
}
.success, .warning, .attention, .information, .success a, .warning a, .attention a, .information a {
     color: white;
}
.success {
    background: url("../image/success.png") no-repeat scroll 10px center #44c2f6;
    padding: 10px 10px 10px 33px;
}
.warning {
     background: url("../image/warning.png") no-repeat scroll 10px center #E73C3C;
     padding: 10px 10px 10px 33px;
}
.attention {
     background: #FFF5CC url('../image/attention.png') 10px center no-repeat;
     padding: 10px 10px 10px 33px;
}
.success .close, .warning .close, .attention .close, .information .close {
    float: right;
    cursor:pointer;
    margin-top: 5px;
}

/* cart */
.cart-info table {
     width: 100%;
     margin-bottom: 15px;
     border-collapse: collapse;
     border-top: 1px solid #DDDDDD;
     border-left: 1px solid #DDDDDD;
     border-right: 1px solid #DDDDDD;
}
.cart-info td {
     padding: 7px;
}
.cart-info thead td {
     color: #4D4D4D;
     font-weight: bold;
     background-color: #F7F7F7;
     border-bottom: 1px solid #DDDDDD;
}
.cart-info thead .image {
     text-align: center;
}
.cart-info thead .name, .cart-info thead .model, .cart-info thead .quantity {
     text-align: left;
}
.cart-info thead .price, .cart-info thead .total {
     text-align: right;
}
.cart-info tbody td {
     vertical-align: top;
     border-bottom: 1px solid #DDDDDD;
}
.cart-info tbody .image img {
     border: 1px solid #DDDDDD;
}
.cart-info tbody .image {
     text-align: center;
}
.cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity {
     text-align: left;
}
.cart-info tbody .quantity input[type='image'], .cart-info tbody .quantity img {
     position: relative;
     top: 4px;
     cursor: pointer;
}
.cart-info tbody .price, .cart-info tbody .total {
     text-align: right;
}
.cart-info tbody span.stock {
     color: #F00;
     font-weight: bold;
}
.cart-module > div {
     display: none;
}
.cart-total {
     border-top: 1px solid #DDDDDD;
     overflow: auto;
     padding-top: 8px;
     margin-bottom: 15px;
}
.cart-total table {
     float: right;
}
.cart-total td {
     padding: 3px;
     text-align: right;
}
/* checkout */
.checkout-heading {
     background: #F8F8F8;
     border: 1px solid #DBDEE1;
     padding: 8px;
     font-weight: bold;
     font-size: 13px;
     color: #555555;
     margin-bottom: 15px;
}
.checkout-heading a {
     float: right;
     margin-top: 1px;
     font-weight: normal;
     text-decoration: none;
}
.checkout-content {
     padding: 0px 0px 15px 0px;
     display: none;
     overflow: auto;
}
.checkout-content .left {
     float: left;
     width: 48%;
}
.checkout-content .right {
    float: right;
    width: 52%;
}
.right .button{
     float: right;
     margin-top:10px;
}
.left .button{
     margin-top:10px;
}
.checkout-content .buttons {
     clear: both;
}
.checkout-product table {
     width: 100%;
     border-collapse: collapse;
     border-top: 1px solid #DDDDDD;
     border-left: 1px solid #DDDDDD;
     border-right: 1px solid #DDDDDD;
     margin-bottom: 20px;
}
.checkout-product td {
     padding: 7px;
}
.checkout-product thead td {
     color: #4D4D4D;
     font-weight: bold;
     background-color: #F7F7F7;
     border-bottom: 1px solid #DDDDDD;
}
.checkout-product thead .name, .checkout-product thead .model {
     text-align: left;
}
.checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total {
     text-align: right;
}
.checkout-product tbody td {
     vertical-align: top;
     border-bottom: 1px solid #DDDDDD;
}
.checkout-product tbody .name, .checkout-product tbody .model {
     text-align: left;
}
.checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total {
     text-align: right;
}
.checkout-product tfoot td {
     text-align: right;
     border-bottom: 1px solid #DDDDDD;
}
.contact-info {
     overflow: auto;
}
.contact-info .left {
     float: left;
     width: 48%;
}
.contact-info .right {
     float: left;
     width: 48%;
}
.sitemap-info {
     overflow: auto;
     margin-bottom: 40px;
}
.sitemap-info .left {
     float: left;
     width: 48%;
}
.sitemap-info .right {
     float: left;
     width: 48%;
}
.content.account ul{
     margin: 21px;
}


.personal {
    background-color: #44c2f6;
    background-image: url("../image/personal.png");
    background-position: center 27px;
    background-repeat: no-repeat;
    color: white;
    display: block;
    float: left;
    font-family: 'HelveticaNeueLight';
    font-size: 17px;
    font-weight: 600;
    height: 122px;
    line-height: 11;
    margin-top: 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor:pointer;
    width: 100%;
}
.personal:hover, .personal.active {
     background-color:#ffc000;
}



.review-list {
     padding: 10px;
     overflow: auto;
     margin-bottom: 20px;
     border: 1px solid #EEEEEE;
}
.review-list .author {
     float: left;
     margin-bottom: 20px;
}
.review-list .rating {
     float: right;
     margin-bottom: 20px;
}
.review-list .text {
     clear: both;
}


/* wishlist */
.wishlist-info table {
     width: 100%;
     border-collapse: collapse;
     border-top: 1px solid #DDDDDD;
     border-left: 1px solid #DDDDDD;
     border-right: 1px solid #DDDDDD;
     margin-bottom: 20px;
}
.wishlist-info td {
     padding: 7px;
}
.wishlist-info thead td {
     color: #4D4D4D;
     font-weight: bold;
     background-color: #F7F7F7;
     border-bottom: 1px solid #DDDDDD;
}
.wishlist-info thead .image {
     text-align: center;
}
.wishlist-info thead .name, .wishlist-info thead .model, .wishlist-info thead .stock {
     text-align: left;
}
.wishlist-info thead .quantity, .wishlist-info thead .price, .wishlist-info thead .total, .wishlist-info thead .action {
     text-align: right;
}
.wishlist-info tbody td {
     vertical-align: top;
     border-bottom: 1px solid #DDDDDD;
}
.wishlist-info tbody .image img {
     border: 1px solid #DDDDDD;
}
.wishlist-info tbody .image {
     text-align: center;
}
.wishlist-info tbody .name, .wishlist-info tbody .model, .wishlist-info tbody .stock {
     text-align: left;
}
.wishlist-info tbody .quantity, .wishlist-info tbody .price, .wishlist-info tbody .total, .wishlist-info tbody .action {
     text-align: right;
}
.wishlist-info tbody .price s {
     color: #F00;
}
.wishlist-info tbody .action img {
     cursor: pointer;
}

table.list {
     border-collapse: collapse;
     width: 100%;
     border-top: 1px solid #DDDDDD;
     border-left: 1px solid #DDDDDD;
     margin-bottom: 20px;
}
table.list td {
     border-right: 1px solid #DDDDDD;
     border-bottom: 1px solid #DDDDDD;
}
table.list thead td {
     background-color: #EFEFEF;
     padding: 8px;
}
table.list thead td a, .list thead td {
     text-decoration: none;
     color: #222222;
     font-weight: bold;
}
table.list tbody td {
     padding: 0px 5px;
}
table.list .left {
     text-align: left;
     padding: 7px;
}
table.list .right {
     text-align: right;
     padding: 7px;
}
table.list .center {
     text-align: center;
     padding: 7px;
}

/* orders */
.order-list {
     margin-bottom: 10px;
}
.order-list .order-id {
     width: 49%;
     float: left;
     margin-bottom: 2px;
}
.order-list .order-status {
     width: 49%;
     float: right;
     text-align: right;
     margin-bottom: 2px;
}
.order-list .order-content {
     padding: 10px 0px;
     display: inline-block;
     width: 100%;
     margin-bottom: 20px;
     border-top: 1px solid #EEEEEE;
     border-bottom: 1px solid #EEEEEE;
}
.order-list .order-content div {
     float: left;
     width: 33.3%;
}
.order-list .order-info {
     text-align: right;
}
.order-detail {
     background: #EFEFEF;
     font-weight: bold;
}