/*-----basic layout------*/

body {
   font-family:arial;
   font-size:11px;
}

.site {
   width:777px;
   margin: 0 auto;
}
.header {
   height:45px;
}

.columns {
   float:left;
   background:url('../gfx/shadowbox_mid.gif') repeat-y 100% 0;
}
.sidebar {
   float:left;
   width:183px;
}
.contentbar {
   float:left;
   width:594px;
}
.shadow {
  clear :both;
   background:url('../gfx/shadowbox_bottom.gif') no-repeat;
   padding:20px 0 0 0;
}
.footer {
   clear:both;
   color:#878d93;
   font-size:10px;
   padding:20px 0 0 0;
}

.logged_in_as 
{
/*    font-size:10pt;
    margin-left:320px;
    margin-top:-20px;
    position:absolute;*/

    float: right;
    margin-right: 50px;
    margin-top: 0px;
    color: #777;
    font-size: 10pt;
}

.sidebar .quicksearch .searchterm {
   border:1px solid #909090;
   margin:0;
   width:150px;
   float: none !important;
}
.quicksearch .submitbutton {
   background:url('../gfx/zoeksubmitbutton.gif') no-repeat;
   border:0;
   width:21px !important;
   height:15px !important;
   margin:0;
   padding:0;
   float:none !important;
   position:relative;
   top:2px;
   cursor: pointer;
}

/* exceptional styles for when the searchbox is in the header instead of the left column. */
.contentheader .quicksearch {
   background:url('../gfx/mainnav_tabs.jpg') no-repeat;
   height: 38px;
   padding:26px 0 0 79px;
}
.contentheader .quicksearch label {
   font-weight:bold;
   color:#7A7A7A;
}
/*.contentheader .quicksearch form {
   padding:26px 0 0 79px;
}*/
.contentheader .quicksearch .searchterm {
   width:107px;
   border: auto;
}

/* headernav */
.topnav {
   text-align:right;
   padding:15px 23px 0 0;
}
.topnav a {
   text-decoration:none;
   color:black;
   font-size:10px;
   margin-left:15px;
   display:inline-block;
   background:url('../gfx/img-arrow-topnav.gif') no-repeat 0 3px;
   text-transform:uppercase;
   padding:0 0 0 12px;
}

/* sidebar */
.subline {
   margin-bottom:13px;
   margin-top:10px;
   padding-bottom:10px;
   color:#666666;
}
.subtitle 
{
   margin-bottom:13px;
   margin-top:10px;
   padding-bottom:10px;
   color:#666666;
}

.mainmenu a {
   text-decoration:none;
   display:block;
}
.mainmenu li {
   list-style:none;
   margin-bottom: 6px;
}

.mainmenu {
   margin-left:15px;
}
.mainmenu li a {
   background:url('../gfx/menuseparatorover.gif') no-repeat 0 1px;
   color:#364867;
   padding:0 0 0 15px;
   font-weight: bold;
   text-decoration: none;
}
.mainmenu li a:hover {
   background:url('../gfx/menuseparator.gif') no-repeat;
   color:#105cb4;
   text-decoration: none;
}
.mainmenu li a.active {
   background:url('../gfx/menuseparator_active.gif') no-repeat;
   color:#105cb4;
}

.submenu {
   margin-left:14px;
   margin-top: 5px;
}
.submenu li 
{
    /* by adding this border IE6 doesn't add a padding to the bottom of the UL */
_border: 1px solid #fff; 
}
.submenu li a {
   background:url('../gfx/liststyleimage2.gif') no-repeat 0 3px;
   color:#364867;
   padding:0 0 0 15px;
   font-weight: normal;
   text-decoration: none;
}
.submenu li a:hover {
   color:#0072c2;
   background-color:#eff1f3;
}

.subsubmenu {
   margin-left:24px;
}
.subsubmenu li a {
   color:black;
   text-decoration: none;
}
.subsubmenu li a:hover {
   color:#364867;
   background:#eff1f3;
}


