@import url("/includes/nav.css"); /* IMPORT: navigation stylesheet */

html body {
	background: #e5e6e6;
	color: #6d6e71;
	font: normal 12px/16px Arial, Tahoma, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 20px 0;
	height: 100%;
	text-align: center;
}

/* ================================== [ HTML ELEMENTS ] ========================================== */

/* [!] Reset elements that have defaults */
blockquote, fieldset, form, img, h1, h2, h3, h4, h5, h6, h7, li, ol, p, ul, dl, dt, dd {border:none;margin:0;padding:0;}

a {color:#a70707;text-decoration:none;}
a:hover {text-decoration: underline;}

p {margin:12px 0 18px 0;}

ol {margin:17px 0 17px 36px;}
ol li {margin:2px 0 4px 0;}

ul {list-style:square;margin:17px 0 22px 36px;}
ul li {margin:4px 0;}

dl {border-bottom: 1px solid #e6e6e7;margin:17px 0 22px 0;}
dl dt{width:155px;float:left;border-top:1px solid #e6e6e7;font-weight:bold;padding:6px 0;}
dl dd{border-top:1px solid #e6e6e7;float:right;padding:6px 0;width:570px;}


h2 {
	color: #6d6e71;
	font-size: 14px;
	line-height: 17px;
	margin: 0 0 -8px 0;
}

h3 {
	background: #a70707;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	line-height: 17px;
	padding: 2px 6px;
	margin: 0;
}

h4 {
	color: #a70707;
	font-size: 12px;
	line-height: 16px;
	margin: 12px 0 -12px 0;
}

input, select, textarea {
	color: #6d6e71;
	font: normal 12px/15px Arial, Tahoma, Verdana, Helvetica, sans-serif;
	padding: 2px;
	vertical-align: middle;
}


/* ================================== [ GLOBAL STYLED ELEMENTS] ================================== */

.clear{
	clear: both;
}

.hr {
	border-top: 1px dashed #ccc;
	height: 1px;
	overflow: hidden;
	margin: 17px 0;
}

.hr hr {
	display: none;
}

.img-right {
	border: 1px solid #a70808;
	float: right;
	margin: 0 0 16px 16px;
}

.img-left {
	border: 1px solid #a70808;
	float: left;
	margin: 0 26px 16px 0;
}


#content img {
	vertical-align: middle;
}


.options {
	border-bottom: 1px solid #dfdfe0;
	border-left: 1px solid #dfdfe0;
	list-style: none;
	margin: 0;
}

.options li {
	float: left;
	line-height: 18px;
	margin: 0;
	width: 169px;
}

.options li a {
	background: #fff;
	border-top: 1px solid #dfdfe0;
	border-right: 1px solid #dfdfe0;
	color: #818285;
	display: block;
	height: 18px;
	padding: 0 8px;
}

.options li a:hover {
	background: #f0a142;
	color: #fff;
}


#strip {
	height: 92px;
}

#strip-bt, .strip-bt {background: url("/images/bg/strip-bt.gif") no-repeat;height: 92px;}
#strip-toyota, .strip-toyota {background: url("/images/bg/strip-toyota.gif") no-repeat;height: 92px;}
#strip-raymond, .strip-raymond {background: url("/images/bg/strip-raymond.gif") no-repeat;height: 92px;}
.strip-enviro {background: url("/images/bg/strip-enviro.gif") no-repeat;height: 92px;}
.strip-enviro {background: url("/images/bg/strip-enviro.gif") no-repeat;height: 92px;}
.strip-range {background: url("/images/bg/strip-range.gif") no-repeat;height: 92px;}
.strip-new-numberone {background: url("/images/flash/number-one.swf") no-repeat;height: 92px;}

/* PRODUCT INTRO */

.product-title {
	padding-left: 12px;
	margin: 0 0 24px 0;
}

#product-view {
	background: url("/images/bg/product-view.gif") 535px 0 repeat-y;
	padding: 0 0 0 12px;
	margin-bottom: 24px;
}

#pv-main {
	width: 508px;
	float: left;	
}

#pv-side {	 
	 float: right;
	 padding-bottom: 50px;
	 width: 200px;
}

