* {
    font-family: Inherit;
    font-size: Inherit;
    font-weight: Inherit;
    font-style: Inherit;
    color: Inherit;
}

body {
    background: url('/template/images/bg-body.gif') repeat-x #FFFFFF;
    margin: 0;
    padding: 0;
}

#sortForm {
	position: absolute;
	right: 80px;
	top: 66px;
}

#sortForm select {
	border: 1px solid #ccc;
}

.searchSelectText {
	display: inline-block;
	font-size: 14px;
	width: 80px;
	text-align: center;
}

.selectSearchSplash {
	display: inline-block;
	float: left;
	width: 198px;
	margin-left: 12px;
}

.searchSelectOne {
	width: 174px;
	margin: 3px 0px;
	border: 1px solid #A6A6A6;
}

.searchSelectTwo {
	width: 200px;
	margin: 3px 0px;
	border: 1px solid #A6A6A6;	
}

.searchSelectThree {
	width: 60px;
	margin: 3px 0px;
	border: 1px solid #A6A6A6;	
}

.searchSelectFour {
	width: 190px;
	margin: 3px 0px;
	border: 1px solid #A6A6A6;	
}

#themebox {
    position: relative;
    width: 960px;
    height: auto;
    margin: auto;
    z-index: 1;
}

#header {
    position: relative;
    width: 960px;
    height: 166px;
	z-index: 200;
}

#logoBox {
    position: absolute;
    width: 120px;
    height: 130px;
    left: 20px;
    bottom: 0px;
}

#logoText {
    position: absolute;
    background-repeat: no-repeat;
    left: 120px;
    top: 72px;
    width: 400px;
    height: 80px;
    border: 0;
}

/*
		Following defines old color logos "Het Grootste Occasion Centrum van Nederland"
*/
/*
.default #logoText		{	background-position: 0px -162px;}
.outlet #logoText		{	background-position: 0px -81px;	}
.exclusive #logoText	{	background-position: 0px 0px;	}
*/

.mainBanner {
    position: absolute;
    margin-top: 74px;
    border: 0px;
    width: 400px;
    height: 80px;
}

.fadeBanner {
    position: absolute;
    left: 0px;
    top: 0px;
    border: 0px;
    visibility: hidden;
	cursor: pointer;
}

#siteChange {
    position: absolute;
    background-repeat: no-repeat;
    right: 12px;
    top: 7px;
    width: 188px;
    height: 18px;
    cursor: pointer;
    color: #BABABA;
    padding: 4px 0 0 4px;
    z-index: 210;
}

#siteChange:hover {
    background-position: 0px 0px;
}

#siteChangeBox {
    position: absolute;
    background: url('/template/images/bg-pulldown-box.png') no-repeat;
    border-bottom: 1px solid #A6A6A6;
    top: 22px;
    left: 0px;
    width: 190px;
    padding: 20px 1px 6px 1px;
    z-index: 100;
    visibility: hidden;
}

#siteChangeBox ul, 
#siteChangeBox li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#siteChangeBox li:hover {
    background: #F1F1F1;
}

#siteChangeBox a {
    text-decoration: none;
    color: #1A1A1A;
}

.vanMosselSites {
    display: block;
    background-image: url('/template/images/vanmossel-logos.gif');
    background-repeat: no-repeat;
    padding: 6px 0 6px 20px;
    margin: 0 0 0 2px;
    width: 164px;
}

.fleetLogistics			{ background-position: 4px -146px;}
.group 					{ background-position: 4px 4px;}
.leasing				{ background-position: 4px -21px;}
.bedrijfswagencentrum	{ background-position: 4px -96px;}
.schadecentrum 			{ background-position: 4px -171px;}
.autobedrijf 			{ background-position: 4px -96px;}
.megaOccasionCentrum 	{ background-position: 4px -46px;}
.outdoor 				{ background-position: 4px -121px;}
.audicentrum			{ background-position: 4px -71px;}

#clientLogin {
    position: absolute;
    right: 244px;
    top: 7px;
}

#loginTitle {
    position: absolute;
    top: 2px;
    right: 0px;
    width: 480px;
    font-size: 14px;
    font-weight: bold;
    color: #7A7A7A;
}

