/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:list-item;}template{display:none;}[hidden]{display:none;}
/*! end normalize */
*{
	margin:0;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
html,body{
	height:100%;
	-ms-scrollbar-track-color:transparent;
}
body{
	color:#007;
	font-size:87.5%;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	line-height:1.25;
	text-align:left;
	background:#FFF url(/img/bgbody.gif) center fixed no-repeat
}
a{
	text-decoration:none
}
a:link,a:visited,a:active{
	color:#00D
}
a:hover{
	color:#00D;
	text-decoration:underline
}
/*
a[name]:before{
	display:block;
	content:" ";
	margin-top:-100px;
	height:100px;
	visibility:hidden
}
*/
a[name]{
	display:block;
	position:relative;
	top:-100px;
	visibility:hidden;
}
h1{
	font-size:16pt;
	font-weight:bold;
	padding: 0;
}
h3{
	font-size:13pt;
	font-weight:bold;
	margin:15px 0;
}
hr{
	border-top: 3px solid silver;
	border-bottom: 0px;
	padding:0;
	margin:0 -5px;
}
input,select,textarea{
	border:1px solid #00f;
/*	border:1px solid rgba(0,0,119,.4);*/
	padding:2px 5px;
	color:#007;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	display:inline-block;
	background-color: rgba(90,90,90,.1);
	outline:0;
}
input,select:focus{
	border-color:#007;
	border-color:rgba(0,0,255,1.0);
	background-color: rgba(90,90,90,.05);
}
input:-moz-placeholder{color: #888;}
input::-webkit-input-placeholder{color:#888;}
input:-ms-input-placeholder{color:#888;}
button[type="submit"]{
	text-decoration:none;
	color:#007;
	display:inline-block;
	padding:6px 16px;
	background: #cec;
	border: 2px solid #090;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	cursor:pointer
}
header{
	position:fixed;
	top:0;
	left:0;
	right:0;
	height:60px;
	line-height:50px;
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:0;
	background-color:blue;
	z-index:5;
	overflow:hidden
}
header ul{
	list-style-type:none;
	display:table;
	border-collapse:collapse;
	border:none;
	width:100%;
	height:100%;
	padding:0;
	margin:0
}
header ul li{
	height:100%;
	margin:auto 1%;
	padding:0px 0;
	float:left;
	display:table-cell;
	overflow:hidden;
	height:60px;
	line-height:60px;
	text-align:right;
	cursor:pointer
}
header img{
	vertical-align:middle;
	margin:0;
	max-height:50px
}
nav{
	position:fixed;
	top:60px;
	left:0;
	right:0;
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:0;
	background-color:orange;
	z-index:5
}
nav ul{
	list-style-type:none;
 	max-width:1000px;
	padding:0;
	margin:0;
	overflow:hidden;
	-webkit-transition:max-height 0.4s;
	-ms-transition:max-height 0.4s;
	-moz-transition:max-height 0.4s;
	-o-transition:max-height 0.4s;
	transition:max-height 0.4s
}
nav ul li{
	margin:4px 2px;
	padding:0;
	float:left;
	display:inline;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px
}
nav li.active,nav li:hover{
	background-color:yellow
}
nav a:link{
	display:inline-block;
	padding:4px 10px
}
nav a:hover,nav a:active{

}
#navpath{
	color:grey;
	padding: 0 0 0 1%;
}
aside{
	width:100%;
	max-width:1000px;
	clear:both;
	margin:auto
}
footer{
	left:0;
	right:0;
	width:100%;
	max-width:1000px;
	margin:0 auto;
	background-color:LightGrey
}
footer div{
	width:32.00%;
	padding:1% 0 1% 1%;
	margin:0;
	display:inline-table;
	overflow:hidden
}
footer h5{
	color:white;
	background-color:blue;
	padding:5px
}
footer ul{
	margin:0;
	padding-left:10px;
	list-style:none;
	width:100%
}
footer div#copy{
	width:100%;
	padding:3px 0;
	text-align:center;
	background-color:blue;
	color:white
}
#logo{
	width:40%;
	text-align:left
}
#logo img{
	width:100%;
	max-width:380px;
	height:auto
}
#account{
	width:11%;
	text-align:center
}
#account p{
	line-height:1.00;
	vertical-align:middle;
	display:inline-block;
	color:#fff
}
#basket{
	width:16%;
	text-align:center
}
#basket p{
	line-height:1.00;
	vertical-align:middle;
	display:inline-block;
	color:#fff
}
#search{
	width:11%;
	text-align:center
}
#lang{
	width:11%;
	text-align:right;
}
#menubar{
	width:100%;
	box-sizing:border-box;
	cursor:pointer;
	display:none;
	margin:8px 6px;
	color:#00D;
}
#placeholder{
	height:88px;
	width:100%;
	max-width:1000px;
}
#content{
	clear:both;
	margin:10px auto;
	width:100%;
	max-width:980px;
	line-height:1.5em;
}
#wrap{
	left:0;
	right:0;
	width:100%;
	max-width:1000px;
	position:fixed;
	top:55px;
	margin-left:auto;
	margin-right:auto;
	z-index:6;
}
#wrap li{
	padding:5px;
 	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
