﻿body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	margin: 0px;
	background-color:#3C3C3C;
}

.container
{
	width:100%;
	float:left;
}

.column
{
	float:left;
	position:relative;
}

.clear
{
	clear:both
}

a
{
	text-decoration:none;
}

.wideTextBox {
	width: 480px;
}

.mediumTextBox {
	width: 248px;
}

.narrowTextBox {
	width: 150px;
}

.list
{
	width: 518px;	
}

.list .headerStyle td
{
	color:white;
}
 
.list a
{
	color:white;
}

label{
	color:white;
}

.modified {
	font-size: 0.8em;
	color:white;
}

a:hover
{
	text-decoration:underline;
}

h1, h2, h3, h4, h5, h6, stong 
{
	color:white;
		padding:0px;
	margin:0px;

}

h1
{
	font-size: 1.5em;
	height:29px;
	width:528px;
	padding:7px 0px 0px 10px;
	background-image:url('../images/heading-background.jpg');
	background-position:center center;
	background-repeat:no-repeat;
}

h2 
{
	font-size: 1.4em;
}

h3 
{
	font-size: 1.3em;
}

h4 
{
	font-size: 1.2em;
}

h5 
{
	font-size: 1.1em;
}

h6 
{
	font-size: 1.0em;
}

#container
{
	width:770px;
	margin:15px auto;
	background-color:black;
		background-image:url('../images/header-background.jpg');
	background-position: center top;
	background-repeat:no-repeat;

}

#header
{
	width:755px;
	height:237px;
	padding:25px 0px 0px 15px;
}

.topMenu
{
	width:770px;
	height: 51px;
	background-image:url('../images/topmenu-background.gif');
	background-position:center bottom;
	background-repeat:repeat-x;
	z-index:100;
}

.topMenu ul
{
	list-style:none;
	padding:0px;
	margin:0px;
	z-index:100;
}

.topMenu ul li
{
	color:white;
	font-weight:bold;
	background-image:url('../images/tab.gif');
	background-position:center top;
	background-repeat:no-repeat;
	width:175px;
	float:left;
	height:31px;
	text-align:center;
	padding:20px 8px 0px 0px;
	
}

.topMenu ul li.selected
{
	background-image:url('../images/tab-selected.gif');
}

.topMenu ul li a
{
	color:white;
	font-size:1.1em;
	font-weight:bold;
}

#contentArea
{
	background-image:url('../images/content-background.jpg');
	background-position:center center;
	background-repeat:repeat-y;
	border-top:5px #2FA5FF solid;
	z-index:50;
}

#contentLeft
{
	width:538px;
	padding:0px;
	margin:0px;
	z-index:50;

}

#mainContent
{
	padding: 0px 10px 0px 10px;
	color:white;
	z-index:50;
}

#mainContent a
{
	color:blue;
	text-decoration:underline;
}

#contentRight
{
	width:232px;
		padding:0px;
	margin:0px;

	z-index:50;
}

#vehicleList
{
	width:179px;
	margin:15px 0px;
	height:400px;
	padding:0px;
}

#vehicleListItem1
{
	width:165px;
	font-weight:bold;
	font-size:2.0em;
	line-height:21px;
	color:#70AFDF;
	text-align:right;
	padding:0px 15px 0px 0px;
}

#vehicleListItem2
{
	width:179px;
	font-weight:bold;
	font-size:3.0em;
	line-height:30px;
	color:#A8CEEB;
	padding:2px 0px 0px 0px;
}


#vehicleListItem3
{
	width:174px;
	font-weight:bold;
	font-size:2.7em;
	line-height:22px;
	color:#8ABDE4;
	padding:3px 5px 0px 0px;
	text-align:right;
}


#vehicleListItem4
{
	width:169px;
	font-weight:bold;
	font-size:3.8em;
	line-height:34px;
	color:#5EA5DB;
	text-align:right;
	padding:0px 10px 0px 0px;
}


