
body
{
	background: #336caf;
	padding: 0;
	margin: 0 auto;	
}

#cmscontent 
{
	background: #fff;
	width: 980px;
	min-height: 1112px;
	margin: 0 auto;	
}


.cmstop 
{
	background: #fff;
	width: 980px;
	height: 87px;
	float: left;
}

.cmstopbox1 
{
	background: #fff;
	width: 663px;
	height: 87px;
	float: left;	
}

.cmstopbox2 
{
	background: url(../images/cms_logo.gif) no-repeat;
	width: 317px;
	height: 87px;
	float: left;
}

.cgtopbox2 
{
	background: url(../images/cg_logo.gif) no-repeat;
	width: 317px;
	height: 87px;
	float: left;
}

.cmsnavmini 
{
	background: url(../images/nav_mini_mid.gif) repeat-x;
	width: 653px;
	height: 29px;
	float: left;	
}

.cmsnavminiend
{
	background: url(../images/nav_mini_end.gif) no-repeat;
	width: 10px;
	height: 29px;
	float: left;	
}

.cmstopphone
{
	font-family: Tahoma;
	font-size: 22px;
	font-weight: bold;
	color: #336caf;
	margin: 33px 0 0 20px;
	float: left;	
}

.cmsgreyline, .cmsgreyline2

{
	background: #878787;
	width: 980px;
	height: 1px;
	float: left;	
}

.cmsgreyline2

{
	background: #5d5d5d;
}

.cmsblueline

{
    background: #336caf;
	width: 960px;
	height: 1px;
	margin: 10px 0 0 10px;
	float: left;	
}

.cmsblueline2

{
    background: #336caf;
	width: 577px;
	height: 1px;
	margin: 15px 0 0 10px;
	float: left;	
}

.cmsblueline3

{
    background: #336caf;
	width: 577px;
	height: 1px;
	margin: 10px 0 10px 0;
	float: left;	
}

.cmsnavmainbacker
{
	background: url(../images/nav_backer.gif) no-repeat;
	width: 980px;
	height: 31px;
	float: left;
	padding:0 0 0 70px;
}

.cmsmaininfo

{
    border: solid #cbcbcb 1px;
	width: 958px;
	min-height: 686px;
	margin: 10px 0 0 10px;
	float: left;	
}

.cmscol1, .cmscol3

{
    background: #FFF;
	width: 186px;
	height: 675px;
	float: left;	
}

.cmscol2

{
    background: #FFF;
	width: 586px;
	min-height: 748px;
	float: left;	
}

.boxservices, .boxdiagnostics, .boxexhausts, .boxair, .boxexhausts2, .boxrecreation, .boxvehiclerental
{
	background: url(../images/box_services.gif) no-repeat;
	width: 173px;
	height: 131px;
	margin: 10px 0 0 10px;
	float: left;	
}

.boxdiagnostics
{
	background: url(../images/box_diagnostics.gif) no-repeat;
	margin: 15px 0 0 10px;
}

.boxexhausts, .boxexhausts2
{
	background: url(../images/box_exhausts.gif) no-repeat;
	margin: 15px 0 0 10px;
}

.boxrecreation
{
	background: url(../images/box_recreation.gif) no-repeat;
	margin: 15px 0 0 10px;
}

.boxvehiclerental
{
	background: url(../images/box_vehiclerental.gif) no-repeat;
	margin: 15px 0 0 10px;
}
.boxexhausts2

{
margin: 10px 0 0 10px;	
}

.boxair

{
	background: url(../images/box_air.gif) no-repeat;
	margin: 15px 0 0 10px;
}

.logoswap

{
    background: url(../images/logo_kitemark.gif) no-repeat;
	width: 173px;
	height: 207px;
	margin: 23px 0 0 10px;
	float: left;		
}

.welcomeouter, .vortexouter, .mottestouter, .servicingouter, .contactouter, .diagouter, .airouter, .quantumouter

{
    background: url(../images/welcome_back.gif) no-repeat;
	width: 577px;
	height: 218px;
	margin: 10px 0 0 7px;
	float: left;	
}

.vortexouter

{
background: url(../images/vortex_exhausts.jpg) no-repeat;
}

.quantumouter
{
background: url(../images/quantum_engine_tuning.jpg) no-repeat;
}

.mottestouter

{
background: url(../images/back_mot_testing.gif) no-repeat;	
}

.servicingouter

{
background: url(../images/back_servicing.jpg) no-repeat;	
}

.contactouter

{
background: url(../images/back_contact.jpg) no-repeat;	
}

.diagouter