#intro {
	border-bottom: 1px solid #dfdfe0;
	height: 56px;
	margin: 0 0 12px 0;
	position: relative;
}

#intro h1 {
	color: #d0372c;
	font-size: 22px;
	line-height: 24px;
	margin: 0;
	position: absolute;
	top: 28px;
	left: 12px;
}

#intro h1 span {
	color: #ea9f99;
	font-size: 16px;
	font-weight: normal;
	padding-left: 12px;
}

#intro .logo {	
	margin: 0;
	position: absolute;
	bottom: 4px;
	right: 4px;
}

#intro .link-btn {
	position: absolute;
	top: 28px;
	right: 0;
}

#intro .link-back {
	position: absolute;
	top: 6px;
	left: 13px;
	font-size: 11px;
	color: #999;
}

#intro .my-cart {
	position: absolute;
	top: 16px;
	right: 0;
}


.product-image {
	position: relative;
	text-align: center;
}

.product-image a {	
	border:1px solid #f0a142;
	cursor: pointer;
	margin: 0 auto;
	position: relative;
}

.product-image a span {	
	background: #f0a142;
	color: #fff;
	display: block;
	position: absolute;
	top: 20px;
	right: -8px;
	line-height: 20px;
	font-size: 27px;
	overflow: hidden;
	text-align: center;
	width: 20px;
	height: 20px;
}

