/* GENERAL STYLES */
body{
padding:0;
margin:0;
background-color:#dedede;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}
p{
padding:0 10px;
}
.container{
position:relative;
float:left;
width:1024px;
background-color:#fff;
}

.logo{
position:relative;
float:left;
width:1024px;
background-color:#000000;
}
div.logo h1{
visibility:visible;
float:left;
text-indent:-9999px;
background-image:url(../images/logo.jpg);
background-repeat:no-repeat;
padding:0;
margin:0;
width:112px;
height:112px;
}
.search{
height:42px;
position:relative;
color:#FFFFFF;
float:right;
padding:10px 14px 60px 10px;
background:url(../images/searchBg.jpg) top right no-repeat;
margin:0;
}
.search form{
margin-bottom: 0px !important;
}
label.ss{
padding:0 16px;
position:relative;
top:-3px;
}
.shadow{
float:left;
position:relative;
padding:4px 0 0 0;
margin:0;
width:1024px;
background:url(../images/shadow.jpg) repeat-x;
font-size:0em;
}
.shadow p{
padding:0;
margin:0;
text-indent:-9999px;
}
.menuWrapper{
height:57px;
float:left;
}
.menu{
position:relative;
background-color:Transparent;
position:relative;
float:left;
padding:0;
margin:4px 0 0 0;
font-weight:bolder;
width:1024px;
font-size:1.1em;
}
.menu ul{
padding:0 0 0 10px;
margin:0;
}
.menu li{
list-style:none;
display:inline;
padding:0;
z-index:5;
}
.menu a:link{
color:#969696;
text-decoration:none;
}
.menu a:visited{
color:#969696;
text-decoration:none;
}
.menu  a:hover, .menu a:active, .menu a:focus {
text-decoration:none;
color:#000;
}
.subMenu{
position:relative;
background-color:Transparent;
position:relative;
float:left;
padding:0;
margin:5px 0 0 0;
width:1024px;
font-size:1em;
z-index:5;
}
.subMenu ul{
/*width:536px;*/
padding:0;
margin:0 0 0 10px;
}
.subMenu li{
list-style:none;
display:inline;
padding:0 5px;
}
.subMenu a:link{
color:#969696;
text-decoration:none;
}
.subMenu a:visited{
color:#969696;
text-decoration:none;
}
.subMenu  a:hover, .menu a:active, .menu a:focus {
text-decoration:none;
color:#000;
}

.content{
background-color:#fbfbfb;
background:url(../images/bg.jpg) left bottom repeat-x;
width:1024px;
float:left;
min-height:528px;
height:auto !important;
height:500px;
margin:20px 0 0 0;
padding:0 0 0 0;
}
.Drillbit{
background-image:url(../images/Background_drillbit.jpg);
}
.Saw{
background-image:url(../images/Background_saw.jpg);
}
.Screw{
background-image:url(../images/Background_screw.jpg);
}
.main{
float:right;
width:960px;
background:url(../images/topGrey960.jpg) left top no-repeat;
background-color:#64615c;
margin:0;
position:absolute;
top:193px;
left:30px;
}
.main h2{
float:left;
color:#fff;font-size:.98em;
padding:11px 0 10px 15px;
margin:0;
height:20px;
}
.main ul{
float:left;
margin:0;
padding:14px 0 0 200px;
color:#FFFFFF;
font-weight:bolder;
}
.main li{
list-style:none;
display:inline;
margin:0;
padding:0;
}
.main a{
color:#fff;
}

.main_text{
width:958px;
padding:0 0 0px 0;
float:left;
border:#64615c 1px solid;
color:#000000;
background-color:#FFF;
}
.main_text p {
padding:10px 0 10px 15px;
margin:0;
width:480px;font-size:0.85em;
}
p.offer{
	text-indent:-9999px;
	position:absolute;
	/*background-image:url(../images/offer.jpg);*/
	width:169px;
	height:215px;
	padding:0;
	margin:0;
	left: 515px;
	top: 210px;
}

.topGrey{
background:url(../images/topGrey.jpg) left top no-repeat;
padding:4px 0 0 0;
margin:0px 0 0px 40px;
height: 381px;
width:648px;
}
.topGreyColour{
background:url(../images/colourGrey.jpg) left top no-repeat;
padding:4px 0 0 0;
margin:0px 0 0px 7px;
height:381px;
width:696px;/*background-color:#64615c;*/
}
.topGreyTech{
background:url(../images/greyTop.jpg) left top no-repeat;
padding:4px 0 0 0;
margin:0px 0 0px 40px;
width:600px;
}
.topGreyThin{
background:url(../images/topGreyThin.jpg) left top no-repeat;
padding:/*4px*/ 0 0 0;
margin:0px 0 0px 40px;
width:640px;
height:4px;
}
.bottomGrey {
background:transparent url(../images/bottom600.png) no-repeat scroll 0pt;
clear:both;
height:4px;
padding:0;
margin:0 0 0px 0;
padding-bottom:0px;
position:relative;
font-size:0em;
}
.bottomGreyWide {
background:transparent url(../images/bottomGrey.png) no-repeat scroll 0pt;
clear:both;
height:4px;
padding:0;
margin:0 0 0px 0;
padding-bottom:0px;
position:relative;
font-size:0em;
}
.bottomGreyTech{
background:transparent url(../images/greyBottom.png) no-repeat scroll 0pt;
clear:both;
height:4px;
padding:0;
margin:0 0 0px 0;
padding-bottom:0px;
position:relative;
font-size:0em;
}

.bottomGreyBold{
background:transparent url(../images/bottomGreyBold.jpg) no-repeat scroll 0pt;
clear:both;
height:4px;
padding:0;
margin:0 0 0px 0;
padding-bottom:0px;
position:relative;
font-size:0em;
}

.mainBoxed{
height:auto !important;
float:left;
width:648px;
background-color:#64615c;
margin:0px 0 0px 0px;
}
.mainBoxed360{
height:341px;
float:left;
width:696px;
background-color:Transparent;
margin:44px 0 0px 21px;
}
.mainBoxed360 object{
float:left;
margin-top:25px;
}
.mainBoxedColour{
height:auto !important;
float:left;
width:696px;
background-color:#64615c;
margin:0px 0 0px 0px;
}
.mainBoxedColour p{
float:left;
clear:both;
color:#FFFFFF;
padding:0px 0pt 0px 15px;
margin:3px 0;
font-size:0.7em;
}
.mainBoxedTech{
height:auto !important;
float:left;
width:600px;
background-color:#64615c;
margin:0px 0 0px 0px;
}
.mainBoxedTech p{
float:left;
clear:both;
color:#FFFFFF;
padding:0px 0pt 0px 15px;
margin:3px 0;
font-size:0.7em;
width:562px;
}
.topGreyColour h2{
float:left;
color:#fff;
padding:7px 0 10px 15px;
margin:0;font-size:0.98em;
}
.topGreyColour p{
float:left;
color:#FFFFFF;
padding:0px 0pt 4px 15px;
margin:3px 0;
font-size:0.85em;
}
.mainBoxedVideo{
height:auto !important;
float:left;
width:640px;
background-color:#64615c;
margin:0px 0 0px 0px;
text-align:center;
}
.mainBoxed h2{
float:left;
color:#fff;
padding:7px 0 10px 15px;
margin:0;font-size:0.98em;
}
.mainBoxedColour h2{
float:left;
color:#fff;
padding:7px 0 10px 15px;
margin:0;
}
.mainBoxedTech h2{
float:left;
color:#fff;
padding:7px 0 10px 15px;
margin:0;
}
.mainBoxed ul{
float:right;
margin:0;
padding:8px 14px 0 0;
color:#FFFFFF;
font-weight:bolder;font-size:0.98em;
}
.mainBoxed * ul{
float:left;
}
.mainBoxed li{
list-style:none;
display:inline;
margin:0;
padding:0;
}
.mainBoxed a{
color:#fff;
}
.main_textBoxed{
height:auto !important;
width:646px;
padding:0 0 0px 0;
float:left;
border:#64615c 1px solid;
border-bottom:none;
color:#000000;
background-color:#FFFFFF;font-size:1em;
}
.main_textBoxedTall{
height:auto !important;
width:646px;
padding:0 0 0px 0;
float:left;
border:#64615c 1px solid;
border-bottom:none;
color:#000000;
background-color:#FFFFFF;font-size:1em;
}
.main_textBoxedFlash{
height:auto !important;
width:646px;
padding:0 0 0px 0;
float:left;
border:#64615c 1px solid;
border-bottom:none;
color:#000000;
background-color:#FFFFFF;font-size:1em;
}
.main_textBoxedFlash p{
display:none;
}
.main_textBoxedTech{
height:auto !important;
max-height: 450px;
overflow: auto;
width:598px;
padding:0 0 0px 0;
float:left;
border:#64615c 1px solid;
border-bottom:none;
color:#000000;
background-color:#FFFFFF;
}
.main_video{
height:auto !important;
width:638px;
padding:0 0 0px 0;
float:left;
border:#64615c 1px solid;
border-top:none;
color:#000000;
background-color:#FFFFFF;
}
.main_textBoxed p {
padding:10px 0 10px 15px;
margin:0;
width:480px;font-size:0.85em;
}
.main_textBoxedNew{
min-height:178px;
height:auto !important;
height:178px;
}
.main_textBoxedNew ul,
.main_textBoxedNew p {
padding:10px 0 10px 15px;font-size:0.80em;
margin:0;
width:280px;
}
.main_textBoxedNew p a {
color:#000000;
}
.main_textBoxedNewWhite{
min-height:162px;
height:auto !important;
height:155px;
}

.main_textBoxedNewWhite p {
padding:10px 0 10px 15px;
margin:0;
width:280px;
}
.main_textBoxedTech p{
font-size:1em;
color:#000000;
}
.main_textBoxedTech ol{
float:left;
}
.main_textBoxedTech ul{
float:left;
}
.main_textBoxedTall ol,
.main_textBoxed ol {
padding:0 0 0 20px;

margin:0 0 10px 0;
color:#000000;
}
.main_textBoxedTall li,
.main_textBoxed li {
padding:5px 0px 5px 10px;
display:list-item;
list-style-type: inherit;
list-style-position:inside;
margin:0;
color:#000000;font-size:0.85em
}
.main_textBoxed h3 {
padding:5px 5px 5px 15px;font-size:1em;
margin:0;
}
.footer{background-image:url(../images/footer.jpg);
border-top:1px solid #000000;
float:left;
font-size:0.7em;
height:27px;
padding:15px 210px 0px 0px;
position:relative;
width:814px;
}
.footer ul{
float:left;
padding:0;
margin:0;
}
.footer li{
list-style:none;
display:inline;
padding:0 10px;
}
.footer p{
margin:0;
padding:0 10px;
float:right;
}
.footer a:link{
color:#000;
}
.footer a:visited{
color:#000;
}
.footer  a:hover, .menu a:active, .menu a:focus {
color:#969696;
}
label{
font-size:0.8em;
padding:0 10px;
}
.searchText{
border:1px solid #fff;
color:#000;
margin:0 0 5px;
position:relative;
height:15px;
font-size:12px;
background:#e2e2e2;
}
.Submit{
background-color:#c8192a;
border:#FFFFFF solid 1px;
color:#FFFFFF;
height:19px;
font-size:12px;
margin:0 0 3px 0px;
padding: auto 0 1px auto;
}
body:not(:root:root) form .Submit {
position:relative;
top:1px;
}

#car{
background-image:url(../images/car.png);
position:absolute;
	width:296px;
	height:690px;
	float:left;
	left:728px;
	top:75px;
	z-index:2;
	text-indent:-9999px;
	margin:0;
	padding:0;	
}
#car2{
background-image:url(../images/canter.png);
position:absolute;
	width:310px;
	height:690px;
	float:left;
	left:714px;
	top:75px;
	z-index:2;
	text-indent:-9999px;
	margin:0;
	padding:0;	
}
#car3{
background-image:url(../images/car2.png);
background-repeat:no-repeat;
position:absolute;
	width:310px;
	height:690px;
	float:left;
	left:714px;
	top:94px;
	z-index:2;
	text-indent:-9999px;
	margin:0;
	padding:0;	
}
#car4{
background-image:url(../images/car4.png);
background-repeat:no-repeat;
position:absolute;
width:310px;
height:690px;
float:left;
left:714px;
top:84px;
z-index:2;
text-indent:-9999px;
margin:0;
padding:0;	
}
.active{
color:#000 !important;
}
.clearboth {
clear:both;
font-size:0pt;
height:1px;
line-height:0pt;
margin:0pt;
}
#threesixty{
position:absolute;
width:240px;
height:450px;
	float:left;
	left:704px;
	top:102px;
	z-index:10;
	margin:0;
	padding:0;	
}
#threesixtyPadding{
	height: 195px;
}
#hotSpots{
position:absolute;
width:362px;
height:445px;
	float:left;
	left:663px;
	top:276px;
	z-index:2;
	margin:0;
	padding:0;	
