body {
	font-size: 100%;
	background: url(../images/bg_body.gif) repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
	color: #032343;
}


/*-- typo --*/
a, accent {
	color: #f76300;
}
a:hover {
	color: #cf5300;
}
h3 {
	color: #f98437;
	font-size: 1.05em;
}
h4 a {
	color: #032343;
}
p {
	margin: 0px 0px 6px 0px;
}
strong, b {
	color: #1b4167;
	font-weight: bold;
}
.note {
	color: #9d9d9d;
}
input {
	background: #e9e9e9 url(../images/bg_input.gif) repeat-x top left;
	font-size: 1em;
}

textarea {
	background: #E9E9E9 url(../images/bg_input.gif) repeat-x left top;
}

/*-- end typo --*/

/*-- style --*/
.gradient_bluewave {
	line-height: 32px;
	color: #ffffff;
	padding: 0px 14px;
	font-weight: bold;
	background: url(../images/gradient_bluewave.jpg) no-repeat top left;
}

.gradient_bluewave a {
	color: white;
}

.gradient_greywave {
	background: white url(../images/gradient_greywave.gif) repeat-y top right;
	border: 1px solid #e8e8e8;
	padding: 5px 11px;
	margin: 0px 0px 8px 0px;
}

.gradientgrey {
	padding: 13px 11px;
	margin: 0px 0px 8px 0px;
	background: #e0e0e0 url(../images/bg_gradientgrey.gif) repeat-x top left;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.promobox {
	position: relative;
	background: url(../images/hr.gif) repeat-x bottom left;
	padding: 8px 0px 12px 0px;
}

.promocontent {
	padding: 0px 68px 0px 105px;
}

.promobox .prijs {
	position: absolute;
	bottom: 40px;
	right: 10px;
	font-weight: bold;
	font-size: 1.2em;
}

.promobox_small .prijs {
	position: relative;
	margin-top: 12px;
	font-size: 1.2em;
}

.promobox_small img {
	border: 1px solid #E8E8E8;
	background: white;
}

.promobox_small {
	position: relative;
	background: url(../images/hr.gif) repeat-x bottom left;
	padding: 8px 0px 12px 0px;
}

.promocontent_small {
	padding: 10px 0px 0px 58px;
}

.promobox .bestel {
	position: absolute;
	right: 8px;
	bottom: 15px;
}

.promobox_small .bestel {
	float: right;
	margin-top: 10px;
}

.noborder {
	background: none;
	border: none;
}

.contact1, .contact2 {
	padding: 128px 0px 0px 0px;
}
.contact1 {
	background: url(../images/thuiszetel.jpg) no-repeat top left;
}
.contact2 {
	background: url(../images/bijhuis.jpg) no-repeat top left;
}

.info {
	width: 210px;
}
.paddingbox_info {
	border: 1px solid #e8e8e8;
	padding: 5px 11px;
	margin: 0px 0px 8px 0px;
	background: #ededed;
}
.button_orange a {
	color: #ffffff;
}
.button_orange a:hover {
	color: #f8d9c5;
}
.btn_or_left {
	width: 9px;
	float: left;
	line-height: 21px;
	background: url(../images/btn_orange_left.png) no-repeat top right;
}
.btn_or_center {
	float: left;
	line-height: 21px;
	background: url(../images/btn_orange_repeat.png) repeat-x top left;
}
.btn_or_right {
	float: left;
	width: 9px;
	line-height: 21px;
	background: url(../images/btn_orange_right.png) no-repeat top left;
}

.button_blue a ,.button_blue .submit {
	color: #ffffff;
}
.button_blue a:hover, .button_blue .submit:hover {
	color: #cfe4f9;
	cursor: pointer;
}
.btn_bl_left {
	width: 9px;
	float: left;
	line-height: 21px;
	background: url(../images/btn_blue_left.png) no-repeat top right;
}
.btn_quantity {
	line-height: 21px;
	height: 21px;
	border: none;
	background: url(../images/btn_blue_repeat.png) repeat-x top left;
	color: white;
}

