/*
padding: (padding-top)px (padding-right)px (padding-bottom)px (padding-left)px; 
margin:  (padding-top)px (padding-right)px (padding-bottom)px (padding-left)px ;
border: [border-width || border-style || border-color] | inherit
border: 4px double black;  
background: [background-attachment || background-color || background-image || background-position || background-repeat] | inherit
font: [font-style || font-variant || font-weight] font-size [/line-height] font-family | inherit
font: normal small-caps 12px/14px fantasy; 
*/

* {margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;}
.invisible{color:transparent;}
html {height: 100%}

body {
font: 12px/18px verdana,arial,sans-serif,tahoma;
/* font: 12px/18px verdana,arial,sans-serif,tahoma; */
font-weight: 500;
width: 100%;
height: 100%;
background-color:#5d7380;
color:#717171;
}

a{
color: #0e4d75;
outline: none;
text-decoration: none;
}
a:hover {
color:#0099CC;
text-decoration: none;
}
li{list-style-type:none;}


#wrapper{
width: 1011px;
margin: 0 auto;
min-height: 100%;
height: auto !important;
height: 100%;
background:#2b373e url(img/layout/bg-grad.png) repeat-y scroll 0 0; 
}

/*header-----------------------------*/
#header{
height:127px;
/*background:#FFFFFF url(img/layout/header.png) no-repeat scroll 0 0; */
background:#FFFFFF url(img/layout/no-rep.png) no-repeat scroll 0 0;
}

#lang{
text-align:right;
padding:4px 9px 0 0;
position: relative;
float:right;
color:#013947;
font: 11px/18px 'Trebuchet MS', sans-serif, Helvetica;
letter-spacing: 0.2pt;
}
#lang a{
color:#000;
height:26px;
line-height:26px;
}
#lang a:hover{color:#fff;font-size: 12px;font-weight: bold;}
#lang a.active{color:#fff;font-size: 12px;font-weight:bold;}
#lang li{
height:26px;    
width:33px;
float:right;
}
#lang .langico{margin-left:14px;}
#lang li.en a{background:transparent url(img/layout/no-rep.png) no-repeat scroll 0px -274px;}
#lang li.ru a{background:transparent url(img/layout/no-rep.png) no-repeat scroll 0px -300px;}
#lang li.de a{background:transparent url(img/layout/no-rep.png) no-repeat scroll 0px -326px;}
#lang li.cz a{background:transparent url(img/layout/no-rep.png) no-repeat scroll 0px -352px;}
#lang li.en a:hover{background:transparent url(img/layout/no-rep.png) no-repeat scroll -35px -274px;}
#lang li.ru a:hover{background:transparent url(img/layout/no-rep.png) no-repeat scroll -35px -300px;}
#lang li.de a:hover{background:transparent url(img/layout/no-rep.png) no-repeat scroll -35px -326px;}
#lang li.cz a:hover{background:transparent url(img/layout/no-rep.png) no-repeat scroll -35px -352px;}
#lang li.en a.active{background:transparent url(img/layout/no-rep.png) no-repeat scroll -70px -274px;}
#lang li.ru a.active{background:transparent url(img/layout/no-rep.png) no-repeat scroll -70px -300px;}
#lang li.de a.active{background:transparent url(img/layout/no-rep.png) no-repeat scroll -70px -326px;}
#lang li.cz a.active{background:transparent url(img/layout/no-rep.png) no-repeat scroll -70px -352px;}
#lang li i,#lang .currency span.rate{display:none;}
#lang .langico a{
display: block;
height:26px;
line-height:26px;
width:35px;
}
#lang h3{
font-size:12px;
font-weight:normal;
margin-top:30px;
text-align:right;
}
#lang .currency{margin:-6px 0 0 23px;}

/*end header-------------------------*/

