/**
 * Layout.css - Global styles
 * 
 * @author  Webstores <info at webstores dot nl>
 *          Copyright (c) Webstores internet totaalbureau <http://www.webstores.nl/>
 */

/* General */

body {
	margin: 0;
	padding: 0;
	background: white url(../img/body-bg.png) repeat-x;
	font: 11px Arial, Helvetica, sans-serif;
	color: #595959;
}

a {
	color: #E1630C;
}

a:hover {
	color: black;
}

blockquote {
	margin: 10px 30px;
}

h1, h2, h3, h4, h5, h6 {
	color: black;
}

h1 {
	margin: 0 0 10px;
	font-size: 24px;
}

h2 {
	margin: 0 0 8px;
	font-size: 18px;
}

h3 {
	margin: 0 0 6px;
	font-size: 16px;
}

h4 {
	margin: 0 0 4px;
	font-size: 14px;
}

h5, h6 {
	margin: 0 0 2px;
	font-size: 12px;
}

img {
	border: 0;
}

ol, ul {
	margin: 0 0 20px;
	padding: 0 0 0 30px;
	line-height: 150%;
}

p {
	margin: 0 0 20px;
	line-height: 150%;
}


/* Table styles */

table {
	margin: 10px 0 20px;
	width: 100%;
}

td {
	padding: 8px;
	border-bottom: 1px solid #DDD;
}

th, thead td {
	padding: 8px;
	background-color: #DDD;
	border-bottom: 1px solid #9E9E9E;
	font-weight: bold;
	text-align: left;
}


/* Form styles */

form ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

form li {
	margin: 0 0 10px;
}

form li.indent {
	padding-left: 150px;
}

form li.last {
	margin: 0;
}

fieldset {
	margin: 0 0 20px;
	padding: 0;
	border: 0;
}

legend {
	display: none;
}

input.text {
	margin-right: 2px;
	padding: 4px;
	border: 1px solid #CCC;
	font: 11px Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

input.extra-small {
	width: 40px;
}

input.small {
	width: 60px;
}

input.medium {
	width: 125px;
}

input.large {
	width: 200px;
}

input.extra-large {
	width: 275px;
}

input.focus {
	color: #333 !important;
}

input.wsv-error,
textarea.wsv-error {
	border-color: #CC0000;
}

label.indent {
	display: -moz-inline-box;
	display: inline-block;
	width: 150px;
}

textarea {
	padding: 4px;
	width: 275px;
	height: 150px;
	border: 1px solid #CCC;
	font: 11px Arial, Helvetica, sans-serif;
	vertical-align: top;
}


/**
 * LAYOUT ELEMENTS
 * ----------------------------------------
 */

#shadow-wrapper {
	margin: 0 auto;
	padding: 0 10px;
	width: 970px;
	background: url(../img/shadow-wrapper-bg.png) no-repeat 0 150px;
}

#wrapper {
	padding: 0 10px;
	width: 950px;
	background-color: white;
}

#header {
	position: relative;
	height: 110px;
	background: url(../img/header-bg.png) no-repeat 240px 0;
	z-index: 5;
}

#main {
	padding-top: 40px;
	width: 100%;
	background: url(../img/main-bg.gif) no-repeat;
}

#sidebar {
	padding-right: 10px;
	width: 230px;
	background-color: white;
}

#content {
	padding: 20px 10px 0;
	width: 450px;
	background-color: white;
}

#content-span {
	padding: 0;
	width: 710px;
	background: #FFF;
}

#content-full {
	width: 950px;
}

#mediabar {
	padding: 130px 0 0 10px;	
	width: 230px;
	height: auto !important;
	height: 330px;
	min-height: 330px;
	background: white url(../img/mediabar-bg.gif) no-repeat;
}

#footer {
	padding: 0 0 0 15px;
	height: 60px;
	background-color: black;
	color: #666;
}

.column {
	float: left;
}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/**
 * GENERAL CLASSES
 * ----------------------------------------
 */

.accent {
	color: #999;
}

.intro {
	font-size: 14px;
	color: #999;
}

.date {
	font-weight: bold;
	color: #999;
}

.hidden {
	visibility: hidden;
}


/* Overviews */

.overview .block {
	float: left;
	margin: 0 5px 5px -5px;
}

.overview .last {
	margin: 0 -5px 5px -5px;
}

* html .overview .block {
	display: inline;
}


/* Blocks */

.block {
	margin: 0 -5px 5px;
	padding: 0 5px 15px;
	width: 230px;
	height: auto !important;
	height: 240px;
	min-height: 240px;
	background: url(../img/block-sprite.gif) no-repeat 100% 100%;
}

* html .block {
	position: relative;
}

.block-header {
	margin: -5px -5px 0;
	padding: 20px 15px 10px;
	height: 21px;
	background: url(../img/block-sprite.gif) no-repeat 0 0;
}

.block-header h2 {
	float: left;
}

.block-header .more-icon {
	float: right;
	padding-right: 8px;
	background-position: 100% -680px;
	font-size: 10px;
	font-weight: bold;
	text-transform: lowercase;
	color: #666;
}

.block-header .more-icon:hover {
	background-position: 100% -720px;
	color: black;
}

.block .inner {
	margin: 0 -5px;
	padding: 10px 15px 0;
	width: 210px;
	background: url(../img/block-sprite.gif) repeat-y -240px 0;
}

