@charset "utf-8";
/* CSS Document */

/*GENERAL STUFF//////////////////////////////////////////////////////////////////*/
body{
	background:#fff url(../images/mainBg.jpg) repeat-x top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
}

*{
	margin: 0;
	padding: 0;
}

img{
	border:none;
}

div.clear{
	clear:both;
}

a:link, a:visited{
	font-size:1.2em;
	color:#06F;
	text-decoration:none;
}

a:hover, a:active{
	text-decoration:underline;
}

div#mainWrapper{
	width:992px;
	margin:0 auto;
	background: url(../images/home/mainBg.png) repeat-y;
	z-index:-1;
}

div#bgLeft{
	width:30px;
	/*height:735px;*/
	float:left;
	/*background:url(../images/home/mainBgLeft.png) repeat-y;*/
}

div#mainContent{
	width:932px;
	float:left;
	background: #FFF;
	border: none;
}

div#contentArea{
	background: url(../images/home/contentBg.jpg) repeat-x #DDD;
	margin: 3px;
	width:926px;
	border: none;
}

div#bgRight{
	width:30px;
	/*height:735px;*/
	float:left;
	/*background:url(../images/home/mainBgRight.png) repeat-y;*/
}
hr{
	border: #06C solid medium;
	margin-top:20px;
	margin-bottom:20px;
}

h1{
	font-size:1.6em;
	color:#FFF;
}

h2{
	background:#0066CC;
	font-size:1.2em;
	color:#FFF;
	padding:2px;
}

h3{
	font-size:1.2em;
	color:#06C;
	font-weight:bold;
}

p{
	color:#00264D;
	font-size:1.2em;
	margin-bottom:10px;
}

/*HEADER STUFF////////////////////////////////////////////////////////////////////*/
div#headerWrapper{
	height:117px;
	width:992px;
	margin:0 auto;
}

img#logo{
	margin-left:20px;
	width:334px;
	height:79px;
	float:left;
}

img#phone{
	width:252px;
	height:55px;
	float:left;
	margin-top:-5px;
	margin-left:370px;
}

/*SHOP HEADER STUFF/////////////////////////////////////////////////////////////////*/
div#search{
	float:right;
	width:250px;
	margin-top:-18px;
	padding-left:0px;

}

div#cartStuff {
	float:right;
	margin-top:-70px;
	color:#FFF;
	font-size:0.8em;
	padding-right:32px;
}

div#cartStuff a, div#cartStuff p {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}


/*NAVBAR STUFF/////////////////////////////////////////////////////////////////////*/
ul#navBar{
	margin:10px 0px 0px 35px;
	color:#fff;
	width: 650px;
	float:left;
}

ul#navBar li{
	display:inline;
	margin-right:8px;
}

ul#navBar li a:link, ul#navBar li a:visited{
	font-size:1.2em;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}

ul#navBar li a:hover, ul#navBar li a:active{
	color: #012851;
}

form#search{
	width:220px;
	float:right;
}

input#userSearch{
	width:170px;
	height:20px;
	margin-top:5px;
	border: thin solid #000;
}

#go{
	width:31px;
	height:20px;
	color:#fff;
	background-color: #0066cc;
	border: thin solid #000;
	margin-top:5px;
}

.searchbutton{
	height:20px;
	color:#fff;
	background-color: #0066cc;
	border: thin solid #000;
	font-weight:bold;
}

/*FOOTER STUFF////////////////////////////////////////////////////////////////////*/
div#footer{
	height:250px;
	width:100%;
	margin-top:10px;
	background: url(../images/footerBg.jpg) repeat-x top #00264D;
}

div#footerWrapper{
	width:930px;
	margin:0 auto;
}

div#footerWrapper h1{
	color:#FFF;
	font-size:1.4em;
	margin-bottom:10px;
}

div#footer div#footerWrapper ul li{
	line-height:200%;
	list-style:none;
}

div#footer div#footerWrapper a:link, div#footer div#footerWrapper a:visited{
	font-size:1.2em;
	color:#FFF;
	text-decoration:none;
}

div#footer div#footerWrapper a:hover, div#footer div#footerWrapper a:active{
	text-decoration:underline
}

div#footer div#footerWrapper div#whatWeDo{
	width:116px;
	height:145px;
	border-right: dotted medium #fff;
	float:left;
	margin-top:30px;
}