.btn_bl_center {
	float: left;
	line-height: 21px;
	height: 21px;
	border: none;
	background: url(../images/btn_blue_repeat.png) repeat-x top left;
}
.btn_bl_right {
	float: left;
	width: 9px;
	line-height: 21px;
	background: url(../images/btn_blue_right.png) no-repeat top left;
}
.button_grey a {
	color: #032343;
}
.button_grey a:hover {
	color: #135494;
}

.btn_gr_left {
	width: 9px;
	float: left;
	line-height: 21px;
	background: url(../images/btn_grey_left.png) no-repeat top right;
}
.btn_gr_center {
	float: left;
	line-height: 21px;
	height: 21px;
	border: none;
	background: url(../images/btn_grey_repeat.png) repeat-x top left;
}
.btn_gr_right {
	float: left;
	width: 9px;
	line-height: 21px;
	background: url(../images/btn_grey_right.png) no-repeat top left;
}
/*-- end style --*/

#header {
	position: relative;
	height: 230px;
	background: url(../images/bg_header.jpg) no-repeat top left;
}

	.logo {
		position: absolute;
		display: block;
		width: 122px;
		height: 123px;
		top: 64px;
		left: 56px;
	}
	
	#header h2{
		position: absolute;
		top: 85px;
		right: 295px;
		color: #ffffff;
		font-size: 1.825em;
		letter-spacing: -0.725px;
		font-weight: lighter;
		line-height: 1.3em;
		text-align: right;
		text-transform: uppercase;
		font-family: "Calibri", Trebuchet MS, Tahoma , Arial;
	}
	
	#header #login {
		position: absolute;
		right: 240px;
		top: 145px;
		padding: 15px;
		display: block;
		height: 45px;
		width: 420px;
	}
	
	#header #login_name,
	#header #login_password {
		float: left;
		margin-right: 10px;
		background: url(../images/input_login_bg.png) no-repeat top left;
		border: 1px solid #d4d0c8;
		border-width: 0 1px 1px 0;
		line-height: 1.8em;
		padding: 4px;
	}
	
	#header #login p,
	#header #login a,
	#header #login strong {
		color: #bacfe6;
	}
	
	#header #login strong {
		color: white;
	}
	
	#header #login a {
		text-decoration: underline;
	}
	
	#header #login p {
		margin: 10px;
		clear: both;
		text-align: right;
	}
	
	#header h2 .blue {
		color: #add2f7;
		font-size: 0.85em;
		letter-spacing: -0.05em;
	}
	
	#topnav ul {
		position: absolute;
		right: 235px;
		top: 41px;
		font-family: "Tahoma" , Arial, Helvetica, sans-serif;
	}
	
	#topnav ul li {
		float: left;
		padding: 0px 11px;
		border-right: 1px solid #d2d3d3;
	}
	
	#topnav ul li.noborder {
		border: none;
	}
	
	#topnav ul li a {
		color: #6b747e;
	}
	
	#topnav ul li a:hover {
		color: #135494;
	}
	#flashen {
		position: absolute;
		display: inline-block;
		right: 0px;
		top: 23px;	
	}

#container {
	font-size: 0.7em; /* 12px / 16 = 0.75em */
	line-height: 1.425em;
	margin: 0px auto;
	width: 902px;
}

#content {
	background: url(../images/bg_container.jpg) no-repeat top left;
	margin: 0px 0px 12px 0px;
}