.news_sidebar {
   margin-top:15px;
}
.news_sidebar .ns_item {
   border-bottom:2px solid #cccccc;
   margin-bottom:10px;
   padding-bottom:10px;
}
.news_sidebar .ns_date {
   color:#666666;
}
.news_sidebar h3 {
   margin:0;
   color:#364867;
   font-size:11px;
}
.news_sidebar .ns_content {
   color:#666666;
}
.news_sidebar .ns_content p {
   margin: 0;
}
.news_sidebar a.ns_readmore {
   color:#666666;
}
.news_sidebar a.ns_readmore:hover {
   color:#1565A8;
}

/* contentbar */
.contentheader {
   background:url('../gfx/shadowbox_top.gif') no-repeat;
   padding:0 0 0 17px;
}


/* tabmenu in header */
ul.subsitemenu {
   background:url('../gfx/mainnav_tabs.jpg') no-repeat;
   height:64px;
   margin:0;
}
li.subsite_item {
   float:left;
   list-style:none;
}

li.subsite_item table {
   width:112px;
   height:64px;
   border-collapse:collapse;
}
li.subsite_item td {
   padding:3px;
   font-size:12px;
   vertical-align:bottom;
   text-align:center;
   background:url('../gfx/nav_button.gif') no-repeat 0 90px;
   font-weight:bold;
}
li.subsite_item a, 
li.subsite_item a:hover {
   color:#7A7A7A;
   text-decoration:none;
}

.breadcrumbs {
   padding:10px 0 0 46px;
   color:#666666;
}
.breadcrumbs a {
   color:#666666;
   text-decoration:none;
}

.page_functions {
   float:right;
   margin-top:8px;
   margin-right:27px;
   color:#666666;
   font-size:10px;
}
.page_functions a {
   color:#666666;
   text-decoration:none;
   display:inline-block;
   margin-left:7px;
}
.pf_back {
   background:url('../gfx/backnl.gif') no-repeat;
   padding:0 0 0 17px;
}
.pf_print {
   background:url('../gfx/printnl.gif') no-repeat;
   padding:0 0 0 17px;
}
.content {
   padding:0 0 0 17px;
}
.content_column 
{
    float: left;
    width: 45%;
    padding-right: 15px;
}

.text {
   padding: 0 45px 15px 45px;
}
.text h1 {
   background:url('../gfx/blok-blauw.gif') no-repeat;
   padding-left:28px;
   margin:15px 0 15px -28px;
   font-size:16px;
   color:#1058b0;
   line-height:34px;
}
.text h2 {
   text-transform:uppercase;
   color:#1058b0;
   font-size:12px;
}
.text h3 {
   color:#1058b0;
   font-size:13px;
   margin:15px 0 0 0;
}
.text p {
   margin:0 0 15px 0;
}
.text a {
   color:#115EAB;
}
.text a:hover {
   color:#137cf6;
}
.text img {
   max-width:500px;
}

/* override for SiteCore default formmodule styles */
.scfForm {
   width:auto !important;
   padding: 0 45px 15px;
}


/* footer */
.footer_menu {
   margin-bottom:13px;
}
.footer_menu a {
   color:#878d93;
   margin-right:50px;
   text-decoration:none;
}
.footer_copy {
   color:#b0b3b7;
}

/* News */
.news 
{
    padding: 10px 50px;
}
.news_item 
{
    margin: 0 0 25px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #ccc;
}
.news_item p{margin:0; padding:0;}
.news_item h2
{
    margin: 0 0 5px 0;
    padding: 0;
}
.news_item h2 a, .news_item h2 a:hover
{
    font-size: 13pt;
    text-decoration: none;
    color: #105CB4;
}
.news_date 
{
    font-size: 8pt;
    color: #666666;
}
.news_item .read_more 
{
    text-align: right;
}

/* products */
.product_categories 
{
    padding: 0 50px 15px 50px;
}
.pr_category 
{
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    clear: both;
    display: block;
}
.prcat_image 
{
    float: left;
    width: 75px;
    min-height: 50px;
    _height: 50px;
    margin: 0 10px 10px 10px;
}
.pr_category h2
{
    margin: 0;
    padding: 0;
    display: block;
}
.pr_category h2 a, .pr_category h2 a:hover
{
    font-size: 11pt;
    text-decoration: none;
    color: #105CB4;
}
.pr_category p 
{
 margin: 0;
}