.product-image a:hover {border:1px solid #a46e71;}
.product-image a:hover span {background: #a46e71;}


.product-support {
	margin: 24px 0 0 0;
	list-style: none;
}

.product-support li {
	margin: 0 0 12px 0;
}

.product-support li h4 {
	margin: 0;
}

.product-support li h4 a {
	background: url("/images/common/bullet-support.gif") 0 4px no-repeat;
	padding-left: 8px;
}

.product-support li a {color:#818285;}
.product-support li a:hover {color:#f0a142;}

.product-support li ul {
	border-bottom: 1px solid #dfdfe0;
	padding: 0 0 12px 0;
	list-style: none;
	margin: 12px 0 24px 0;
}

.product-support li ul li {
	background: url("/images/common/bullet-productsupport.gif") 0 7px no-repeat;
	font-size: 11px;
	margin: 0;
	padding: 2px 0 2px 10px;
}


.category-list {
	margin:0;
	list-style:none;
	background:url("/images/bg/category-border.gif");
	overflow: hidden;
	width:100%;
	margin-bottom:-12px;
	_margin-bottom:10px;
}
.category-list li {
	float:left; 
	width:173px;
	margin:0 20px 25px 0; 
	height:327px;
}
.category-list li.last { margin-right:0 }
.category-list h3 { font-size:12px; line-height:16px; margin-top:10px }
.category-list h3 a { color:#fff }
.category-list p { margin-top:5px; margin-bottom:0 }
.category-list img { height:165px; width:173px;  }

.product-list {
	margin:0;
	list-style:none;
}
.product-list li {
	padding:20px 0;
	position: relative;
	border-bottom:1px solid #ccc
}
.product-list img { float:left; }
.product-list h3 {
	background:none;
	padding:0;
	font-weight:bold;
}
.product-list div { float:right; width:545px }

.product-list .new-badge {
	background: #D0372C;
	color: white;
	padding: 2px 4px;
	font-size: 9px;
	vertical-align: top;
}

.data-list {
	border-top: 1px solid #ccc;
	border-collapse: separate;
	border-spacing: 0;
	margin: 12px 0;
	width: 100%;
}

.data-list thead th, .data-list .thead th  {
	background: #999;
	border-right: 1px solid #999;
	color: #fff;
	padding: 4px 8px;
	white-space: nowrap;
}

.data-list td {
	border-bottom: 1px solid #ccc;
	border-right: 1px dotted #e5e5e5;
	font-size: 11px;
	line-height: 14px;
	padding: 8px;
	vertical-align: top;
}

.data-list th {
	border-bottom: 1px solid #ccc;
	border-right: 1px dotted #e5e5e5;
	border-left: 1px dotted #e5e5e5;
	font-size: 11px;
	line-height: 14px;
	padding: 8px;
	vertical-align: top;
	width: 150px;
}

.data-list td.button {
	border-right: none;
	text-align: center;
	vertical-align: middle;
	width: 16px;
}

.data-list td.thru {
	text-align: center;
	vertical-align: middle;
	width: 26px;
}

.data-list td.download {
	border-right: none;
	width: 140px;
}

.data-list td.total {
	border-right: none;
	color: #d0372c;
}

.data-list td.right {
	text-align: right;
}

.data-list td.chex {
	text-align: center;
	width: 40px;
}

.data-list td a {
	color: #6d6e71;
}

.data-list .alt td {
	background: #f9f9f9;
}


.spec-list {
	border-top: 1px solid #ccc;
	border-collapse: separate;
	border-spacing: 0;
	margin: 20px 0;
	width: 100%;
}

.spec-list tbody td, .spec-list tbody th {
	border-bottom: 1px solid #ccc;
	border-right: 1px dotted #e5e5e5;
	font-size: 11px;
	line-height: 14px;
	padding: 4px 8px;
	vertical-align: top;
}

.spec-list tbody th {
	border-left: 1px dotted #e5e5e5;
	width: 150px;
}

.spec-list tbody td a {
	color: #6d6e71;
}

.spec-list tbody .alt td, .spec-list tbody .alt th {
	background: #f9f9f9;
}



#productsearch-nav {
	height: 60px;
	list-style: none;
	margin: 24px 0;
	position: relative;
}

#productsearch-nav li {
	float: left;
	margin: 0 16px 0 0;	
}
#productsearch-nav li#psn-tie {margin-top:8px;}
#productsearch-nav li#psn-bt {margin-top:0;}
#productsearch-nav li#psn-raymond {margin-top:16px;}
#productsearch-nav li#psn-other {margin-top:20px;}

#productsearch-nav li a {
	display: block;
	text-indent: -12345px;
	overflow: hidden;
}

#productsearch-nav li#psn-tie a {background: url("/images/buttons/tie.gif");width:137px;height:44px;}
#productsearch-nav li#psn-tie a.selected, #productsearch-nav li#psn-tie a:hover {background-position:0 -44px;}

#productsearch-nav li#psn-bt a {background: url("/images/buttons/bt.gif");width:60px;height:60px;}
#productsearch-nav li#psn-bt a.selected, #productsearch-nav li#psn-bt a:hover {background-position:0 -60px;}

#productsearch-nav li#psn-raymond a {background: url("/images/buttons/raymond.gif");width:143px;height:32px;}
#productsearch-nav li#psn-raymond a.selected, #productsearch-nav li#psn-raymond a:hover {background-position:0 -32px;}

#productsearch-nav li#psn-other a {background: url("/images/buttons/other.gif");width:65px;height:17px;}
#productsearch-nav li#psn-other a.selected, #productsearch-nav li#psn-other a:hover {background-position:0 -17px;}

#productsearch-nav li span {
	background: #f1f1f1;
	border: 1px solid #d90000;
	padding: 10px;
	font-size: 11px;
	line-height: 14px;
	display: none;
	position: absolute;
	width: 310px;
	height: 40px;
	top: 0;
	right: 0;
}
#productsearch-nav li span strong {color: #d90000;}

#productsearch-nav li.over span {display:block;}




.cat-list {
	list-style: none;
	margin: 24px 0;
}

.cols-3 {background: url("/images/bg/cat-list-cols-3.gif") 1px 0 repeat-y;}
.cols-4 {background: url("/images/bg/cat-list-cols-4.gif") 1px 0 repeat-y;}

.cat-list li.col {
	float: left;
	margin: 0;
}

.cols-3 li.col{width: 242px;}
.cols-4 li.col{width: 182px;}

.cat-list li.row-first {
	clear: left;
}

.cat-list li h3 {
	border-left: 1px solid #fff;
	border-bottom: 2px solid #f10a0a;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 6px;
	text-decoration: none;
}

.cols-3 li.col h3{background: #a70707 url("/images/bg/cat-list-title.gif") 226px 13px no-repeat;}
.cols-4 li.col h3{background: #a70707 url("/images/bg/cat-list-title.gif") 166px 13px no-repeat;}

.cat-list li.col .desc {
	height: 48px;
	font-size: 10px;
	line-height: 11px;
	padding: 0 12px;
}

.cat-list li.col .link-list {
	border-top: 1px solid #ccc;
	margin: 6px;
}

.cols-3 li.col .link-list li {width: 230px;}
.cols-4 li.col .link-list li {width:168px;}



.link-list {
	list-style: none;
	margin: 24px 0;
}

.link-list li {
	border-bottom: 1px solid #ccc;
	float: left;
	font-size: 11px;
	width: 242px;
	line-height: 13px;
	margin: 0;
}

.link-list li a {
	background: url("/images/bg/link-list-item.gif") 6px 6px no-repeat;
	color: #6d6e71;
	display: block;
	padding: 4px 0 4px 16px;
}
.link-list li.thru a {
	background: url("/images/bg/link-list-item-thru.gif") 6px 6px no-repeat;
}

.link-list li a:hover {color: #a70707;}

.product-details .link-list {
	border: 1px solid #ccc;
	border-bottom: none;
	border-left: none;
}
.product-details .link-list li {
	width: 176px;
}
.product-details .link-list li.row-first {
	width: 177px;
}
.product-details .link-list li a {
	background: none;
	border-left: 1px solid #ccc;
	padding-left: 6px;
	font-weight: bold;
}
.product-details .link-list li a:hover {
	background: #a70707;
	color: #fff;
}
.product-images .link-list li {
	width: 167px;
}
.product-help .link-list li {
	width: 163px;
}


.product-help {
	float: left;
	width: 167px;
	margin: 0 14px 0 -27px;
}

.product-help .thumb {
	margin: 0;
	position: relative;
	width: 167px;
	overflow: hidden;
}

.product-help .thumb img {
	float:left;
}

.product-help .thumb a span {
	background: #fff;
	border: 1px solid #a70707;
	cursor: pointer;
	color: #a70707;
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	text-align: center;
	width: 16px;
	height: 16px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.product-help .thumb a:hover span {
	background: #a70707;
	color: #fff;
}


.img-right {
	border: 1px solid #ccc;
	float:right;
	margin: 0 0 12px 12px;
}



.product-help {
	float: right;
	width: 163px;
}

.product-help h4 {
	background: #6d6e71;
	clear: both;
	color: #fff;
	padding: 3px 6px;
	margin: 0;
}

.product-help .link-list {	
	margin: 6px 0;
}

.product-help .link-btn {
	margin: 6px 0;
}



/* Australian map withy rollover states */

#aust-map {
	width: 176px;
	height: 163px;
	background: transparent url("/images/bg/map-aust.gif") 0 0 no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	list-style: none; 
}

#aust-map li {margin:0; padding:0; display:block; position:absolute;}
#aust-map li a {display: block;}
#aust-map li a span {display: none;}

#aust-map li#NSW {left:120px; top:88px; width:56px; height:45px; z-index:5;}
#aust-map li#NT {left: 66px; top: 1px; width: 45px; height: 73px; z-index: 3;}
#aust-map li#QLD {left: 109px; top: 0px; width: 67px; height: 94px; z-index: 2;}
#aust-map li#SA {left: 69px; top: 73px; width: 54px; height: 59px; z-index: 4;}
#aust-map li#TAS {left: 132px; top: 147px; width: 15px; height: 15px; z-index: 7;}
#aust-map li#VIC {left: 117px; top: 113px; width: 38px; height: 25px; z-index: 6;}
#aust-map li#WA {left: 0px; top: 14px; width: 72px; height: 109px; z-index: 1;}

#aust-map li#NSW a {height:45px;}
#aust-map li#NT a {height: 73px;}
#aust-map li#QLD a {height: 94px;}
#aust-map li#SA a {height: 59px;}
#aust-map li#TAS a {height: 15px;}
#aust-map li#VIC a {height: 25px;}
#aust-map li#WA a {height: 109px;}

#aust-map li#NSW a:hover, #aust-map li#NSW a.selected {background: transparent url("/images/bg/map-aust.gif") -120px -414px no-repeat;}
#aust-map li#NT a:hover, #aust-map li#NT a.selected {background: url("/images/bg/map-aust.gif") -66px -327px no-repeat;}
#aust-map li#QLD a:hover, #aust-map li#QLD a.selected {background: url("/images/bg/map-aust.gif") -109px -163px no-repeat;}
#aust-map li#SA a:hover, #aust-map li#SA a.selected {background: url("/images/bg/map-aust.gif") -69px -562px no-repeat;}
#aust-map li#TAS a:hover, #aust-map li#TAS a.selected {background: url("/images/bg/map-aust.gif") -132px -636px no-repeat;}
#aust-map li#VIC a:hover, #aust-map li#VIC a.selected {background: url("/images/bg/map-aust.gif") -117px -276px no-repeat;}
#aust-map li#WA a:hover, #aust-map li#WA a.selected {background: url("/images/bg/map-aust.gif") 0px -177px no-repeat;}


.list-locations {
	list-style: none;
	margin-left: 0;
}

.list-locations li {
	border-bottom: 1px dashed #ccc;
	margin: 0;
	padding: 12px 6px 0 6px;
	position: relative;
}

.list-locations li.alt {
	background: #f1f1f1;
}

.list-locations li h4 {
	margin-top: 0;
}

.list-locations li .buttons {
	position: absolute;
	top: 12px;
	right: 0;
}

.list-locations li .buttons .link-btn {
	margin-bottom: 6px;
}


#switch {
	position: absolute;
	right: 0;
	bottom: 6px;
}

.searchswitch {
	background: url("/images/bg/searchswitch.gif");
	margin: 0;
	width: 210px;
	height: 22px;
	position: relative;
	overflow: hidden;
}

.searchswitch li {
	float: left;
	height: 22px;
	line-height: 22px;
	margin: 0;
	overflow: hidden;
	position: absolute;
}

.searchswitch li.switch-advanced {width:134px;left:0;top:0;}
.searchswitch li.switch-all {width:87px;right:0;top:0;}

.searchswitch li a {
	background: url("/images/bg/searchswitch.gif") 0 -12345px no-repeat;
	color: #a80a0a;
	font-size: 11px;
	font-weight: bold;
	display: block;
	height: 22px;
	text-align: center;
}

.searchswitch li.switch-advanced a:hover {background-position: 0 -22px;color:#fff;}
.searchswitch li.switch-all a:hover {background-position: -123px -44px;color:#fff;}



.download-block {
	border-right: 1px solid #a70707;
	float: left;
	width: 182px;	
}

.download-block h3 {
	font-size: 12px;
}

.download-block .thumb {
	text-align: center;
}

.download-block .data-list {
	margin-bottom: 0;
}

.db-last {border-right: none;}




.shop-box {
	border-right: 1px solid #a70707;
	border-bottom: 1px solid #a70707;
	float: left;
	position: relative;
	width: 364px;	
	height: 110px;
	overflow: hidden;
}

.sb-alt {
	border-right: none;
}

.shop-box h3 {
	font-size: 12px;
}

.shop-box table {
	width: 150px;
}

.sb-alt table {
	margin-left: 15px;
}

.shop-box .thumb {
	position: absolute;
	right: 15px;
	top: 35px;
	margin: 0;
}
.sb-alt .thumb {
	right: 0;
}

.shop-box .view {
	position: absolute;
	right: 110px;
	bottom: 45px;
	margin: 0;
}
.sb-alt .view {	
	right: 95px;
}

.shop-box .add {
	position: absolute;
	right: 110px;
	bottom: 15px;
	margin: 0;
}
.sb-alt .add {	
	right: 95px;
}

.shop-box .add img, .shop-box .view img {
	vertical-align: middle;
}

.shop-box a {
	color: #a70707;
}





/* ================================== [ BUTTONS + LINKS ] ======================================== */

.btn {
	margin: 0;
	overflow: hidden;
}

.btn a {
	display: block;
	overflow: hidden;
	text-indent: -12345px;
}

.btn-enquirenow, .btn-enquirenow a{background: url("/images/buttons/enquirenow.gif");width:163px;height:22px;}
.btn-enquirenow a:hover {background-position: 0 -22px;}

.btn-brochuredownload, .btn-brochuredownload a{background: url("/images/buttons/brochuredownload.gif");width:163px;height:22px;}
.btn-brochuredownload a:hover {background-position: 0 -22px;}

.btn-printfriendly, .btn-printfriendly a{background: url("/images/buttons/printfriendly.gif");width:163px;height:22px;}
.btn-printfriendly a:hover {background-position: 0 -22px;}


.link-btn {
	background: url("/images/bg/link-btn.gif");
	margin: 0;
	width: 163px;
	height: 22px;
}

.link-btn a {
	background: url("/images/bg/link-btn.gif");	
	color: #a70707;
	font-size: 11px;
	font-weight: bold;
	display: block;
	line-height: 22px;
	padding: 0 6px;
}

.link-btn a:hover {
	background-position: 0 -22px;
	color: #fff;
}


/* ================================== [ TITLES ] ================================================= */
/* ================================== [ FORMS ] ================================================== */


.form-panel {	
	border: 1px solid #dfdfe0;
	margin: 24px 0 24px 0;
	padding: 15px;	
}

.form-panel-alt {
	background: #f1f1f1;
}

.form-panel-first {
	margin-top: 44px;
}

.form-panel h3 {
	 border:1px solid #dfdfe0;
	 background: #fff;
	 color: #a70707;
	 float: left;
	  font-size: 17px;
	 margin: -30px 0 0 0;
	 padding: 5px;
	 text-decoration: none;
}


.form-holder {
	margin: 12px 0 0 6px;
}

.form-holder td, .form-holder th {
	padding: 3px 0;
	vertical-align: top;
}

.form-holder th {
	font-weight: normal;
	padding-right: 20px;
	width: 150px;
}

.denote {
	vertical-align: middle;
}

.denote-instruct {
	margin: 0;
	float: right;
}

.form-button {
	text-align: center;
}

.form-questions { border: 0; }
.form-questions dt { float: none; border: 0; width: auto; padding: 0; }
.form-questions dd { float: none; border: 0; margin-bottom: 20px; line-height: 2 }
.form-questions input[type=radio],
.form-questions input[type=checkbox] { position:relative; top: -3px; }


/* ================================== [ TABLES ] ================================================= */
/* ================================== [ SLIDE DOWN CONTACT FORM ] ================================ */
/* ================================== [ HOME CONTENT ] =========================================== */

#home-flash {
	width: 752px;
	height: 193px;
	overflow: hidden;
}


/* HOME INTRO */

#home-intro {
	/* height: 86px; */
	margin: 0 0 20px 0;
	/* position: relative; */
}

#home-intro h2 {
	color: #63a446;
	font-size: 22px;
	line-height: 24px;
	margin: 0 0 5px 0;
	letter-spacing: -1px;
}

#home-intro p {
	font-size: 14px;
	margin: 0;
/*
	position: absolute;
	top: 24px;
	left: 233px;
	width: 300px;
*/
	z-index: 10;
}




/* HOME NEWS */

#home-content {
	height: 325px;
	margin-bottom: 12px;
}

