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

* {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

body {
	background:#e7e7e7 url(../img/body-bg.png) 0 0 repeat-x;
	font-size:75%;
}

p {
	padding-bottom:10px; }
	
hr {
	opacity:0.25;
	-webkit-opacity:0.25;
}


a {
	color:#d9ae02;
	font-weight:700;
	text-decoration:none;
}

a:hover { text-decoration:underline; }

a img { border:0; }

address {
	font-size:11px;
	line-height:120%;
	font-style:normal;
	margin:0 0 10px 0;
	padding:0;
}


/* div layouts */

#container {
	width:761px;
	border-right:10px solid #fff;
	border-left:10px solid #fff;
	border-bottom:10px solid #fff;
	margin:0 auto 20px auto;
	line-height:150%;
	color:#1f1d21;
}

.hero-image {
	width:761px;
	height:200px;
	border-bottom:10px solid #fff;
	background-position:0 0;
	background-repeat:no-repeat;
}

#hero-home {
	background-image:url(../img/home-hero.jpg);
}

#hero-forklifts {
	background-image:url(../img/forklifts-hero.jpg);
}

#column-holder {
	width:761px;
	overflow:auto;
	border-bottom:10px solid #fff;
	background:url(../img/column-holder-bg.png) 0 0 repeat-y;
	position:relative;
}

#col-1 {
	float:left;
	width:200px;
	background-color:#f5f5f5;
	padding:20px 10px;
	margin-bottom:150px;
	min-height: 350px; 
	height: auto !important; 
	height: 350px;
}

#col-2 {
	float:right;
	width:491px;
	background-color:#f5f5f5;
	border-left:10px solid #fff;
	padding:20px;
}

.slash {
	background:url(../img/slash.gif) 100% 0 no-repeat;
}

#footer-holder {
	background-color:#000;
	width:761px;
	height:30px;
}

div#copyright {
	float:right;
	color:#fff;
	font-size:11px;
	padding:5px 20px 0 0;
}

.thumb-holder-1 {
	background:url(../img/dropshadow1.gif) no-repeat;
	width:94px;
	height:88px;
	margin-right:10px;
	float:left;
	padding:4px 0 0 4px;
}

#getintouch {
	background:url(../img/get-in-touch-bg.gif) 0 0 no-repeat;
	width:163px;
	height:145px;
	margin-top:-4px;
	margin-left:-4px;
	color:#fff;
	padding:20px 0 0 45px;
	line-height:18px;
}

#association-holder {
	position:absolute;
	width:180px;
	height:50px;
	font-size:11px;
	line-height:120%;
	padding-top:40px;
	left:20px;
	bottom:40px;
	background:url(../img/association-logo.gif) 0 0 no-repeat;
	color:#8a898b;
}

div.cards {position:absolute; bottom: 150px; left: 10px; width: 202px; height: 127px; background:url(../img/cards.gif) 0 0 no-repeat; text-indent: -999em}

div.divider {
	height:2px;
	overflow:hidden;
	background:url(../img/divider.gif) 0 0 repeat-x;
}

.right-image {
	float:right;
	padding:0 0 10px 10px;
}

.left-image {
	float:left;
	padding:0 10px 10px 0;
}


/* image replacement code */
h1#header, h1#headerppc, .hero-image, h2, ul#main-nav li a, h3#contact-form-title, input#submit, h3#our-forklifts {
	display:block;
	letter-spacing : -1em;
	text-indent: -100000em;
	overflow: hidden;
}


/* headers and titles */
h1#header {
	background:url(../img/header.jpg) no-repeat;
	width:761px;
	height:110px;
}

h1#headerppc {
	background:url(../img/header_ppc.jpg) no-repeat;
	width:761px;
	height:110px;
}

h2#home-title { background:url(../img/title/home-title.gif) 0 0 no-repeat; width:318px; height:37px; margin-bottom:30px; }