.block .thumb {
	margin-bottom: 10px;
	width: 210px;
	height: 100px;
}

.block h3 {
	font-size: 14px;
}

.block h3 a {
	text-decoration: none;
	color: black;
}

.block h3 a:hover {
	color: #E1630C;
}

.block p {
	margin: 0;
}


/* Icons */

.icon {
	display: inline-block;
	padding-left: 24px;
	background: url(../img/icon-sprite.png) no-repeat;
	text-decoration: none;
	line-height: 20px;
}

.more-icon {
	padding: 0 12px 0 0;
	background-position: 100% -480px;
}

.login-icon { background-position: 0 -1240px; }

.mail-icon { background-position: 0 -1280px; }
.download-icon { background-position: 0 -1320px; }
.dealer-icon { background-position: 0 -1360px; }

.vooras-icon { background-position: 0 -1400px; }
.trekas-icon { background-position: 0 -1440px; }
.trailer-icon { background-position: 0 -1480px; }
.dieplader-icon { background-position: 0 -1520px; }


/* Thumbnails */

.thumb {
	display: block;
}

.thumb img {
	display: block;
}

.zoom {
	position: absolute;
	display: block;
	bottom: 5px ;
	right: 5px;
	width: 30px;
	height: 30px;
	background: url(../img/zoom-sprite.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

a:hover .zoom {
	background-position: 0 -30px;
}


/* Toolbars */

.toolbar {
	padding: 10px 0;
	width: 100%;
	height: 30px;
	border-top: 1px solid #DADADA;
	overflow: hidden;
}

/*#content .toolbar {
	margin: 0 -10px;
	padding: 10px;
	width: 450px;
}*/

.toolbar .button {
	float: left;
	margin-right: 10px;
}

.button-group {
	float: right;
}

.button-group .button {
	margin: 0 0 0 10px;
}


/* Buttons */

.button {
	display: inline-block;
	margin: 0;
	padding: 0 0 0 10px;
	height: 30px;
	background: url(../img/button-sprite.png) no-repeat;
	border: 0;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	overflow: visible;
	cursor: pointer;
	color: black;
}

.button .button-inner {
	position: relative;
	display: block;
	padding: 0 25px 0 0;
	width: auto !important;
	width: 20px;
	min-width: 20px;
	background: white url(../img/button-sprite.png) no-repeat 100% 0;
	line-height: 30px;
	white-space: nowrap;
}

button.button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	button span {
		margin-top: -1px;
		margin-right: -3px;
	}
}


.button:hover {
	background-position: 0 -30px;
}

.button:hover .button-inner {
	background-position: 100% -30px;
}


/* Accordions */

.accordion {
	margin: 0 0 10px;
	width: 100%;
}

.ui-accordion-header {
	display: block;
	padding: 10px;
	border-bottom: 1px solid #DEDEDE;
	text-decoration: none;
	outline: none;
	color: #333;
}

.accordion .ui-state-active {
	padding: 25px 10px 10px;
	background: url(../img/shadow-top-bg.gif) repeat-x 0 5px;
	font-size: 16px;
	font-weight: bold;
	color: black;
}

.ui-accordion-content {
	overflow: hidden;
}

.ui-accordion-content .inner {
	padding: 10px 10px 20px;
	background: url(../img/shadow-bottom-bg.gif) repeat-x 0 100%;
	overflow: hidden;
}

.ui-accordion-content p {
	margin: 0 0 10px;
}


/**
 * HEADER ELEMENTS
 * ----------------------------------------
 */

#language-wrap {
	margin: 0 -10px;
	height: 40px;
	width: 970px;
	background: black url(../img/language-wrap-bg.jpg) no-repeat 150px 0;
}

#language-wrap .languages {
	float: right;
}


/* Language flags */

.languages {
	margin: 0;
	padding: 14px 0 0;
	list-style: none;
	line-height: 12px;
}

.languages li {
	position: relative;
	float: left;
	margin-left: 10px;
}

.languages .selected {
	margin: -4px -4px -4px 6px;
	padding: 3px;
	border: 1px solid #333;
}

.languages a {
	display: block;
}

.languages img {
	display: block;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

.languages a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.languages .selected a img,
.languages .selected a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}


/* Logo */

#logo {
	display: block;
	float: left;
	margin-right: 10px;
	width: 230px;
	height: 110px;
}

#logo img {
	display: block;
}


/* Header inner */

#header .inner {
	position: relative;
	float: left;
	padding-bottom: 40px;
	width: 710px;
	height: 70px;
}


/* Login */

#login {
	float: right;
	padding: 10px 10px 10px 50px;
	width: 210px;
	height: 20px;
}

#login a {
	font-size: 12px;
	font-weight: bold;
	color: black;
}


/**
 * CONTENT ELEMENTS
 * ----------------------------------------
 */

#visual {
	padding: 10px 10px 10px 0;
	width: 940px;
	height: 310px;
	background: black url(../img/main-bg.gif) no-repeat 100% 0;
	overflow: hidden;
}


/* Homepage player */

#visual-player-wrap {
	float: left;
	margin-right: 10px;
	width: 470px;
	height: 310px;
	background: url(../img/home-player-wrap-bg.png) no-repeat;
}