#loginTitle SPAN {
    float: left;
    font-weight: normal;
	margin: 3px 10px 0px 10px;
}

#loginTitle SPAN SPAN {
	margin: 0px 10px 0px 10px;
    font-weight: bold;
}

#loginTitle BUTTON {
    float: left;
}

#loginTitle .logout {
    font-weight: bold;
	margin-left: 40px;
	cursor: pointer;
}

#loginLinks {
    position: absolute;
    right: 82px;
    top: 24px;
    width: 238px
}

#loginLinks a {
    text-decoration: none;
    color: #1A1A1A;
}

#loginLinks a:hover {
    text-decoration: underline;
}

/* search Choices
 -------------------------------------------------------------- */
#searchChoice {
    position: relative;
    width: 936px;
    margin: auto;
    z-index: 2;
}

#mocOutlet, 
#mocOccasion, 
#mocExclusive {
    position: relative;
    float: left;
    width: 255px;
}

#mocOutlet, 
#mocExclusive {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 184px;
	cursor: pointer;
}

#mocExclusive {
    background-position: 0px -184px;
}

#mocOccasion {
    background: url('/template/images/bg-splash-search.gif') no-repeat left bottom;
    width: 422px;
    height: 186px;
    margin: 0 2px;
    z-index: 200;
}

#splashSearchHeader {
    position: relative;
    width: 384px;
    margin: 10px 0 0 12px;
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

#splashSearchSubmit {
    position: relative;
    width: 260px;
    margin: auto;
	margin-top: 10px;
    color: #A6A6A6;
    font-size: 16px;
    text-align: center;
}

.submitSplashSearch {
    position: relative;
    background-repeat: no-repeat;
    background-position: 0px -22px;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    border: 0px;
    width: 97px;
    height: 22px;
	line-height: 22px;
	vertical-align: middle;
    cursor: pointer;
	margin: auto;
    margin-top: 4px;
}

.submitSplashSearch:hover {
    background-position: 0px 0px;
}

/* Cars of the week
 -------------------------------------------------------------- */
#carsOfTheWeek {
    position: relative;
    width: 936px;
    margin: 20px 0 0 12px;
}

.splashCarsDetail {
    position: relative;
    width: 120px;
    height: 91px;
    margin: 0 5px;
    float: left;
    cursor: pointer;
}

.splashCarsDetail .car {
    position: absolute;
    left: 8px;
    top: 5px;
	width: 104px;
	height: 64px;
	background-repeat: no-repeat;
	background-position: center center;
	/* z-index: 40; */
}

.splashCarsDetail .mask {
    position: absolute;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    left: 8px;
    top: 5px;
    width: 104px;
    height: 64px;
	cursor: pointer;
	/* z-index: 50; */
}

#splashCarsOverviewLeft, 
#splashCarsOverviewRight {
    position: absolute;
    top: 18px;
    width: 390px;
}

#splashCarsOverviewLeft	{ left: 6px; }
#splashCarsOverviewRight{ right: 6px;}

.splashCarsDetail img {
    position: absolute;
    left: 8px;
    top: 6px;
}

.splashCarsDetail a {
    position: absolute;
    display: block;
    left: 0px;
    bottom: 2px;
    width: 120px;
    text-align: center;
    text-decoration: none !important;
    font-weight: bold;
}

.splashCarsDetail:hover a {
    color: #000000 !important;
}

#nawTilburg, 
#nawUtrecht {
    position: absolute;
    top: 150px;
    font-size: 14px;
    color: #444444;
}

#nawTilburg {
    right: 550px;
    text-align: right;
}

#nawUtrecht {
    left: 550px;
    text-align: left;
}

/* Splash blocks
 -------------------------------------------------------------- */
 
ul#brands {
	position: relative;
	margin: 4px 0 0 -2px;
	padding: 0;	
}

ul#brands li {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 11px;
	font-weight: normal;
	float: left;
	width: 126px;
	color: #999393;
}

ul#brands li a {
	text-decoration: none;
	color: #999393;
}

ul#brands li a:hover {
	text-decoration: underline;
	color: #999393;
}
 