h2#finance-title { background:url(../img/title/finance-title.gif) 0 0 no-repeat; width:76px; height:15px; margin-bottom:30px; }

h2#spares-title { background:url(../img/title/parts-title.gif) 0 0 no-repeat; width:121px; height:15px; margin-bottom:30px; }

h2#servicing-title { background:url(../img/title/servicing-title.gif) 0 0 no-repeat; width:94px; height:15px; margin-bottom:30px; }

h2#other-title { background:url(../img/title/other-title.gif) 0 0 no-repeat; width:150px; height:15px; margin-bottom:30px; }

h2#vacancies-title { background:url(../img/title/vacancies-title.gif) 0 0 no-repeat; width:141px; height:15px; margin-bottom:30px; }

h2#contact-title { background:url(../img/title/contact-title.gif) 0 0 no-repeat; width:141px; height:15px; margin-bottom:30px; }

h2#forklifts-title { background:url(../img/title/forklifts-title.gif) 0 0 no-repeat; width:141px; height:15px; margin-bottom:5px; }

h3#contact-form-title { background:url(../img/title/contact-form.gif) 0 0 no-repeat; width:141px; height:10px; margin-bottom:30px; margin-top:20px; }

h3#our-forklifts { background:url(../img/title/our-forklifts.gif) 0 0 no-repeat; width:141px; height:10px; margin-bottom:10px; margin-top:20px; }

h3 {
	font-size:14px;
	color:#545454;
	margin-bottom:10px;
}

body#financepage h3 {
	margin:10px 0 0 0;
}

h4 {
	font-size:12px;
	color:#545454;
	margin-bottom:0px;
}

/* navigation */

ul#main-nav {
	display:block;
	width:761px;
	height:30px;
	background:url(../img/main-nav-bg.jpg) 0 0 no-repeat;
	list-style:none;
	border-bottom:10px solid #fff;
}

ul#main-nav li {
	float:left;
	height:30px;
	position:relative;
}

#main-nav li a {
	background-image:url(../img/main-nav-buttons.png);
	background-repeat:no-repeat;
	height:30px;
}

#home-link a {
	background-position:0 0;
	width:71px;
}

#home-link a:hover, body#homepage #home-link a {
	background-position:0 -30px;
}

#forklifts-link a {
	background-position:-71px 0;
	width:123px;
}

#forklifts-link a:hover, body#forkliftspage #forklifts-link a {
	background-position:-71px -30px;
}

#spare-parts-link a {
	background-position:-194px 0;
	width:111px;
}

#spare-parts-link a:hover, body#sparepartspage #spare-parts-link a {
	background-position:-194px -30px;
}

#servicing-link a {
	background-position:-305px 0;
	width:96px;
}

#servicing-link a:hover, body#servicingpage #servicing-link a {
	background-position:-305px -30px;
}

#finance-link a {
	background-position:-401px 0;
	width:86px;
}

#finance-link a:hover, body#financepage #finance-link a {
	background-position:-401px -30px;
}

#other-link a {
	background-position:-487px 0;
	width:129px;
}

#other-link a:hover, body#otherpage #other-link a {
	background-position:-487px -30px;
}

#contact-link a {
	background-position:-616px 0;
	width:106px;
}

#contact-link a:hover, body#contactpage #contact-link a {
	background-position:-616px -30px;
}


ul#forklifts-sub {
	display:none;
	position:absolute;
	left:0;
	top:30px;
	list-style:none;
	background-color:#fff;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
}

ul#forklifts-sub li {
	float:none;
	white-space:nowrap;
	width:165px;
	padding:5px 18px;
	height:20px;
}

ul#forklifts-sub li a {
	background-image:none;
	letter-spacing:normal;
	text-indent:0;
	overflow: visible;
	width:165px;
	color:#000;
	font-weight:700;
	text-decoration:none;
}

ul#forklifts-sub li a:hover {
	text-decoration:underline;
}

ul#forklifts-sub li a span {
	color:#d9ae02;
}