#topmenu{
    height:35px;
    background:#FFFFFF url(img/layout/no-rep.png) no-repeat scroll 0 -130px; 
    position: relative;
    margin: 0 auto 0 auto;
    list-style: none;
    font: 12px/18px 'Trebuchet MS', sans-serif, Helvetica;
    letter-spacing: 0.2pt;
}
#topmenu ul{padding-left:45px;}
#topmenu li{
    float:left;
    background:transparent url(img/layout/no-rep.png) no-repeat scroll -1108px -131px;
}
#topmenu li a{
    display: block;
    float:left;
    height: 35px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    color: #013947;
    font-size:14px;
    padding:0 12px 0 12px;
    font-size: 15px;
    font-weight: bold;

}
#topmenu li a.active{
    color:#ffffff;
    margin-left:2px !important;
    margin-left:1px;
    background:transparent url(img/layout/no-rep.png) repeat-x scroll -340px -279px;
}
#topmenu li a:hover{
    color:#ffffff;
}
#topmenu li.mycard {
    background:none;
}
#topmenu li.mycard a{
    color:#0e4d75;
    padding-left:39px;
    font-weight:bold;
    background:transparent url(img/layout/no-rep.png) no-repeat scroll -1081px -3px;    
}
#topmenu li.mycard a:hover{
    background:transparent url(img/layout/no-rep.png) no-repeat scroll -1081px -39px;   
}
#topmenu li.price{
    background:none;    
    color:#0e4d75;
    padding:0 14px 0 0;
    font-size:14px;
    text-align: center;
    margin-top:10px;
    
}
#topmenu li.price span{color:#0E4D75;} 

#mainbox{

    width: 1011px; 
    background:#FFFFFF url(img/layout/main-box-center.png) repeat-y scroll 0 0; 
/*  background:#FFFFFF url(img/layout/bg-rep-y.png) repeat-y scroll -1011px 0; */
    margin:0 auto;
    overflow:hidden;
}
#mainboxtop{

    height:32px;
/*  background:#FFFFFF url(img/layout/main-box-top.png) no-repeat scroll 0 0;*/
    background:#FFFFFF url(img/layout/no-rep.png) no-repeat scroll 0 -166px;
}
#mainboxbottom{

    height:63px;
/*  background:#FFFFFF url(img/layout/main-box-bottom.png) no-repeat scroll 0 0; */
    background:#FFFFFF url(img/layout/no-rep.png) no-repeat scroll 0 -209px;
}

#sidebar{
    font: 12px/18px 'Trebuchet MS', sans-serif, Helvetica;
    letter-spacing: 0.2pt;
    padding-left:22px;
    width:220px;
    float:left;
    margin-top:4px;
    color: #2e2e2e;
}

.leftmenu a{
    color: #013947;
    font-size:13px;
    font-weight: bold;
    display:block;
/*  width:188px; */
    background:transparent url(img/layout/no-rep.png) no-repeat scroll -582px -360px;
    padding:0 0 11px 13px;
}
.leftmenu ul.lev1 a.active{
    color:#0099cc;
    width:222px;
    background-color:#fff;
}
.leftmenu ul.lev2 li{
background:transparent url(img/layout/no-rep.png) no-repeat scroll -1080px -199px; 
}

.leftmenu ul.lev2 a{
    font-size:12px;
    padding-left:32px;
}
.leftmenu ul.lev2 a.active{
    color:#0099cc;
    background-color:#fff;
    width:189px;
}
.leftmenu a:hover{
    color:#0e4d75;
}


.discount{
    background:transparent url(img/layout/no-rep.png) no-repeat scroll -936px -400px;
    margin-top:20px;
    padding-top:15px;
    text-align:center;  
    color: #2e2e2e;
}
.discount h3{
    font-weight:normal;
    font-size:14px;
}
.discount li{
    font-weight:bold;
    font-size:12px;
    color: #0E4D75;
}
.discount li.active{
    color:#0099CC;
}
#leftbottommenu{
    color:#001456;
    text-align:center;
    margin-top:20px;
    
}
#leftbottommenu a{
color:#013947;
display:block;
font-size:13px;
font-weight:bold;
height:20px;
line-height:20px;
width:195px;
}
#leftbottommenu a.active{
    width:221px;
    color:#0224a5;
    background:white url(img/layout/no-rep.png) no-repeat scroll -340px -360px; 
}
#leftbottommenu a:hover{
    color:#000000;
}
#leftbottommenu li{
    background:transparent url(img/layout/no-rep.png) no-repeat scroll -340px -360px;  
}