#wrap li:hover{
	background-color:#acf;
}
.pad15{
	padding:15px;
}
#mymws{
	display:none;
	position:relative;
	left:45%;
	width:20%;
	min-width:100px;
	background-color:#cef;
 	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border-color:blue;
	border:1px solid;
	text-align:left;
	overflow:hidden;
}
#mymws ul{
	list-style:none;
	padding:5px;
}
.search input[type="search"]{
	width:60%;
	display:inline-block;
	padding:7px 16px;
	border: 1px solid;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;

}
#searchbar{
	display:none;
	position:relative;
	left:20%;
	width:60%;
	padding:1%;
	background-color:#cceeff;
 	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border-color:blue;
	border:1px solid;
	text-align:center;
	overflow:hidden;
}
#searchbar input[type="search"]{
	width:60%;
}
#langs{
	display:none;
	position:relative;
	left:88%;
	width:11%;
	min-width:50px;
	background-color:#cceeff;
 	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-webkit-transition:max-height 0.4s;
	-ms-transition:max-height 0.4s;
	-moz-transition:max-height 0.4s;
	-o-transition:max-height 0.4s;
	transition:max-height 0.4s;
	border-color:blue;
	border:1px solid;
	text-align:center;
	overflow:hidden;
}
#langs ul{
	list-style:none;
	padding:5px
}
.wrapper{
	min-height:100%;
	margin:0 auto -190px;
	width:100%;
	max-width:1000px;
}
.push{
	height:190px;
}
#vehicles{
	position:fixed;
	left:0;
	right:0;
	width:100%;
	height:75px;
	background-color:LightGrey;
	clear:both;
	width:100%;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
#vehicles ul{
	list-style-type:none;
	margin:0 1%;
	padding:0;
	width:100%;
}
#vehicles ul li{
	display:inline;
	float:left;
	width:28%;
	padding:15px 1%;
}
#vehicles ul li:first-child{
	width:18%;
}
#vehicles ul li:last-child{
	width:48%;
}
#vehicles select{
	width:95%;
}
#parts{
	width:100%;
}
#parts #side{
	width:24%;
	max-width:235px;
}
#parts #grouplist,#parts #filter{
	width:100%;
	background:#ddd;
	background-color:rgba(192,192,192,0.7);
	font-weight:bold;
 	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	padding:1px;
}
#parts #filter{
	padding:5px;
	margin-bottom:10px;
}
#parts #filterq{
	width:100%;
}
#parts #side.fixed{
	position:fixed;
	top:175px;
}
#parts #grouplist ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#parts #grouplist li{
	margin:3px;
	padding:2px;
	list-style-position:inside;
	white-space:nowrap;
	overflow:hidden;
 	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
#parts #grouplist li.active{
	background-color:yellow;
}
#parts #grouplist li a{
	width:100%;
	display:block;
}
#partslist{
	float:right;
	width:75%;
}
#partslist table{
	border-collapse:collapse;
	width:100%;
}
#partslist td{
	padding:5px 2px;
 	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	vertical-align:top;
}
#partslist td:first-child{
	text-align:right;
}
#partslist td:first-child + td{
	width: 100%;
	word-break: break-word;
}
#partslist td.group{
	text-align:left;
	font-weight:bold;
	overflow:hidden;
	padding-left:5px;
}
#partslist td.sub{
	padding-top:20px;
}
#partslist td.top{
	background:#ddd;
	background-color:rgba(192,192,192,0.7);
}
#partslist td.group a{
	padding-top: 82px;
	margin-top: -82px;
}
#groups a{
	height:150px;
	width:235px;
	text-align:center;
	display:inline-block;
	background:center 20px no-repeat;
	margin:3px;
	vertical-align:middle;
	border:solid 1px transparent;
	padding-top:120px;
}
#groups a:hover{
	border:solid 1px lightgray;
}
span.title{
	display:block;
}
#products table{
	border-collapse:collapse;
	width:100%;
}
#products th{
	text-align:right;
	padding:1px;
}
#products th:first-child{
	text-align:left;
}
#products th div{
	padding:3px;
	background-color:#ddd;
	background-color:rgba(192,192,192,0.7);
}
#products td{
	padding:5px;
}
#products td:first-child{
	width:100%;
	word-break: break-word;
}
tr.top{
	background-color:#ddd;
	background-color:rgba(192,192,192,0.5);
	font-weight:bold;
}
tr.even{
	background-color:#eee;
	background-color:rgba(192,192,192,0.3);
}
tr.even:hover{
	background-color:yellow;
	background-color:rgba(255,255,0,0.8);
}
tr.odd:hover{
	background-color:yellow;
	background-color:rgba(255,255,0,0.8);
}
.order{
	width:100%;
}
.order th{
	text-align:left;
	padding:1px;
}
.order th div{
	padding:3px;
	background-color:#ddd;
	background-color:rgba(192,192,192,0.7);
}