ul#footer-nav {
	list-style:none;
	padding:5px 0 0 0;
	width:400px;
	float:left;
}

ul#footer-nav li {
	float:left;
	padding:0 20px;
}

ul#footer-nav li a {
	font-size:11px;
	color:#fff;
	font-weight:100;
	line-height:100%;
}

ul#footer-nav li#vancies-link { border-right:1px solid #ccc; }

div#sub-nav ul {
	list-style:none;
	padding:0;
	margin:0;
}

div#sub-nav ul li {
	margin-bottom:10px;
}

/* lists */

ul.lists {
	padding:10px 10px 10px 22px;
	list-style-image:url(../img/bullet.gif);
	list-style-position:outside;
}

ul.lists li {
	padding-bottom:5px;
}

ul.thumb-list {
	list-style:none;
	width:490px;
	overflow:auto;
	padding:30px 0 0;
}

ul.thumb-list li {
	float:left;
	width:245px;
	margin-bottom:20px;
}

ul.thumb-list li p {
	font-size:11px;
	line-height:15px;
	padding-right:10px;
}

ul.truck-list {
	list-style:none;
	width:490px;
	overflow:auto;
	padding:20px 0;
}

ul.truck-list li {
	float:left;
	width:490px;
	padding-bottom:20px;
	margin-bottom:20px;
	clear:both;
	background:url(../img/divider.gif) 0 100% repeat-x;
}

ul.truck-list li div.thumb {
	float:left;
	height:100px;
	width:120px;
}

ul.truck-list li div.info {
    float:left;
	width:239px;
	padding-right:10px;
	border-right:1px solid #dedede;
	line-height:16px;
	margin-right:15px;
}

ul.truck-list li div.info span {
	color:#d9ae02;
	font-weight:700;
	float:left;
}

ul.truck-list li div.pricing {
	float:right;
	width:100px;
	line-height:16px;
}

ul.truck-list li div.pricing p {
    font-size:11px;
}

ul.truck-list li div.pricing h4 {
	font-size:14px;
}

/* link styles */

a.style1,  h4 a.style5 { 
	padding-left:30px;
	padding-top:2px;
	padding-bottom:2px;
	background:url(../img/link-arrow-bg.png) 0 0 no-repeat;
	color:#d9ae02;
}

a.style2 { font-weight:100; font-size:11px; }

a.style3 { padding-left:11px; background:url(../img/link-triangle.gif) 0 1px no-repeat; }

a.style4 { 
	padding-left:30px;
	padding-top:3px;
	padding-bottom:2px;
	background:url(../img/link-arrow-dd-bg.png) 0 0 no-repeat;
}

a.style5 { font-weight:100; color:#1f1d21; }
h4 a.style5 	{font-weight:bold;}

span a:hover	{text-decoration:underline;}
li.selected a.style4 {
	background-position:0 -28px;
}

a.style6 {
	background:url(../img/getintouch-arrow.gif) 0px 2px no-repeat;
	padding-left:12px;
}



/* text styles */
.touch1 { font-size:12px; color:#fff; }
.touch2 { font-size:12px; color:#d2d2d3; }
.touch3 { font-size:16px; font-weight:700; color:#fff; }
.pb20 { padding-bottom:20px; }
.ml20 { margin-left:20px; }


/* form elements */

label {
	float:left;
	display:block;
	width:65px;
	font-size:11px;
	color:#545454;
	margin-bottom:5px;
}

input.formbox, textarea.formbox {
	float:left;
	width:175px;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-bottom:5px;
}

textarea.formbox {
	width:415px;
	height:215px;
}

form br {
	clear:both;
}

input#submit {
	width:101px;
	height:38px;
	background:url(../img/submit-btn.gif) 0 0 no-repeat;
	float:right;
	margin-bottom:20px;
	border:none;
	padding:0;
	cursor:pointer;
}
	

p.caveat {font-size:10px;}