#visual-player-placeholder {
	width: 100%;
	height: 270px;
	border-bottom: 1px solid #666;
}

#visual-player {
	display: block;
	width: 100%;
	height: 100%;
}

#visual .player-controls {
	padding: 9px 10px 10px 10px;
	width: 450px;
	height: 20px;
}

#visual .player-control {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	background: url(../img/icon-sprite.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}

#visual-player-duration {
	float: left;
	margin: 4px 10px;
	width: 388px;
	height: 10px;
	background: url(../img/player-duration-sprite.gif) repeat-x;
	border: 1px solid white;
	overflow: hidden;
}

#visual-player-elapsed {
	height: 10px;
	background: url(../img/player-duration-sprite.gif) repeat-x 0 -10px;
	font-size: 10px;
}

#visual  #visual-player-play { background-position: 0 -760px; }
#visual  #visual-player-play:hover { background-position: 0 -800px; }
#visual .paused #visual-player-play { background-position: -7px -160px; }
#visual .paused #visual-player-play:hover { background-position: -7px 0; }

#visual  #visual-player-mute { background-position: 0 -840px; }
#visual  #visual-player-mute:hover { background-position: 0 -880px; }
#visual .muted #visual-player-mute { background-position: 0 -920px; }
#visual .muted #visual-player-mute:hover { background-position: 0 -960px; }


/* Visual intro */

#visual-intro {
	float: left;
	padding: 25px 5px 10px;
	width: 210px;
}

#visual-intro h1 {
	font-size: 28px;
	color: white;
}

#visual-intro .intro {
	font-size: 16px;
	font-weight: bold;
	color: #999;
}

#visual-intro p {
	margin: 0 0 10px;
	font-size: 12px;
	color: #7E7E7E;
}

#visual-intro .button { background-position: 0 -60px; color: white; }
#visual-intro .button-inner { background-color: black; background-position: 100% -60px; }
#visual-intro .button:hover { background-position: 0 -90px; }
#visual-intro .button:hover .button-inner { background-position: 100% -90px; }


/* Home search */

#home-search {
	position: relative;
	margin: 0 0 10px;
	padding: 10px 10px 0 20px;
	width: 920px;
	height: 160px;
	background: #FFCB00 url(../img/home-search-sprite.gif) no-repeat 890px -40px;
}

#home-search h2 {
	position: absolute;
	margin: 0;
	padding: 10px 10px 0 20px;
	top: -85px;
	left: 0;
	height: 40px;
	width: 200px;
	background: #FFCB00 url(../img/search-header-bg.gif) no-repeat 180px 100%;
	font-size: 24px;
	line-height: 20px;
	overflow: hidden;
}

#home-search h2 span {
	display: block;
	font-size: 14px;
}

#home-search .tab-list {
	position: absolute;
	padding: 5px 10px 0 20px;
	margin: 0;
	top: -35px;
	left: 0;
	width: 200px;
	height: 40px;
	list-style: none;
	background: #FFCB00;	
}

#home-search .tab-list li {
	float: left;
}

#home-search .tab-list li a {
	display: block;
	outline: 0;
	padding: 0 35px 0 10px;
	margin: 5px 0 0 0;
	height: 35px;
	line-height: 35px;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	background: #5C5C5C url(../img/button-sprite.png) no-repeat 100% -495px;
	color: #FFF;
}

#home-search .tab-list li.ui-tabs-selected a {
	border-top: 5px solid #000;
	padding: 0 35px 0 10px;
	margin: 0;
	background-position: 100% -460px;
	color: #000;
}

#home-search .tab-list li a:hover {
	color: #BBB;
}


/* Home search form */

#home-search-form {
	display: inline;
	float: left;
	margin: 0 10px 0 -20px;
	padding-left: 20px;
	width: 210px;
	height: 160px;
	background: url(../img/home-search-sprite.gif) no-repeat 0 120px;
	overflow: hidden;
}

#home-search-form li {
	margin: 0 0 1px;
	padding: 4px;
	background-color: #FFE066;
}

#home-search-form .last {
	margin: 0;
	padding: 5px 0 0;
	background: none;
	overflow: hidden;
}

#home-search-form input {
	vertical-align: middle;
}

#home-search-form label {
	color: black;
}

#home-search-form .button { float: right; background-position: 0 -120px; }
#home-search-form .button-inner { background-color: #FFCB00; background-position: 100% -120px; color: white; }
#home-search-form .button:hover { background-position: 0 -150px; }
#home-search-form .button:hover .button-inner { background-position: 100% -150px; }


/* Home search results */

.home-search-results {
	float: left;
	margin-right: 10px;
	width: 590px;
	height: 150px;
	overflow: auto;
}

.home-search-results .inner {
	width: 9999px;
	height: 120px;
}

.home-search-results .thumb {
	display: block;
	float: left;
	margin-right: 10px;
	width: 110px;
	height: 120px;
	text-decoration: none;
	cursor: pointer;
	color: black;
}

.home-search-results .thumb {
	width: 110px;
	height: 90px;
}

.home-search-results p {
	margin: 0;
	padding: 5px 10px;
	width: 90px;
	height: 20px;
	background-color: #FFE066;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
}

.home-search-results .thumb:hover p {
	background-color: black;
	color: white;
}


