/* general page style */
body
{
	background-color: #403535;
	margin: 7px 10px 7px 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	color: #555;
}
td
{
	background-color: white;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
}

/* links */
a
{
 color: #f68220;
 text-decoration: none;
}
a:hover
{
 color: #f68220;
 text-decoration: underline;
}


/* areas */
.top
{
 height: 133px;
 text-align: left;
 background: #BFF3FF url(head.jpg) top repeat-x;
 color: #403535;
}
.top img.logo
{
 float: left;
 padding-top:11px;
}
.top img.motto
{
 float: left;
 padding: 51px 0px 0px 46px;
}
.top .cca
{
 width: 200px;
 clear: both;
 float: right;
 padding: 10px 3px 0px 10px;
 text-transform: uppercase;
 font-size: 11px;
 letter-spacing: 1px;
}
.top .cca a
{float:right;text-indent:-999em;width:200px;height:20px;outline:0;
 display: block;
 /*background: url(cca_bg.jpg) top repeat-x;*/
 color: #BFF3FF;
 cursor: pointer;
}
.top .cca a:hover
{
 color: white;
 text-decoration: none;
}
.top .cca a span
{
 display: block;
 float: right;
 padding: 7px 3px 3px 5px;
 background: url(cca_bg.jpg) top repeat-x;
}
.top .cca img
{
 float: right;
}

.topmenu
{
 background-color: #403535;
 padding: 3px;
 text-transform: uppercase;
 text-align: right;
 color: white;
}
.topmenu a
{
 color: white;
 text-decoration: none;
 border-left: solid 3px #BFF3FF;
 padding: 0px 5px 0px 3px;
}
.topmenu a:hover
{
 color: white;
}

.bottom
{
 height: 20px;
 background-color: #403535;
 clear: both;
 font-size: 10px;
 text-align: center;
 padding: 8px;
 padding-top: 5px;
 text-transform: uppercase;
}
.bottom a
{
 color: #BFF3FF;
 text-decoration: none;
 margin: 0px 5px 0px 5px;
 text-decoration: underline;
}
.bottom a:hover
{
 color: white;
}

.middle
{
 clear: both;
 background-color: white;
 padding: 20px;
}

.leftside
{
 float: left;
 background-color: white;
}
.leftside .brandmenu
{
 width: 170px;
 text-align: left;
 text-transform: uppercase;
 line-height: 16px;
 margin-bottom: 20px;
 font-weight: bold;
 font-size: 10px;
}
.x {
 padding: 5px;
 padding: 20px 5px 20px 5px; /* for IE */
}
.leftside .brandmenu a
{
 display: block;
 width: 156px;
 margin-top: 1px;
 color: #403535;
 text-decoration: none;
 background-color: #BFF3FF;
 padding: 5px 7px 5px 7px;
}
.leftside .brandmenu a:hover
{
 color: white;
 background-color: #403535;
}
.leftside .brandmenu a.selected
{
 color: white;
 background-color: #403535;
}
.leftside .search
{
 width: 170px;
 margin-bottom: 15px;
}
.leftside .search form
{
 margin: 0px;
 height: 23px;
}
.leftside .search span
{
 display: block;
 float: left;
 width: 41px;
 height: 23px;
 background-color: #403535;
 color: white;
 font-size: 10px;
 text-transform: uppercase;
 line-height: 23px;
}
.leftside .search input.field
{
 float: left;
 width: 109px;
 height: 19px;
 background-color: white;
 border: solid 1px #403535;
 margin: 0px 1px 0px 1px;
 color: #403535;
 font-size: 11px;
 line-height: 17px;
 font-family: Verdana;
 padding: 1px 3px 1px 3px;
}
.leftside .search input.button
{
 float: left;
}
.flagged
{
 color: red;
}


.content
{
 float: right;
 width: 670px;
 text-align: justify;
 background-color: white;
}


.content H1
{
 margin: 0px;
 padding: 0px;
 display: block;
 color: #f5811f;
 font-size: 20px;
 font-weight: normal;
 text-transform: none;
 padding-bottom: 3px;
 border-bottom: solid 1px #cecdcd;
 margin-bottom: 8px;
}
.content H1 b
{
 color: black;
 font-weight: normal;
}
.content .title
{
}
.content .small
{
 font-size: 10px;
}



.filter
{
 width: 670px;
 margin-top: 10px;
 margin-bottom: 10px;
 overflow: hidden;
}
.filter .inner
{
 width: 710px;
}
.filter .tab
{
 float: left;
 display: block;
 width: 200px;
 height: 27px;
 background-color: #403535;
 border-top: solid 5px #BFF3FF;
 text-transform: uppercase;
 margin-right: 35px;
}
.filter .tab a
{
 display: block;
 width: 190px;
 color: white;
 text-decoration: none;
 background: url(arr.jpg) no-repeat right top;
 background-position: 180px 4px;
 background-color: #403535;
 padding: 6px 5px 6px 5px;
}
.filter .tab a:hover
{
 color: #000;
 text-decoration: none;
 background: url(arr_.jpg) no-repeat right top;
 background-position: 180px 4px;
 background-color: #BFF3FF;
}
.filter .tab a.selected
{
 background: url(arr_.jpg) no-repeat right top;
 background-position: 180px 4px;
 background-color: #BFF3FF;
 color:#000;
}
.filter .item
{
 float: left;
 display: block;
 width: 99px;
 height: 135px;
 margin-top: 10px;
 /*margin-left: 1px;*/
 margin-right: 15px;
 text-align: center;
 background: url(box.jpg) no-repeat top center;
 font-size: 11px;
}
.filter .item img
{
 margin: 5px;
}
.filter .item a
{
 color: #666666;
}
.filter .item a:hover
{
 color: #f68220;
 text-decoration: none;
}



