@import url("content.css");

/* HIDDEN */
#header .inBox, #nav-skip, .noPrint, input, #col-side, .footer-menu, #footer .l, #breadcrumb, .form, .buttons, .tip, .main-content .card, .main-content .annot a img, .step-list {display: none;}

#header {border-bottom: 1px solid #000; margin: 0 0 15px;}
#header strong {float: right; display: inline; font-size: 100%; font-weight: normal; color: #333;}
#logo-box h1, #logo-box p {font-size: 133%; color: #333; font-weight: normal; margin: 0;} 
#footer {border-top: 1px solid #000; padding: 15px 0 0;}

.product-list ul {margin: 0 0 20px;}
.product-list ul li {float: left; display: inline; width: 32%; margin: 15px 1% 0 0;}
.product-list .img {padding: 5px 0 0; display: block; text-align: center; position: relative;}
.product-list .img .status {position: absolute; left: -8px; top: 50%; margin-top: -68px;}
.product-list .title {font-weight: normal; font-size: 133%; margin: 0 0 0.2em; border: none; padding: 0;}
.product-list .title strong {font-weight: normal; display: block; text-decoration: underline;}
.product-list strong {font-weight: normal;}
.product-list p {margin: 0;}
.product-list p.variant {margin: 0 0 0.2em;}
.product-list p.avalibility {color: #666; margin: 4px 0 0;}
.product-list p.price {font-size: 133%; font-weight: bold;}

.att-images li{ padding:0; background:white; float:left; display: inline; text-align:center; border:1px solid #DEDDDC; margin: 0 15px 15px 0;}
.att-images li a{display:block; width:200px; padding:5px;}
.att-images li img {display: block; margin: 0 auto;}

.crossroad ul {margin: 30px 0;}
.crossroad ul li {overflow: hidden; padding: 0 0 0 220px; margin: 0 0 25px;}
.crossroad p {margin: 0;}
.crossroad li h2{line-height:1.2; font-size:158%; margin:0 0 0.4em; font-weight: bold;}
.crossroad .img{width:200px; display:block; text-align:center; padding:2px; border:2px solid #D7E1EA; float: left; display: inline; margin: 0 0 0 -220px;}
.crossroad .img img{display: block; margin: 0 auto;}
.crossroad .section {font-size: 91.6%; margin: -0.3em 0 0.5em; color: #666;}
.crossroad .section strong {font-weight: normal;}
.crossroad .url {margin: 10px 0 0;}

#productDetail .img-box {float: left; display: inline; width: 300px; margin: 0 15px 0 0; text-align: center; position: relative;}
#productDetail .img-box .status {position: absolute; left: -8px; top: 50%; margin-top: -68px;}
.main-content .annot {float: right; display: inline; width: 48%;}

.params-box {width: 325px; margin: 0 0 20px;}
.params-box h2.title {margin: 0 0 0.4em;}
.params-box ul li {overflow: hidden; zoom: 1; border-top: 1px solid #999; padding: 3px 0;}
.params-box ul li.first {border: none;}
.params-box h3 {font-size: 100%; font-weight: bold; margin: 1em 0 0;}
.params-box strong {font-weight: normal;}
.params-box .firstUl {margin: -1em 0 0;}

.preBasket h1.title {font-size: 166%; padding: 3px 0 0.3em; border-bottom: 2px solid #d7e1ea;}
.preBasket .in {padding: 0 0 0 320px;}
.preBasket h2 {font-weight: bold; margin: 30px 0 0.2em;}
.preBasket h2 .img {margin: -15px 0 0 -320px; float: left; display: inline;}
.preBasket p {margin: 0 0 0.8em;}
.preBasket .priceDPH {font-size: 117%; margin: 0;}
.preBasket .price {font-size: 92%; color: #666;}
.preBasket .availability {font-size: 92%;}
.preBasket p img {margin: 12px 0 0;}

table th, table td {border-color: #333 !important;}

.basket table img {float: left; display: inline; margin: 0 5px 0 0;}
.basket table td {vertical-align: top;}
#order h1, #basket h1 {margin: 0 0 1em;}