div#footer div#footerWrapper div#quickLinks{
	width:206px;
	height:145px;
	border-right: dotted medium #fff;
	float:left;
	margin-left:20px;
	margin-top:30px;
}

div#footer div#footerWrapper div#quickLinks ul{
	width:100px;
	float:left;
}

div#footer div#footerWrapper div#contact{
	width:220px;
	height:145px;
	border-right: dotted medium #fff;
	float:left;
	margin-left:20px;
	margin-top:30px;
}

div#footer div#footerWrapper p{
	color:#FFF;
}

div#footer div#footerWrapper div#follow{
	width:300px;
	height:145px;
	float:left;
	margin-left:30px;
	margin-top:30px;
}

div#footer div#footerWrapper div#follow div#followImg{
	width:70px;
	float:left;
	margin-right:30px;
	text-align:center;
}

div#footer div#footerWrapper p#copyright{
	width:400px;
	float:left;
	margin-top:20px;
}

div#footer div#footerWrapper a#logo{
	width:370px;
	float:right;
	margin-top:20px;
}

/*HOME PAGE SPECIFIC///////////////////////////////////////////////////////////*/
div#welcome{
	border-top:thick #0066CC solid;
	width:100%;
	background-color:#FFF;
}

div#welcome p{
	
}

div#welcome img{
	float:left;
	width:567px;
	height:225px;
}

div#welcome div#text{
	width:339px;
	height:220px;
	padding:10px;
	float:left;
}

div#training{
	width:216px;
	height:219px;
	background:url(../images/home/training.jpg);
	margin:3px;
	border-top:medium solid #06F;
}

div#inspection{
	width:216px;
	height:219px;
	margin:3px;
	background:url(../images/home/inspection.jpg);
	border-top:medium solid #06F;
}

div#repairs{
	width:216px;
	height:219px;
	margin:3px;
	background:url(../images/home/repairs.jpg);
	border-top:medium solid #06F;
}

div#shop{
	width:216px;
	height:219px;
	background:url(../images/home/shop.jpg);
	margin:3px;
	border-top:medium solid #06F;
}

div#contentLinks{
	margin-top:7px;
	cursor:pointer;
}

div.contentLinkWrapper{
	width:222px;
	height:231px;
	float:left;
	background:#FFF;
	margin-left:7px;
}


div#contentLinks div.contentLinkWrapper h1{
	font-size:3.4em;
	margin-top:-48px;
	margin-left:5px;
}

div#leftColNews{
	width:451px;
	height:240px;
	float:left;
	margin-left:7px;
	margin-top:7px;
	background-color:#FFF;
}

div#leftColNews div#twitterContent{
	margin:10px;
	height:148px;
	overflow:hidden;
}

div#leftColNews div#twitterContent p{
	margin-left:10px;
	margin-right:10px;
}


div#blog{
	width:451px;
	height:240px;
	margin-top:7px;
	margin-left:7px;
	background: #FFF;
	float:left;
	overflow:hidden;
}

div#blog div#blogContent{
	margin:0px 7px 0px 7px;
	padding:10px;
}

div#blog div#blogContent{
	margin-left:7px;
}
div#blog div#blogContent div.post{
	height:60px;
	display:block;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:2px;
}

div#blog div#blogContent div.post p{
	font-size:1.1em;
}


div#hse{
	height:78px;
	margin:10px;
}

div#hse ul li{
	display:inline;
	padding-right:21px;
}

.tweet {
   padding: 3px;
   margin: 0px 0;
   background: url(images/transtweet.png) #F0F6F9;
}

div#recommendedProducts {
	width:910px;
	height:150px;
	margin-top:7px;
	margin-left:7px;
	margin-right:7px;
	background: #FFF;
	float:left;
}

div#recommendedProducts ul li{
	display:inline;
	padding-right:10px;
	margin-top:10px;
}

/*SHOP STUFF ////////////////////////////////////////////////////////////////*/
div#shopMainContent{
	background: #DDD;
	width:932px;
	float:left;
}

div#leftContent{
	width:190px;
	float:left;
	margin:0px 0px 2px 2px;
	background: #FFF;
}

div#leftContent div.box ul li{
	list-style:none;
}

div#rightContent{
	width:725px;
	background:#FFF;
	margin-left:7px;
	float:left;
}