#vehicleListItem5
{
	width:179px;
	font-weight:bold;
	font-size:2.4em;
	line-height:29px;
	color:#5EA5DB;
	text-align:right;
	padding:7px 30px 0px 0px;
}


#vehicleListItem6
{
	width:168px;
	font-weight:bold;
	font-size:1.8em;
	line-height:22px;
	color:#93C2E7;
	text-align:right;
	padding:3px 3px 0px 0px;
}

#contentRightBackground
{
	background-image:url('../images/lorry.jpg');
	background-position:right bottom;
	background-repeat:no-repeat;
	float:left;

}

.bottomMenu
{
	width:770px;
	float:left;
	text-align:right;
	color:white;
	height:17px;
	padding:2px 0px;
	background-color:black;
}

.bottomMenu a
{
	color:white;
	font-size:1.1em;
	padding:0px 10px;
}

#footer
{
	background-color:black;
	background-image:url('../images/footer-background.jpg');
	background-position:37px center;
	background-repeat:no-repeat;
	height:66px;
}

#footerLeft
{
	width:50px;
	height:48px;
	padding:18px 0px 0px 195px;
}

#footerMiddle
{
	width:140px;
	font-size:1.8em;
	color:white;
	font-weight:bold;
	padding:20px 0px 0px 0px;
}

#footerRight
{
	background-color:white;
	width:385px;
	height:66px;
	display:block;
}

#footerRight img
{
	padding:15px 4px 0px 4px;
}

#itemContainer
{
	
}

#itemContainer .item
{
	float:left;
	position:relative;
	width:490px;
	height:250px;
	background-image:url('../images/item-background.jpg');
	background-position:center top;
	background-repeat:no-repeat;
}

#itemContainer .item .top
{
	width:490px;
	height:82px;
	float:left;
	position:relative;

}

#itemContainer .item .top .left
{
	width:219px;
	float:left;
	position:relative;
	font-size:1.2em;
	font-weight:bold;
	padding:35px 0px 0px 10px;
	color:red;
}

#itemContainer .item .top .left a
{
	color:red;
}


#itemContainer .item .top .middleA
{
	width:115px;
	float:left;
	position:relative;
	padding:28px 5px 0px 0px;
	text-align:right;
}


#itemContainer .item .top .middle
{
	width:60px;
	float:left;
	position:relative;
	color:white;
	font-size:1.8em;
	font-weight:bold;
	padding:29px 0px 0px 0px;
}


#itemContainer .item .top .right
{
	width:81px;
	float:left;
	position:relative;
	color:white;
	font-size:1.6em;
	font-weight:bold;
	text-align:center;
	padding:28px 0px 0px 0px;
}

#itemContainer .item .middleM
{
	width:460px;
	height:126px;
	float:left;
	position:relative;
	font-weight:bold;
	padding:0px 30px 0px 0px;
	overflow:hidden;
}

#itemContainer .item .middleM ul
{
	margin:0px 0px 0px 30px;
	padding:0px;
}

#itemContainer .item .middleM ul li
{
	padding:4px 0px;
}

#itemContainer .item .bottom
{
	width:485px;	
	height:36px;
	float:left;
	position:relative;
	padding:15px 5px 15px 0px;
	text-align:right;
}