background:url(../images/hotSpot.png) left top no-repeat;
}
#hotSpots p{
width:105px;
margin:90px 0 0 230px;
color:#FFFFFF;
font-size:0.9em;
}

#hotSpots a{
width:120px;
margin:90px 0 0 230px;
color:#c8192a;
}

#hotSpots span{
color:#c8192a;
}
.topRed{
background:url(../images/topRed.jpg) left top no-repeat;
padding:4px 0 0 0;
margin:0px 0 0px 40px;
width:240px;
text-align:left;
}
.topRed h4{
margin:0;
text-align:center;
padding:10px 0 10px 0px;
background-color:#c8192a;
color:#FFFFFF;
}
.threesixtyText{
/*background:#ffffff;*/
font-size:0.9em;
float:left;
width:238px;
position:relative;
border:#c8192a solid 1px;
border-bottom:none;
color:#000;
padding:0;
margin:0;
}
.threesixtyText ul{
float:left;
padding:10px;
margin:0;
}
.threesixtyText ul.history{
text-align:center;
float:none;
}
.threesixtyText li{
list-style:none;
padding:2px 0;
margin:0;
}
.threesixtyText a{
color:#000000;
padding:0;
margin:0;
}
.threesixtyText a:hover, .menu a:active, .menu a:focus {
text-decoration:none;
}
.threesixtyText h5{
float:left;
margin:0;
padding:0 10px;
font-size:1.1em;
}
.threesixtyText ol{
float:left;
margin:10px 0;
padding:0 5px 0 8px;
color:#000000;
}
.threesixtyText ol.list li{
display:list-item;
list-style-position:inside;
list-style-type:square;
}

