@CHARSET "UTF-8";

@import url(navi.css);
@import url(forms.css);
@import url(tables.css);
@import url(products.css);

@font-face{
    font-family:MyriadPro;
    src:url('/css/MyriadPro-SemiboldIt.otf');
    }

body{
    margin:0;
    padding:0;
    font-size:80%;
    font-family:verdana, Arial, Helvetica, sans-serif;
    /*color:#4a4949;*/
    color:#757474;
    background-color:#ffffff;
    text-align:center;
    }

a{
    color:#5C5C5C;
    }

p {
    margin-top:8px
}

h2 {
    font-size: 17px;
    font-weight: bold;
}

h3 {
    font-size: 16px;
    font-weight: bold;
}

h4 {
    font-size: 14px;
    font-weight: bold;
}

h2, h3 {
    margin-bottom: 10px;
}

strong {
    font-weight: bold;
}

#main {
    width: 996px;
    margin: 0 auto;
    text-align:left;
}

#head {
    background: #fff url('/images/head.jpg') no-repeat;
    height: 185px;
    position:relative;
    margin:0 auto 0;
    display:block;
}

#head .box{
    display:block;
    position:absolute;
    top:30px;
    right:0;
    width:187px;
    height:97px;
    background: transparent url('/images/headbox.jpg') no-repeat;
    font-family: "Verdana", Geneva, sans-serif;
    }

#head .box td{
    width: 50%;
    font-weight: bold;
    color: #7f7f7f;
    padding: 12px 5px 0 10px;
    text-align: center;
    }

#head .box td.last{
    text-transform: uppercase;
    padding: 18px 5px 0 0;
    color: #797979;
    vertical-align: top;
    font-size: 0.9em;
    }

#lang{
    display:block;
    position:absolute;
    top:37px;
    right:200px;
    width:200px;
    font-family:"Verdana", Geneva, sans-serif;
    font-size: 11px;
    letter-spacing:-0.02em; 
    text-align:center;
}

#langs {
    display: none;
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
    margin-top: 5px;
    padding: 5px;
    z-index: 999;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    opacity: 0.6;
    filter: alpha(opacity = 60);
    color: #000;
    min-height: 45px;
    height: auto !important;
    height: 75px;
}

#langs p {
    text-align: center;
    margin-top: 8px;
}

#countrysend{
    display:block;
    position:absolute;
    top:87px;
    right:200px;
    width:200px;
    font-size:11px;
    font-family:"Verdana", Geneva, sans-serif;
    letter-spacing:-0.02em;
    text-align:center;
    }

.countries{
    padding:15px 15px 20px 15px !important;
    }

.countries ul{
    float:left;
    width:140px;
    margin: 0;
    padding:0 30px 0 0;
    list-style:none;
    }

.countries li ul{
    padding: 0 0 8px 20px;
    }

.countries li{
    padding: 4px 0;
    }

.countries a{
    font-size:12px;
    }

#topcontact{
    display:block;
    position:absolute;
    top:10px;
    right:0px;
    color: #5c5c5c;
    font-weight:bold;
    font-family:"Verdana", Geneva, sans-serif;
    }

#topcontact span{
    letter-spacing:-0.02em;
    }
    
#topcontact img{
    vertical-align:top;
    }

#search {
    padding: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

#search .input_dark{
    vertical-align:top;
    }

#search select{
    width:160px;
    font-size:10px;
    }

.col-left{
    float:left;
    width:180px;
    color:#ffffff;
    padding-bottom:46px;
    background:#000000 url('/images/bottom_menu.png') no-repeat 0 bottom;
    }

#col-center{
    float:left;
    width:607px;
    }

#col-center.expand{
    width:628px;
    font-size:11px;
    }

#col-center.expand h3{
    margin-top:0;
    }

#col-center.expand select {
    width: 276px;
}

#col-center.expand .input-box input[type="text"] {
    width: 270px
}

#col-center.expand input[type="text"] {
    width: 566px;
}

#content{
    float:right;
    margin:15px 0 0 15px;
    width:801px;
    }

#page{
    margin-left:10px;
    }

#page ul, #page .padding{
    padding-left:16px;
    }

#page h3{
    color:#4a4a4a;
    }

#page h3 span{
    color:#e24d4d;
    }

#page p {
    margin: 12px 0;
}

#page .img{
    float:left;
    width:147px;
    padding-top:17px;
    text-align:center;
    }

#page .text{
    float:right;
    width:640px;
    }

.section{
    margin-bottom:20px;
    }

.section .col2-set .col-1, .section .col2-set .col-2 {
    float: left;
    width: 300px;
    }

.section .content .col2-set div {
    width: 285px;
}

.section .content .col-1 {
    margin-right: 15px;
}

.section h4 strong {
    float: left;
}

.section h3, .section h4 {
    margin: 0;
    background: transparent url('/images/bg_top_section.png') no-repeat 0 0;
    padding: 4px 12px 5px;
}

