/* ----- BASIC STYLESHEET ELEMENTS ----- */

body {
	background-color: #E3E6EA;
	background-image: url(images/page_elements/body_background.gif);
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #837A5B;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

#page_container {
	background-color: #F3F0E4;
	background-image: url(images/page_elements/page_background.gif);
	background-repeat: repeat-y;
	position: relative;
	min-height: 643px;
	height: auto !important;
	height: 643px;
	width: 960px;
	margin: auto;
	padding-bottom: 30px;
	top: 0px;
	overflow: hidden !important;
	overflow: visible;
}

table {
	background-color: transparent;
	border: none;
}

tr {
	vertical-align: top;
}

td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
	color: #837A5B;
}

a:link, a:visited, a:active {
	color: #837A5B;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #00ADC5;
	text-decoration: underline;
	font-weight: bold;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #837A5B;
	line-height: 150%;
}

.invert {
	color: #FFFFFF;
}

.small {
	font-size: 10px;
	margin-bottom: 6px;
}

.large {
	font-size: 14px;
	margin-bottom: 10px;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.caps {
	font-variant: small-caps;
}

.title {
    display: block;
    width: 100%;
    height: 30px;
    background-image: url(images/page_elements/title_blue_background.gif);
    background-repeat: repeat-x;
    margin-bottom: 20px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #00ADC5;
	font-weight: normal;
	display: inline;
	background-color: #F3F0E4;
	padding-right: 5px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #00ADC5;
	font-weight: normal;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00ADC5;
	font-weight: bold;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #00ADC5;
	font-weight: normal;
	display: inline;
	background-color: #F3F0E4;
	padding-right: 5px;
}

hr {
	width: 100%;
	height: 0px;
	border: 0px;
	border-top: 1px solid #837A5B;
	text-align: left;
    margin: 2em 0 2em 0;
}

ul {
	margin-left: 23px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 6px;
	padding: 0px;
}

li {
	list-style-type: square;
	/*list-style-image: url(images/bullet.gif);*/
	line-height: 150%;
	margin-bottom: 6px;
	color: #837A5B;
}

/* ----- FORM ELEMENTS ----- */

fieldset{
    padding: 20px;
    border: 1px solid #837A5B;
    margin-bottom: 20px;
}

legend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #837A5B;
    font-weight: bold;
}

.label {
    display: block;
    width: 150px;
    float: left;
}

.textfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #837A5B;
	background-color: #FFFFFF;
	border: solid #837A5B 1px;
	margin-bottom: 6px;
	width: 200px;
}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #B6A77F;
	border: solid #837A5B 1px;
	margin-bottom: 6px;
	cursor: pointer;
	width: auto;
}

.radio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #837A5B;
	background-color: transparent;
	border: none;
	margin-bottom: 3px;
	width: auto;
}

.selectbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #837A5B;
	background-color: #FFFFFF;
	border: solid #837A5B 1px;
	margin-bottom: 6px;
	width: 200px;
}

.textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #837A5B;
	background-color: #FFFFFF;
	border: solid #837A5B 1px;
	overflow: auto;
	margin-bottom: 6px;
	width: 350px;
	height: 120px;
}

.searchfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #837A5B;
	background-color: #FFFFFF;
	border: solid #837A5B 1px;
	margin-bottom: 6px;
	width: 140px;
}

.searchbutton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #B6A77F;
	border: solid #837A5B 1px;
	margin-bottom: 6px;
	cursor: pointer;
	width: 21px;
	height: 18px;
}

/* ----- IMAGES ----- */


img {
	border: 0px;
}

img.border {
	border: 1px solid #837A5B;
}

img.no_margins {
	border: 0px;
	margin: 0px;
}

img.no_margins_border {
	border: 1px solid #837A5B;
	margin: 0px;
}

img.left_align {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 10px;
	float: left;
}

img.right_align {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 0px;
	float: right;
}

img.left_align_border {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 10px;
	border: 1px solid #837A5B;
	float: left;
}

img.right_align_border {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 0px;
	border: 1px solid #837A5B;
	float: right;
}

img.gallery {
	cursor: pointer;
	border: 0px;
}

img.product {
    margin-bottom: 10px;
}

/* ----- WEBSITE HEADER ----- */