#left {
	float: left;
	padding: 0px 0px 0px 10px;
	width: 212px;
}

	#mainnav {
		position: relative;
		margin: -32px 0px 10px 0px;
		border-top: 8px solid #1a4166;
	}
	
	#mainnav ul {
		border-top: 3px solid #f8f8f8;
		background: url(../images/bg_mainnav.gif) repeat-y top left;
	}
	
	#mainnav ul li {
		border-bottom: 1px solid #cacdd0;
		line-height: 30px;
		background: url(../images/bg_mainnav_li.gif) repeat-y top left;
		padding: 0px 16px;
	}
	
	#mainnav ul li.active {
		background: none;
	}
	
	#mainnav ul li a {
		color: #1b4167;
		font-weight: bold;
	}
	
	#mainnav ul li a:hover, #mainnav ul li a.selected {
		color: #538fca;
	}
	
	#mainnav ul li dl {
		margin: 0px 0px 13px 0px;
	}
	
	#mainnav ul li dl dd {
		line-height: 1.525em;
		padding: 0px 0px 0px 12px;
		background: url(../images/arrow_grey.gif) no-repeat 0px 7px;
	}
	
	#mainnav ul li dl dd a {
		font-weight: normal;
	}
	
	#mainnav ul li dl dd a:hover, #mainnav ul li dl dd a.selected {
		color: #f76300;
	}
	/*
	#login {
		border-top: 9px solid #f5f4f4;
		padding: 16px;
		background: #ebebeb url(../images/bg_login.gif) no-repeat top left;
	}
	
	#login form {
		margin: 13px 0px 0px 11px;
	}
	
	#login input {
		margin: 0px 0px 8px 0px;
		width: 116px;
	}
	
	#login input.submit {
		margin: 0px 0px 8px 0px;
		width: 46px;
	}
	*/
	.registreren {
		margin: 0px 0px 0px 10px;
	}

#right {
	float: right;
	padding: 0px 10px 0px 0px;
	width: 663px;
}

#preview_template #right {
	float: none;
}

	.leftcontent {
		width: 427px;
		float: left;
	}
	
	.rightcontent {
		float: right;
		width: 228px;
	}
	
	#welkom_zoek {
		height: 61px;
		background: url(../images/bg_welkom_zoek.gif) no-repeat top left;
		margin: 0px 0px 8px 0px;
	}
	
	#welkom_zoek h1 {
		padding: 0px 0px 0px 20px;
		line-height: 56px;
		font-size: 1.625em;
		letter-spacing: -0.725px;
		font-weight: lighter;
		font-family: Trebuchet MS, Tahoma , Arial;
	}
	
	#zoekform {
		margin: 14px 0px 0px 0px;
		padding: 0px 10px 0px 0px;
	}
	
	#highlight {
		margin: 0px 0px 8px 0px;
	}
	
	#logo {
		margin: 0px 0px 8px 0px;
	}

#footer {
	color: #8f8f8f;
	height: 133px;
	background: url(../images/bg_footer.gif) no-repeat top left;
	padding: 32px 32px 15px 32px;
}

#nav_footer {
	float: left;
	width: 450px;
	text-align: center;
	padding: 10px 0px 0px 0px;
}

#navi a {
	color: #8f8f8f;
	padding: 0px 8px;
	border-right: 1px solid #d4d4d4;
}

#navi a:hover {
	color: #135494;
}

#navi a.noborder {
	border: none;
}

#contact_thuis {
	float: left;
	width: 184px;
}

#contact_bijhuis {
	float: left;
	width: 200px;
}

p.padding {
	padding: 0px 10px;
}


div.filter {
    background: #e0e0e0 url(../images/bg_filter.gif) no-repeat left top;
    height: auto;
    margin: 0 0 8px;
    border-bottom: 8px solid #e9e9e9;
    padding: 10px 20px;
}

div.filter h4 {
	background: #1563ae url(../images/arrow_grey.gif) no-repeat 0 7px;
	padding-left: 12px;
	color: white;
	font-size: 1.1em;
}

div.filter form {
	margin: 10px 0;
}

#filter_button {
	margin-top: 14px;
	padding-right: 10px;
	float: right;
	width: auto;
}

div.filter .button_blue,
div.filter .button_grey {
	margin: 15px 15px 0 0;
}

div.category_header {
	border: 1px solid #E8E8E8;
	padding: 5px 11px;
	margin-bottom: 10px;
}

div.category_header .float_right {
	text-align: right;
}

div.filter_option {
	margin: 10px 10px 10px 0;
}

div.filter_label {
	font-weight: bold;
	float: left;
	width: 150px;
}

div.filter_widget {
	margin-left: 160px;
}