/* Home search links */

.home-search-links {
	float: left;
	margin: 0 -10px 0 0;
	padding: 0;
	width: 110px;
	height: 150px;
	list-style: none;
}

.results-link {
	display: block;
	margin-bottom: 10px;
	padding: 10px;
	width: 90px;
	height: 100px;
	background-color: black;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: white;
}

.results-link:hover{
	color: #ccc;
}

.result-count {
	display: block;
	font-size: 40px;
	line-height: 120%;
}

.home-search-links .icon {
	display: block;
	margin-right: 10px;
	padding-right: 8px;
	background-position: 100% -721px;
	font-weight: bold;
	text-align: right;
	text-transform: lowercase;
	color: black;
}

/* Home em info */

#em-info-wrap {
	float: left;
	padding: 0 0 0 20px;
	margin: 0 10px 0 -20px;
	width: 210px;
	height: 160px;
	background: url(../img/home-search-sprite.gif) no-repeat 0 120px;
}

#em-info {	
	padding: 10px;	
	width: 190px;
	height: 100px;
	background: #FFE066;
}

#em-info h3 {
	font-size: 12px;
}

#em-info p {
	color: #000;
}

/* Products */

#display-type {
	position: absolute;
	top: -25px;
	margin: 0;
	padding: 0;
	right: 20px;
	height: 10px;
}

#display-type li {
	float: left;
	display: inline-block;
	margin: 0 0 0 7px;
	padding: 0 0 0 7px;
	height: 10px;
	border-left: 1px solid #404040;
	line-height: 10px;
}

#display-type li a {
	height: 15px;
	line-height: 10px;
	color: #666;
}

#display-type li a.display-photo {
	background-position: 0 -1005px;
}

#display-type li a.display-list {
	background-position: 0 -1085px;
}

#display-type li a.display-map {
	background-position: 0 -1165px;
}

#display-type li a.display-photo:hover,
#display-type li a.display-photo.selected {
	background-position: 0 -1045px;
	color: #FFF;
}

#display-type li a.display-list:hover,
#display-type li a.display-list.selected {
	background-position: 0 -1125px;
	color: #FFF;
}

#display-type li a.display-map:hover,
#display-type li a.display-map.selected {
	background-position: 0 -1205px;
	color: #FFF;
}

#search {
	position: relative;	
	margin: 0 0 20px 0;
	width: 230px;
	background: #FFCB00 url(../img/product-search-bg.png) no-repeat;
	z-index: 5;
}

#search h2 {
	padding: 25px 10px 0 20px;
	width: 200px;
	height: 40px;	
	background: url(../img/search-header-bg.gif) no-repeat 180px 100%;
	font-size: 24px;
	line-height: 20px;
	overflow: hidden;
}

#search h2 span {
	display: block;
	font-size: 14px;
}

#search .tab-list {
	margin: 0;
	padding: 5px 10px 0 20px;
	width: 200px;
	height: 40px;
	list-style: none;	
}

#search .tab-list li {
	float: left;
	background: #FFCB00;
	padding: 2px 0 0 0;
}

#search .tab-list li a {
	display: block;
	outline: 0;
	padding: 0 30px 0 10px;
	margin: 5px 0 0 0;
	height: 35px;
	line-height: 30px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;	
	background: #5C5C5C url(../img/button-sprite.png) no-repeat 100% -497px;
	color: #FFF;
}

#search .tab-list li.ui-tabs-selected a {
	border-top: 5px solid #000;
	padding: 0 30px 0 10px;
	margin: 0;
	background-position: 100% -462px;
	color: #000;
}

#search .tab-list li a:hover {
	color: #BBB;
}

#search ul {
	float: left;
	width: 210px;
	margin: 0 0 40px 20px;
}

#search li {
	background: #FFE066;
	margin: 0;
	padding: 5px 7px 5px 7px;
	overflow: hidden;
}

#search form {
	background: url(../img/search-body-bg.png) no-repeat bottom;
	padding: 0 0 40px 0;
	margin: 0;
}

#search form label {
	font-weight: bold;
	color: #000;
}

#search form select {
	width: 196px;
	border: 1px solid #999;
	font-size: 11px;
	color: #666;
}

#search form .text {
	padding: 1px 2px 1px 2px;
	width: 190px;
	border: 1px solid #999;
	font-size: 11px;
	color: #666;
}

#search .button { float: right; background-position: 0 -120px; }
#search .button-inner { background-color: #FFE066; background-position: 100% -120px; color: white; }
#search .button:hover { background-position: 0 -150px; }
#search .button:hover .button-inner { background-position: 100% -150px; }

.overview-row {
	float: left;
}

.product {
	float: left;
	background-position: -240px 0;
	background-repeat: repeat-y;
	margin-right: 5px;
	padding: 0 5px 0 5px;
}

.product .thumb {	
	width: 230px;
	height: 120px;
	margin: 0;
}

.product .block-header {
	overflow: hidden;
	height: auto;
	padding: 5px 5px 0 5px;
}

.product h2 {
	overflow: hidden;
	background: #FFCB00 url(../img/home-search-sprite.gif) 0 -120px no-repeat;
	width: 220px;
	height: 40px;
	padding: 0 0 0 10px;
	font-size: 15px;
	line-height: 40px;
}