div#leftContent div.box ul li a{
	font-weight:bold;
}

div#leftContent div.box ul li.hse{
	display:inline;
}

div.box{
	width:186px;
	margin:2px;
	border-top: solid medium #06F;
}

div.login{
	width:186px;
	margin:0 auto;
	
}

div#rightContent div.box{
	width:721px;
	margin:2px;
	border-top: solid medium #06F;
}

div#fullpageContent div.box{
	width:100%;
	border-top: solid medium #06F;
}

div.box h1{
	color:#06C;
	background-color:#efefef;
	width:100%;
	height:30px;
	display:block;
}

div.shopItem{
	width:153px;
	height:210px;
	border:thin solid #b7d1ea;
	background: #e4eef8;
	float:left;
	margin:12px;
	text-align:center;
}

div.shopItem img{
	margin:2px 0px 0px 0px;
}

/*FOR CONTACT PAGE /////////////////////////////////////////*/

p.contact{
	margin-left:10px;
	margin-top:10px;
	font-size:1.2em;
	width: 400px;
}

p.label{
	margin:10px 0px 10px 10px;
	font-size: 1.6em;
	font-weight:bold;
}

p.contactLabel2{
	margin-left:22px;
	margin-top:15px;
	font-size:1.6em;
}

p.contactLabel3{
	margin-left:22px;
	margin-top:17px;
	font-size:1.6em;
}

p.contactLabel4{
	margin-left:22px;
	margin-top:22px;
	font-size:1.6em;
}

p.contactLabel5{
	margin-left:22px;
	margin-top:25px;
	font-size:1.6em;
}

input#fullName{
	width:400px;
	height:20px;
	margin: 10px 0px 10px 10px;
	border: thin #000 solid;
	background: #fff !important;
}

input#from{
	width:400px;
	height:20px;
	margin: 10px 0px 10px 10px;
	border: thin #000 solid;
	background: #fff !important;	
}

input#contactTelephone{
	width:400px;
	height:20px;
	margin: 10px 0px 10px 10px;
	border: thin #000 solid;
	background: #fff !important;	

}

input#emailAddress{
	width:400px;
	height:20px;
	margin: 10px 0px 10px 10px;
	border: thin #000 solid;
	background: #fff !important;	
}

input#subject{
	width:400px;
	height:20px;
	margin: 10px 0px 10px 10px;
	border: thin #000 solid;
	background: #fff !important;	
}

textarea#message{
	width:400px;
	height:100px;
	margin: 10px 0px 10px 10px;
	border: thin #000 solid;
	background: #fff !important;
}

#message{
	width:400px;
	height:100px;
	margin: 10px 0px 10px 10px;
	border: thin #000 solid;
	background: #fff !important;	

}

input#verif_box{
	width:400px;
	height:20px;
	margin: 10px 0px 10px 10px;
	border: thin #000 solid;
	background: #fff !important;	
}

img#verif{
	width:50px;
	height:30px;
	margin: 10px 0px 10px 10px;
	border: thin #000 solid;
}

#submit{
	border: solid thin #000;
	background-color:#0066CC;
	width:100px;
	height:25px;
	margin-left:10px;
	color:#FFF;
	font-weight:bold;
	font-size:1.2em;
}

label.error{
	width:400px;
	float:left;
	color: red; 
	margin-left:10px;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:10px;
}
	



div#contactForm{
	float:left;
	width:460px;
	margin-top:0px;
}

div#map{
	float:right;
	width:425px;
	margin: -160px 10px 0px 0px;
}

iframe{
	border: thin #000 solid;
}

div#map hr{
	margin:0px 0px 10px 0px;
	width:440px;
}

#thankyou{
	height:500px;
	margin:10px;
}
/*TRAINING PAGE /////////////////////////////////////////////*/

ul#navigation{
	padding-left:5px;
}

ul#navigation li{
padding-top:5px;	
padding-bottom:5px;	
}

/*RECOMMENDED PRODUCTS///////////////////////////////////////////*/
div#recommendedProducts div#recLeft{
	width:450px;
	float:left;
}

div#recommendedProducts div#recommendedProductsContent{
	margin:10px;
}

div#recommendedProducts div#recLeft h1{
	font-size:4.5em;
	color:#06c;
	margin-top:5px;
}


div#recommendedProducts div#recRight{
	width:440px;
	float:left;
}