.order td{
	padding:5px;
}
.order td:first-child,.partslist td:first-child{
	width:100%;
}
.cntr{
	text-align:center;
}
.cols{
	-webkit-columns:3 200px;
	-moz-columns:3 200px;
	columns:3 200px;
}
.cols ul{
	display:inline;
	list-style-type:none;
	border-collapse:collapse;
	border:none;
	padding:0;
	margin:0;
}
.editc:hover,.editb:hover{
	padding-right:20px;
	background:url(/img/edit.png) right top no-repeat;
	background-size:14px 14px;
	cursor:pointer;
}
.buy{
	vertical-align:middle;
}
.buy input{
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}
.buy input[type="text"]{
	display:inline-block;
	vertical-align:middle;
	width:30px;
	height:20px;
	padding:0;
	margin:0 1px;
	text-align:center;
}
.buy button, .remove input[type="image"]{
    display:inline-block;
    vertical-align:middle;
    height:20px;
    padding:0;
    margin:0;
    width:20px;
    border:0;
   line-height:normal !important;
   font-size:0;
}
.buy select{
	padding:0;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
   display:inline-block;
   vertical-align:middle;
   background-color:rgba(90,90,90,.1);
	outline:0;
	height:20px;
	margin:0 1px;
	font-size:9pt;
}
.buy input[type="image"]{
	padding:0;
	border:0;
	margin:0;
	display:inline-block;
	vertical-align:middle;
}
.buy img{
	vertical-align:middle;
	cursor:pointer;
}
.remove{
	vertical-align:bottom;
}
.remove img{
	vertical-align:middle;
	cursor:pointer;
}
.right{
	text-align:right;
}
.buttonbar{
	text-align:right;
	clear:both;
	padding-top:20px;
}
.buttonbar button{
	margin:4px;
}
#vat{
	clear:both;
	text-align:center;
	padding-top:40px;
	padding-bottom:10px;
}
.clear{
	clear:both;
}
.pad1p{
	padding:0.75%;
}
.vehiclesph{
	padding-top:75px;
}
.lh2{
	line-height:2.5em;
}
.red{
	background:red;
}
#contact>div{
	width:49%;
	padding:2% 1% 2% 2%;
	margin:0;
	display:inline-table;
	overflow:hidden;
}
#contact form{
	border:1px solid silver;
	padding:6px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
#contact input,#contact textarea{
	width:100%;
	margin:0 1% 5px 0;
	padding:10px;
}
#contact textarea{
	height:300px;
}
input.error{
	border:2px solid red;
}
textarea.error{
	border:2px solid red;
}
.infobox,.successbox,.errorbox,.warningbox{
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	font-weight:bold;
	padding:15px;
	text-align:center;
	margin:15px 5% 5px 5%;
	width:90%;
}
.infobox{
	border:solid 1px #059;
	color:#059;
	background:#bef;
}
.successbox{
	border:solid 1px #090;
	color:#090;
	background:#cec;
}
.errorbox{
	border:solid 1px #f00;
	color:#f00;
	background:#fdd;
}
.warningbox{
	border:solid 1px #b72;
	color:#b72;
	background:#fea;
}
.readmore{
	cursor:pointer;
	color:#00D;
}
.readmore:hover{
	text-decoration:underline;
}
@media only screen and (max-width:850px){
	nav ul li{
		font-size:12.5px;
	}
	nav a:link{
		padding:4px 8px;
	}
	.main-header{
		font-size:12.5px;
	}
}
@media only screen and (max-width:750px){
	nav ul li{
		font-size:12px;
	}
	nav a:link{
		padding:4px 3px;
	}
	.main-header{
		font-size:12px;
	}
}
@media only screen and (max-width:675px){
	nav ul{
		max-height:0;
	}
	.showmenu{
		max-height:20em;
	}
	nav ul li{
		width:100%;
		box-sizing: border-box;
		font-size:87.5%;
	}
	nav ul li a{
		width:100%;
	}
	#menubar{
		display:block;
	}
	#order p{
		display:none;
	}
	footer div{
		width:99%;
	}
	#parts #side{
		display:none;
	}
	#partslist{
		width:100%;
	}
	#products td:nth-child(2),#products td:nth-child(3),#products th:nth-child(2){
		display:none;
	}
	#searchbar{
		left:2%;
		width:94%;
		padding:1%;
		font-size:120%;
	}
	#searchbar input[type="text"]{
		width:55%;
	}
	#contact>div{
		width:99%;
	}
}
@media only screen and (max-width:600px){
	#partslist td:first-child + td{
		word-break: break-all;
	}
	#products td:first-child{
		word-break: break-all;
	}
}