/* ------------------------------------------------------------
                   VTL Automotive | vtl-automotive.com
  (c) 2006 Prime Creative Limited | primecreative.com
------------------------------------------------------------ */

/* layout ffsdfsdfdsfds*/

body {
	margin:0px;
	background-color:#E9E9E9;
	overflow-x: hidden;
}


/* 2 divs to place the content in the centre of the page... */

#horizon {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
}

#frame {
	margin-left: -497px;
	position: absolute;
	top: -288px;
	left: 50%;
	width: 994px;
	height: 575px;
}

p {
	margin:0px;
	padding:0px;
}
img {
	padding:0px;
	margin:0px;
	border:0px;
}
div#MainContainer {
	/*position: absolute;
	width: 994px;
	height: 575px;
	z-index:0;*/
	text-align:left;
}
#header {
	position:absolute;
	width:990px;
	height:240px;
	left:0px;
	top:9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color: #595959;
}

#noflash {padding:10px;}

#content {
	position:absolute;
	border-left: 1px solid #CCCCCE;
	border-right: 1px solid #CCCCCE;
	height:280px;
	width:988px;
	top:258px;
	background-color: #FFFFFF;
	background-image: url(../images/bodyRepeat.jpg);
	background-repeat: repeat-x;
}
#subsubsections {
	position:absolute;
	left:530px;
	top:7px;
	width: 400px;
	height: 39px;
}
#rightshadow {
	position:absolute;
	left:990px;
	top:0px;
	width:4px;
	background-image: url(../images/rightshadow.png);
	background-repeat:no-repeat;
	background-position:top;
	height:550px;
}
#topshadow {
	position:absolute;
	left:0px;
	top:0px;
	width:994px;
	background-image: url(../images/topshadow.png);
	height:18px;
}
#bottomshadow {
	position: absolute;
	width: 994px;
	top:535px;
	background-image: url(../images/bottomshadow.jpg);
	background-repeat:no-repeat;
	left: 0px;
	height: 8px;
}
#footer {
	position: absolute;
	left:0px;
	top:543px;
	width: 994px;
	padding-top: 3px;
}
.contentframe {
	position:absolute;
	border-left: 1px solid #CCCCCE;
	border-right: 1px solid #CCCCCE;
	height:280px;
	width:989px;
	top:258px;
	background-color: #FFFFFF;
	background-image: url(../../images/bodyRepeat.jpg);
	background-repeat: repeat-x;
}
/* copy styles */

.headingtext {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #4B6575;
	padding-left:45px;
	padding-top:20px;
}
.footertext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #595959;
	padding-top:8px;
	text-align: center;
}
.footertext a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	color: #595959;
	text-decoration:none;
}
#header a, .footerlinks a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	color: #595959;
	text-decoration:none;
}
.footerlinks {
	text-align: center;
	color: #595959;
}
.grouplogo {
	float:left;
	padding-left:15px;
	position:absolute;
}
.titleUnderline {
	padding-left:15px;
}
.boldbodytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #595959;
	text-decoration:none;
	width: 440px;
	padding-bottom:15px;
	padding-left:45px;
	line-height: 14px;
}
.bodytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color: #595959;
	text-decoration:none;
	width: 440px;
	padding-bottom:15px;
	padding-left:45px;
	text-align: justify;
	line-height: 14px;
}
.bodytextrt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color: #595959;
	text-decoration:none;
	width: 380px;
	padding-bottom:15px;
	padding-left:45px;
	text-align: justify;
	line-height: 14px;
}
.bodytextrtpd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color: #595959;
	text-decoration:none;
	width: 380px;
	padding-bottom:15px;
	padding-left:45px;
	padding-top:15px;
	text-align: justify;
	line-height: 14px;
}
.bodytextrtpdx {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color: #595959;
	text-decoration:none;
	width: 380px;
	padding-bottom:15px;
	padding-left:45px;
	padding-top:20px;
	text-align: justify;
	line-height: 14px;
}
.addresstext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color: #595959;
	text-decoration:none;
	width: 435px;
	padding-bottom:15px;
	padding-left:45px;
	text-align: justify;
	line-height: 12px;
}
.directionstext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:normal;
	color: #595959;
	text-decoration:none;
	width: 870px;
	padding-bottom:15px;
	padding-top:4px;
	padding-left:45px;
	text-align: justify;
	line-height: 12px;
}
.directionstextrt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:normal;
	color: #595959;
	text-decoration:none;
	width: 400px;
	padding-bottom:15px;
	padding-left:45px;
	text-align: justify;
	line-height: 14px;
}
.pageImage {
	float:right;
	margin-right:40px;
	margin-top:60px;
	border:1px solid #F57832;
	padding:5px;
	background-color:#F9E9E0;	
}
#enlarge {
	position:absolute;
	left:748px;
	top:200px;
	width:120px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:normal;
}
#enlarge a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color: #595959;
	text-decoration:none;
}
#address1 {
	position:absolute;
	left:50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	top: 75px;
}
#address2 {
	position:absolute;
	left:300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	top: 75px;
}
a.rightpad {
	width:20px;
	height:30px;
}
.mapImage {
 	border:1px solid #F57832;
	padding:5px;
	background-color:#F9E9E0;	
}