#home-news {
	background: url("/images/bg/home-news.jpg");
	float: left;
	/* height: 214px; */ height:126px;
	width: 220px;
	overflow: hidden;
	position: relative;
}

#home-news h2 {
	color: #6b6c6e;
	font-size: 14px;
	line-height: 16px;
	position: absolute;
	margin: 0;
	left: 44px;
	top: 15px;
}

#home-news ul {
	list-style: none;
	margin: 0;
	position: absolute;
	top: 50px;
	left: 16px;
}

#home-news ul li {
	background: url("/images/common/bullet-homenews.gif") 0 4px no-repeat;
	font-size: 12px;
	line-height: 14px;
	margin: 0 0 10px 0;
	padding: 0 20px 0 10px;
}

#home-news ul li a {color:#6e6f72;}
#home-news ul li a:hover {color:#393a3c;}




/* HOTSPOTS */

#hotspots-small {
	margin: 0 -15px;
	height: 99px;
}

#hotspots-small a { float:left; display: inline; }

#hotspots {
	clear: both;
	float: right;
	height: 228px;
	width: 519px;
	overflow: hidden;
}

.hotspot {
	float: left;
	position: relative;
	width: 254px;
	height: 102px;
	overflow: hidden;
}

.hotspot-toyota {background: url("/images/bg/hotspot-toyota.jpg");margin: 0 10px 10px 0;}
.hotspot-bt {background: url("/images/bg/hotspot-bt.jpg");margin: 0 10px 0 0;}
.hotspot-raymond {background: url("/images/bg/hotspot-raymond.jpg");margin: 0 0 10px 0;}
.hotspot-huski {background: url("/images/bg/hotspot-huski-casey.jpg") 0 7px no-repeat; margin: 0 0 10 0;}