{
background: url(../images/back_diagnostics.jpg) no-repeat;	
}

.airouter

{
background: url(../images/back_air.jpg) no-repeat;
}

.boxmot
{
	background: url(../images/box_mot.gif) no-repeat;
	width: 173px;
	height: 218px;
	margin: 10px 0 0 7px;
	float: left;
}

.boxmotsmall
{
	background: url(../images/box_mot_small.gif) no-repeat;
	width: 173px;
	height: 147px;
	margin: 10px 0 0 7px;
	float: left;
}

.boxmot2
{
	background: url(../images/box_mot_test.gif) no-repeat;
	width: 173px;
	height: 218px;
	margin: 10px 0 0 7px;
	float: left;
}

.boxaward
{
	background: url(../images/img_award.jpg) no-repeat;
	width: 173px;
	height: 143px;
	margin: 5px 0 0 7px;
	float: left;
}

.boxservicesmall
{
	background: url(../images/box_service_small.gif) no-repeat;
	width: 173px;
	height: 147px;
	margin: 10px 0 0 7px;
	float: left;
}

.boxtyresmall
{
	background: url(../images/box_tyre_small.gif) no-repeat;
	width: 173px;
	height: 147px;
	margin: 10px 0 0 7px;
	float: left;
}

.serviceonline

{
    background: url(../images/box_book_service.gif) no-repeat;
	width: 168px;
	height: 54px;
	margin: 5px 0 0 7px;
	float: left;	
}

.tyresonline

{
    background: url(../images/box_book_tyre.gif) no-repeat;
	width: 168px;
	height: 54px;
	margin: 5px 0 0 7px;
	float: left;	
}

.callbackonline

{
	width: 168px;
	height: 180px;
	margin: 5px 0 0 7px;
	float: left;	
}

.boxtest
{
	background: #FFF;
	width: 167px;
	height: 198px;
	margin: 9px 0 0 11px;
	float: left;
}

.strapline

{
    background: url(../images/strapline.gif) no-repeat;
	width: 526px;
	height: 36px;
	margin: 12px 0 0 29px;
	float: left;	
}

.cmstext1, .cmstext2, .cmstext3, .navmini1, .navmini2, .navmini3, .nav1, .nav2, .boxtext1, .boxtext2, .boxtext3, .boxtext4, .foot1, .foot2, .flashmot, .flashheader, .motbook1, .motbook2, .vortextext1, .oservicetext1

{
    font-family: Tahoma;
	font-size: 11px;
	color: #003045;
	text-align: justify;
	line-height: 18px;
	width: 572px;
	height: 74px;
	margin: 8px 0 0 7px;
	float: left;	
}

