body, body *
{
    margin: 0;
    padding: 0;
}

body
{
    padding: 0;
    margin-bottom: 30px;
    font: 11px/18px Arial, Helvetica, sans-serif;
    color: #333;
    background: #fff;
    text-align: center;
}

table 
{    
    font: 11px/18px Arial, Helvetica, sans-serif;
}

a
{
    color: #999;
    text-decoration: underline;
}

a:hover
{
    color: #999;
    text-decoration: none;
}

a img { border-width: 0; }

h2, h3, h4, h5, h6, h7, p, table, dl, ul
{
    margin-bottom: 20px;
}

h3 
{
    font-size: 16px;
    color: #666;
} 

input, select, option, textarea
{
    font: 12px/20px Arial, Helvetica, sans-serif;
}

input, option, textarea
{
    padding: 2px 5px;
}

ul
{
    list-style: none;
}

td, th
{
    padding: 2px 5px;
}

th
{
    text-align: left;
}

table
{
    border-collapse: collapse;
}

dt
{
    font-weight: bold;
}

dd
{
    margin-bottom: 10px;
}

#canvas
{
    width: 1000px;
    margin: 0 auto;
    text-align: justify;
    position: relative;
    padding: 0;
}

h1
{
    height: 295px;
    background: url(../img/site/header.jpg);
    text-indent: -10000px;
    overflow: hidden;
    margin-bottom: 10px;
}

/********************
 * Download catalog *
 ********************/

#downloadCatalog a, #downloadWarrantyConditions a
{
    text-decoration: none;
    position: absolute;
    left: 15px;
    color: #fff;
    font-size: 10px;
}

#downloadCatalog a:hover, #downloadWarrantyConditions a:hover
{
    text-decoration: underline;
}

#downloadCatalog a
{
    top: 265px;
}

#downloadWarrantyConditions a
{
    top: 277px;
}


/*********************
 * Spareparts
 *********************/

#clickheretoseespareparts a
{
    text-decoration: none;
    position: absolute;
    left: 15px;
    top: 275px;
    color: #fff;
}

#clickheretoseespareparts a:hover
{
    text-decoration: underline;
}
   

/*********************
 * Language switcher *
 *********************/

#languageSwitcher
{
    position: absolute;
    top: 10px;
    right: 0;
}

#languageSwitcher li
{
    float: left;
    margin-left: 5px;
}

#languageSwitcher a
{
    display: block;
    width: 16px;
    height: 11px;
    overflow: hidden;
    text-indent: -10000px;
    overflow: hidden;
}

#navNl a
{
    background: url(../img/site/lang/nl.png);
}

#navFr a
{
    background: url(../img/site/lang/fr.png);
}

#navEn a
{
    background: url(../img/site/lang/en.png);
}

/**************
 * Navigation *
 **************/

#navigation
{
    position: absolute;
    top: 30px;
    right: 0;
}

#navigation li
{
    background: #eee;
    float: left;
    margin-left: 5px;
}

#navigation li a 
{
    display: block; height: 35px;
    text-indent: -10000px;
    overflow: hidden;
    text-decoration: none;
}

#navigation li a:hover
{
    display: block; height: 33px;
    background-position: 0 -33px;
}

.nl #navAbout a, .nl #navModels a, .nl #navSpareparts a, .nl #navDealers a, .nl #navContact a
{
    background: url(../img/site/nav/nl/menunl.png);
    height: 28px;
}

.nl #navAbout a
{
    /*background: url(../img/site/nav/nl/about.png);*/
    width: 32px;
    background-position: 0 0;
}
.nl #navAbout a:hover
{
    background-position: 0 -33px;
}

.nl #navModels a
{
    /*background: url(../img/site/nav/nl/models.png);*/
    width: 60px;
    background-position: -38px 0;
}
.nl #navModels a:hover
{
    background-position: -38px -33px;
}

.nl #navSpareparts a
{
    /*background: url(../img/site/nav/nl/spareparts.png);*/
    width: 76px;
    background-position: -107px 0;
}