#header {
	position: relative;
	background-color: #FFFFFF;
	/*background-image: url(images/page_elements/header_background.jpg);*/
	background-repeat: no-repeat;
	width: 960px;
	height: 110px;
	top: 0px;
	left: 0px;
	text-align: right;
}

#header img {
    margin: 0px 0px 0px -3px;
    padding: 0px;
}

#logo 
{
    position: absolute;
    background-color: transparent;
    width: 229px;
    height: 99px;
    top: 0px;
    left: 0px;
    z-index: 99;
}

/* ----- WEBSITE NAVIGATION ----- */

#mainnav {
	position: absolute;
	width: 960px;
	height: 21px;
	padding-top: 4px;
	background-color: #504037;
	background-image: url(images/page_elements/mainnav_background.jpg);
	background-repeat: no-repeat;
	top: 110px;
	left: 0px;
	text-align: right;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
}

#mainnav a {
	color: #FFFFFF;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
}

#mainnav a:hover {
	color: #00ADC5;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
}

/* ----- WEBSITE FOOTER ----- */

#footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 940;
	height: 70px;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-color: #837A5B;
	line-height: 150%;
}

#footer p {
    font-size: 10px;
    line-height: 150%;
    margin: 0 0 10px 0;
    color: #FFFFFF;
}

#footer img {
    border: 1px solid #000000;
    margin-right: 10px;
    float: left;
}

#address {
	position: relative;
	float: left;
	width: 760px;
	height: 40px;
	background-color: transparent;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 10px;
    color: #FFFFFF;
}

#address a:link, #address a:visited, #address a:active {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
}

#address a:hover {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
    font-size: 11px;
}

#development {
	position: relative;
	float: right;
	width: 180px;
	height: 17px;
	background-color: transparent;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 10px;
    color: #FFFFFF;
    text-align: right;
}

#development a {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

#development a:hover {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
}


/* ----- WEBSITE CONTENT ----- */

#content {
	position: relative;
	width: 670px;
	min-height: 467px;
	height: auto !important;
	height: 467px;
	top: -148px;
	left: 0px;
	float: left;
	padding-top: 40px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
}

#content a {
    color: #837A5B;
    font-weight: bold;
    text-decoration: none;
}

#content a:hover {
    color: #00ADC5;
    font-weight: bold;
    text-decoration: underline;
}

#homepage_content {
	position: relative;
	width: 400px;
	min-height: 467px;
	height: auto !important;
	height: 467px;
	top: -148px;
	left: 0px;
	float: left;
	padding-top: 40px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

#content_left {
    width: 420px;
    height: auto;
    float: left;
}

#content_left table {
    border: 1px solid #837A5B;
    border-collapse: collapse;
    width: 420px;
}

#content_left tr {
    vertical-align: top;
}

#content_left th {
    text-align: left;
    padding: 3px;
    border-bottom: 1px solid #837A5B;
	border-right: 1px solid #837A5B;
    background-color: #EAE8DF;
    font-weight: bold;
    font-size: 10px;
}

#content_left td {
    text-align: left;
    padding: 3px;
    border-bottom: 1px solid #837A5B;
	border-right: 1px solid #837A5B;
    font-weight: normal;
    font-size: 10px;
}

#content_right {
    width: 230px;
    height: auto;
    float: right;
}

#content_right p {
    font-size: 11px;
}

content_right ul {
	margin-left: 23px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 6px;
	padding: 0px;
}

#content_right li {
    list-style-type: square;
    font-size: 11px;
}

#content_right a {
    color: #837A5B;
    font-weight: normal;
    text-decoration: none;
}

#content_right a:hover {
    color: #00ADC5;
    font-weight: normal;
    text-decoration: underline;
}

div.content_container {
	position: relative;
	width: 100%;
	height: auto;
	clear: both;
	margin-bottom: 20px;
}

div.content_special {
    width: 410px;
    padding: 5px;
    background-color: #EAE8DF;
}

div.content_special p {
    font-size: 11px;
    font-weight: bold;
}

div.content_special li {
    font-size: 11px;
}

div.products_container {
    position: relative;
    width: 180px;
    margin-right: 20px;
    float: left;
}

div.products_container a {
    color: #837A5B;
    font-weight: bold;
    text-decoration: none;
}

div.products_container a:hover {
    color: #00ADC5;
    font-weight: bold;
    text-decoration: underline;
}