#itemContainer .item .bottom a
{
	background-image:url('../images/button.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	padding:15px 40px 15px 80px;
	color:white;
	font-size:1.2em;
	font-weight:bold;
}

.topMenu .actions 
{
	float: right;
	position: relative;
	padding: 20px 15px 0px 5px;
	color: white;
	font-weight: bold;
	background:none;
	z-index:100;
	text-align:right;
}

.topMenu .actions ul {
	right: 10px;
	top: 80%;
	display: none;
	position: absolute;
	list-style: none;
	background-color: white;
	border: 1px solid #9B9B9B;
	width: 165px;
	margin: 0px;
	z-index:100;
	padding:5px 10px;
}

.topMenu .actions:hover ul {
	display: block;
}

.topMenu .actions ul li {
	display: block;
	position: relative;
	width: 100%;	
	text-align: right;
	padding: 0px 25px 0px 0px;
	background:none;
	font-size:0.9em;
}

.topMenu .actions a {
	color: black;
}

.productContainer
{
	float:left;
	width:538px;
}

.productContainer .item 
{
	width:258px;
	height:232px;
	margin:10px 0px 0px 6px;
	float:left;
	position:relative;
	background-image:url('../images/product-background.jpg');
	background-position:left top;
	background-repeat:no-repeat;
}

.productContainer .item .top
{
	width:238px;
	float:left;
	position:relative;
	height:32px;
	padding:10px 0px 0px 10px;

	margin:0px;
}

.productContainer .item .top h2 a
{
	font-size:0.9em;
	color:red;
	padding:0px;
	margin:0px;
}

.productContainer .item .middle
{
	width:258px;
	height:125px;
	float:left;
	position:relative;
	padding:0px;
	margin:0px 0px 0px 0px;

}

.productContainer .item .middle .left
{
	width:147px;
	padding:5px;
	float:left;
	position:relative;
}

.productContainer .item .middle .right
{
	width:101px;
	float:left;
	position:relative;
	padding:10px 0px 0px 0px;
	font-weight:bold;
}

.productContainer .item .bottom
{
	width:239px;
	height:15px;
	float:left;
	position:relative;
	text-align:right;
	font-size:2.0em;
	color:white;
	font-weight:bold;
	padding:10px 19px 0px 0px;
	margin:0px;
}

.productContainer .item .bottom h2
{
	padding:0px;
	margin:0px;
	font-size:0.9em;
}

.productContainer .item .button
{
	width:258px;
	height:17px;
	float:left;
	position:relative;
	font-size:1.4em;
	font-weight:bold;
	padding:18px 0px 10px 0px;
}

.productContainer .item .button a
{
	background-image:url('../images/select-background.jpg');
	background-position:left center;
	background-repeat:no-repeat;
	color:#272727;
	padding:18px 30px 10px 80px;
}

.redArrow
{
	background-image:url('../images/red-arrow.jpg');
	background-position:left center;
	background-repeat:no-repeat;
	width:148px;
	height:31px;
	padding:5px 0px 0px 70px;
	color:white;
	font-weight:bold;
	font-size:1.8em;
}

.productDetail
{
	width:518px;
	margin: 5px;
	height:245px;
	float:left;
	background-image:url('../images/productdetail-background.jpg');
	background-position:left top;
	background-repeat:no-repeat;
}

.productDetail .top
{
	width:498px;
	float:left;
	position:relative;
	height:22px;
	padding:10px;
	font-size:1.4em;
	color:red;
	font-weight:bold;
}


.productDetail .middle
{
	width:518px;
	float:left;
	position:relative;

}

.productDetail .middle .left
{
	width:217px;
	height:183px;
	float:left;
	position:relative;
	padding:20px;
}

.productDetail .middle .right
{
	width:231px;
	float:left;
	position:relative;
}

.productDetail .middle .right .top
{
	float:left;
	width:241px;
	position:relative;
	color:black;
	font-size:0.9em;
	height:134px;
    padding:10px;
}

.productDetail .middle .right .bottom
{
	float:left;
	width:246px;
	position:relative;
	color:white;
	font-size:1.4em;
	font-weight:bold;
	height:20px;
	text-align:right;
	padding:20px 15px 0px 0px;
}

.productDetail .bottom
{
	width:518px;
	float:left;
	position:relative;
}

.productDetail .bottom .left
{
	float:left;
	position:relative;
	width:274px;
}

.productDetail .bottom .left label
{
	color:white;
}

.productDetail .bottom .right
{
	float:left;
	position:relative;
	width:244px;
	padding:18px 0px 10px 0px;
		font-size:1.4em;
	font-weight:bold;

}

.productDetail .bottom .right a
{
	background-image:url('../images/addtobasket.jpg');
	background-position:left center;
	background-repeat:no-repeat;
	color:#272727;
	padding:18px 37px 10px 80px;
}

#contactUsContent
{
	color:white;
	padding: 0px 10px;
}

#contactUsContent label
{
	color:white;
}

.smallButton
{
	background-image:url('../images/smallbutton.gif');
	background-position:center center;
	background-repeat:no-repeat;
	width:135px;
	height:26px;
	text-align:center;
	padding:10px 0px 0px 0px;
	margin:0px 10px;
}

.smallButton a
{
	font-weight:bold;
	font-size:1.1em;
	color:black;
}

.bigButton
{
	background-image:url('../images/bigbutton.gif');
	background-position:center center;
	background-repeat:no-repeat;
	width:235px;
	height:26px;
	text-align:center;
	padding:10px 0px 0px 0px;
	margin:0px 10px 10px 10px;
}

.bigButton a
{
	font-weight:bold;
	font-size:1.1em;
	color:black;
}


.bottomMenu .actions 
{
	float: right;
	position: relative;
	padding: 0px 15px 0px 5px;
	color: white;
	font-weight: bold;
	background:none;
	z-index:100;
	text-align:right;
}

.bottomMenu .actions ul {
	right: 10px;
	top: 80%;
	display: none;
	position: absolute;
	list-style: none;
	background-color: white;
	border: 1px solid #9B9B9B;
	width: 165px;
	margin: 0px;
	z-index:100;
	padding:5px 10px;
}

.bottomMenu .actions:hover ul {
	display: block;
}

.bottomMenu .actions ul li {
	display: block;
	position: relative;
	width: 100%;	
	text-align: right;
	padding: 0px 25px 0px 0px;
	background:none;
	font-size:0.9em;
}

.bottomMenu .actions a {
	color: black;
}

.linkGroup
{/*538*/
	width:100%;
	float:left;
}

.linkGroup .linkItem
{
	width:140px;
	height:16px;
	margin:5px 10px;
	background-image:url('../images/smallbutton.gif');
	background-position:center center;
	background-repeat:no-repeat;
	float:left;
	position:relative;
	padding:7px 4px;
	text-align:center;
}

.linkGroup .linkItem a
{
	color:black;
	font-weight:bold;
	font-size:0.95em;
}

.headingBar
{
	
	margin:5px 0px 0px 0px;
	background-color:#FDDB08;
	color:black;
	font-weight:bold;
	width:500px;
	font-size:1.2em;
	font-weight:bold;
	padding:5px;
}

.basketlist
{
	width:510px;
}


.basketlist .headerStyle
{
	background-color:#FDDB08;
	height:25px;
}

.basketlist .headerStyle td
{
	color:black;
	text-align:center;
}

#loginContainer
{
	
}

.loginTitle
{
	background-color:#BFB007;
	display:block;
	font-size:1.2em;
	font-weight:bold;
	color:white;
	padding:5px;
	margin:0px 0px 5px 0px;
}

#newCustomer
{
	height:280px;
	width:254px;
	padding:0px 5px 0px 0px;
}

#existingCustomer
{
	height:280px;
	width:254px;
	padding:0px 0px 0px 5px;
}

#registerButton 
{
	background-image:url('../images/smallbutton.gif');
	background-position:center center;
	background-repeat:no-repeat;
	width:228px;
	height:26px;
	text-align:center;
	padding:10px 0px 0px 0px;
	margin:0px 10px;
}

#registerButton a
{
	font-weight:bold;
	color:black;
}

#signinButton 
{
	background-image:url('../images/smallbutton.gif');
	background-position:center center;
	background-repeat:no-repeat;
	width:228px;
	height:26px;
	text-align:center;
	padding:10px 0px 0px 0px;
	margin:0px 10px;
}

#signinButton a
{
	font-weight:bold;
	color:black;
}

div.htmlEditor
{
	color:black;
}

#video
{
	width:100%;
	float:left;
	margin:103px 0px 0px 0px;
}

#video a
{
	color:black;
	font-size:1.3em;
	font-weight:bold;
}