.cmstext1 a:link { color: #336caf;text-decoration:none;}
.cmstext1 a:visited { color: #336caf;text-decoration:none;}
.cmstext1 a:hover { color: #003045;text-decoration:none;}
.cmstext1 a:active { color: #336caf;text-decoration:none;}

.nav1  a:link { color: #FFF;text-decoration:none;}
.nav1  a:visited { color: #FFF;text-decoration:none;}
.nav1 a:hover { color: #336caf;text-decoration:none;}
.nav1 a:active { color: #FFF;text-decoration:none;}

.nav2  a:link { color: #FFF;text-decoration:none;}
.nav2  a:visited { color: #FFF;text-decoration:none;}
.nav2 a:hover { color: #336caf;text-decoration:none;}
.nav2 a:active { color: #FFF;text-decoration:none;}

.cmstext2

{
	height: 140px;	
}

.cmstext3

{
	font-size: 12px;
	color: #FFF;
	width: 523px;
	height: 108px;
	line-height: 24px;
	margin: 47px 0 0 14px;
}

.navmini1, .navmini2, .navmini3

{
font-size: 12px;	
margin: 6px 0 0 0;
width: auto;
height: auto;
}

.navmini2

{
margin: 6px 0 0 0;	
}

.navmini3

{
margin: 6px 0 0 0;	
}

.navmini1 a:link { color: #003045;text-decoration:none;}
.navmini1 a:visited { color: #003045;text-decoration:none;}
.navmini1 a:hover { color: #336caf;text-decoration:none;}
.navmini1 a:active { color: #003045;text-decoration:none;}

.navmini2 a:link { color: #003045;text-decoration:none;}
.navmini2 a:visited { color: #003045;text-decoration:none;}
.navmini2 a:hover { color: #336caf;text-decoration:none;}
.navmini2 a:active { color: #003045;text-decoration:none;}

.navmini3 a:link { color: #003045;text-decoration:none;}
.navmini3 a:visited { color: #003045;text-decoration:none;}
.navmini3 a:hover { color: #336caf;text-decoration:none;}
.navmini3 a:active { color: #003045;text-decoration:none;}

.mininavline, .navline

{
    background: #cacaca;
	width: 1px;
	height: 17px;
	margin: 6px 0 0 5px;
	float: left;	
}

.nav1, .nav2

{
color: #336caf;	
font-size: 13px;	
margin: 7px 0 0 22px;
width: auto;
height: auto;	
}

.nav2

{
margin: 7px 0 0 26px;
}

.navline

{
    background: #a8a8a8;
	margin: 8px 0 0 26px;
}

.boxtext1, .boxtext2, .boxtext3, .boxtext4

{
    font-size: 14px;
	font-weight: bold;
	width: auto;
	height: auto;
	margin: 11px 0 0 54px;		
}

.boxtext2

{
	margin: 11px 0 0 44px;		
}

.boxtext3

{
	margin: 11px 0 0 51px;		
}

.boxtext4

{
	margin: 11px 0 0 28px;		
}

.boxtext1  a:link { color: #003045;text-decoration:none;}
.boxtext1  a:visited { color: #003045;text-decoration:none;}
.boxtext1 a:hover { color: #336caf;text-decoration:none;}
.boxtext1 a:active { color: #003045;text-decoration:none;}

.boxtext2  a:link { color: #003045;text-decoration:none;}
.boxtext2  a:visited { color: #003045;text-decoration:none;}
.boxtext2 a:hover { color: #336caf;text-decoration:none;}
.boxtext2 a:active { color: #003045;text-decoration:none;}

.boxtext3  a:link { color: #003045;text-decoration:none;}
.boxtext3  a:visited { color: #003045;text-decoration:none;}
.boxtext3 a:hover { color: #336caf;text-decoration:none;}
.boxtext3 a:active { color: #003045;text-decoration:none;}

.boxtext4  a:link { color: #003045;text-decoration:none;}
.boxtext4  a:visited { color: #003045;text-decoration:none;}
.boxtext4 a:hover { color: #336caf;text-decoration:none;}
.boxtext4 a:active { color: #003045;text-decoration:none;}

.foot1, .foot2

{
color: #003045;
font-size: 12px;	
margin: 6px 0 0 37px;
width: auto;
height: auto;	
}

.foot2

{
margin: 6px 0 0 5px;
}

.foot1 a:link { color: #003045;text-decoration:none;}
.foot1 a:visited { color: #003045;text-decoration:none;}
.foot1 a:hover { color: #336caf;text-decoration:none;}
.foot1 a:active { color: #003045;text-decoration:none;}

.foot2 a:link { color: #003045;text-decoration:none;}
.foot2 a:visited { color: #003045;text-decoration:none;}
.foot2 a:hover { color: #336caf;text-decoration:none;}
.foot2 a:active { color: #003045;text-decoration:none;}

.footline

{
    background: #003045;
	width: 1px;
	height: 12px;
	margin: 9px 0 0 5px;
	float: left;
}

.flashmot

{
    font-size: 14px;
	font-weight: bold;
	color: #FFF;
	width: auto;
	height: auto;
	margin: 13px 0 0 13px;
	float: left;	
}

.flashheader

{
    font-size: 14px;
	font-weight: bold;
	color: #FFF;
	width: auto;
	height: auto;
	margin: 13px 0 0 13px;
	float: left;	
}

.motbook1

{
    font-size: 14px;
	font-weight: bold;
    width: 139px;
	height: 54px;
	margin: 8px 0 0 14px;
}

.motbook2

{
    font-size: 14px;
	font-weight: bold;
	color: #bc0207;
    width: auto;
	height: auto;
	margin: 5px 0 0 57px;	
}

.vortextext1

{
height: 143px;	
}

.vortextext1 a:link { color: #336caf;text-decoration:none;}
.vortextext1 a:visited { color: #336caf;text-decoration:none;}
.vortextext1 a:hover { color: #003045;text-decoration:none;}
.vortextext1 a:active { color: #336caf;text-decoration:none;}

.oservicetext1

{
height: 290px;
}

.oservicetext1 a:link { color: #336caf;text-decoration:none;}
.oservicetext1 a:visited { color: #336caf;text-decoration:none;}
.oservicetext1 a:hover { color: #003045;text-decoration:none;}
.oservicetext1 a:active { color: #336caf;text-decoration:none;}

.motbookbut

{
width: 40px;
height: 39px;
margin: -13px 0 0 114px;
float: left;
}

.cmsimg1

{
    background: url(../images/img_cms1.jpg) no-repeat;
	width: 259px;
	height: 148px;
	margin: 10px 0 0 14px;
	float: left;	
}

.cmsimg2

{
    background: url(../images/img_cms2.jpg) no-repeat;
	width: 279px;
	height: 148px;
	margin: 10px 0 0 15px;
	float: left;	
}

.footer

{
    background: url(../images/footer_back.gif) repeat-x;
	width: 980px;
	height: 30px;
	margin-top: 10px;
	float: left;	
}
.logo1

{
width: 176px;
height: 37px;
margin: 12px 0 0 16px;
float: left;
}

.logo2

{
width: 145px;
height: 48px;
margin: 5px 0 0 25px;
float: left;
}

.logo3

{
width: 130px;
height: 45px;
margin: 8px 0 0 25px;
float: left;
}

.logo4

{
width: 130px;
height: 49px;
margin: 7px 0 0 25px;
float: left;
}

.logo5

{
width: 60px;
height: 34px;
margin: 13px 0 0 35px;
float: left;
}

.logo6

{
width: 46px;
height: 46px;
margin: 8px 0 0 45px;
float: left;
}

.logo7

{
width: 42px;
height: 43px;
margin: 9px 0 0 45px;
float: left;
}

.logo8

{
width: 68px;
height: 24px;
margin: 3px 0 0 10px;
float: left;
}

.twitter

{
	width: 15px;
	height: 21px;
	margin: 39px 0 0 148px;
	float: left;
}

.facebook

{
	width: 15px;
	height: 21px;
	margin: 39px 0 0 10px;
	float: left;
}

.logocanam

{
background: url(../images/nav_mini_brp.gif) no-repeat;
width: 111px;
height: 29px;
margin: 0 0 0 148px;
float: left;
}

.slideshow 
{ 
background: #eee;
height: 233px; 
width: 171px; 
border: solid 1px #ccc;
margin: 10px 0 0 10px;
float: left;
}

.slideshow-top
{ 
background: #eee;
height: 96px; 
width: 171px; 
border: solid 1px #ccc;
margin: 10px 0 0 10px;
float: left;
}



.boxmotrow1

{
width: 173px;
height: 47px;
float: left;
}

.boxmotrow2

{
width: 173px;
height: 171px;
float: left;
}

.vortexlogo

{
width: 573px;
height: 40px;
margin: 3px 0 0 8px;
float: left;
}

.cmsvorteximg1

{
background: url(../images/vortex_img_mid.gif) no-repeat;
width: 553px;
height: 137px;
margin: 3px 0 0 15px;
float: left;
}

.cmsdiagimg1

{
background: url(../images/diag_img_mid.jpg) no-repeat;
width: 553px;
height: 237px;
margin: 3px 0 0 15px;
float: left;
}

.logobosch

{
margin: 15px 0 0 18px;
float: left;
}

.logokitemark

{
margin: 0 0 0 18px;
float: left;
}

.navlogo1

{
background: url(../images/nav_logo_tcg.gif) no-repeat;
width: 26px;
height: 25px;
margin: 2px 0 0 5px;
float: left;
}

.navlogo2, .navlogo3, .navlogo4, .navlogo5

{
background: url(../images/nav_logo_crl.gif) no-repeat;
width: 26px;
height: 25px;
margin: 2px 0 0 10px;
float: left;
}

.navlogo3

{
background: url(../images/nav_logo_cms.gif) no-repeat;
}

.navlogo4

{
background: url(../images/nav_logo_cvr.gif) no-repeat;
}

.navlogo5

{
background: url(../images/nav_logo_brp.gif) no-repeat;
}

.contactboxouter

{
	width: 577px;
	height: 315px;
	margin: 10px 0 0 7px;
	float: left;	
}	

.contactboxinner1

{
	width: 177px;
	height: 315px;
	float: left;		
}

.contactboxinner2

{
	width: 400px;
	height: 315px;
	float: left;		
}


.googlemap

{
width: 400px;
height: 290px;
margin: 5px 0 0 0;
float: left;
}

.generalouter

{
	width: 577px;
	height: 667px;
	margin: 10px 0 0 7px;
	float: left;
	overflow-x: hidden;
	overflow-y: auto;
}

/**** css lightbox thing ****/

.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
			display: none;
			position: absolute;
			top: 1%;
			left: 25%;
			width: 30%;
			height: 100%;
			padding: 16px;
			border: 8px solid #336caf;
			background-color: white;
			z-index:1002;
			overflow: auto;
		}