.nl #navSpareparts a:hover
{
    background-position: -107px -33px;
}

.nl #navDealers a
{
    /*background: url(../img/site/nav/nl/dealers.png);*/
    width: 65px;
    background-position: -191px 0;
}

.nl #navDealers a:hover
{
    background-position: -191px -33px;
}

.nl #navContact a
{
    /*background: url(../img/site/nav/nl/contact.png);*/
    width: 52px;
    height: 28px;
    background-position: -264px 0;
}

.nl #navContact a:hover
{
    height: 28px;
    background-position: -264px -33px;
}

.fr #navAbout a, .fr #navModels a, .fr #navSpareparts a, .fr #navDealers a, .fr #navContact a
{
    background: url(../img/site/nav/fr/menufr.png);
    height: 28px;
}

.fr #navAbout a
{
    /*background: url(../img/site/nav/fr/about.png);*/
    width: 32px;
    background-position: 0 0;
}

.fr #navAbout a:hover
{
    background-position: 0 -33px;
}

.fr #navModels a
{
    /*background: url(../img/site/nav/fr/models.png);*/
    width: 54px;
    background-position: -40px 0;
}

.fr #navModels a:hover
{
    background-position: -40px -33px;
}

.fr #navSpareparts a
{
    /*background: url(../img/site/nav/fr/spareparts.png);*/
    width: 40px;
    background-position: -100px 0;
}

.fr #navSpareparts a:hover
{
    background-position: -100px -33px;
}

.fr #navDealers a
{
    /*background: url(../img/site/nav/fr/dealers.png);*/
    width: 75px;
    background-position: -148px 0;
}

.fr #navDealers a:hover
{
    background-position: -148px -33px;
}

.fr #navContact a
{
    /*background: url(../img/site/nav/fr/contact.png);*/
    width: 52px;
    background-position: -232px 0;
}

.fr #navContact a:hover
{
    background-position: -232px -33px;
}

.en #navAbout a, .en #navModels a, .en #navSpareparts a, .en #navDealers a, .en #navContact a
{
    background: url(../img/site/nav/en/menuen.png);
    height: 28px;
}

.en #navAbout a
{
    /*background: url(../img/site/nav/en/about.png);*/
    width: 32px;
    background-position: 0 0;
}

.en #navAbout a:hover
{
    background-position: 0 -33px;
}

.en #navModels a
{
    /*background: url(../img/site/nav/en/models.png);*/
    width: 46px;
    background-position: -40px 0;
}

.en #navModels a:hover
{
    background-position: -40px -33px;
}

.en #navSpareparts a
{
    /*background: url(../img/site/nav/en/spareparts.png);*/
    width: 70px;
    background-position: -95px 0;
}

.en #navSpareparts a:hover
{
    background-position: -95px -33px;
}

.en #navDealers a
{
    /*background: url(../img/site/nav/en/dealers.png);*/
    width: 50px;
    background-position: -172px 0;
}

.en #navDealers a:hover
{
    background-position: -172px -33px;
}

.en #navContact a
{
    /*background: url(../img/site/nav/nl/contact.png);*/
    width: 54px;
    background-position: -230px 0;
}

.en #navContact a:hover
{
    background-position: -230px -33px;
}

.nl #navDealerLogin, .fr #navDealerLogin, .en #navDealerLogin
{    
    left: 840px;
}

#navDealerLogin 
{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 8px;
    padding-left: 20px;
    padding-top: 1px;
    background: url(../img/site/icon_padlock.gif) no-repeat top left;
}

#navDealerLogin a 
{
    color: #666;
    text-decoration: none;
}

#navDealerLogin a:hover 
{
    color: #999;
    text-decoration: none;
}

/***********
 * Content *
 ***********/

#content 
{
    position: relative;
    padding: 0 15px;
}

#content ul li 
{
    padding-left: 20px;
    background: url(../img/site/bullet.png) 0 2px no-repeat;
}

/***************
 * Page titles *
 ***************/

