body, html, div, ul, h1, h2, h3, h4, h5, h6{margin:0; padding:0; width:100%; float:none; border:0; color:black;}
img{border:0;}
body{font-size:10pt; font-family: arial, sans-serif; line-height:1.3;}

#basket p span.l, #basket p span.r, .step-list, form, .tipBox, .productVideo, .paging, .catList p, #navSkip, #mainMenu, .hidden, .out, #basket-box, #user-menu, #searchBox, #mainMenu, #motive, #breadcrumb, .mainCrossroad, .whyUs .col-r, .more, .bannerBox, .newsBox br, #col-side {display:none;}

#header{border-bottom:0.25mm solid #000000; padding: 0.4cm 0 0.75cm; overflow: hidden; zoom: 1;}
#footer{border-top:0.25mm solid #000000; margin:1cm 0 0; padding:0.5cm 0 0;}

/* * * * CONTENT * * * */
cite{color:#666666;}
.blockem{border:0.25mm solid #666666; padding:0.3cm 0.8cm 0.05cm; font-weight:bold; width:auto; margin:0.5cm 0 0.5cm;}

a {color: #333;}

/* heading */
h1, h2, h3, h4{font-family:arial, sans-serif;}
h1{margin:1cm 0 0.3cm; font-size:20pt;}
h2{margin:0.75cm 0 0.2cm; font-size:15pt;}
h3{margin:0.75cm 0 0.2cm; font-size:13pt;}
h4{margin:0.75cm 0 0.2cm; font-size:10pt;}

/* paragraph */
p{margin:0.2cm 0 0.4cm;}
.annot-box p{font-weight:bold;}

/* list*/
ul{margin:0.3cm 0;} 
ul ul{margin:0.1cm 0 0.1cm 0.3cm;}
li{margin:0.15cm 0;}

/* img */
img.left{border:none; margin: 0.5cm 1cm 0.5cm 0; float: left;}
img.right{border:none; margin: 0.5cm 0 0.5cm 1cm; float: right;}
.annot-box img.left{margin-top:0;}

/* table */
table caption{text-align:left; font-size:13pt; font-family:Arial, sans-serif; padding:0; color:#333; font-weight:bold;}
table{width:98%; empty-cells:show; border-collapse: collapse; border:none; margin:0.2cm 0 0.5em 1px; border-spacing: expression(cellSpacing=0); border-spacing: 0px;}
thead th, thead td{font-weight:bold;  padding:0.3cm 0.4cm;}
tbody th{font-weight:bold;}
td, th{ text-align:left; border:0.25mm solid #666666; padding:0.2cm 0.4cm;}

#basket form, .variats-list form {display: block;}
.variats-list form fieldset {border: none;}


/* * * * LAYOUT * * * */

/* logo box */
#logoBox {float: left; display: inline; width: 70%;}
#sideLogo .title, #logoBox .title{margin:0; padding:0px; font-size:117%; line-height:1; color:#333;}
#logoBox .logo{float:left; padding-right:9px; width:129px;}
#logoBox .claim{float:left; padding:0 0 0 40px; line-height:1.3; margin: -5px 0 0;}
#sideLogo {float: right; display: inline; width: 20%;}

/* why us */
.whyUs ul {height: auto !important; overflow: visible;}
.whyUs li {position: static !important;}

/* news box */
.newsBox h3 {margin: 0;}

/* help box */
.helpBox ul li {padding: 0 0 0 70px; overflow: hidden;}
.helpBox ul li .imgInner {float: left; display: inline; width: 60px; text-align: center; margin: 0 0 0 -70px;}

/* crossroad */
.crossroad a{color:black; text-decoration:none;}
.crossroad ul li {padding: 0 0 0 200px; overflow: hidden;}
.crossroad ul li .img {float: left; display: inline; width: 170px; text-align: center; margin: 0 0 0 -200px;}

/* category list */
.catList {overflow: hidden;}
.catList .reset li {float: left; display: inline; width: 48%; margin: 0 2% 0 0;}
.catList h3 {font-size: 12pt; font-weight: normal; margin: 5px 0;}

/* product list */
.productList ul.reset {overflow: hidden; margin: 0 0 15pt;} 
.productList .reset li {float: left; display: inline; width: 30%; margin: 0 3% 0 0; height: auto !important;}
.productList h3 {font-size: 12pt;}
.productList h3 span {display: block; text-align: center; padding: 1pt 0;}
.productList h3 strong {display: block; text-decoration: none; margin: 4pt 0 0;}
.productList .param {font-size: 10pt; margin: 0;}
.productList .param sup, .productList .param sub {font-size: 8pt;}

/* product info */
.productInfo {overflow: hidden; margin: 0 0 30px;}
.productInfo .main-img {float: left; display: inline; width: 400px;}
.productInfo .productAtts {float: right; display: inline; width: 170px;}
.productInfo .productAtts p {margin: 0;} 

/* contact list */
.contactList {overflow: hidden; margin: 0 0 30px;}
.contactList ul.reset {width: 48%; margin: 0 2% 0 0; float: left; display: inline;}
.contactList ul.reset li {overflow: hidden; padding: 3px 0;}
.contactList li strong {float: left; display: inline; width: 110px;}
.contactList li span {float: right; display: inline; width: 180px;}

/* att images */
.att-images{clear:both; overflow:hidden;}
.att-images li, .att-images ul {display:inline;}
.att-images li img, .logos li img{margin:0 0.2cm !important;}

.att-images, .contactList li, .contactList, .productInfo, .productList ul.reset, .crossroad ul li, .helpBox ul li, .catList {zoom: 1;}