@charset "utf-8";
/* CSS Document */
html, body { margin: 0px; padding: 0px; }
form { margin: 0px; padding: 0px; }
#framework { width: 960px; margin: 0px auto; }
#header { position: relative; top: 0px; left: 0px;}
#header a.logo { margin: 20px 0 0 10px; float: left; }
#header a.logo img { border: 0px; width: 186px; height: 70px; }
#header .background { overflow: none; height: 154px; }
#header .menu { display: block; height: 36px; overflow: visible; list-style: none; padding: 0px; margin: 0px; }
#header li { float: left;  margin: 0px; padding: 0px; }
#header li a { top: 0px; width: 120px; padding: 0px; text-align: center; height: 30px; display: block; margin-bottom: 1px;}
/*#header li a:hover { margin-top: 1px !important; margin-bottom: 0px; }*/
#header li ins { width: 30px; height: 36px; margin: 0px; display: block; z-index: 10;}
#header li.left, #header li.right { width: 15px; border: 0px; height: 36px; overflow: hidden; padding: 0px; position: relative;}
#header li.right { float: left !important;}
#header li.left ins { margin-left: -15px;  }
#header li.right ins { left: 0px; }
#header li.s { padding-right: 15px; }

table.tijdsch td { width: 25%; text-align: center; }
table.tijdsch td img { height: 80px; }

h2 { margin: 0 0 15px 0;}

.product-trio .item { width: 169px; text-align: center; float: left;}
.product-trio img { margin-bottom: 10px; border: 0px; height: 128px; }
.product-trio .item .title { font-weight: bold; line-height: 22px; padding-left: 20px;}

.magazine-details td img {  width: 80px; padding-right: 15px;  }
.magazine-details td.price { width: 90px; padding-left: 15px; }
.magazine-details td.bestel { width: 185px; }