.splashBlock {
    position: relative;
    background-image: url('/template/images/splashblock-content.gif');
    background-repeat: no-repeat;
    background-position: right 0px;
    float: left;
    width: 460px;
    height: 85px;
    margin: 0 4px 12px 12px;
}

.splashBlock.xl {
    background-position: right -85px;
    height: 105px;
}

.splashBlock.xl.exclusive {
    background-position: right -190px;
}

.splashBlockContent {
    position: absolute;
    left: 104px;
    top: 4px;
    width: 350px;
    height: 74px;
    overflow: hidden;
}

.splashBlockContent.xl {
    height: 94px;
    color: #a4a4a4;
    font-size: 10px;
}

.splashBlockContent.xl p {
	margin: 3px 0 0 0;  
}

.splashBlockContent.xl a {
    color: #a4a4a4;
}

.LastViewed {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
    width: 73px;
    height: 48px;
    margin: 12px 0 0 12px;
    cursor: pointer;
}

.maskLastViewed {
    position: relative;;
    background-repeat: no-repeat;
    background-position: 0px -48px;
    width: 73px;
    height: 48px;
}

.maskLastViewed:hover {
    background-position: 0px 0px;
}

.maskLastViewed .img {
    border: 0px;
}

.myLastViewedMask {
	position: absolute;
	background-image: url('/template/images/mask-account-images.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 90px;
	height: 54px;
	left: 6px;
	top: 6px;
	z-index: 100;
}

.myLastViewedItem:hover .myLastViewedMask {
	background-position: 0px -54px;
}

/* Car database
 -------------------------------------------------------------- */
#carDatabase {
    position: relative;
    background: #F7F7F7;
    width: 888px;
    height: auto;
    margin: 20px 0 20px 12px;
    padding: 0 24px;
    font-size: 14px;
    font-weight: bold;
    color: #A4A4A4;
}

#carDatabase img.top {
    position: absolute;
    top: -10px;
    left: 0px;
}

#carDatabase img.bottom {
    position: absolute;
    bottom: -10px;
    left: 0px;
}

/* Footer Elements
 -------------------------------------------------------------- */
#footer {
    position: relative;
    width: 746px;
    height: 115px;
    border-top: 1px solid #D4D2D2;
    padding: 10px 0 0 190px;
    color: #747474;
    margin: 20px 0 0px 11px;
}

#footer a {
    color: #747474;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

#logoBovag {
    position: absolute;
    left: 6px;
    top: 10px;
}

#logoNap {
    position: absolute;
    left: 90px;
    top: 10px;
}

#footerLogos {
    position: absolute;
    right: 12px;
    top: 6px;
}

.footerLogoBox {
    position: relative;
    background-image: url('/template/images/footer-boxes.gif');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 2px 5px 4px 5px;
    float: left;
    width: 22px;
    height: 36px;
    cursor: pointer;
    margin: 0 0 0 4px;
}

.footerLogoBox:hover {
    background-position: -32px 0px;
}

.vanMosselLogos {
    position: relative;
    background-image: url('/template/images/vanmossel-logos-xl.gif');
    background-repeat: no-repeat;
    width: 22px;
    height: 29px;
}

.vanMosselLogos.audicentrum		{ background-position: 0px -85px; }
.vanMosselLogos.outdoor			{ background-position: 0px -141px; }
.vanMosselLogos.group			{ background-position: 0px 0px;}
.vanMosselLogos.leasing 		{ background-position: 0px -113px;}
.vanMosselLogos.schade		 	{ background-position: 0px -197px;}
.vanMosselLogos.fleet		 	{ background-position: 0px -169px;}
.vanMosselLogos.bedrijfswagen	{ background-position: 0px -28px;}
.vanMosselLogos.moc 			{ background-position: 0px -56px;}

#footerLogoText {
    position: absolute;
    top: 44px;
    left: 8px;
    font-size: 14px;
    color: #686868;
    border: 0px;
    width: 212px;
}


/* Navigation Level 1
 -------------------------------------------------------------- */
#navigation {
    position: relative;
    background-repeat: no-repeat;
    width: 960px;
    height: 50px;
    z-index: 1;
}

.exclusive #navigation  { background-position: 0px -50px;}
.outlet #navigation 	{ background-position: 0px 0px;}