table.form {
	width: 400px;
	height: auto;
	border-collapse: collapse;
}

table.form tr {
	vertical-align: middle;
}

table.form tr.message {
	vertical-align: top;
}

table.form td.formtitle {
	width: 100px;
}

table.form td.formfields {
	width: 300px;
}

#huurwagens table tr td, #huurwagens table tr th {
    font-size: 10px;
    border: 1px solid #837A5B;
    border-collapse: collapse;
}

/* ----- WEBSITE PHOTOBOX ----- */

#photobox {
    position: relative;
    left: 0px;
    top: 25px;
    width: 270px;
    height: 172px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

/* ----- WEBSITE HIGHLIGHTS ----- */

#highlights {
    position: relative;
    float: left;
    left: 0px;
    top: 25px;
    width: 260px;
    min-height: 325px;
    height: auto !important;
    height: 325px;
    background-color: #B6A77F;
    background-image: url(images/page_elements/highlights_background.jpg);
    background-repeat: no-repeat;
    padding: 5px;
    margin-bottom: 50px;
}

#highlights .title {
    display: block;
    width: 100%;
    height: 30px;
    background-image: url(images/page_elements/title_white_background.gif);
    background-repeat: repeat-x;
}

#highlights h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #F3F0E4;
	font-weight: normal;
	display: inline;
	background-color: #B6A77F;
	padding-right: 5px;
}

#highlights p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F3F0E4;
	line-height: 120%;
}

#highlights a {
    color: #F3F0E4;
    font-weight: bold;
    text-decoration: none;
}

#highlights a:hover {
    color: #F3F0E4;
    font-weight: bold;
    text-decoration: underline;
}

/* ----- SIDEBAR ----- */

#sidebar {
    position: relative;
    float: right;
    width: 270px;
    margin: 0;
    padding: 0;
    top: -112px;
}

/* ----- HOMEPAGE NEWS ----- */

#news {
    position: relative;
    min-height: 370px;
    height: auto !important;
    height: 370px;
    background-color: #B6A77F;
    padding: 5px;
}

#news_image {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 270px;
    height: 180px;
    border-top: 1px solid #F3F0E4;
}

#news .title {
    display: block;
    width: 100%;
    height: 30px;
    background-image: url(images/page_elements/title_white_background.gif);
    background-repeat: repeat-x;
}

#news h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #F3F0E4;
	font-weight: normal;
	display: inline;
	background-color: #B6A77F;
	padding-right: 5px;
}

#news p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F3F0E4;
	line-height: 150%;
}

#news a {
    color: #F3F0E4;
    font-weight: bold;
    text-decoration: none;
    font-size: 10px;
}

#news a:hover {
    color: #F3F0E4;
    font-weight: bold;
    text-decoration: underline;
    font-size: 10px;
}

/* ----- POPULAR PRODUCTS ----- */

#popularproducts {
    width: 200px;
    min-height: 370px;
    height: auto !important;
    height: 370px;
    background-color: #B6A77F;
    padding: 5px 40px 5px 30px;
}

#popularproducts .title {
    display: block;
    width: 260px;
    height: 30px;
    background-image: url(images/page_elements/title_white_background.gif);
    background-repeat: repeat-x;
    margin: 0 0 1em -25px;
}

#popularproducts h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #F3F0E4;
	font-weight: normal;
	display: inline;
	background-color: #B6A77F;
	padding-right: 5px;
}

#popularproducts p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F3F0E4;
	line-height: 150%;
	font-weight: bold;
}

#popularproducts a {
    color: #F3F0E4;
    font-weight: bold;
    text-decoration: none;
    font-size: 10px;
}

#popularproducts a:hover {
    color: #F3F0E4;
    font-weight: bold;
    text-decoration: underline;
    font-size: 10px;
}

/* ----- REQUEST BOX ----- */

#request {
    width: 260px;
    height: 80px;
    background-color: #00ADC5;
    padding: 5px;
    margin: 1px 0 0 0;
}

#request .title {
    display: block;
    width: 100%;
    height: 30px;
    background-image: url(images/page_elements/title_white_background.gif);
    background-repeat: repeat-x;
}

#request h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFFFFF;
	font-weight: normal;
	display: inline;
	background-color: #00ADC5;
	padding-right: 5px;
}