.product .icon {
	background: #FF9300 url(../img/icon-sprite.png) no-repeat 0 0;
	float: right;
	display: block;	
	width: 34px;
	height: 40px;
	padding: 0;
	text-indent: -99999px;
}

.product .vooras-icon {
	background-position: 8px -1390px;
}

.product .trekas-icon {
	background-position: 8px -1430px;
}

.product .trailer-icon {
	background-position: 8px -1470px;
}

.product .dieplader-icon {
	background-position: 8px -1510px;
}

.product .inner {
	background: url(../img/block-sprite.gif) no-repeat 100% 100%;
	padding: 0 15px 10px 15px;
}

.product .details{
	height:66px;
	overflow: hidden;	
}

.product ul {
	margin: 0;
	padding: 0 0 0 15px;
	list-style: square;
	color: #333;
}

.product li {
	line-height: 120%;
}

.product .toolbar {
	width: 220px;
	margin: 5px 0 0 -5px;
	padding: 0;
	border: 0;
	list-style: none;
}

.product .toolbar li {
	float: left;
}

.product .toolbar .informatie {
	margin: 0 5px 0 0;	
}

.product .toolbar .button {
	background-position: 0 -280px;
}

.product .toolbar .button .button-inner {
	background-position: 100% -280px;
}

.product .toolbar .button:hover {
	background-position: 0 -310px;
}

.product .toolbar .button:hover .button-inner {
	background-position: 100% -310px;
}

.product .bestellen {
	width: 80px;
	margin: 0;
}

#pagination {
	float: left;
	margin: 20px 0 20px 0;
	padding: 0 10px 0 0;
	width: 710px;
	height: 30px;
}

#pagination ul {
	float: left;
	margin: 0 auto;
	padding: 0;
	width: 465px;
	list-style: none;
	text-align: center;
}

#pagination ul li {
	display: inline;
}

#pagination ul li a {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #999;
	text-decoration: none;
	background: url(../img/pagination-button-sprite.png) no-repeat;
}

#pagination ul li.selected a,
#pagination ul li a:hover {
	color: #000;
	background-position: 0 -30px;
	
}

#pagination #prev {
	float: left;
	padding: 0 10px 0 0;
	background-position: 100% -340px;
}

#pagination #prev .button-inner {
	padding: 0 0 0 25px;
	background-position: 0 -340px;
}

#pagination #prev:hover {
	background-position: 100% -370px;
}

#pagination #prev:hover .button-inner {
	background-position: 0 -370px;
}

#pagination #next {
	float: right;
}


/* Product detail */

#section-productdetail #sidebar .block {
	padding: 5px 5px 5px 5px;
	margin: 5px -5px 0 -5px;
	height: 300px !important;
}

#section-productdetail #sidebar .block .inner {
	padding: 0 5px 0 5px;
	width: 230px;
	height: 255px;
	list-style: none;
	overflow: hidden;
}

#section-productdetail #sidebar .block .inner li a {
	display: block;
	border-bottom: 1px solid #E5E5E5;
	height: 50px;	
	text-decoration: none;
	background: url(../img/icon-sprite.png) no-repeat 95% -465px;
}

#section-productdetail #sidebar .block .inner li a img {
	float: left;
	margin: 5px;
	border: 1px solid #E5E5E5;
	width: 38px;
	height: 38px;	
}

#section-productdetail #sidebar .block .inner li a .brand-name {
	float: left;
	padding: 7px 0 0 5px;
	width: 175px;
	font-weight: bold;
	color: #6C6C6D;	
}

#section-productdetail #sidebar .block .inner li a .product-name {
	float: left;
	padding: 3px 0 0 5px;
	width: 175px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

#section-productdetail #sidebar .block .inner li a:hover {
	background-position: 95% -305px;
}

#section-productdetail #sidebar .block .inner li a:hover .product-name {
	color: #666;
}

#product-thumb {
	float: left;
	width: 480px;
	height: 300px;
}

#product-thumb .jqzoom {
	border-right: 1px solid #CDCDCD;
}

#product-thumb img {
	height: 300px;
	width: 240px;
}

#product-details {
	float: left;
	padding: 0 10px 0 10px;
	width: 210px;
	height: 300px;
	background: #FFCB00 url(../img/home-search-sprite.gif) 150px -100px no-repeat;
	color: #000;
}

#product-details-inner {
	height: 83px;
	overflow: hidden;
}

#product-details h3 {
	margin: 20px 0 10px 0;
	font-size: 14px;
}

#product-details ul {
	margin: 0;
	padding: 0 0 0 20px;
	list-style: square;
	color: #000;
}

#product-details .suitable-for {
	margin: 0 0 0 -10px;
	padding: 0;
	list-style: none;
}

#product-details .suitable-for li {
	margin: 0 0 1px 0;
	padding: 0 0 0 10px;
	width: 220px;
	height: 30px;
	line-height: 30px;
	background-color: #FFE066;
}

#product-details .suitable-for .icon {
	font-weight: bold;
}

#lower-content {
	width: 960px;
	overflow: hidden;
}

#lower-content .actionbar {
	padding: 0;
	margin: 0 0 15px -4px;
	border: 0;
	height: 52px;
	list-style: none;
}