div.filter_widget select {
	width: 250px;
}


/* shoppingcart table */

table.shoppingcart
{
	width: 100%;
	border: 1px solid #e0e0e0;
	padding: 1px;
	margin: 5px 0;
}

table.shoppingcart td,
table.shoppingcart th {
	padding: 4px 6px;
	border-right: 1px solid white;
}

table.shoppingcart th {
	background: #e9e9e9;
	color: #1563ae;
	font-weight: bold;
}

table.shoppingcart .last {
	border-right: none;
}

table.shoppingcart td.total {
	width: 100px;
}

.cartpadding {
	margin: 10px;
	position: relative;
}

#shoppingcart_home,
#shoppingcart_side,
#shoppingcart_home,
.shoppingcart_side
{
	background: #dadada url(../images/shoppingcart_bg.jpg) no-repeat top right;
	margin-bottom: 8px;
}

#shoppingcart_side a,
.shoppingcart_side a {
	color: white;
}

#shoppingcart_side a:hover {
	color: #f5f4f4;
	text-decoration: underline;
}

#shoppingcart_home h4,
#shoppingcart_side h4,
.shoppingcart_side h4{
	color: white;
	line-height: 2.8em;
	margin: 0 10px;
}

#shoppingcart_home p {
	margin: 10px;
}

#shoppingcart_home .button_blue,
#shoppingcart_home .button_grey {
	margin: 10px;
}

#toggle_cart {
	color: #032343;
	padding-left: 15px;
	background: url(../images/grey_arrow.jpg) no-repeat center left;
}

#toggle_cart:hover {
	text-decoration: underline;
}

/* cart sidebar */

#cart_sidebar {
	background: #EBEBEB url(../images/bg_login.gif) no-repeat scroll left top;
	padding: 16px;
	border-top: 9px solid #F5F4F4;
	margin: 10px 0;
}

/* partner links */

#partners.gradient_greywave {
	padding: 10px 7px;
}

#partner_carosserie {
	background: url(../images/partner_carosserie.jpg) no-repeat top left;
	margin-bottom: 5px;
}

#partner_onderdelen {
	background: url(../images/partner_onderdelen.jpg) no-repeat top left;
	margin-bottom: 5px;
}

#partner_banden {
	background: url(../images/partner_banden.jpg) no-repeat top left;
}


#partner_carosserie,
#partner_onderdelen,
#partner_banden {
	display: block;
	height: 33px;
	width: 212px;
}

#partner_carosserie span,
#partner_onderdelen span,
#partner_banden span {
	font-weight: bold;
	line-height: 33px;
	color: white;
	padding-left: 10px;
}

#partner_carosserie:hover span,
#partner_onderdelen:hover span,
#partner_banden:hover span {
	color: #f5f4f4;
	text-decoration: underline;
}

/* Buttons */

.button_blue {
	margin-right: 10px;
}

.button_grey {
	margin: 0;
}

/* Messages */

.notice {
	color: #CF5300;
}

.confirm {
	border: 9px solid #6ca86c;
	padding: 10px;
	color: #517d51;
}

.error {
	border: 9px solid #9f2c2c;
	padding: 10px;
	color: #9f2c2c;
}


#central_content {
	border: 9px solid #F5F4F4;
	padding: 10px 20px;
}

#central_content ul {
	
}


#central_content p {
	margin: 15px 0;
}

#contactform p,
form.big p {
	margin: 15px 0;
}

#contactform strong,
form.big strong {
	display: block;
	float: left;
	width: 150px;
}

#contactform input,
#contactform textarea,
form.big input,
form.big textarea {
	width: 350px;
}

#contactform textarea,
form.big textarea {
	height: 160px;
}

#contactform div.controls,
form.big div.controls
{
	margin-left: 150px;
}

#contactform div.controls input,
form.big div.controls input {
	width: auto;
}


#central_content p.form_error {
	margin-left: 150px;
	color: red;
}

#central_content .inputerror {
	border: 2px solid #9F2C2C;
}

#central_content .subtile_error {
	color: red;
}