.hotspot-first {background: url("/images/bg/hotspot-firstclass.gif");margin: 0 10px 10px 0; text-indent: -999em; }
.hotspot-economy {background: url("/images/bg/hotspot-economy.gif");margin: 0 10px 0 0; text-indent: -999em; }
.hotspot-business {background: url("/images/bg/hotspot-busclass.gif");margin: 0 0 10px 0; text-indent: -999em; }
.hotspot-skidsteer {background: url("/images/bg/hotspot-skidsteer.gif"); margin: 0 0 10 0; text-indent: -999em;}


.hotspot h2 {
	display: none;
}

.hotspot ul {
	list-style: none;
	margin: 0;
	position: absolute;
	top: 50px;
	left: 10px;
}

.hotspot ul li {
	background: url("/images/common/bullet-hotpspots.gif") 0 4px no-repeat;
	font-size: 12px;
	line-height: 14px;
	margin: 0;
	padding: 0 0 0 10px;
}

.hotspot ul li a {color:#fff;}
.hotspot ul li a:hover {text-decoration: underline;}

.hotspot-toyota ul li a:hover {color:#f9d0a4;}
.hotspot-bt ul li a:hover {color:#ecdbd5;}
.hotspot-raymond ul li a:hover {color:#ecdbd5;}
.hotspot-huski ul li a:hover {color:#84d7ff;}


/* Reach landing page */

#reach-content #hotspots { clear:none }
#reachsubmit { 
	float:right;
	width:100px; 
	padding:10px; 
	font-size:14px; 
	font-weight:bold; 
	color:#fff; 
	background:#6DB84B; 
	border:1px solid #5e9f40;
	text-shadow:0 1px 1px #5e9f40;
	margin: 41px 48px 0 0;
	cursor: pointer;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3);
}

/* ================================== [ HEADER CONTENT ] ========================================= */

#logo {
	background: url("/images/common/logo-main.gif");
	width: 400px;
	height: 46px;
	margin: 0;
	overflow: hidden;
	position: absolute;
	top:32px;
	z-index:200;
}

#logo a {
	background: url("/images/common/logo-main.gif");
	display: block;
	width: 405px;
	height: 41px;
	overflow: hidden;
	text-indent: -12345px;
}

/* ================================== [ FOOTER CONTENT ] ========================================= */


/* ENEWS SIGNUP */

#enews-signup {
	position: absolute;
	top: 10px;
	left: 17px;
	width: 200px;
	height: 90px;
}