#content{
    font: 12px/18px verdana,arial,sans-serif,tahoma;
    margin-left:277px;
    width:700px;
    font-size:13px;
}
#content li{list-style-type:inherit;margin-left:15px;}
#breadcrumbs{
    background:transparent url(img/layout/no-rep.png) no-repeat scroll -160px -387px;
    height:25px;    
}
#breadcrumbs li{
    list-style-type:none;margin-left:0px;
    background:transparent url(img/layout/no-rep.png) no-repeat scroll -1101px -90px;
    float:left;
}
#breadcrumbs a{
padding:0 15px 0 15px;
color:#2e2e2e;
}
#breadcrumbs li:last-child a{
color:#529fb9;
font-size:16px;
}

.goodsbox{
    height:268px; 
    width:222px;
    display: block;
    float:left;
    margin:0 11px 15px 0;
}
.goodsbox h3{
    text-align:center;
    font-weight:normal;
    display:block;
    height:20px;    
    font-weight: bold;
    font: 12px/18px 'Trebuchet MS', sans-serif, Helvetica;
    letter-spacing: 0.2pt;
}
.goodsbox h3 a{color:#007A74;}
.goodsbox h3 a:hover{color:#0099cc;}
.goodsbox img{
    border:1px solid #d1d1d1;
    height:216px;
    width:220px;
}




.goodsbox input{
    border:0 none;
    width:40px;
    height:14px;
    text-align:center;
    background-color:#abb0b3;
}
.goodsbox .buttons a{
    height:29px;
    line-height:29px;
    cursor:pointer;
}


.goodsbox .buttons{
    height:29px;
    margin-top:-4px;
}

.buttons{
    text-align:center;
    border-bottom:1px solid #000000;
    border-right:1px solid #000000;
    background-color:#abb0b3;
}
.buttons p{}
.buttons p.label{
color:#FFFFFF;
font-size:11px;
margin:-3px 0;
}
.buttons p.val{
    color:#2e2e2e;
    font-size:12px;
}

.buttons div{
background:transparent url(img/layout/goodsbar-separator.png) repeat-y scroll right;
float:left;
}
.buttons .price{width:23%;}
.buttons .minus{width:6%;background:none;}
.buttons .quanity{width:20%;background:none;}
.buttons .plus{width:6%;}
.buttons .total{width:27%;}
.buttons .total span{}

.buttons .total span.USD{background:url(img/layout/no-rep.png) no-repeat scroll -12px -382px;}
.buttons .total span.RUB{background:url(img/layout/no-rep.png) no-repeat scroll -60px -382px;}
.buttons .total span.EUR{background:url(img/layout/no-rep.png) no-repeat scroll -36px -382px;}
.buttons .total span.GBP{background:url(img/layout/no-rep.png) no-repeat scroll -85px -382px;}
.buttons .total span.CZK{background:url(img/layout/no-rep.png) no-repeat scroll -110px -382px;}

span#cur.USD,span#cur.USD,span.USD{background:url(img/layout/no-rep.png) no-repeat scroll -12px -380px;}
span#cur.RUB,span#cur.RUB,span.RUB{background:url(img/layout/no-rep.png) no-repeat scroll -60px -380px;}
span#cur.EUR,span#cur.EUR,span.EUR{background:url(img/layout/no-rep.png) no-repeat scroll -36px -380px;}
span#cur.GBP,span#cur.GBP,span.GBP{background:url(img/layout/no-rep.png) no-repeat scroll -85px -380px;}
span#cur.CZK,span#cur.CZK,span.CZK{background:url(img/layout/no-rep.png) no-repeat scroll -110px -380px;}

.buttons .bay{
color:#0E4D75;
font-size:15px;
font-weight:bold;
width:16%;
background:none;
}
.buttons .bay a:hover{color:#000000;}
.buttons .plus a{
background:url(img/layout/no-rep.png) no-repeat scroll -199px -300px;
width:12px;
}
.buttons .plus a:hover{
background:url(img/layout/no-rep.png) no-repeat scroll -175px -300px;
}
.buttons .minus a{
background:url(img/layout/no-rep.png) no-repeat scroll -248px -300px;
width:12px;
}
.buttons .minus a:hover{
background:url(img/layout/no-rep.png) no-repeat scroll -221px -300px;
}
.buttons .bay a{color:#0e4d75;font-size:15px;}

/* ------------------------------- */
.detailheader{
    display:block;
    height:31px;
    width:700px;
    background-color:#abb0b3;
    border-bottom:#000000 solid 1px;
    margin-bottom:6px;
}
.detailheader h1{
    color:#ffffff;
    font-size:14px;
    font-weight:normal;
    float:left;
    padding:5px 0 0 20px;
    width:240px;
}
.detailheader a{
    height:24px;
    float:right;  
    color:#0224a5;
    padding:5px 10px 0 10px;
}
.detailheader a:hover{color:#000000;}
.detailheader a.back{background:transparent url(img/layout/detailheader-separator.png) repeat-y scroll 0 0;color:#0E4D75;}
.detailheader a.back:hover{color:#0099cc;}
.detailbox{
    border:1px solid #B1B8C4;
    padding:1px;
    width:696px;
    overflow:hidden;
}
.detailbox img{
    height:402px;
    width:409px;
    border:1px solid #d5d4d6;
}
.detailbox .buttons{
    width:410px;
    height:30px;
    margin-bottom:2px;
}
.detailbox .buttons a{
    height:30px;
    line-height:30px;
    cursor:pointer;
}

.detailbox input{
    border:0 none;
    width:40px;
    text-align:center;
    background-color:#abb0b3;
}


.detailbox div.description{
    float:left;
    padding-left:12px;
    width:270px;
    
}
.detailbox div.description span{
    color:#0099cc;
}
/*---------------------------------*/
#mailform input.email{width:300px;border:#529fb9 solid 1px;margin-bottom:10px;}
#mailform textarea{width:685px;height:200px;border:#529fb9 solid 1px; margin-bottom:10px;}
#mailform input.submit{
background-color:#abb0b3;
border-top:none;
border-left:none;
border-bottom:#000000 solid 1px;
border-right:#000000 solid 1px;
width:687px;height:25px;
}
/*---------------------------------*/
.goodsbox{
    height:268px; 
    width:222px;
    display: block;
    float:left;
    margin:0 11px 15px 0;
}



.menubox{
    height:238px; 
    width:222px;
    display: block;
    float:left;
    margin:0 11px 15px 0;
}
.menubox h3{
    text-align:center;
    font-size:12px;
    font-weight:normal;
    display:block;
    height:20px;    
    font-weight: bold;
    font: 12px/18px 'Trebuchet MS', sans-serif, Helvetica;
    letter-spacing: 0.2pt;
}
.menubox h3 a{color:#007A74;}
.menubox h3 a:hover{color:#0099cc;}
.menubox img{
    border:1px solid #D0D0D0;
    height:216px;
    width:220px;
}   
/* --------------------------------------- */

#card table{
border-collapse:collapse;width:696px;
font: 12px/18px 'Trebuchet MS', sans-serif, Helvetica;
letter-spacing: 0.2pt;
}

#card th{
height:30px;
background:#abb0b3 url("img/layout/goodsbar-separator.png") scroll repeat-y right center;
border-bottom:1px solid #000;
text-align:center;
color:#fff;
font-size:13px;
font-weight:bolder;
}
#card th.total_price{border-right:1px solid #000;background:#abb0b3;}
#card td.separator{border:none;background:none;height:4px;}
#card td{
border-top:1px solid #b1b8c4;
border-bottom:1px solid #b1b8c4;
height:104px;
text-align:center;
color:#000;
font-weight: bold;
font-size: 11px;
}
#card td.image{width:107px;border-left:1px solid #b1b8c4;}
#card td.name{width:210px;}
#card td.order_code{width:100px;}
#card td.price{width:70px;}
#card td.quanity{width:70px;}
#card td.total_price{width:110px;background:none;border-right:1px solid #b1b8c4;}
#card td input{width:40px;border:#529fb9 solid 1px;text-align:center;}
#card td img{
height:100px;
width:101px;
padding:2px; 
}



#card h3 {
display:block;
height:30px;
width:696px;
background-color:#abb0b3;
border-bottom:#000000 solid 1px;
border-right:#000000 solid 1px;
margin-bottom:6px;
color:#fff;
font-size:13px;
font-weight:bolder;
text-align:center;
}
.postblock{
float:right; 
width: 210px;
}
/* #card form {border-bottom:#b1b8c4 solid 1px;} */
#card form label{float:left;width:150px;}
#card form input{width:300px;border:#529fb9 solid 1px; }
#card form input.notvalid{border:red solid 1px; }

#card form input.radio{
width:20px;
border:none;
margin:15px 10px 4px 0;
}

#card form textarea{width:300px;height:100px;border:#529fb9 solid 1px; margin-bottom:10px;}
#card form textarea.notvalid{border:red solid 1px;}
#card form p{margin-top:10px;}
#card #submit{
background-color:#abb0b3;
border-top:none;
border-left:none;
border-bottom:#000000 solid 1px;
border-right:#000000 solid 1px;
width:453px;height:25px;
}
#card input#submit:hover{
color:#fff;
background-color:#b6babd;
}