#lower-content .actionbar li {
	float: left;
	padding: 6px;
	margin: 0 0 0 -2px;
	width: 230px;
	height: 40px;
	background: url(../img/action-button.png) no-repeat;
}

#lower-content .actionbar li a {
	display: block;
	width: 230px;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	color: #000;
	text-decoration: none;	
	background: url(../img/icon-sprite.png) no-repeat 95% -470px;
}

#lower-content .actionbar li a:hover {
	color: #666;
	background-position: 95% -310px;
}

#lower-content .actionbar li a .icon-wrap {
	float: left;
	padding: 7px 0 0 9px;
	margin: 0 10px 0 0;
	width: 36px;
	height: 33px;	
	text-decoration: none;
	background: #FFF;
}

#lower-content .tabs .tab-list {
	padding: 0;
	margin: 0;
	width: 950px;
	height: 45px;
	list-style: none;
	background: url(../img/tabs-bg.png) no-repeat 0 100%;
}

#lower-content .tabs .tab-list li {
	float: left;	
}

#lower-content .tabs .tab-list li a {
	display: block;
	padding: 0 25px 0 10px;
	margin: 10px 1px 0 0;
	height: 32px;
	line-height: 32px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	background: #E3E3E3 url(../img/icon-sprite.png) no-repeat 93% -675px;
}

#lower-content .tabs .tab-list li.ui-state-active {
	padding: 0 0 0 3px;
	background: transparent url(../img/tab-shadow-bg.png) no-repeat -3px 0;
}

#lower-content .tabs .tab-list li.ui-state-active.first {
	margin: 0 0 0 -3px;
}

#lower-content .tabs .tab-list li a:hover {
	color: #000;
	background-position: 93% -715px;
}

#lower-content .tabs .tab-list li.ui-state-active a {
	padding: 5px 35px 0 7px;
	margin: 0;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #000;
	background: transparent url(../img/tab-shadow-bg.png) no-repeat 99% 0;
}

#available-sizes,
#technical-specifications,
#documentation {
	margin: 10px 0 20px 0;
	width: 950px;
	overflow: hidden;
}

#lower-content table {
	margin: 0;
	border-collapse: collapse;
}

#lower-content table td {
	border: 0;
	border-right: 1px solid #FFF;
}

#lower-content table th {
	padding: 10px;
	border: 0;
	border-right: 1px solid #FFF;
	line-height: 12px;
	font-size: 12px;
	color: #000;
	background: #FFCB00;
}

#lower-content table .sub-header {
	width: 50px;
	line-height: 10px;
	font-size: 10px;
	background: #FFDB4D;
}

#lower-content table .alternate td {
	background: #FFF5CC;
}

#documentation table {
	float: left;
	width: 710px;	
}

#documentation table td {
	padding: 5px 0 5px 5px;
	border-bottom: 1px solid #DADADA;
}

#documentation table td strong {
	display: block;
	width: 450px;
	color: #000;
}

#documentation .button {
	float: right;
	background-position: 0 -400px;
}

#documentation .button .button-inner {
	padding: 0 30px 0 0;
	background-position: 100% -400px;
}

#documentation .button:hover {
	background-position: 0 -430px;
}

#documentation .button:hover .button-inner {
	background-position: 100% -430px;
}

#documentation p {
	float: left;
	margin: 0 0 0 20px;
	width: 220px;
}

#documentation p img {
	float: right;
}

#lower-content .toolbar {
	width: 950px;
}

/* Dealer overzicht */

#section-dealers #content-span {
	position: relative; 
	width: 720px; 
	padding: 0; 
}

#section-dealers #sidebar {
	padding: 0;
}

#section-dealers #search form {
	height: 267px;
}

#section-dealers #dealer-map {
	width: 720px;
	height: 340px;
}

#slide-button-wrap {
	padding: 8px 0 0 0;
	height: 17px;
	background: url(../img/slide-panel-shadow-bg.png) no-repeat;
}

.toggle-slide {
	display: block;
	outline: none;
	margin: 0 auto;
	width: 100px;
	height: 10px;
	text-indent: -9999px;
	background: url(../img/slide-button-sprite.png) no-repeat;
}

.toggle-slide:hover {
	background-position: 0 -20px;
}

.slide-down {
	background-position: 0 -10px;
}

.slide-down:hover {
	background-position: 0 -30px;
}

#dealer-results h2 {
	display: inline-block;
	padding: 20px 16px 0 16px;
	margin: 0 0 0 -6px;
	width: 700px;
	height: 30px;
	font-size: 18px;
	background: url(../img/dealers-overview-sprite.png) no-repeat;
}

#dealer-results hr {
	border: 0;
	margin: 0;
	height: 5px;
	color: #CCC;
	background: #CCC;
}

#dealer-results h2 hr {
	height: 1px;
	margin: 7px 0 0 -10px;
	width: 720px;
}

#dealer-results {
	position: relative;
	padding: 0 6px 6px 6px;
	margin: 0 0 20px -6px;
	width: 720px;
	background: url(../img/dealers-overview-sprite.png) no-repeat -1464px 100%;
	z-index: 3;
}

#dealer-results .dealer-row {
	padding: 10px 16px 10px 16px;
	margin: 0 0 0 -6px;
	width: 700px;
	background: url(../img/dealers-overview-sprite.png) repeat-y -732px 0;
	overflow: hidden;
}