#enews-signup h3 {
	background: url("/images/icons/24/mail_add.gif") no-repeat;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	height: 24px;
	line-height: 28px;
	margin: 0;
	padding: 0 0 0 28px;
	text-decoration: none;
}

#enews-signup .desc {
	font-size: 11px;
	line-height: 14px;
	margin: 6px 0;
}

#enews-signup .form  {
	margin: 0;
}

#enews-signup .form .input {
	background: #fff;
	border: 0;
	color: #818285;
	line-height: 20px;
	margin: 0 2px 0 0;
	padding: 0;
	width: 140px;
	height: 20px;
}


/* FOOTER TABS */

#footer-tabs {
	margin: 0;
	list-style: none;
	position: absolute;
	right: 0;
	top: 0;
}

#footer-tabs li {
	background: url("/images/bg/footer-tab.gif") no-repeat;
	float: left;
	font-size: 10px;
	line-height: 10px;
	margin: 0 0 0 11px;
	width: 122px;
}

#footer-tabs li a {
	background: url("/images/bg/footer-tab.gif") no-repeat;
	color: #6d6e71;
	display: block;	
	height: 66px;
}

#footer-tabs li a * {cursor:pointer;}

#footer-tabs li a:hover {}

#footer-tabs li a h3 {
	background: transparent;
	color: #6db84b;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	margin: 0;
	padding: 3px 10px 4px 10px;
	text-decoration: none;
}