.bottomRed {
background:transparent url(../images/bottomRed.jpg) no-repeat scroll 0pt;
clear:both;
height:4px;
padding:0;
margin:0;
padding-bottom:0px;
position:relative;
font-size:0em;
}
#threeCars{
	float:left;
	z-index:2;
	margin:30px 0 0 120px;
	padding:0;	
}
#threeCarsColour{
	float:left;
	z-index:2;
	margin:30px 0 0 120px;
	padding:0;	
}
#timeline{
	float:left;
	z-index:2;
	margin:0px;
	padding:0;	
	position:relative;
	top:-115px;
}

#threeCarsNew{
	float:left;
	z-index:2;
	margin:173px 0 0 120px;
	padding:0;	
}
#threeCarsNew a{
	float:left;
	text-decoration:none;
}
#threeCarsNew img{
border:none;
}
#threeCarsColour img{
border:none;
}
#threeCarsColour a{
	float:left;
	text-decoration:none;
}
#threeCars a{
	float:left;
	text-decoration:none;
}
#threeCars img{
border:none;
}
.canterthree{
text-indent:-9999px;
padding:10px 96px 10px 10px;
margin:0 0 0 0px;
display:block;
position:relative;
background:url(../images/redButton.png) no-repeat;
width:180px;
height:93px;
}
.canterthreeTransparent{
text-indent:-9999px;
padding:10px 96px 10px 10px;
margin:0 0 0 0px;
display:block;
position:relative;
background:url(../images/greyButton.png) no-repeat;
width:180px;
height:93px;
}
.cantersix{
text-indent:-9999px;
padding:10px 96px 10px 10px;
margin:0 0 0 0px;
display:block;
position:relative;
background:url(../images/redButton2.png) no-repeat;
width:180px;
height:93px;
}
.cantersixTransparent{
text-indent:-9999px;
padding:10px 96px 10px 10px;
margin:0 0 0 0px;
display:block;
position:relative;
background:url(../images/greyButton2.png) no-repeat;
width:180px;
height:93px;
}
.canterseven{
text-indent:-9999px;
padding:10px;
margin:0 0 0 0px;
display:block;
position:relative;
background:url(../images/redButton3.png) no-repeat;
width:180px;
height:93px;
}
.cantersevenTransparent{
text-indent:-9999px;
padding:10px;
margin:0 0 0 0px;
display:block;
position:relative;
background:url(../images/greyButton3.png) no-repeat;
width:180px;
height:93px;
}
.blueTruck{
	position:absolute;
	background:url(../images/blueTruck.png) no-repeat top right;
	width:338px;
	height:222px;
	left: 349px;
	top: 194px;
	text-indent:-9999px;
}
.cabTruck
{
	position:absolute;
/*	background:url(../images/blueTruck.gif) no-repeat top right;*/
	width:338px;
	height:222px;
	left: 347px;
	top: 194px;
/*	text-indent:-9999px;*/
}
.whiteTruck
{
	position:absolute;
	background:url(../images/whiteTruck.png) no-repeat top right;
	width:400px;
	height:222px;
	left: 287px;
	top: 193px;
	text-indent:-9999px;
}
.threesixtyText p{
font-size:0.8em;
float:left;
padding:5px;
margin:0;
width:225px;
color:#000;
}
	.colourWheel li{
	padding:4px 0;
	}	
	.colourWheel a{
	padding-right:60%;
	text-decoration:none;
	}				