#request p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 150%;
}

#request a {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

#request a:hover {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
}

/* ----- HOMEPAGE BROCHURE BOX ----- */

#brochure {
    width: 260px;
    height: 30px;
    background-color: #837A5B;
    padding: 5px;
    margin: 1px 0 0 0;
}

#brochure .title {
    display: block;
    width: 100%;
    height: 30px;
    background-image: url(images/page_elements/title_white_background.gif);
    background-repeat: repeat-x;
}

#brochure h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #F3F0E4;
	font-weight: normal;
	display: inline;
	background-color: #837A5B;
	padding-right: 5px;
}

#brochure p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F3F0E4;
	line-height: 150%;
}

#brochure a {
    color: #F3F0E4;
    font-weight: normal;
    text-decoration: none;
}

#brochure a:hover {
    color: #F3F0E4;
    font-weight: normal;
    text-decoration: none;
}

/* ----- TWITTER BOX ----- */

#twitter {
    position: absolute;
    top: 683px;
    right: 0px;
    width: 260px;
    height: 30px;
    padding-top: 20px;
    text-align: right;
}

/* ----- BREADCRUMBS ----- */

#breadcrumbs {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 670px;
    height: 15px;
    padding-top: 20px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #B6A77F;
    background-image: url(images/page_elements/breadcrumbs_background.gif);
    background-repeat: no-repeat;
    color: #F3F0E4;
    font-size: 10px;
}

#breadcrumbs a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#breadcrumbs a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}

/* ----- JQUERY STYLES ----- */

ul#tabs {
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #B6A77F;
}

ul#tabs li {
    float: left;
    list-style-type: none;
    margin-top: -20px;
}

ul#tabs li a {
    display: block;
    width: 78px;
    text-align: center;
    margin-left: 3px;
    background-color: #E6E0D2;
    border-left: 1px solid #E6E0D2;
    border-top: 1px solid #E6E0D2;
    color: #837A5B;
    text-decoration: none;
    font-size: 10px;
}

ul#tabs li a:hover {
    color: #00ADC5;
    text-decoration: none;
}

ul#tabs li a.active {
    background-color: transparent;
    border-left: 1px solid #B6A77F;
    border-right: 1px solid #B6A77F;
    border-top: 1px solid #B6A77F;
}

#ui-datepicker-div {
  display: none;
  z-index: 99;
  background-color: #E6E0D2;
  border: 1px solid #837A5B;
  float: right;
}

.ui-datepicker-cover {
  display: none; /*sorry for IE5*/
  display/**/: block; /*sorry for IE5*/
  position: absolute; /*must have*/
  z-index: -1; /*must have*/
  filter: mask(); /*must have*/
  top: -4px; /*must have*/
  left: -4px; /*must have*/
  width: 193px; /*must have to match width and borders*/
  height: 200px; /*must have to match maximum height*/ 
}

#ui-datepicker-div a, .ui-datepicker-inline a {
  cursor: pointer;
  margin: 0;
  padding: 0;
  background: none;
  color: #837A5B;
}

.ui-datepicker-control a {
  padding: 2px 5px !important;
  color: #837A5B !important;
}

.ui-datepicker-prev {
    float: left;
    font-weight: bold;
}

.ui-datepicker-next {
    float: right;
    font-weight: bold;
}

.ui-datepicker-today {
    background-color: #B6A77F;
}

.ui-datepicker-header {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

.ui-datepicker-close {
    font-weight: bold;
    font-size: 10px;
}

.ui-datepicker-title-row {
    font-weight: bold;
    text-align: center;
    font-size: 10px;
}

.ui-datepicker-unselectable {
    color: #B6A77F;
}

/* ----- JQUERY EXPANDABLE ----- */

.huurwagen_container {
    margin-bottom: 12px;
}

.ui-expandable-title {
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 12px;
}

.ui-expandable .ui-widget-content {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.ui-expandable .icon-closed {
    background-image: url(images/jquery/expandable_closed.png);
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    margin-top: 3px;
    margin-right: 10px;
}

.ui-expandable .icon-open {
    background-image: url(images/jquery/expandable_open.png);
    display: inline-block;
    float: left;
    width: 10px;
    height: 10px;
    margin-top: 3px;
    margin-right: 10px;
}

/* ----- END STYLESHEET ----- */