#footer-tabs li a:hover h3 {color:#6d6e71;}

#footer-tabs li a p {
	margin: 0;
	padding: 0 10px;
}

#footer-tabs li a p.download {background:url("/images/icons/24/pdf_icon.gif") 12px 0 no-repeat;height:24px;padding: 3px 18px 0 42px;margin-top:3px;}
#footer-tabs li a p.print {background:url("/images/icons/24/printer_ok.gif") 12px 0 no-repeat;height:24px;padding: 3px 18px 0 42px;margin-top:3px;}
#footer-tabs li a p.enquire {background:url("/images/icons/24/mail_write.gif") 12px 0 no-repeat;height:24px;padding: 3px 18px 0 42px;margin-top:3px;}

/* TBONE LOGO */

#tbone {
	position: absolute;
	bottom: -35px;
	right: -15px;
}

/* ================================== [ LAYOUT + STRUCTURE ] ===================================== */

#container {
	margin: 0 auto;
	padding: 0 0 20px 0;
	text-align: left;
	width: 790px;
	position: relative;
}

#page {
	background: #fff;
	border: 4px solid #cfd0d2;
	border-top: none;
	padding: 35px 15px 15px 15px;
}

#header {
	background: url("/images/bg/header.jpg") left bottom repeat-x;
	height: 120px;
	position: relative;
	z-index: 100;
}