.products 
{
       padding:0 45px 15px 45px;
}
.product
{
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    clear: both;
    display: block;
}
.pr_image 
{
    float: left;
    padding-top: 10px;
    text-align: center;
    width: 95px;
    height: 80px;
    margin: 0 10px 10px 10px;
    background: url(../gfx/product_corner.gif) no-repeat;
}
.product h2
{
    margin: 0;
    padding: 0;
    display: block;
}
.product h2 a, .product h2 a:hover
{
    font-size: 11pt;
    text-decoration: none;
    color: #105CB4;
}
.product p 
{
 margin: 0;
}

table#product_description 
{
    width: 320px;
    border: 1px solid #ccc;
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
    float: left;
}
table#product_description th 
{
    width: 107px;
    height: 30px;
    text-align: center;
    background: #105CB4; 
    color: #fff;
    margin: 0;
    padding: 0;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}
table#product_description th.active 
{
    color: #666;
    background: #fff;
    border-bottom: none;
}
table#product_description td 
{
    padding: 5px;
}

.product_banner_column 
{
    width: 169px;
    padding-left: 0px;
    float: right;
}

/* part schemes */
.part_schemes 
{
    padding: 15px;
    width: 200px;
    border: 1px solid #ccc;
    float: right;
    text-align: center;
    margin: 5px;
    margin-top: 0;
}
.part_schemes select, .part_schemes input
{
    width: 200px;
}

/* Dealer search */
.dealersearch 
{
    padding:0 45px 15px 45px;
}
.dealersearch .map 
{
    width: 350px;
    float: left;   
}
.dealersearch .map img 
{
    border: 0;
}
.dealersearch .dropdownprovinces 
{
    float: left;
}
.searchbox 
{
    padding: 5px 15px;
    background: #e6e6e6;
    display: block;
    clear: both;
    width: 400px;
    margin: auto;
}
.searchbox p 
{
    margin: 0 0 5px 0;
    padding: 0;
}
.searchresults table 
{
    width: 430px;
    border: 1px solid #ccc;
    padding: 15px;
    margin: auto;
    margin-top: 15px;
}
.searchresults table tr th 
{
    text-align: left;
    background: #105CB4;
    padding: 3px;
    color: #fff;
}

/* Dealer detail */
.dealer_detail 
{
    padding:0 45px 15px 45px;
}
.dealer_images 
{
    width: 260px;
    float: left;
}
.dealer_images img 
{
    margin: 3px;
}
.dealer_info 
{
    width: 150px;
    float: right;
}
.dealer_info h2 
{
    font-size: 10pt;
    color: #105CB4;
}
.contactform_link 
{
    clear: both;
    margin-top: 5px;
}

/* Login */
.loginform 
{
    background: #e4e4e4;
    border: 1px solid #ccc;
    margin:0 45px 15px 45px;
    padding: 5px;
}
.loginform div 
{
    margin: 5px;
    clear: both;
}
.loginform label 
{
    width: 200px;
    float: left;
    clear: left;
}
.loginform input 
{
    float: left;
    clear: right;
    margin-bottom: 4px;
}
/* Search page */
.search 
{
    padding: 15px 45px 15px 45px;
}
.search .metaresults 
{
    margin: 15px 0;
    text-align: center;
}
.search .searchresults 
{
    padding: 20px;
}
.search .result 
{
    margin-bottom: 5px;
    padding-bottom: 3px;
    border-bottom: 1px solid #ccc;
}

.search-results-category
{
	margin-top: 2px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2px;
	padding-left: 2px;
	border: 1px solid #818181;
	background-color: #CCCCCC;
	display: block;
}

.search-results-category .title
{
	display: block;
}

.search-results-category .link
{
	float: right;
	padding-right: 5px;
}

.search-results-hit a
{
	font-weight: bold;
}