h2
{
    height: 40px;
    text-indent: -10000px;
    overflow: hidden;
}

#pageAbout.nl h2
{
    background: url(../img/site/h/nl/about.png);
}

#pageModels.nl h2
{
    background: url(../img/site/h/nl/models.png);
}

#pageDealers.nl h2
{
    background: url(../img/site/h/nl/dealers.png);
}

#pageContact.nl h2
{
    background: url(../img/site/h/nl/contact.png);
}

#pageAbout.fr h2
{
    background: url(../img/site/h/fr/about.png);
}

#pageModels.fr h2
{
    background: url(../img/site/h/fr/models.png);
}

#pageDealers.fr h2
{
    background: url(../img/site/h/fr/dealers.png);
}

#pageContact.fr h2
{
    background: url(../img/site/h/fr/contact.png);
}

#pageAbout.en h2
{
    background: url(../img/site/h/en/about.png);
}

#pageModels.en h2
{
    background: url(../img/site/h/en/models.png);
}

#pageDealers.en h2
{
    background: url(../img/site/h/en/dealers.png);
}

#pageContact.en h2
{
    background: url(../img/site/h/en/contact.png);
}

/**************
 * Page about *
 **************/

#pageAbout #introtext 
{
    width: 555px;
    text-align: left;
}

#pageAbout #navChooseModel 
{
    float: right;
}

#pageAbout #navChooseModel li 
{
    margin-bottom: 10px;
    background-image: none;
}

#pageAbout #navChooseModel a 
{
    display: block;
    width: 275px;
    height: 105px;
    text-indent: -10000px;
    overflow: hidden;
    text-decoration: none;
}

#pageAbout #navChooseModel #scooters50cc a 
{
    background: url(../img/about/navChooseModel/scooters50cc.jpg);
}

#pageAbout #navChooseModel #scootersPus50cc a 
{
    background: url(../img/about/navChooseModel/scootersPlus50cc.jpg);
}

#pageAbout #navChooseModel #motos50cc a 
{
    background: url(../img/about/navChooseModel/motos50cc.png);
}

#pageAbout #navChooseModel #motosPus50cc a 
{
    background: url(../img/about/navChooseModel/motosPlus50cc.jpg);
}

#pageAbout #navChooseModel #atv a 
{
    background: url(../img/about/navChooseModel/atv.png);
}

#pageAbout #logos a 
{
    margin-right: 15px;
}

/***************
 * Page models *
 ***************/

#pageModels #tableSpecifications
{
    width: 385px;
    clear: right;
}

#pageModels #tableSpecifications th
{
    color: #ef7226;
}

#pageModels #tableSpecifications tr td, #pageModels #tableSpecifications tr th
{
    background: url(../img/site/tableRowBorder.png);
    background-repeat: repeat-x;
    background-position: bottom;
    vertical-align: top;
}

#album
{
    width: 255px;
    height: 300px;
    background: url(../img/models/albumBg.png);
    margin-right: 20px;
}

ul#album li
{
    padding: 0;
    position: absolute;
    left: 20px;
    top: 20px;
    width: 215px;
    height: 215px;
}

#pageModels h4 
{
    display: none;
}

#pageModels #sectionInfo 
{
    width: 385px;
}

#pageModels #price 
{
    border: 1px solid #dfdfdf;
    margin-bottom: 15px;
    padding: 15px;
    background-image: url(../img/models/gradient.gif);
    background-repeat: repeat-x;
    background-position: 0 -25px;
}

#pageModels #pricetag 
{
    font-size: 16px;
    margin-bottom: 5px;
}

#pageModels #inclbtw 
{
    font-size: 10px;
}

#pageModels #remark
{
    font-size: 10px;
    margin-bottom: 0;
}

#pageModels #sectionPictures 
{
    position: absolute;
    right: -15px;
    top: 0;
}

#pageModels #sectionPictures a 
{
    text-decoration: none;
}

#pageModels #sectionPictures a img 
{
    border-style: none;
}