.sitem
{
 clear: both;
 height: 99px;
 background-color: white;
 margin-top: 10px;
 color: #232020;
}
.sitem .image
{
 float: left;
 width: 99px;
 height: 99px;
 background: white url(box.jpg) no-repeat top center;
}
.sitem .image img
{
 margin: 5px;
}
.sitem .title
{
 float: left;
 width: 560px;
 padding: 3px 5px 3px 5px;
 font-size: 15px;
 font-weight: bold;
}
.sitem .text
{
 float: left;
 width: 560px;
 padding: 0px 5px 0px 5px;
}
.tbrand
{
 clear: both;
 height: 99px;
 background-color: white;
 margin-top: 10px;
 color: #232020;
}
.tbrand .image
{
 /*float: left;*/
 width: 99px;
 height: 99px;
 background: white url(box.jpg) no-repeat top center;
}
.tbrand .image img
{
 margin: 5px;
}



/* List */
.list
{
 margin-bottom: 20px;
}
.list .item
{
 height: 140px;
 background-color: #f4f2f2;
 margin-top: 20px;
 color: #232020;
}
.list .image
{
 width: 80px;
 height: 140px;
 float: left;
 background-color: white;
}
.list .title
{
 float: left;
 width: 580px;
 padding: 3px 5px 3px 5px;
 background-color: #403535;
 color: white;
 font-size: 15px;
 font-weight: bold;
}
.list .title a
{
 color: white;
 text-decoration: none;
}
.list .title a:hover
{
 color: white;
 text-decoration: none;
}
.list .title a.details
{
 float: right;
 color: #f68220;
 font-weight: normal;
 font-size: 13px;
 padding: 0px;
 margin: 0px;
}
.list .title a.details:hover
{
 text-decoration: underline;
}
.list .spec
{
 float: left;
 width: 580px;
 padding: 4px 5px 0px 5px;
}
.list .text
{
 float: left;
 width: 580px;
 height: 68px;
 padding: 4px 5px 0px 5px;
 overflow: hidden;
}
.list .reco
{
 float: left;
 width: 580px;
 padding: 5px 5px 0px 5px;
}
.list .item .end
{
 clear: both;
 height: 1px;
 font-size: 1px;
}
.list .item .back
{
 clear: both;
 font-size: 10px;
 text-align: center;
 padding-bottom: 11px;
}
.list .item .back a
{
 color: #222222;
}

.list .pages
{
 clear: both;
 text-align: right;
 font-size: 13px;
 font-weight: normal;
 color: #c0c0c0;
 margin-top: 20px;
}
.list .pages span
{
 color: #f58220;
 font-weight: bold;
}
.list .pages a
{
 color: #403535;
 text-decoration: none;
}
.list .pages a:hover
{
 color: #f58220;
 text-decoration: none;
}



.details
{
 margin-top: 10px;
 margin-bottom: 10px;
 color: #232020;
}
.details .image
{
 width: 80px;
 height: 140px;
 float: left;
 background-color: white;
}
.details .title
{
 float: right;
 width: 580px;
 padding: 3px 5px 3px 5px;
 background-color: #403535;
 color: white;
 font-size: 15px;
 font-weight: bold;
}
.details .spec
{
 float: right;
 width: 580px;
 padding: 3px 5px 0px 5px;
 background-color: #f4f2f2;
}
.details .text
{
 float: right;
 width: 580px;
 padding: 3px 5px 3px 5px;
 background-color: #f4f2f2;
}
.details .reco
{
 float: right;
 width: 580px;
 padding: 0px 5px 3px 5px;
 background-color: #f4f2f2;
}
.details .back
{
 clear: both;
 font-size: 11px;
 text-align: center;
 padding-top: 10px;
}





.tree
{
 margin-bottom: 10px;
 font-family: Arial, Verdana, Tahoma;
}
.tree .brand
{
 text-transform: uppercase;
 font-weight: normal;
 font-size: 30px;
}
.tree .categ
{
 padding-left: 22px;
 font-size: 20px;
}
.tree .type
{
 padding-left: 22px;
 font-size: 15px;
}
.tree .stype
{
 padding-left: 50px;
 font-size: 15px;
}
.tree .product
{
 padding-left: 70px;
 font-size: 12px;
}
.tree .brand a , .tree .categ a
{
 color: #f68220;
}
.tree .type a , .tree .stype a , .tree .product a
{
 color: black;
}