/*footer-----------------------------*/
#footer{
  text-align:center;
}
#footer a{
color:#013947;
}
/*end footer-------------------------*/
#dim{ 
position:absolute; 
top:0; left:0; 
width:100%; 
z-index:100; 
background: url('img/layout/dim.png'); 
display:none; text-align:left; 
}
#msgbox{ 
position:absolute; 
width:800px; 
height:440px; 
z-index:200; 
border:2px solid #d9dada; 
background: #FFF; 
top: 50%; left: 50%; 
margin-top: -230px;
margin-left: -400px;
}
div.msg{text-align:center;}
#msgbox img {border:none; margin:5px;}
#msgbox h3{text-align:center;padding:10px 0 30px 0;}
#msgbox p{padding:6px 0 0 150px;}
#msgbox label{float:left;width:150px;}
#msgbox input {border: solid 1px #529fb9;width:300px;}
#msgbox input.notvalid {border: solid 1px red;}
#msgbox a.submit{float:right;padding-right:200px;}
.close{ 
width:32px; height:32px; top:0px;float:right; 
background:transparent url(img/layout/no-rep.png) no-repeat scroll -112px -279px;
}


em.tfSI, i.tfSI{color:#666666; font: italic 12px arial,sans-serif,tahoma;}
span.tfS{color:#666666; font:normal 12px arial,sans-serif,tahoma;}
strong.tfB, b.tfB{color:#666666; font: bold 12px arial,sans-serif,tahoma;}
span.tfBI{color:#666666; font: italic bold 12px arial,sans-serif,tahoma;}
strong.tfBblue, b.tfBblue{color:#529fb9; font: bold 12px arial,sans-serif,tahoma;}
em.tfISw, i.tfISw{color:#336699; font: italic bold 12px arial,sans-serif,tahoma;}
strong.tfSw, b.tfSw{color:#336699; font: bold 12px arial,sans-serif,tahoma;}
strong.tfBblue14, b.tfBblue14{color:#529fb9; font: bold 12px arial,sans-serif,tahoma;}
span.tfBIblue14{color:#529fb9; font: italic bold 14px arial,sans-serif,tahoma;}
span.tfBI14{color:#666666; font: italic bold 14px arial,sans-serif,tahoma;}
strong.tfB14, b.tfB14{color:#666666; font: bold 14px arial,sans-serif,tahoma;}   
 
area{

}