#pageModels #sectionPictures h4
{
    display: block;
    height: 25px;
    width: 235px;
    position: absolute;
    top: 260px;
    left: 10px;
    z-index: 100;
    text-indent: -10000px;
    overflow: hidden;
}

#pageModels h4#arn125 
{
    background: url(../img/models/picsTitle/arn125.png);
}

#pageModels h4#hurricane50 
{
    background: url(../img/models/picsTitle/hurricane50.png);
}

/*#pageModels h4#focus50 
{
    background: url(../img/models/picsTitle/focus50.png);
}*/

#pageModels h4#f-act50 
{
    background: url(../img/models/picsTitle/fact50.jpg);
}

#pageModels h4#f-actstandard50 
{
    background: url(../img/models/picsTitle/f-actstandard50.jpg);
}

#pageModels h4#flash50 
{
    background: url(../img/models/picsTitle/flash50.png);
}

#pageModels h4#matrix50 
{
    background: url(../img/models/picsTitle/matrix50.png);
}

#pageModels h4#focus125 
{
    background: url(../img/models/picsTitle/focus125.png);
}

#pageModels h4#xray50 
{
    background: url(../img/models/picsTitle/xray50.png);
}

#pageModels h4#xray125 
{
    background: url(../img/models/picsTitle/xray125.png);
}

#pageModels h4#tx50 
{
    background: url(../img/models/picsTitle/tx50.png);
}

#pageModels h4#tx125 
{
    background: url(../img/models/picsTitle/tx125.png);
}

#pageModels h4#speed125 
{
    background: url(../img/models/picsTitle/speed125.png);
}

#pageModels h4#atv250 
{
    background: url(../img/models/picsTitle/atv250.png);
}

#pageModels h4#atv50 
{
    background: url(../img/models/picsTitle/atv50.png);
}

#pageModels .navChooseModel 
{
    list-style: none;
    margin: 0;
    padding: 0;
}

#pageModels .navChooseModel li 
{
    float: left;
    padding: 0;
    margin: 0 0 30px 0;
}

#pageModels .navChooseModel li a
{
    display: block;
    height: 195px;
    width: 210px;
    text-indent: -10000px;
    overflow: hidden;
    margin-right: 20px;
    text-decoration: none;
}

#pageModels #navTabArn125 a
{
    background: url(../img/models/nav/arn125.jpg);
}

#pageModels #navTabOutlook125 a
{
    background: url(../img/models/nav/outlook125.jpg);
}

#pageModels #navTabSuperlight125 a
{
    background: url(../img/models/nav/superlight125.jpg);
}

/*#pageModels #navTabFact125 a
{
    background: url(../img/models/nav/f-act125.jpg);
    margin-right: 0;
}*/

#pageModels #navTabFoc125 a
{
    background: url(../img/models/nav/foc125.jpg);
    margin-right: 0;
}


#pageModels #navTabHurricane50 a
{
    background: url(../img/models/nav/hurricane50.jpg);
}

#pageModels #navTabFact50 a
{
    background: url(../img/models/nav/factblue.jpg);
    /*margin-right: 0;*/
}

#pageModels #navTabFactStandard50 a
{
    background: url(../img/models/nav/factstandardwhite.jpg);
}

#pageModels #navTabFlash50 a
{
    background: url(../img/models/nav/flashwhite.jpg);
}

#pageModels #navTabMatrix50 a
{
    background: url(../img/models/nav/matrixwhite.jpg);
}

#pageModels #navTabTX50 a
{
	background: url(../img/models/nav/tx50.jpg);
}

#pageModels #navTabMilan50 a
{
	background: url(../img/models/nav/milan50.jpg);
}

#pageModels #navTabXray50 a
{
    background: url(../img/models/nav/xray50.jpg);
}

#pageModels #navTabXray125 a
{
    background: url(../img/models/nav/xray125.jpg);
}

/* #pageModels #navTabTx50 a
{
    background: url(../img/models/nav/tx50.jpg);
    margin-right: 0;
}*/