.gallery
{
}
.gallery .item
{
 background-color: #c0b7b0;
 padding: 10px 10px 10px 10px;
 margin-bottom: 10px;
 margin: 0px 5px 10px 5px;
 color: white;
 float: left;
}
.gallery .image
{
 width: 342px;
 float: left;
 margin: 0px;
 margin-bottom: 10px;
 background-color: #aba29b;
 padding: 10px;
}
.gallery .title
{
 width: 362px;
 margin: 0px;
 padding: 0px;
 display: block;
 padding: 5px 0px 5px 0px;
 color: white;
 font-size: 14px;
 font-weight: bold;
 margin: 0px;
 background-color: #c0b7b0;
}

.prices
{
}
.prices .item
{
}
.prices .image
{
 width: 160px;
 float: left;
 margin-right: 10px;
 margin-bottom: 10px;
 background-color: #aba29b;
 padding: 10px;
}
.prices .title
{
}
.prices .text
{
}
.prices .price
{
 float: right;
 padding: 0px 0px 10px 10px;
 text-align: right;
 font-size: 22px;
 color: black;
}
.prices .price .currency
{
 font-size: 12px;
 font-weight: bold;
}





/*
.list
{
 margin: 10px 0px 10px 0px;
}
.list .item
{
 display: block;
}
.list .item .title
{
 margin: 0px;
 padding: 0px;
 font-size: 12px;
 font-weight: bold;
 letter-spacing: 1px;
 color: #555;
 background-color: white;
}
.list .item .title a
{
 color: #555;
 text-decoration: none;
}
.list .item .title a:hover
{
 color: #e68700;
 text-decoration: none;
}
.list .item .text
{
 text-align: justify;
}
.list .item img
{
 float: left;
 border: solid 1px #e3e2e2;
 margin-right: 6px;
}
.list .item a.url
{
 float: left;
}
.list .item a.more
{
 float: right;
 color: #325574;
}
.list .item .line
{
 clear: both;
 border-bottom: solid 1px #e3e3e3;
 display: block;
 height: 5px;
 font-size: 1px;
 margin-bottom: 10px;
}

.list .page_numbers
{
 clear: both;
 text-align: right;
 font-size: 11px;
 font-weight: bold;
 color: #ccc;
}
.list .page_numbers span
{
 color: #666;
}
.list .page_numbers a
{
 color: #ea8a1c;
 text-decoration: none;
}
.list .page_numbers a:hover
{
 color: #ea8a1c;
 text-decoration: underline;
}


.details
{
 margin-top: 0px;
}
.details .description
{
 font-size: 11px;
 text-align: justify;
}
.details .bigimage
{
 display: inline;
 float: left;
 text-align: center;
 padding-top: 20px;
}
.details .bigimage img
{
 border: 3px solid #c8dae8;
}
.details .bigimage a:hover img
{
 border: 3px solid #f4b318;
}
.details .images
{
 width: 350px;
 clear: both;
 padding-top: 20px;
 text-align: center;
}
.details .images img
{
 border: 3px solid #c8dae8;
 margin: 0px 20px 20px 0px;
 float: left;
}
.details .images a:hover img
{
 border: 3px solid #f4b318;
}
.details .specifications
{
 float: left;
 padding-top: 18px;
 padding-left: 20px;
 font-size: 14px;
 line-height: 20px;
}
.details .specifications span
{
 color: #f4b318;
}
*/





.form input, .form textarea
{
 border: 1px solid #bbb;
 background-color: white;
 width: 100%;
}

.form
{
 width: 400px;
}
.form .title
{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-bottom: 4px;
}
.form .title .error
{
	text-align: center;
	color: red;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0px;
	padding-bottom: 1px;
}
.form .line
{
}
.form .line .left
{
	text-align: right;
	vertical-align: top;
	padding-top: 2px;
}
.form .line .error
{
	color: red;
}
.form .line .right
{
 padding-right: 1px;
}
.form .line .button
{
  padding-top: 3px;
}
.form .star_descript
{
	text-align: right;
	font-size: 10px;
}

/*yos*/
.tltmnu{display:block; height:27px; width:170px; background-color:#403535; margin:6px 0 3px 0;}
.tltmnu span{text-transform:none;color:white;display:block;padding:6px 5px;text-decoration:none;width:160px;font-size:12px; background:#403535 url(arr.jpg) no-repeat scroll 150px 4px;}

.lubrifianti{border-top:5px solid #BFF3FF;margin-top:0;}

.curatentie{border-top:5px solid #38853a; }
.subcuratentie a{background-color:#38853a !important;}
.subcuratentie a:hover, .subcuratentie a.selected{background-color:#403535 !important;}

.filtre{border-top:5px solid #8dbd50;}
.subfiltre a{background-color:#8dbd50 !important;}
.subfiltre a:hover, .subfiltre a.selected{background-color:#403535 !important;}

.ctitle{clear:both;}
.ctitle h2{font-size:16px; margin:0; padding:10px 0 0 10px;}