.section h3 a, .section h4 a {
    display: block;
    float: right;
    font-size: 12px;
    text-align: right;
    padding-top: 2px;
    padding-left: 8px;
    background: transparent url('/images/arrow_right.png') no-repeat 0 4px;
}

.section .content {
    padding: 10px 20px 0 20px;
    background: transparent url('/images/bg_section.png') no-repeat 0 0;
    min-height: 60px;
    height: auto !important;
    height: 60px;
}

.section .content label {
    padding-right: 20px;
}
    
.section-mini{
    margin-bottom:20px;
    width:381px;
    }

.section-mini h3{
    margin:0;
    padding:4px 0 5px 8px;
    color:#fff;
    font-style:italic;
    font-size:14px;
    background:transparent url('/images/bg_header_mini.png') no-repeat 0 0;
    }

.section-mini .content{
    padding:10px 15px 0 15px;
    background:transparent url('/images/bg_mini.png') repeat-y 0 0;
    min-height:210px;
    height: auto !important;
    height: 210px;
    }

.section-mini .top {
    background: transparent url('/images/bg_top_mini.png') no-repeat 0 0;
    padding-top: 6px;
}

.section-mini .bottom {
    background: transparent url('/images/bg_bottom_mini.png') no-repeat 0 0;
    padding-top: 6px;
}

.section-mini .button_red {
   /*width: 355px !important; 
   width: 381px;*/
}

#column{
    float:left;
    width:180px;
    margin-left:14px;
    }

#column.left{
    width:152px;
    margin-left:0;
    margin-right:14px;
    }

#column h3{
    text-align:center
    }

#column .block{
    background:#d1d1d1 url('/images/bg_block.png') repeat-y 0 0;
    margin-bottom:15px;
    }

#column .block .container{
    margin:8px 9px;
    padding:0 8px;
    *padding:1px 8px 1px;
    background-color:#fff;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    }

#column .container .img{
    float:left;
    width:60px;
    height:50px;
    }

#column .container .text{
    float:left;
    width:85px;
    padding:7px 0;
    *padding:1px 0 7px;
    color:#5C5C5C;
    }

#column .block h3{
    display:block;
    background:transparent url('/images/topblock.png') no-repeat 0 0;
    padding:6px 10px 5px;
    margin:0;
    font-size:13px;
    font-weight:bold;
    color:#ffffff;
    }

#column.mini .block h3{
    background:transparent url('/images/topblock_mini.png') no-repeat 0 0;
    padding:4px 3px 3px 3px;
    }

#column .content{
    display:block;
    background:transparent url('/images/bottom_block.png') no-repeat 0 bottom;
    padding:0 0 5px 0;
    margin:0;
    font-size:11px;
    }

#column.mini .content{
    padding:0;
    }

#column .content ul, #column .content li{
    list-style:none;
    margin:0;
    padding:0;
    }

#column .content li a {
    background: transparent url('/images/bg_list.png') no-repeat 0 0;
    display: block;
    height: auto !important;
    height: 17px;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

#column .content li.last a {
    background: transparent url('/images/bg_bottom_list.png') no-repeat 0 0;
    padding-bottom: 7px;
}

#column .content p {
    margin: 8px auto;
    padding: 0 12px;
}

#column .content label{
    padding-left:0;
    }

#column .content a{
    color: #5c5c5c;
    }

.tab {
    height: 25px;
}

.tab ul, .tab li {
    float: left;
}

.tab li {
    display: block;
    background: red url('/images/tab_right.png') no-repeat right top;
    cursor: pointer;
    margin-right: 2px;
    font-size: 11px;
}

.tab a {
    background: transparent url('/images/tab_left.png') no-repeat 0 0;
    display: block;
    color: #f9f9f9;
    padding: 8px 14px 6px;
    text-decoration: none;
    font-weight: bold;
}

.tab a:hover {
    text-decoration: underline;
}

.delimiter {
    display: block;
    padding-bottom: 10px !important;
    background :transparent url('/images/delimiter.png') no-repeat 0 bottom;
}

.score {
    margin-left: 20px;
    padding-bottom: 10px;
    border-bottom: solid 1px #eee;
    font-size: 12px;
}

.cart {
    font-weight: bold;
}

.cart span {
    font-size:14px;
}

.cart strong {
    float: left;
    text-transform: capitalize;
    font-style: italic;
    font-size: 12px;
}

.cart .total{
    display:block;
    right:0;
    color:#DF4040;
    text-align:right;
    float:right;
    }

#cart div {
    display: inline-block;
}

.bestseller h3 div{
    background:transparent url('/images/mini_star.png') no-repeat right center;
    text-align: center;
    }

.bestseller .container .star{
    float:left;
    height:50px;
    width:60px;
    background:transparent url('/images/star.png') no-repeat -1px 6px;
    }

.bestseller .container .star span{
    display:block;
    padding-right:33px;
    *padding-right:27px;
    padding-top:22px;
    font-weight:bold;
    font-style:italic;
    text-align:right;
    color:#fff;
}