#pageModels #navTabTx125 a
{
    background: url(../img/models/nav/tx125.jpg);
    margin-right: 0;
}

#pageModels #navTabSpeed125 a
{
    background: url(../img/models/nav/speed125.jpg);
}

#pageModels #navTabAtv250 a
{
    background: url(../img/models/nav/atv250.jpg);
    margin-right: 0;
}

#pageModels #navTabAtv50 a
{
    background: url(../img/models/nav/atv50.jpg);
}

/****************
 * Page dealers *
 ****************/

#pageDealers .tableDealers
{
    width: 900px;
    margin: 0 auto;
    margin-bottom: 20px;
}

#pageDealers .tableDealers td.naam, #pageDealers .tableDealers td.naam a
{
    color: #ef7226;
}

#pageDealers .tableDealers tr th, #pageDealers .tableDealers tr td
{
    background: url(../img/site/tableRowBorder.png);
    background-repeat: repeat-x;
    background-position: bottom;
    vertical-align: top;
}

#pageDealers .tableDealers tr:hover, #pageDealers .tableDealers tr.over
{
    background: #eee;
}

#pageDealers .tableDealers th a
{
    color: #333;
    text-decoration: none;
}

#pageDealers .tableDealers td 
{
    text-align: left; 
}

#pageDealers #chooseCountry 
{
    border: 1px solid #dfdfdf;
    margin-bottom: 15px;
    padding: 15px;
    background: url(../img/models/gradient.gif) repeat-x;
    background-position: 0 -35px;
}

#pageDealers #chooseCountry li 
{
    background: none;
    padding-left: 0;
}

#pageDealers #chooseBelgium 
{
    padding-left: 20px;
    background: url(../img/site/country/be.png) no-repeat top left;
    padding-right: 25px;
    color: #333;
}

#pageDealers #chooseHolland 
{
    padding-left: 20px;
    background: url(../img/site/country/nl.png) no-repeat top left;
    padding-right: 25px;
    color: #333;
}

#pageDealers #chooseLuxemburg 
{
    padding-left: 20px;
    background: url(../img/site/country/lu.png) no-repeat top left;
    color: #333;
}

#pageDealers .tableDealers td.naam a 
{
    text-decoration: none;
}

#pageDealers .tableDealers td.naam a:hover
{
    text-decoration: underline;
}

/****************
 * Page contact *
 ****************/

#pageContact #introText
{
    float: right;
}

#pageContact.nl #introText
{
    background: url(../img/contact/introTextHeaderNl.png) no-repeat;
    background-color: #eee;
}

#pageContact.fr #introText
{
    background: url(../img/contact/introTextHeaderFr.png) no-repeat;
    background-color: #eee;
}

#pageContact.en #introText
{
    background: url(../img/contact/introTextHeaderEn.png) no-repeat;
    background-color: #eee;
}

#pageContact .inputTextfield, #pageContact .inputTextarea 
{
    border: 1px solid #999;
    width: 300px;
}

#introTextInside 
{
    background: url(../img/contact/introTextFooter.png) no-repeat bottom;
    padding: 55px 15px 15px 15px;
    width: 245px;
}

/**********
 * Footer *
 **********/

#footer
{
    margin-top: 30px;
    clear: both;
    background: url(../img/site/footer.png);
    color: #fff;
    text-align: center;
    font-size: 10px;
    height: 20px;
    line-height: 20px;
}

#spareparts a
{
	color: #666;	
    text-decoration: none;
}

#spareparts a:hover
{
    border-top: solid 1px #ccc;
    border-top-color:  #f37529;
    border-bottom: solid 1px #ccc;
    border-bottom-color:  #f37529;
    color: #f37529;
}
#spareparts hr
{
	border: none;
	border-bottom: solid 1px #ccc;
}

#spareparts span
{
	padding: 0px 10px 0px 10px;
}

#spareparts ul li
{
    padding-left: 20px;
    background: url(../img/site/bullet.png) 0 2px no-repeat;
}