select { height: 19px; }
input { height: 14px; padding: 3px 4px 0px 4px; line-height: 15px; }
input { //height: 15px; //padding: 1px 4px 1px 4px; }
input.checkbox { vertical-align: middle; }
.block .full { width: 100%; }
.block .half { width: 50%; }

#middle { /*padding-top: 25px;*/ }
#right { float: right; width: 190px;}
#left { float: left; width: 190px;}
#center { float: left; width: 531px; margin-left: 25px; }
#center .block { width: 531px; }
#left .block, #right .block { width: 190px; }
#left .block .inner, #right .block .inner { width: 166px; }
#center .block  .inner { width: 507px; }

.block .inner .radio {display: block; position: relative; padding-left: 20px; font-weight: bold; line-height: 1.5em; padding-bottom: 5px;}
.block .inner .radio input {left: 0px;-left: -20px;width: 16px !important; height: 16px !important; vertical-align: middle; position: absolute;}

#middle .inner-np ul.tabs { width: 100%; height: 27px; overflow: hidden; display: block; margin: 0px; padding: 0px; }
#middle .inner-np ul.tabs li { width: 131px; margin: 0px; padding: 0px; height: 25px; overflow: hidden; display: block; float: left; }
#middle .inner-np ul.tabs li a { display: block; height: 25px; line-height: 24px; padding: 0px 8px; overflow: hidden}
#middle .half .block { width: 253px; }
#middle .half .block .inner { width: 229px; }
#login-block .block { width: 190px !important; }
#login-block .block .inner { width: auto !important; }
#login-block .block { margin: 0px !important; }
#login-block .login-button { width: 46px !important; height: 22px !important; padding: 0 4px; margin:0; float: right !important;}

#left .block input, #right .block input, #left .block select, #right .block select, #login-block .block input, #login-block .block select { display: block; float:left; margin: 0px; }
#left .block input, #right .block input, #login-block  .block input { width: 154px; overflow: hidden; }
#left .block select, #right .block select, #login-block .block select { width: 166px; padding-top: 1px;padding-bottom: 1px;}

.block { padding: 0; float: left; clear: both; margin-bottom: 15px;}
.banner { margin-bottom: 15px;}
.block .inner { margin: 1px; padding: 11px;}
.block .inner-np { margin: 1px; padding: 0px; overflow: hidden;}
.block .inner-bp { padding: 25px;}
.block h3 { height: 30px; padding-left: 20px; margin: 0px; line-height: 30px; margin-bottom: -1px; }
/** html .block h3 { margin-left: -6px;}*/
.hp { height: 1px; overflow: hidden; }

.product-tabs { height: 153px; width: 529px; margin: 1px; overflow: hidden; }
.product-tabs .inner { position: absolute; margin: 0px; }
.product-tabs .picture, .product-details .picture { float: left; width: 92px; height: 130px; margin-right: 15px; }
.product-tabs .description, .product-details .description { float: left; width: 399px; height: 93px; overflow: hidden; }
.product-tabs .description h2, .product-details .description h2 { margin: 0px 0px 9px 0px; }
.product-tabs .description h4, .product-details .description h4 { margin: 0px 0px 1px 0px; }

.left { float: left !important; }
img.left { margin: 0 10px 5px 0; }
.right { float: right !important; }
.clear { clear: both; //overflow: expression( this.innerHTML ? this.style.overflow : 'hidden' ); //height: expression( this.innerHTML ? this.style.height : '0px' );}

.button { height: 22px; overflow: hidden; padding: 0px 0px 0px 7px; float: left; }
.button .button-inner { height: 22px; overflow: hidden; padding: 0px 7px 0px 0px; float: left;line-height: 22px;}
.button input {  width: auto !important; padding: 3px 8px; margin: 0px; height: 20px; line-height: 20px; overflow: visible;}
.button input {  //padding: 0px 11px 6px 11px !important; width: auto !important; overflow: visible !important; }
.button a { float: left; display: block; padding: 0 11px; height: 20px; line-height: 21px; } 
.spacer { height: 10px; clear: both; overflow: hidden; }
.none { display: none; }
.spacer-right { margin-right: 15px; }
.spacer-left { margin-left: 15px; }
.spacer-top { margin-top: 15px; }
.spacer-bottom { margin-bottom: 15px; }

.button .price { width: 58px;}


#register { position: relative; display: block; }
#register .field { display: block; height: 28px; width: 490px; text-align: right; font-weight: bold; }
#register .field input { width: 280px; }
#register .sex { padding-left: 196px; width: 24px; text-align: left; //padding-top: 3px; //height: 25px; width: 294px;}
#register .sex label { display: inline; float: none; line-height: 20px; }
#register .sex input { display: inline; float: none; width: auto; vertical-align: middle; line-height: 20px;}
#register .button { position: absolute; right: 0px;}
#register .button a{ padding: 0px; }
#register .map input { width: 180px; margin-right: 100px;}

#register-u { display: block; }
#register-u .field, .field-reg { display: block; height: 28px; width: 380px; text-align: right; font-weight: bold; }
#register-u .field input { width: 280px; }
#register-u .field-reg input { width: 200px; }
#register-u .sex { padding-left: 196px; width: 24px; text-align: left; //padding-top: 3px; //height: 25px; width: 294px;}
#register-u .sex label { display: inline; float: none; line-height: 20px; }
#register-u .sex input { display: inline; float: none; width: auto; vertical-align: middle; line-height: 20px;}
#register-u .button { right: 0px;}
#register-u .button a{ padding: 0px; }
#register-u .map input { width: 180px; margin-right: 100px;}

ol.top5 { width: 100%; display: block; margin: 0px; padding: 0px; }
ol.top5 li { float: left; width: 100%; display: block; margin: 0px; padding: 0px; clear: both; line-height: 18px; }
ol.top5 h4, div.description h2 { margin: 0px 0px 2px 0px; } 
ol.top5 h4 i, div.description h2 i { width: 18px; height: 18px; margin-right: 8px; //width: 17px; //padding-left: 1px; }

ul.news { width: 100%; display: block; margin: 0px; padding: 0px; }
ul.news li { float: left; width: 100%; display: block; margin: 0px; padding: 0px; clear: both; line-height: 18px; }
ul.news h4 { margin: 0px 0px 2px 0px; } 


.hr { margin: 11px 0px !important; height: 1px; overflow: hidden; }
.hl { height: 1px; overflow: hidden; }
.vl { width: 1px; height: 100%; overflow: hidden; float: left;}

#footer { height: 25px; padding: 0px; clear: both; margin-bottom: 15px; overflow: hidden; }
#footer { //margin-top: 15px; }
#footer * { margin: 0; }
#footer ul { list-style-type: none; float: right; display: block; padding: 0; overflow: hidden; margin-right: -4px;}
#footer li { float: left; display: block; margin-right: 2px; padding: 0 5px;}
#footer a, #header a.home { display: block; padding: 2px; height: 21px; float: left; }
#footer a.home, #header a.home { padding-left: 15px;}

#middle.no-left #center { margin-left: 0px; width: 745px; }
#middle.no-left #center .block { width: 745px;}
#middle.no-left #center .block .inner { width: auto;}

#center .block .header-big { height: 41px; background: #fff; padding-top: 47px;}
#center .block .header-big .lines { height: 41px; margin: 0 0 -88px 0;}
#center .block .header-big .lines .vl { height: 40px;}
#center .block .no-top {margin-top: 0px !important;}
#center .block .header-big .content { position: relative; height: 88px; }
#center .block .header-big .content .step { position: absolute; right: 0px; bottom: -2px;}

ul.steps { display: block; position: absolute; right: 0px; bottom: -14px; margin: 0px; padding: 0 20px 0 0; }
ul.steps li { display: block; float: left; margin: 0px; height: 128px; padding: 0 15px;}
ul.steps li.selected-1, ul.steps li.selected-2, ul.steps li.selected-3, ul.steps li.selected-4 { display: block; width: 136px; padding: 0px;}
ul.steps li.step-1 { width: 17px; }
ul.steps li.step-2 { width: 27px; }
ul.steps li.step-3 { width: 27px; }
ul.steps li.step-4 { width: 20px; }

img.thumb { width: 50px;}

table.cart { width: 700px; }
table.cart td { padding: 3px; }
table.cart td.price { padding: 3px 10px; width: 78px; }
table.cart td.quantity { padding: 3px 10px; width: 30px; }
table.cart td.last { padding: 3px 10px; width: 100px; }
table.cart td.img { width: 68px; }
table.cart td img { width: 60px; }
table.cart td.float { width: auto; }
table.cart td .button { margin: 0px auto; float: none;}
table.cart td .button-red { width: 71px; }
table.cart td .quantity { width: 25px; margin: 0px auto; display: block; text-align: center; }
table.cart td .button .price { overflow: visible;}
table.cart th, table.cart tfoot td { height: 40px;}

table.overview { border: 1px solid #dada51; background: #fff; width: 100%; padding-left: 10px}
table.overview th, table.overview tfoot td { height: 30px; }

.overview-info { width: 550px; margin: 25px auto 0 auto; }
.overview-info .row { line-height: 22px; padding: 1px 0 1px 105px; position: relative; }
.overview-info .row  label { //top: -4px; }
.overview-info .row  label { position: absolute; left: 0px; -left: -105px; display: block; line-height: 22px; float: left; width: 90px; padding-right: 15px; }

h1 { margin: 0px 0px 15px 0px;}

.pager a { padding: 0 1px 1px 1px; }
.block ul.links, .block ul.links li{ padding: 0px; margin: 0px;}
#search-result-form .search { width: 300px; }

#stores { height: 190px; //height: 180px; border: 1px solid #666; clear: both; overflow: auto; }
#stores dl { margin: 0px; display: block; }
#stores dl dd { margin: 2px 0px; padding: 0 5px; display: block; }
#stores dl dd a { display: block; }
#stores dl dd strong { display: block; }

.odd, .even { padding: 15px 0; }