#main {	
	padding: 10px 0 0 0;
}

#content {
	padding: 12px 0 12px 12px;
}

#footer {
	background: #818285 url("/images/bg/footer.gif") repeat-x;
	clear: both;
	color: #fff;
	width: 100%;
	height: 139px;
	position: relative;
}


/* ================================== [ HACK & WORKAROUNDS ] ==================================== */

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
* html .clearfix {height:1px;}



/* ================================== [ THE SPLASH ] ==================================== */

#splash {
	position: fixed;
	z-index:1000;
	top: 0px;
	left: 0px;
	background-color:#fff;
	text-align: center;
	filter:alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
	height:100%;
	width:100%;
}

* html #splash { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

.splash-on {display:block;}
.splash-off {display:none;}

#series-8 {
	padding-top: 80px;
}

#splash img {
	margin: 0 auto;
}

/* error classes */
.h2Error {font-family: Verdana; font-size: 13px; color: #FFFFFF; font-weight:bold; background-color:#CC3300; padding: 6px 0px 6px 10px;}
.errorInput { border: 2px solid #DF0000; }
.errorSelect { background-color: #FFDEDE; }




#freecall {
	position: absolute;
	top: -15px; left: 141px;
	font-weight: bold;
	color: #000;
	font-size: 10px;
}

#home-banner {
	height: 193px;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
}

.slide {
	float: right;
	width: 235px; height: 165px;
	overflow: hidden;
	margin-top: 24px;
}

a.spot-1
{
	background: url("/images/buttons/search.gif") no-repeat 0 0;	
	text-indent: -9999px;
	width: 235px;
	height: 99px;
	display: block;
}

a.spot-2
{
	background: url("/images/buttons/quickforkliftservice.gif") no-repeat -4px 0;	
	text-indent: -9999px;
	width: 264px;
	height: 99px;
	display: block;
}

a.spot-3
{
	background: url("/images/buttons/careers.gif") no-repeat 0 0;	
	text-indent: -9999px;
	width: 268px;
	height: 99px;
	display: block;
}