/* SUBPAGES
 -------------------------------------------------------------- */
#subMenuContainer {
    position: relative;
    width: 936px;
    margin: auto;
    padding: 0 0 0 0;
    z-index: 1000;
}

#subMenuBg {
    background-image: url('/template/images/bg-sub-search.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    width: 936px;
    min-height: 9px;
    max-height: 43px;
    padding-bottom: 15px;
    z-index: 1000;
    margin-bottom: 13px;
}

#subMenuBg.opened {
    background-position: center bottom;
    height: 95px;
    max-height: 367px;
    z-index: 2000;
}

#formSearch {
    display: none;
}

#subSearchKnob {
    cursor: pointer;
}

#searchClose {
    position: absolute;
    right: 34px;
    top: 36px;
    cursor: pointer;
    z-index: 3000;
	visibility: hidden;
}

#contentColumn {
	position: relative;
    margin: 0px;
    z-index: 1;
    width: 960px;
}

#sidebar {
    position: relative;
    float: left;
    width: 220px;
	padding-left: 20px;
    margin-bottom: 20px;
}

#layout {
    position: relative;
    float: left;
    width: 700px;
    margin: 0px; /* no margin bottom otherwise pagination aligns wrong!! */
}

.subMenuContainer {
	position: relative;
	z-index: 1;
}

.occasions #subMenuBg {
	position: absolute;
}

.occasions #sidebar,
.occasions #layout {
	margin-top: 110px;
}

.left  { margin: 0 0 0 34px !important; }
.right { margin: 0 0 0 28px !important;}


.searchOptions {
    position: relative;
    background: url('/template/images/ico-clipboard.gif') no-repeat;
    padding: 4px 0 0 24px;
    width: 176px;
    height: 20px;
    margin: 0 0 10px 0;
    color: #444444;
}

.searchOptions:hover {
    background: url('/template/images/ico-clipboard.gif') no-repeat #f7f7f7;
}

.searchOptions img {
    position: absolute;
    right: 0px;
    top: 5px;
    cursor: pointer;
}

.sidebarBtn {
    position: relative;
    background-repeat: no-repeat;
    width: 160px;
    height: 24px;
    margin: 0 0 6px 0;
    padding: 6px 0 0 40px;
    cursor: pointer;
    color: #444444;
}

.addWishlist 			{ background-position: 0px 0px;}
.exclusive .compare 			{ background-position: 0px -60px;}
.outlet .compare			{ background-position: 0px -120px;}

.addWishlist:hover 		{ background-position: 0px -30px;}
.exclusive .compare:hover 	{ background-position: 0px -90px;}
.outlet .compare:hover 	{ background-position: 0px -150px;}


#showCompare {
	display: inline-block;
	width: 120px;
	height: 20px;
}

#showHelp {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 26px;
    height: 30px;
    z-index: 1;
}

#help {
    position: absolute;
    z-index: 999999;
    display: none;
    cursor: pointer;
}

#sidebarCompare {
    position: relative;
    width: 200px;
    margin: 0 0 6px 0;
}

#sidebarCompare .item {
    position: relative;
    wdith: 170px;
	height: 25px;
    border-bottom: 1px dotted #8b8b8b;
    padding: 6px 30px 6px 0;
    color: #8b8b8b;
    font-size: 11px;
}

#sidebarCompare img {
    position: absolute;
    right: 0px;
    top: 12px;
    cursor: pointer;
}

.paymentinfo {
    position: absolute;
    background-repeat: no-repeat;
    width: 133px;
    height: 15px;
    right: 20px;
    bottom: 10px;
    font-size: 11px;
    padding: 2px 0 0 6px;
	cursor: pointer;
}

.exclusive .paymentinfo {
    color: #000000;
    background-position: 0px 0px;
}

.outlet .paymentinfo {
    background-position: 0px -17px;
}

.calculation {
    position: absolute;
    background: url('/template/images/bg-calculation.png') no-repeat;
    top: 70px;
    width: 685px;
    height: 235px;
    z-index: 2000 !important;
    display: none;
}

.calculation.left {
    left: -370px;
}
.calculation.right {
    left: 90px;
}
.calculation * {
	z-index: 2000 !important;
}

