/* webshop.recordautoonderdelen.nl */
* {
	margin: 0;
}

.bidsColumn {
	/*font-family:'Coda', cursive;*/
	/* font-family: 'Droid Sans Mono', monospace; */
	padding-left: 5px !important;
	padding-right: 5px !important;
	height: 16px !important;
}

.amountColumn {
	height: 12px !important;
	padding: 1px !important;
}

.ui-sortable {
	height: auto !important;
}

.ui-th-div {
	height: 100% !important;
}

html {
	overflow-y: scroll;
	font-size: 100%;
}

html, body {
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	background-color: #fff;
	background-image: url('img/achtergrond.jpg');
	background-repeat: repeat-x;
}

div.wrapperframe {
	width: 984px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px;
	background-color: #ffffff;
}

div#wrapper {
	width: 984px;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
}

div#content {
	margin-left: auto;
	margin-right: auto;
	width: 976px;
}

div.push {
	height: 50px;
}
/* header*/
div.header {
	width: 976px;
	height: 150px;
	background-color: #ffffff;
}

div#bovenbalk {
	height: 143px;
	background-color: #ffffff;
	color: #000000;
}

ul a {
	text-decoration: none;
}

ul {
	list-style: none;
}

h1.top {
	float: left;
	margin: 22px 0 0 0;
	padding: 0 0 0 20px;
}

.logo {
	float: left;
	padding: 22px 0 0 19px;
	margin: 0px;
}

ul.contactgegevens_links {
	float: right;
	padding: 22px 0 0 0px;
	text-align: right;
	line-height: 135%;
	font-size: 10px;
}

#contactgegevens_streep {
	float: right;
	margin: 37px 20px 0 20px;
	background: url(img/contactgegevens_streep.jpg) no-repeat;
	width: 2px;
	height: 16px;
}

ul.contactgegevens_rechts {
	float: right;
	padding: 23px 25px 0 0;
	line-height: 135%;
	font-size: 10px;
}

span.afk {
	color: #C80000;
	padding: 0 2px 0 0;
}
/* menu bar */
ul#navigatie {
	float: left;
	margin-top: 14px;
	padding: 0px;
	width: 984px;
	height: 38px;
	background: url(img/menu_bg.jpg);
	repeat: repeat-x;
}

ul#navigatie li {
	float: left;
	display: inline;
	border: none;
	outline: none;
}

ul#navigatie li.menubuttons a:link, ul#navigatie li.onderdelen a:visited {
	padding-left: 20px;
	padding-right: 20px;
	height: 38px;
	display: block;
	color: #fff;
	text-align: center;
}

ul#navigatie li.menubuttons a:hover {
	background: url(img/menu_rollover_bt.jpg);
	repeat: repeat-x;
	color: #fff;
}

.menubuttonstext {
	color: #fff;
	padding-top: 10px;
	font-size: 10px;
	font-weight: bold;
	font-family: verdana;
	float: left;
}

.menu_separator {
	background: url('img/menu_separator.jpg');
	repeat: no-repeat;
	width: 13px;
	float: left;
}
/* divers */
div.clear {
	clear: both;
	height: 10px;
}

img {
	border-color: transparent;
	border-style: none;
}

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
/* buttons */
.button {
	padding: 0.6em;
	font-size: 10pt;
}
/* login form */
div#login_placeholder {
	height: 50px;
}

div#loginform {
	margin-left: auto;
	margin-right: auto;
	width: 300px;
}

.input_username, .input_password {
	width: 130px;
}

.input_submit {
	width: 135px;
	cursor: pointer;
}
/* pageheader: space between menu bar and content */
div#pageheader {
	height: 40px;
}

table#ph {
	width: 944px;
	font-size: 11pt;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
}

td#ph1 {
	text-align: left;
	width: 30%;
}

td#ph2 {
	text-align: center;
	color: #0095da;
	;	width: 40%;
}

td#ph3 {
	text-align: right;
	width: 30%;
	color: grey;
	font-weight: normal;
}
/* error message */
div#alertMsg {
	text-align: center;
	padding: 0.7em 1em;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}
/* message bar onder order afhandeling*/
div#messageBarBottom {
}

#filaalLabel {
	font-weight: bold;
}

#verzendLabel {
	font-weight: bold;
}

#referentieLabel {
	font-weight: bold;
}
/* order history */
div#orderhistory {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

