﻿    img,div 
    {
        behavior:url(/iepngfix.htc);
    }
	
	
    * {
        margin: 0;
    }
    
    p
    {
        margin-bottom: 10px;
    }

    form
    {
        padding: 0px;
        margin: 0px;
    }


	body {
		margin: 0px;
		padding: 0px;
		text-align: center;
		font: 0.9em "Trebuchet MS", Helvetica, "Lucida Grande","Lucida Sans Unicode", Arial, Verdana, sans-serif;
		background: #1e1514 url(images/bg.jpg) repeat-x;	
	}
	
    #pg 
    {
        width: 970px;
        min-height: 100%;
        height: auto !important;
        height: 100%;
        margin: 0 auto -3.0em;
        line-height: 1.4em;
    }
    
    html, body {
        height: 100%;
    }
    
    
    .homeLeft a
    {
        color: #ffffff;
    }
    
    .homeLeft a:hover
    {
        text-decoration: none;
        color: #bbbbbb;
        
    }
    
    a
    {
        color: #000000;
    }
    
    a:hover
    {
        color: #666666;
        text-decoration: none;
    }
    
    textarea
    {
        font-size: 0.9em;
        font-family: "Trebuchet MS", Helvetica, "Lucida Grande","Lucida Sans Unicode", Arial, Verdana, sans-serif;
    }
    
    img
    {
        border: 0px;
    }

    /***** mainNav *****/

    .mainNav
    {
        height: 35px;
        margin-top: 5px;
        float: right;
        width: 848px;        
    }
    
    .mainNav ul
    {
        font-family: Arial;
        margin: 0px;
        padding: 0px;
    }
    
    .mainNav ul li
    {
        display: inline;
        list-style: none;
    }
    
    .mainNav ul li a:link, .mainNav ul li a
    {
        border: 3px solid #1e1514;
        padding: 5px;
        float: right;
        color: #ffffff;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: bold;
        font-size: 13px;
    }
    
    .mainNav ul li a:hover, .mainNav ul li a.active
    {
        border: 3px solid #b6cd42;
    }
    
    /***** homeLeft *****/
    
    .homeLeft
    {
        width: 400px;
        float:left;
        text-align: left;
    }    
    
    .homeLeft .logo
    {
        float:left;
        height: 123px;
        width: 100%;
        margin-top: 18px;
    }
    
    .homeLeft .print
    {
        float:left;
        width: 97%;
        height: 30px;
        text-align:right;
    }
    
    .homeLeft .contentLeft
    {
        width: 100%;
        float:left;
        color: #ffffff;
    }
    
    .homeLeft h1
    {
        font-family: Georgia, Times New Roman, Serif;       
        font-size: 2.0em;
        line-height: 1.3em;
        color: #c8e052;
        font-weight: normal;
    }
    
    .homeLeft h2
    {
        font-family: Georgia, Times New Roman, Serif;
        font-size: 1.5em;
        line-height: 1.5em;
        font-weight: normal;
    }
    
    .homeLeft .contentLeft table
    {
        width: 100%;
    }
    
    .homeLeft .contentLeft .actie
    {
        width: 400px;
        float:left;
    }
    
    .homeLeft .contentLeft .actieImg
    {
        float:left;
        width: 80px;
        padding: 0 20px 10px 0;
    }
    
    .homeLeft .contentLeft .actieText
    {
        float:left;
        width: 260px;
    }
        
    /***** homeRight *****/
    
    .homeRight
    {
        float:left;
        width: 540px;
        background: url(images/bgRight.png);
        padding: 15px;
        margin-top: 15px;
    }
    
    .homeRight .content
    {
        background: #ffffff;
        text-align: left;
        padding: 15px;
    }
    
    .homeRight .content .shopLocator
    {
        float: left;   
        width: 415px; 
        padding-bottom: 5px;    
    }
    
    .plhPostal
    {
        text-align: left;
        width: 615px;
        float:left;
        margin-top: 15px;
        margin: 20px;
        margin-bottom: 0px;
        border: 1px dotted #999999;
        padding: 15px;
        background: #ffffff;
    }
    
    .plhPostal ul
    {
        padding-left: 80px;
        padding-top: 20px;
    }
    
    
    .homeRight .content .fontSize
    {
        float: right;        
    }
    
    .homeRight .content .newsletter
    {
        float: left;  
        width: 400px;   
        padding-bottom: 15px;    
    }
    
    /***** homeLeft *****/
    
    .subLeft
    {
        width: 220px;
        float:left;
        text-align: left;
    }    
    
    .subLeft .logo
    {
        float:left;
        height: 123px;
        width: 100%;
        margin-top: 18px;
    }
    
    .subLeft .print
    {
        float:left;
        width: 97%;
        height: 30px;
        text-align:right;
    }
    
    .subLeft .contentLeft
    {
        width: 100%;
        float:left;
        color: #ffffff;
    }
    
    .subLeft h1
    {
        font-family: Georgia, Times New Roman, Serif;
        font-size: 2.0em;
        line-height: 1.3em;
        color: #c8e052;
        font-weight: normal;
    }
    
    .subLeft h2
    {
        font-family: Georgia, Times New Roman, Serif;
        line-height: 1.8em;
        font-size: 1.5em;
    }
    
    .subLeft .contentLeft table
    {
        width: 100%;
    }
    
    .subLeft .contentLeft .actieImg
    {
        float:left;
        width: 80px;
    }
    
    .subLeft .contentLeft .actieText
    {
        float:left;
        width: 280px;
    }
        
    /***** subRight *****/
    
    .subRight
    {
        float:left;
        width: 720px;
        background: url(images/bgRight.png);
        padding: 15px 15px 0px 15px;
        margin-top: 15px;
    }
    
    .subRight .content
    {
        background: #ffffff;
        height: 130px;
        text-align: left;
        padding: 15px;
        float:left;
        width: 690px;        
    }
    
    .subRight .content .shopLocator
    {
        float: right;   
        text-align: right;
        padding-bottom: 34px; 
    }
    
    .subRight .content .shopLocator h3, .homeRight .content h3
    {
        font-size: 1.5em;  
        line-height:1.5em;  
        font-weight: normal;
        padding-bottom: 5px;
        font-family: Georgia, Times New Roman, Serif;
    }
    
    .subRight .content .shopLocator .txtGreen, .textSuperSmall .txtGreen, .homeRight .content .shopLocator .txtGreen
    {
        background: #b6cd42;
        border: none;
        width: 203px;
        height: 16px;
        float: left;
        padding: 2px 0px 4px 4px;
    }
    
    .homeRight .content .newsletter .txtGreen    
    {
        background: #b6cd42;
        border: none;
        width: 298px;
        height: 16px;
        float: left;
        padding: 2px 0px 4px 4px;
    }

    .homeRight .content .newsletter .btnGreen, .subRight .content .shopLocator .btnGreen, .textSuperSmall .btnGreen, .homeRight .content .shopLocator .btnGreen
    {
        background: #b6cd42;
        border: none;
        height: 22px;
        padding: 5px;
        margin: 0px 0px 0px 1px;
        float: left;
        width: 51px;
        color: #ffffff;
        font-size: 0.9em;
        text-transform: uppercase; 
        font-weight: bold;      
        cursor: pointer; 
    }    
    
    .subRight .content .fontSize
    {
        float: left;        
    }
    
    .subRight .content .title
    {
        float: left;
        width: 690px;
        background: #1e1514;
    }
    
    
    .subRight h1
    {
        font-family: Georgia, Times New Roman, Sans-Serif;
        font-size: 23px;
        line-height: 1.2em;
        color: #000000;
        font-weight: normal;
        padding: 16px 0 0 20px;
        min-height: 80px;
    }
    
    * html .subRight h1 
    {
          height: 80px;
    }
    
    .questions
    {
        margin: 0px;
        padding: 0px;
    }

    .questions li
    {
        margin-left: 30px;
        padding: 3px;  
        width: 470px;
        list-style-type: square;
        border-bottom: 1px dotted #cccccc;
    }
    
    .questions li a
    {
        padding: 3px;  
        text-decoration: none;
        color: #707e26;
    }
    
    .questions li a:hover
    {
        padding: 3px;  
        text-decoration: none;
        color: #000000;
    }
    
    
    
    /***** navLeft *****/
    .navLeft
    {
        width: 235px;
        padding: 0px;
        margin: 0px;
        float:left;
        text-align: left;   
    }
    
    .navLeft ul
    {
        margin: 0px;
        padding: 0px;
        list-style: none;
        float:left;
        background: #e0eba9 ;                 
    }
    
    .navLeft li
    {
        float:left;
        list-style: none;
        border-top: 1px dotted #888888;
    }
    
    .navLeft li a
    {
        float:left;        
        padding: 5px 15px;
        color: #333333;
        text-decoration: none;
        text-transform:lowercase;
        width: 205px;
        background: url(images/bgNav.png) right top repeat-y;        
    }
    
    .navLeft ul li ul li
    {
        background: #f5f9e1;
        border-top: 1px dotted #888888;
        border-bottom: none;
        width: 235px;
        float:left;
    }
    
    .navLeft ul li ul li a:hover
    {
        background: url(images/bgNav.png) right top repeat-y;
        color: #9a9517;
    }
    
    .navLeft ul li ul li a.active
    {
        font-weight: bold;
        background: url(images/bgNav.png) right top repeat-y;
        color: #9a9517;
    }
    
    
    .navLeft li a:hover, .navLeft li a.active
    {
        background: #b6cd42 url(images/bgNav.png) right top repeat-y;                
    }

    /***** contentRight *****/
    .contentRight
    {
        float:left;
        width: 690px;
        margin: 0px;
        min-height: 345px;
        background: #ffffff;
        padding: 15px;
        padding-bottom: 30px;        
    }

    * html .contentRight {
      height: 345px;
    }


    .contentRight .text
    {
        text-align: left;   
        padding: 0px 20px 10px;
    }
    
    .contentRight .text ul
    {
        padding-left: 40px;
    }

    .contentRight .images img
    {
        margin-bottom: 20px;
    }
    
    .contentRight .images
    {
        text-align:right;
    }   
    
    .contentRight .textSmall, .contentRight .openinghours
    {
        text-align: left;        
        float:left;
        width: 390px;
        padding: 0px 20px 10px;
    }

    .contentRight .openinghours td
    {
        border-bottom: 1px dotted #bbbbbb;
        text-align: left;        
        float:left;
        width: 120px;
        padding: 5px;
    }
    
    .contentRight .textSuperSmall
    {
        text-align: left;        
        float:left;
        width: 260px;
        padding: 0 0 0 0px;
    }
    
    .contentRight .textBreed
    {
        width: 648px;
        text-align: left;
        padding: 20px;
        float:left;
    }
    
    .files
    {
        margin: 20px;
        width: 360px;
        text-align: left;
        float:left;
        padding: 10px;
    }
    
   
    .files td
    {
        border-bottom: 1px dotted #aaaaaa;
        padding: 2px;
    }
    
    .itemsOverview
    {
        float: left;
        width: 300px;
        text-align: left;
        padding: 0 20px 20px 20px;
    }   
    
    
    .itemsOverview .itemsphoto
    {
        margin: 0 18px 10px 0;
        display: inline;
    }
    
    * html .contentRight
    {
      height: 345px;
    }    
    

    /***** footer *****/
    
    .footer, .push 
    {
        
        width: 100%;
        float:left;
    }	
    
    .footer
    {
        background: #312116;
        border-top: 1px solid #5a3d25;
        color: #ffffff;
        padding: 0px;
        margin: 0px;
    }
    
    .footer p
    {
        text-align: center;
        padding-left:800px;
        font-size: 0.8em;
        padding-top: 10px;
    }
    
    /***** forms *****/
    
    .contact
    {
        float: left;
        width: 300px;
        padding-left: 20px;
    }
    
    .contact table td
    {
        vertical-align: top;
        text-align:left;
    }
    
    .contact input
    {
        border: 1px solid #aaaaaa;
        width: 250px;
    }
    
    .contact .check input
    {
        width: auto;
        border: 0px;
    }
    
    .contact textarea
    {
        border: 1px solid #aaaaaa;
        width: 250px;
        height: 80px;
    }
    
    .btnSubmit
    {
        border: 1px solid #aaaaaa;
        padding: 5px;
    }
    
    .btnActie
    {
        border: 1px solid #aaaaaa;
        padding: 2px;
    }
    
    .contentRight .contactInfo
    {
        text-align: left;
        float:right;
        width: 220px;
        padding: 0px 0 0 30px;
        border-left: 1px solid #aaaaaa;
        min-height: 295px;
    }
    
    /***** kruimel *****/
    .kruimel    
    {
        text-align: left;
        width: 662px;
        float:left;
        padding: 5px 5px 5px 20px;
        background: #efefef;
        border: 1px dotted #bbbbbb;  
        margin-bottom: 20px;     
        font-size: 0.85em;
        text-transform: lowercase;
    }
    
    .headerDealersTable
    {
        margin-top: 20px; background: #b6cd42; padding: 7px; color: #ffffff; text-align:left;
    }
    
    .divDealersTable
    {
        border: 1px solid #b6cd42; background: #e8f1bd; padding: 8px;    
    }
    
    
    .dealersTable td
    {
        border-bottom: 1px dotted #b6cd42;
        padding: 3px;
        text-align:left;
    }
    
    .itemColor
    {
        color: #d97d23;
        font-size: 1.1em;
    }
    
    .itemColor b
    {
        font-family: Tahoma, Arial ;
    }
    
    .titleColor
    {
        color: #c8e052;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    
    .brandsList
    {
        float:left;
    }