.calculation table.loan {
    position: absolute;
    left: 20px !important;
    top: 20px;
    border: 1px solid #000000;
    background: #f1f1f1;
    width: 587px;
}

.calculation table.loan td {
    border-bottom: 1px solid #b4b4b4;
    border-right: 1px solid #b4b4b4;
    text-align: center;
    vertical-align: top;
    padding: 5px;
    color: #6b6b6b;
    font-size: 10px;
}

.calculation:hover table.loan td {
    color: #6b6b6b !important;
}

.calculationText {
    position: absolute;
    left: 21px;
    top: 94px;
    width: 587px;
    font-size: 10px;
    color: #000000;
}

.calculation img {
    position: absolute;
    left: 20px;
    bottom: 20px;
}

.calculationClose {
    position: absolute;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 32px;
    height: 32px;
    right: 28px;
    top: 30px;
    cursor: pointer;
}

.calculationClose:hover {
    background-position: 0px -32px;
}

fieldset {
    padding: 1.4em;
    margin: 0 0 1.5em 0;
    border: 1px solid #ccc;
}

legend {
    font-weight: bold;
    font-size: 1.2em;
}

.toOverview,
.toPrint {
	display: inline-block;
	padding-top:18px;
	height: 25px;
	margin-left: 5px;	
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	float: left;
}

.toPrint {
	float: right;
	margin-right: 10px;
}

#subSearchTop {
    position: relative;
    margin: 10px 0 10px 20px;
}

#mainSearchText {
    background: url('/template/images/bg-input-large.gif') no-repeat;
    width: 402px;
    height: 31px;
    border: 0px;
    margin: 0 0 0 12px;
    font-size: 16px;
}

.subSearchOptions {
    position: relative;
    /*width: 192px;*/
    float: left;
    margin: 0px 0px 0px 30px;
    z-index: 200;
}

#subSearchOptions {
    position: relative;
    width: 99%;
    margin: 16px 0 0 32px;
}

#subSearchMiddle {
	z-index: 100;	
}

.submitSearch {
	position: absolute;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;	
	width: 190px;
	height: 45px;
	padding-top: 5px;
	background-image: url(/template/images/bt-search.png);
	background-repeat: no-repeat;
	cursor:pointer;
	top: 52px;
	right: 10px;
}

#newsletterSubscribe, 
.splashBlockContent h3 {
    margin: 8px 0 0px 0px !important;
}

#sitemap {
	padding: 0 0 20px 0;	
}

#sitemap ul {
	margin: 0 0 0 40px;
	padding: 0;	
}
#sitemap ul li, 
#sitemap ul li ul, 
#sitemap ul li ul li {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	text-indent: 0;
}

#sitemap ul li ul {
	margin: 0 0 0 20px;	
}

#sitemap ul li {
	list-style-type: square;
	background: none;
}

#sitemap ul li img {
	display: none;
}

#sitemap ul li div.list {
	background: none;
	padding: 0;
	margin: 0 0 0 0;
	font-size: 12px;
}

#routeBox,
.routeTextBox {
	position: relative;
	background: url('/template/images/bg-route.gif') no-repeat;
	width: 936px;
	height: 272px;
	margin: 0px;
}

.routeTextBox {
	background: none;
	height: auto;	
}

#routeMapsTilburg,
#routeMapsUtrecht {
	position: absolute;
	top: 14px;
	width: 440px;
	height: 210px;
	border: 1px solid #8c8c8c;	
}

#routeMapsTilburg {
	left: 14px;	
}

#routeMapsUtrecht {
	right: 14px;	
}

.routeText {
	position: relative;
	width: 428px;
	float: left;	
}

.routeText ul li {
	color: #7A7A7A;
}

.routeText.left,
.routeText.right {
	margin: 0 !important;	
	padding: 20px;
}

.routeText.left {
	text-align: right;	
}
.routeText.left ul li {
	list-style-position: right;	
}

#formSearchSplash {
	z-index: 100;
}

.exBtw {
	padding-left: 5px; 
	display: inline-block; 
	line-height: 10px; 
	font-weight: normal; 
	font-size: 10px;
}