table.orderhistory_header td.omschrijving, table.orderhistory_footer td.omschrijving {
	width: 175px;
}

table.orderhistory_header td.value, table.orderhistory_footer td.value {
	width: 550px;
}

table.orderhistory_zoekresultaten {
	table-layout: fixed;
	color: #000000;
	width: 810px;
	font-size: 10pt;
	font-weight: normal;
	border-collapse: collapse;
	border: 1px;
}

table.orderhistory_zoekresultaten thead {
	background-color: #BFBFBF;
	vertical-align: top;
	text-align: left;
}

table.orderhistory_zoekresultaten th, table.orderhistory_zoekresultaten td {
	border: 1px solid #000000;
	padding-left: 5px;
	padding-right: 5px;
}

thead a:link,thead a:visited,thead a, thead, th {
	color: #000;
	text-decoration: none;
}

thead a:hover {
	color: red;
	text-decoration: none;
}

th.merk,td.merk {
	width: 90px;
	text-align: left;
}

th.maatcode,td.maatcode {
	width: 70px;
	text-align: left;
}

th.type,td.type {
	width: 120px;
	text-align: left;
}

th.li {
	width: 35px;
	text-align: left;
}

td.li {
	width: 35px;
	text-align: center;
}

th.si {
	width: 35px;
	text-align: left;
}

td.si {
	width: 35px;
	text-align: center;
}

th.ekeur {
	width: 45px;
	text-align: left;
}

td.ekeur {
	width: 45px;
	text-align: center;
}

th.bruto {
	width: 60px;
	text-align: left;
}

td.bruto {
	width: 60px;
	text-align: right;
}

th.netto {
	width: 60px;
	text-align: left;
}

td.netto {
	width: 60px;
	text-align: right;
}

th.korting {
	width: 55px;
	text-align: left;
}

td.korting {
	width: 55px;
	text-align: right;
}

th.aantal {
	width: 60px;
	text-align: left;
}

td.aantal {
	width: 60px;
	text-align: center;
}

table tr.even {
	background-color: #FFFFFF;
	border: 1px solid #696969;
	height: 25px;
}

table tr.oneven {
	background-color: #DADADA;
	border: 1px solid #696969;
	height: 25px;
}

table tr.even:hover, table tr.oneven:hover {
	background-color: #d52d3e;
	color: #FFFFFF;
}
/* grid seetings */
div#totalgrid {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
}

div#gbox_items {
	font-size: 11pt;
}

div.resetProfile {
	color: #757575;
}

div#pg_pager {
	font-size: 10pt;
}

.ui-jqgrid .ui-jqgrid-htable th div, .ui-jqgrid-sortable {
	height: auto;
	overflow: hidden;
	white-space: normal !important;
}

.spinner,
.ui-jqgrid .loading {
	display: none;
	width: 50px;
	height: 50px;
	position: fixed;
	top: 50%;
	left: 50%;
	background: url('/images/layout/3D spinning wheel.gif') no-repeat #ffffff;
	background-position: center center;
	border: 2px solid #666666;
	border-radius: 15px;
	-moz-border-radius: 15px;
	opacity: 1;
	filter: alpha(opacity=95);
	z-index: 999;
	overflow: auto;
}

.ui-jqgrid .loading {
	color: #fff;
	overflow: hidden;
}

input.aantal {
	width: 40px;
	text-align: right;
}

div.camIcon {
	background: url('/images/layout/camera.png') center center no-repeat;
	background-size: contain;
	padding: 0px;
	margin: 0px;
	height: 16px;
	width: 20px;
}

div.energyIcon {
	background: url('/images/layout/energy.png') center center no-repeat;
	background-size: contain;
	padding: 0px;
	margin: 0px;
	height: 16px;
	width: 20px;
}

div.blankIcon {
	padding: 0px;
	margin: 0px;
	height: 16px;
	width: 20px;
}

div.printIcon {
	background: url('/images/layout/print.jpg') center center no-repeat;
	background-size: contain;
	padding: 0px;
	margin: 0px;
	height: 16px;
	width: 20px;
}

div.saveIcon {
	background: url('/images/layout/save.png') center center no-repeat;
	background-size: contain;
	padding: 0px;
	margin: 0px;
	height: 16px;
	width: 20px;
}

div.icon {
	float: left;
	margin-left: 5px;
}
/* footer */
div#helpcontent {
	width: 900px;
	margin-left: 20px;
}