.bestseller .container .text{
    float:none !important;
    width:auto !important;
    }

#icons-garantie {
    margin-top: 20px;
    text-align: center;
}

.title_section{
    display:inline-block;
    float:right;
    margin-bottom:12px;
    padding-left:12px;
    background:transparent url('/images/arrow.png') no-repeat 0 5px !important;
    font-size:20px;
    font-family:MyriadPro,verdana,Arial,Helvetica,sans-serif;
    font-weight:bold;
    text-align:right;
    letter-spacing:-0.02em;
    }

#tree{
    float:left;
    margin:0 0 15px 0;
    }

#tree ul, #tree li{
    list-style:none;
    margin:0;
    padding:0;
    }

#tree li {
    float: left;
}

#tree li.first a {
    background: none !important;
    padding: 0 8px 0 0;
    display: inline-block;
}

#tree a {
    background: transparent url('/images/arrow_min.png') no-repeat 0 3px;
    padding: 0 12px 0 8px;
    text-decoration: none;
}

#tree a:hover {
    color: #D60404;
}

.text ul {
    list-style: square;
    padding-left: 20px;
    margin-bottom: 30px;
}

.arrow {
    color: #D60404;
}

#slider {
    width: 200px;
    margin-bottom: 20px;
}

span.min {
    font-size: 10px;
}

p.min {
    margin-top:5px !important;
    margin-bottom:5px !important;
}

.frame {
    text-align: center;
}

.frame a {
   display: inline-block;
   margin-bottom: 10px;
   padding: 4px 4px 2px;
   border: 1px solid #ddd;
   text-align: center;
}

.frame a:hover {
    border-color: #ccc;
    opacity: 0.5;
}

.indent {
    margin-top: 30px;
    margin-left: 20px;
}

.indent p {
    border-bottom: solid 1px #ccc;
}

.space {
    margin-bottom:5px !important;
}

.separator{
    height:5px;
    margin-bottom: 20px;
    }

.separator b{
    background:transparent url('/images/bg_separator.png') repeat-x 0 0;
    display:block;
    margin:0 2px;
    }

.separator b b{
    background:transparent url('/images/left_separator.png') no-repeat left 0;
    display:block;
    margin-left:-2px;
    }

.separator b b b{
    background:transparent url('/images/right_separator.png') no-repeat right 0;
    display:block;
    margin-right:-2px;
    }

.step {
    background: transparent url('/images/step.png') no-repeat right 5px !important;
    *background-position: right 3px !important;
    background: none;
    margin-right: 11px;
    padding-right: 16px;
    text-transform: uppercase;
}

#loading {
    margin: 20px;
    text-align: center;
}

.group {
    padding: 20px 20px 0 20px;
    border: solid 1px #ddd;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.group-column li {
    float: left;
    width: 49%;
}

.message {
    margin-top: 5px;
    padding: 5px 8px;
}

.error {
    color: red;
    border: solid 1px #ccc;
    background-color: #fff;
}

.clear {
    clear: both;
    float: none !important;
    display: block;
}

#foot{
    clear:both;
    font-size:10px;
    padding-bottom:20px;
}

#foot #nav_foot a{
    color:#E24D4D;
}

#tooltip{
    display:none;
}

.addthis_toolbox {
    height: 16px;
}

.addthis_toolbox a {
    color: #115bb5;
    text-decoration: none;
}

.addthis_toolbox a:hover {
    text-decoration: underline;
}

/* message */
.error,
a.error span,
.validation-advice      { color:#D40707 !important; font-weight:bold !important; }
.notice                 { color:#ea7601}
.messages{ padding:0;}
.messages ul            { border:0 !important; padding: 0; }
.messages li{
    margin-bottom:11px !important;
    padding:8px !important;
    /*font-weight:bold !important;*/
    list-style:none;
    opacity: 0;
    filter: alpha(opacity = 0);
    /*font-size: 0.95em;*/
}

.messages ul li{
    margin:0 0 3px 0 !important;
    border:0 !important;
    padding:2px 0 0 0 !important;
}  

.error-msg{
    color:#f32f2f;
    border:solid 1px #ccc;
    background-color:#fff;
    font-weight: bold;
    }

.success-msg{
    border:1px solid #95a486 !important;
    color:#3d6611 !important;
    background:#eff5ea url(../images/message/success_msg_icon.gif) no-repeat 10px 10px !important;
    font-weight: bold;
    }

.notice-msg, .form-errors{
    background-color:#fff;
    font-weight: bold;
}

.warning-msg{
    border:1px solid #666e73 !important;
    background:#e6e6e6 url(../images/message/warning_msg_icon.gif) no-repeat 10px 10px !important;
    color:#000000 !important;
    font-weight: bold;
    }

.help-msg{
    border: solid 1px #5594DF;
    background:#EAF2F5 url(../images/message/help_msg_icon.gif) no-repeat 10px 10px !important;
    color: #557FDF;
    font-weight: bold;
    }