#dealer-results .dealer-row .thumb {
	float: left;
	border: 1px solid #CCC;
	width: 108px;
	height: 78px;
}

#dealer-results .dealer-row .dealer-info {
	float: left;
	border-right: 1px solid #CCC;
	margin: 0 0 0 10px;
	width: 430px;
	height: 80px;
}

#dealer-results .dealer-row .dealer-info address {
	float: left;
	margin: 0 20px 0 0;
	width: 120px;
	font-style: normal;
	color: #666;
}

#dealer-results .dealer-row .toolbar {
	float: left;
	border: 0;
	padding: 0;
	margin: 0 0 0 10px;
	width: 139px;
	height: auto;
	list-style: none;
}

#dealer-results .dealer-row .toolbar li {
	margin: 7px 0 0 0;
	overflow: hidden;
}


/* Articles */

.article {
	border-bottom: 1px solid #CCC;
	padding: 0 10px 10px 0;
	margin: 0 0 20px;
	width: 100%;
	overflow: hidden;
}

.article-thumb {
	display: block;
	float: left;
	margin: 20px 10px 0 0;
	width: 150px;
	height: 100px;
}

.article-thumb img {
	display: block;
}

.article-body {
	float: left;
	width: 510px;
}

.article-body .date {
	margin: 0 0 5px;
}

.article-body h2,
.article-body p {
	margin: 0 0 10px;
}

.article-link {
	float: right;	
}

/* News archive */

#news-archive {
	padding: 0;	
	margin: 0;
	list-style:none;
}

#news-archive a {
	display: block;
	border-bottom: 1px solid #CCC;
	padding: 0 25px 0 0;
	height: 30px;
	line-height: 30px;
	font-weight: bold;	
	text-decoration: none;
	background: url(../img/icon-sprite.png) no-repeat 100% -315px;
	color: #555;
}

#news-archive a:hover {
	background-position: 100% -475px;
	color: #000;
}

#news-archive a:hover .date {
	color: #000;
}

#news-archive .date {
	float: right;
	color: #555;
}


/* Sitemap */

#sitemap {
	margin: 0 0 20px;
	padding: 0 0 0 20px;
	font-size: 12px;
	line-height: 200%;
	list-style: none;
}

#sitemap li {
	font-weight: bold;
}

#sitemap ul {
	margin: 0 0 10px 10px;
	padding: 0 0 0 10px;
	border-left: 1px solid #CCC;
	line-height: 200%;
	list-style: none;
}

#sitemap ul li {
	font-weight: normal;
}

#sitemap a {
	text-decoration: none;
}


/* Tabs */

.ui-tabs-hide {
	display: none;
}


/**
 * SIDEBAR/MEDIABAR ELEMENTS
 * ----------------------------------------
 */

#menu {
	margin: 0;
	padding-left: 10px;
	width: 220px;
	background-color: black;
}

#menu h2 {
	margin: 0;
	padding: 10px;
	background: #FFCB00 url(../img/menu-header-bg.gif) no-repeat;
	border-bottom: 1px solid white;
	font-size: 16px;
}

#menu ul {
	margin: 0;
	padding: 0;
	background-color: #FFF5CC;
	list-style: none;
}

#menu li {
	border-bottom: 1px solid white;
}

#menu li.selected {
	border: 0;
}

#menu a {
	display: block;
	padding: 6px 30px 6px 10px;
	width: 180px;
	background: url(../img/icon-sprite.png) no-repeat -100px 0;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: black;
}

#menu a:hover {
	background-color: white;
	background-position: 188px -476px;
}

#menu .selected a,
#menu .selected a:hover {
	background-color: white;
	background-position: 190px -516px;
}

#menu .subnav {
	display: none;
	padding: 5px 0;
	background-color: white;
	border-top: 1px solid #FFF5CC;
}

#menu .selected .subnav {
	display: block;
}

#menu .subnav a {
	padding: 3px 10px 3px 20px;
	width: 190px;
	background-position: -100px 0;
	font-size: 11px;
	font-weight: normal;
}

#menu .subnav a:hover,
#menu .subnav .selected a {
	background-position: 188px -478px;
}


/* Spotlight navigation */

#spotlight-navigation {
	margin: 0 0 10px;
	padding: 20px 10px 10px;
	width: 210px;
	background: black url(../img/spotlight-navigation-bg.png) no-repeat 0 -40px;
	list-style: none;
}

#spotlight-navigation li {
	display: block;
	margin-bottom: 10px;
	width: 208px;
	border: 1px solid #333;
	vertical-align: middle;
}

#spotlight-navigation a {
	display: block;
	padding: 10px 10px 0;
	height: 40px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	background: url(../img/button-sprite.png) no-repeat 100% -180px;
	color: #999;
}

#spotlight-navigation span {
	display: block;
	font-size: 12px;
	font-weight: normal;
	color: #666;
}

#spotlight-navigation a:hover {
	background-position: 100% -230px;
	color: white;
}

#spotlight-navigation a:hover span {
	color: #CCC;
}


/* Dealers block */

#dealer-map {
	display: block;
	margin: 0 0 8px;
}

#find-dealer-form {
	margin: 0;
}

#find-dealer-form label {
	display: block;
	margin: 0 0 5px;
	font-size: 12px;
	font-weight: bold;
	color: black;
}