.colourWheel li#signalRed{
background:url(../images/signalRed.jpg) no-repeat right top;
}

.colourWheel li#rubyRed{
background:url(../images/rubyRed.jpg) no-repeat right top;
}

.colourWheel li#carminRed{
background:url(../images/carminRed.jpg) no-repeat right top;
}

.colourWheel li#lightBlue{
background:url(../images/lightBlue.jpg) no-repeat right top;
}
.colourWheel li#skyBlue{
background:url(../images/skyBlue.jpg) no-repeat right top;
}
.smallTrucks{
float:right;
width:81px;
}
.smallTrucks li{
	padding:4px 0;
	list-style:none;
	width:80px;
	float:left;
	height:80px;
	}	
	.smallTrucks a:link{
color:#969696;
text-decoration:none;
padding:5px 30px 60px 20px;
	}	
	.smallTrucks a:visited{
color:#969696;
text-decoration:none;
}
.smallTrucks  a:hover, .menu a:active, .menu a:focus {
text-decoration:none;
color:#000;
}			
.smallTrucks li#one{
background:url(../images/orange.jpg) no-repeat right bottom;
padding:0px;
}

.smallTrucks li#two{
background:url(../images/redTruck.jpg) no-repeat right bottom;
padding:0;
}

.smallTrucks li#three{
background:url(../images/whiteTruck.jpg) no-repeat right bottom;
padding:0;
}
table{
background-color:#ffffff;
margin:0;
padding:0;
text-align:center;
}
table td{
width:239px;
}
table td p{
width:218px;
padding: 0px 10px;
margin: 5px 0px;
}
.table{
border:#64615c solid 1px;
border-bottom:none;
border-top:none;
width:958px;
/*height: 330px;*/
margin:0px 0 0px 20px;
overflow: hidden;
}
.tableTop{
background:url(../images/tableTop.jpg) left top no-repeat;
padding:52px 0 0 0;
margin:0px 0px 0px 20px;
width:960px;
}
.tableBottom{
background:url(../images/tableBottom.jpg) left top no-repeat;
padding:76px 0 0 0;
margin:0px 0 0px 20px;
width:960px;
}
.withBorder{
border-left:#64615c solid 1px;
border-bottom:none;
border-top:none;
}
.spacer{
display:block;
width:227px!important;
font-size:0 !important;
border-top: Black 1px solid;
/*background-color:#000000;*/
height: 2px;
padding: 0px 0 0 0 !important;
margin:10px 0 6px 0 !important;
}
.topGrey table{
margin:10px;
}
iframe {
width:100%;
border: 0px Transparent none;
height: 450px;
}
.main_text iframe {
width:475px;
height:444px;
}
.main_text_extrawide iframe {
width:958px;
}
.main_textBoxed iframe {
height:340px;
}
.threesixtyText .active {
font-weight:bold;
}
#threesixty ul.thirdMenu li a {
font-weight:normal;
}
#threesixty ul.thirdMenu li a.active {
font-weight:bold;
}
#threesixty .thirdMenu li a {
color: #000000;
margin: 0;
padding: 0;
}
#threesixty .thirdMenu li {
list-style-image:none;
list-style-position: outside;
list-style-type: none;
font-size: 0.85em;
}
.history li {
text-align:left;
text-decoration: underline;
}

.main360 .topGreyThin {
margin-top:40px;
}
.content2 {
background-color: White;
height: 528px;
float: left;
}
.search a img {
border: none;
}
.search a {
display:block;
text-align:right;
padding: 0px 0px 4px;
}
#flashVideo
{
	position: absolute;
	left: 360px;
	top: 400px;
}

.newslist
{
height: 409px;
overflow: auto;
width: 218px;
}

.submenuitem
{
font-size:12px;
}

.menuitem,
.submenuitem
{
background-repeat:no-repeat;
background-position:bottom;
text-indent:-9999px;
float:left;
margin:0 5px;
}

.active .menuitem,
.active .submenuitem,
.menuitem:hover,
.submenuitem:hover
{
background-position:top;
}



/* EDITOR PROPERTIES */