div#MapKey {
	position:absolute;
	left:55px;
	top:490px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color: #595959;
	z-index:1;
	border: 1px solid #CCCCCE;
	padding: 2px;
}
div#key1 {
	width:15px;
	height:15px;
	float: left;
	margin:2px;
	background-image:url(../images/orangebullet.gif);
	background-repeat:no-repeat;
}
div#key2 {
	width:90px;
	height:15px;
	float: left;
	padding:2px 2px 2px 8px;
}
div#key3 {
	width:15px;
	height:15px;
	float: left;
	margin:2px;
	background-image:url(../images/greenbullet.gif);
	background-repeat:no-repeat;
}
div#key4 {
	width:160px;
	height:15px;
	float: left;
	padding:2px 2px 2px 8px;
}
div#key5 {
	width:12px;
	height:15px;
	float: left;
	padding:5px 0px 0px 6px;
}
div#key6 {
	width:80px;
	height:15px;
	float: left;
	padding:2px 2px 2px 8px;
}

div.usa {
	position:absolute;
	width:250px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color: #595959;
	left:46px;
}
div.usa1 {
	position:absolute;
	left:300px;
	width:220px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color: #595959
}
div.japan {
	position:absolute;
	left:550px;
	width:200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color: #595959
}
.darkgrey {
	font-weight:bold;
	color: #595959;
}
/* lists */

#content ul {
	margin:0;
	padding: 0px 0px 0px 60px;
	width:435px;
}
#content li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color: #595959;
	line-height: 12px;
	width: 380px;
}

/* mailtos */

.usa a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;	
	color: #595959;
	text-decoration:underline;
}
.japan a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;	
	color: #595959;
	text-decoration:underline;
}
.addresstext a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;	
	color: #595959;
	text-decoration:underline;
}
/* xtra navigation */

#xtranav {
	position:absolute;
	left:565px;
	top:12px;
	width:400px;
	height:38px;
	background-image:url(../images/menubar/bg.gif);
	background-repeat: repeat-x;
}
#xtranavb {
	position:absolute;
	left:540px;
	top:12px;
	width:400px;
	height:38px;
	background-image:url(../images/menubar/bg.gif);
	background-repeat: repeat-x;
	z-index: 1;
}
a.quality {
	margin-left:25px;
	width:89px;
	height:38px;
	background-image: url(../images/menubar/itembg_dn.gif);
	background-repeat:no-repeat;
	float: left;
	text-align:center;
	white-space:nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	text-decoration:none;
	color:#123246;
	padding-top:12px;
}
a.quality:hover {
	background-image: url(../images/menubar/itembg.gif);
	background-repeat:no-repeat;
}
a.hse {
	width:59px;
	height:38px;
	background-image: url(../images/menubar/itembg_dn.gif);
	background-repeat:no-repeat;
	float: left;
	text-align:center;
	white-space:nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	text-decoration:none;
	color:#123246;
	padding-top:12px;
}
a.hse:hover {
	background-image: url(../images/menubar/itembg.gif);
	background-repeat:no-repeat;
}
a.continuous {
	width:189px;
	height:38px;
	background-image: url(../images/menubar/enditembg_dn.gif);
	background-repeat:no-repeat;
	float: left;
	text-align:center;
	white-space:nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	text-decoration:none;
	color:#123246;
	padding-top:12px;
}
a.continuous:hover {
	background-image: url(../images/menubar/enditembg.gif);
	background-repeat:no-repeat;
}

/* contact form */

#contactform {
	position:absolute;
	left:500px;
	top:0px;
	width:460px;
	height:280px;
}
#rtcopyextraitems {
	position:absolute;
	left:495px;
	top:67px;
	width:460px;
	height:200px;
}
.formlabel {
	width:70px;
	padding-top:5px;
	padding-left:40px;
	float:left;
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color: #595959;
}
.formlabel2 {
	width:70px;
	padding-top:5px;
	padding-left:40px;
	float:left;
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color: #595959;
}
.companylabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color: #595959;
	padding-left:5px;
}
.formitem {
	padding-bottom:5px;
	display:block;
}
.formitem2 {
	padding-bottom:5px;
	display:block;
}
.forminput {
	width:133px;
}
.forminputwide {
	width:340px;
}
.enquiry {
	width:340px;
	height: 70px;
}
.formsubmit {
	float:right;
}
form {
	padding-top:10px;
	margin:0px;
}

/* world map clicks*/

a#japandot {
	display:block;
	width:10px;
	height:10px;
	left:867px;
	top:120px;
	position:absolute;
	z-index: 2;
}
a#usadot {
	display:block;
	width:10px;
	height:10px;
	left:618px;
	top:110px;
	position:absolute;
	z-index: 2;
}
a#usadot2 {
	display:block;
	width:10px;
	height:10px;
	left:628px;
	top:110px;
	position:absolute;
	z-index: 2;
}
a#ukdot {
	display:block;
	width:10px;
	height:10px;
	left:705px;
	top:95px;
	position:absolute;
	z-index: 2;
}
div#map1 {
	position:absolute;
	left:547px;
	width:160px;
	top:145px;
	height:115px;
}
div#map2 {
	position:absolute;
	left:780px;
	width:160px;
	top:145px;
	height:115px;
}
a.localmap {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	text-decoration: none;
}
a.nextlink {
	color: #595959;
	text-decoration:none;
	float:right;
}
a.nextlinkrt {
	color: #595959;
	text-decoration:none;
	float:right;
	padding-right:35px;
}
div#extracontacts {
	position:absolute;
	width:155px;
	height:150px;
	left:330px;
	top:69px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color: #595959;
	text-decoration:none;
	text-align: justify;
	line-height: 12px;
}
a.email {
	color:#595959;
}