/* Mediabar thumbnails */

#mediabar .thumb {
	position: relative;
	margin: -5px -5px 5px;
	padding: 15px 0 0;
	width: 240px;
	height: 145px;
	background: url(../img/thumb-bg.png) no-repeat;
}

#mediabar .thumb img {
	padding: 0 15px 15px;
	width: 210px;
	background: url(../img/thumb-bg.png) no-repeat -240px 100%;
}


/* Testimonial */

#testimonial {
	position: relative;
	margin: -5px -5px 10px;
	padding: 25px 5px 0 5px;
	width: 230px;
	background: url(../img/testimonial-sprite.png) no-repeat;
}

#testimonial-body {
	position: relative;
	margin: 0 -5px -15px;
	padding: 0 15px 35px 15px;
	width: 210px;
	background: url(../img/testimonial-sprite.png) no-repeat 100% 100%;
}

#testimonial p {
	margin: 0;
	font-size: 14px;
}

#testimonial-meta {
	width: 230px;
	height: auto !important;
	height: 50px;
	min-height: 50px;
}

#testimonial-meta img {
	display: block;
	float: left;
	margin-right: 10px;
}

#testimonial-meta p {
	float: left;
	margin-top: 10px;
	font-size: 12px;
	font-weight: bold;
	color: black;
}

#testimonial-meta cite {
	display: block;
	font-style: normal;
}


/**
 * FOOTER ELEMENTS
 * ----------------------------------------
 */

#footer .languages {
	float: left;
	padding: 10px 0 0;
}

#footer .languages li {
	margin: 0 10px 0 0;
}

#footer .languages .selected {
	margin: -4px 6px -4px -4px;
}


/* Service navigation */

#service-navigation {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

#service-navigation li {
	float: left;
	margin-left: 10px;
}

#service-navigation li a {
	display: block;
	padding: 0 10px;
	width: 210px;
	background: #333 url(../img/icon-sprite.png) no-repeat 200px -315px;
	text-decoration: none;
	line-height: 30px;
	color: #666;
}

#service-navigation li a:hover {
	background-position: 200px 5px;
	color: white;
}


/**
 * SECTION SPECIFIC STYLES
 * ----------------------------------------
 */

#section-home #sidebar { padding: 0; width: 240px; }
#section-home #main { padding: 0; background: none; }
#section-home #spotlight-navigation { float: left; margin: -10px 0; padding: 111px 20px 60px 10px; background-position: 0 10px; }
#section-home #content-full { padding-left: 240px; width: 710px; }

#section-products #main, 
#section-productdetail #main, 
#section-dealers #main { 
	padding-top: 60px; width: 960px; 
}

#section-products #content-span {
	position: relative; 
	width: 720px; 
	padding: 10px 0 0 0; 
}

#section-news #content-span {
	width: 670px; 
	padding: 20px; 
}

#section-productdetail #content-span {
	position: relative;
	padding: 10px 5px 5px 5px;
	margin: 0 0 0 -5px;	
	width: 710px;	
	background: #FFF url(../img/product-detail-content-bg.png) no-repeat -1px 4px;
}

#section-products #content-span h1,
#section-productdetail #content-span h1,
#section-dealers #content-span h1 {
	background: #FFF url(../img/products-header-bg.png) no-repeat 100% 0;
	display: inline-block;
	position: absolute;
	top: -40px;
	left: 0;
	height: 40px;	
	margin: 0;
	padding: 0 80px 0 10px;
	font-size: 18px;
	line-height: 40px;
}

/* Login lightwindow */

#section-login { width: 510px; }
#section-login #wrapper { padding: 0; width: 510px; background: url(../img/login-header-bg.png) no-repeat; }

#login-form {	
	padding: 145px 0 0 0;
}

#login-form ul li {
	margin: 0;
	border-bottom: 1px solid #D9D9D9;
	height: 50px;
	line-height: 50px;
}

#login-form ul li label {
	display: inline-block;
	padding: 0 10px 0 0;
	width: 160px;
	font-weight: bold;
	font-size: 16px;
	text-align: right;
	color: #000;
}

#login-form ul li input {
	padding: 5px;
	border: 0;
	width: 320px;
	height: 20px;
	font-size: 16px;
	background: url(../img/login-input-bg.png) no-repeat;
}

#login-form #toolbar {
	padding: 30px 0 30px 170px;
	height: 29px;
	line-height: 29px;
}

#login-form #toolbar .button {
	float: right;
	margin: 0 10px 0 0;
	vertical-align: middle;
}

#login-form #toolbar .button {
	
}

#login-footer {
	padding: 15px 0 0 0;
	height: 65px;
	background: #D5D5D5 url(../img/register.png) no-repeat 120px 15px;
	overflow: hidden;
}

#login-footer p {
	margin: 0 0 0 170px;
	color: #333;
}

#login-footer strong {
	color: #000;
}

/* DEV */

#maps-form input.extra-small{
	margin: 5px 0 5px 0;	
}

.error{
	margin-left: 2px;
	color: red;
}

.username{
	font-weight: bold;
	font-size: 12px;
	color: black;
}

#print {
	background: none;
	font-size: 12px;
	color: #000;
}

#print p.intro {		
	font-size: 12px;
	color: #000;
}