/* CSS Document */
html, body {
	height:100%;
	margin:0;
	background-color:#fff;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#646;
}
img{border:0}
.clear {clear:both; padding: 0px; float: none; margin: 0px; height: 0px; overflow: hidden;}
a:link, a:visited, a:active {color:#333; text-decoration:underline;}
a:hover {color:#fc0; text-decoration:none;}
a.career:link, a.career:visited, a.career:active {color:#0085CC; text-decoration:underline;}
a.career:hover {color:#fc0; text-decoration:none;}
h2, h3, h4, h5, h6 {margin:0; padding:0; color:#0055a5;}
p {margin:0 0 1em;}
.smalltext {font-size:10px; line-height:11px;}
h1 {margin:0;padding:0;width:800px; height:143px; text-indent:-9999px;}
body.home h1 {background:#fff url(../images/img_home01.jpg) no-repeat 0 1px;}
body.wholesale h1 {background: #fff url(../images/img_wholesale01.jpg) no-repeat 0 1px;}
body.wsdelivery h1 {background: #fff url(../images/img_wsdelivery01.jpg) no-repeat 0 1px;}
body.dealership h1 {background: #fff url(../images/img_dealer01.jpg) no-repeat 0 1px;}
body.dsdelivery h1 {background: #fff url(../images/img_dsdelivery01.jpg) no-repeat 0 1px;}
body.retail h1 {background: #fff url(../images/img_retail01.jpg) no-repeat 0 1px;}
body.commercial h1 {background: #fff url(../images/img_commer01.jpg) no-repeat 0 1px;}
body.comcentres h1 {background: #fff url(../images/img_commer01a.jpg) no-repeat 0 1px;}
body.careers h1 {background: #fff url(../images/img_career01.jpg) no-repeat 0 1px;}
body.about h1 {background: #fff url(../images/img_about01.jpg) no-repeat 0 1px;}
body.headoffice h1 {background: #fff url(../images/img_headoffice01.jpg) no-repeat 0 1px;}
body.contact h1 {background: #fff url(../images/img_contact01.jpg) no-repeat 0 1px;}

styles for scrolling box of info 
#innerintro {width: 420px; margin-left: 50px;}
#content h1 {
	padding: 0;
	font-size: 40px; 
	font-style: normal; 
	font-weight: lighter;
	line-height: 35px;
	color: #000; 
	text-decoration: none;
	display: block; 
}
.contentscroll {
	overflow:auto;
	height:180px;
	scrollbar-face-color: #ffffff;
	scrollbar-arrow-color: #1180a3;
	scrollbar-base-color: #1180a3;
	scrollbar-shadow-color: #1180a3;
	scrollbar-darkshadow-color: #1180a3;
	scrollbar-highlight-color: #1180a3;
	scrollbar-3dlight-color: #1180a3;
	scrollbar-track-color: #1180a3;
}

#centre {width: 800px;margin: 0 auto 0 auto;}
#header {width: 800px; height:90px;margin:0 auto;position:relative;}
	#header h1#logo {
	margin:0; 
	padding:0; 
	width:200px; 
	height:80px;
	position:relative; 
	background: transparent url(../images/logo_stapletons.gif) no-repeat top left; 
	font-size: 14px;
	}
	#header h1#logo a {
	display:block; 
	width:200px; 
	height:80px;
	text-indent:-9999px;	
	text-decoration:none;
	overflow:hidden;
	}
	#header ul {margin:0;padding:0;position:absolute;top:26px; right:0; width:600px;}
	#header li {display:inline; margin:0; padding:0; float:left;}
	#header ul a, #header span {display:block;text-indent:-999px;overflow:hidden;height:38px; font-size:10px;}
	
	#header a.wholesale {width:67px; background:transparent url(../images/navigation.gif) no-repeat 0 0;}
	#header a.dealership {width:67px; background:transparent url(../images/navigation.gif) no-repeat -67px 0;}
	#header a.retail {width:67px; background:transparent url(../images/navigation.gif) no-repeat -134px 0;}
	#header a.commercial {width:67px; background:transparent url(../images/navigation.gif) no-repeat -201px 0;}
	#header a.careers {width:67px; background:transparent url(../images/navigation.gif) no-repeat -268px 0;}
	#header a.about {width:67px; background:transparent url(../images/navigation.gif) no-repeat -335px 0;}
	#header a.headoffice {width:67px; background:transparent url(../images/navigation.gif) no-repeat -402px 0;}
	#header a.contact {width:67px; background:transparent url(../images/navigation.gif) no-repeat -469px 0;}
	#header a.home {width:64px; background:transparent url(../images/navigation.gif) no-repeat -536px 0;}
	
	#header a.wholesale:hover, #header span.wholesale {background: transparent url(../images/navigation.gif) no-repeat 0 -38px;}
	#header a.dealership:hover, #header span.dealership {background: transparent url(../images/navigation.gif) no-repeat -67px -38px;}
	#header a.retail:hover, #header span.retail {background: transparent url(../images/navigation.gif) no-repeat -134px -38px;}
	#header a.commercial:hover, #header span.commercial {background: transparent url(../images/navigation.gif) no-repeat -201px -38px;}
	#header a.careers:hover, #header span.careers {background: transparent url(../images/navigation.gif) no-repeat -268px -38px;}
	#header a.about:hover, #header span.about {background: transparent url(../images/navigation.gif) no-repeat -335px -38px;}
	#header a.headoffice:hover, #header span.headoffice {background: transparent url(../images/navigation.gif) no-repeat -402px -38px;}
	#header a.contact:hover, #header span.contact {background: transparent url(../images/navigation.gif) no-repeat -469px -38px;}
	#header a.home:hover, #header span.home {background: transparent url(../images/navigation.gif) no-repeat -536px -38px;}

	#header span.wholesale, #header span.dealership, #header span.retail, #header span.commercial, #header span.careers, #header span.about, #header span.headoffice, #header span.contact {width:67px;}
	#header span.home {width:64px;}

.headerbar {float:left; height:9px; width:800px; background-color:#fc0;}
#content{
	position:relative;
	width:800px;
	margin:0 auto;
	background-color:#fff;
	overflow:hidden;
}
#content h3{font-size:14px; color:#0055a5; margin:7px 0;}
#content h5{font-size:13px; color:#0055a5; margin:0;}
#left_col{float:left; width:429px;}
#right_col{float:left; width:371px;}
#right_col1{float:right; width:371px;}
#left_col2{float:left; width:275px;}
#right_col2{float:left; width:525px;}
#right_col2_headoffice {
	float:left; 
	width:525px;
	height:296px;
	background:#fff url(../images/img_headoffice04.gif) no-repeat 0px 0px;
}
#right_col2_headoffice .googlemap { width:320px; height:232px; margin:19px 0px 0px 6px; padding:0px;}
#left_col1{
	float:left; 
	width:380px; 
	height:320px;
	overflow:auto;
	scrollbar-face-color: #fff;
	scrollbar-arrow-color: #0085CC;
	scrollbar-base-color: #0085CC;
	scrollbar-shadow-color: #0085CC;
	scrollbar-darkshadow-color: #fff;
	scrollbar-highlight-color: #0085CC;
	scrollbar-3dlight-color: #fff;
	scrollbar-track-color: #fff;
}
#right_col3{
	float:left; 
	width:371px; 
	height:320px;
	overflow:auto;
	scrollbar-face-color: #fff;
	scrollbar-arrow-color: #0085CC;
	scrollbar-base-color: #0085CC;
	scrollbar-shadow-color: #0085CC;
	scrollbar-darkshadow-color: #fff;
	scrollbar-highlight-color: #0085CC;
	scrollbar-3dlight-color: #fff;
	scrollbar-track-color: #fff;
}
#col_full{
	float:left; 
	width:800px; 
	height:450px;
	overflow:auto;
	scrollbar-face-color: #fff;
	scrollbar-arrow-color: #0085CC;
	scrollbar-base-color: #0085CC;
	scrollbar-shadow-color: #0085CC;
	scrollbar-darkshadow-color: #fff;
	scrollbar-highlight-color: #0085CC;
	scrollbar-3dlight-color: #fff;
	scrollbar-track-color: #fff;
}
#mid_col{float:left; width:278px;}
#prodoffered_col {
	float:left;
	width:650px;
	height:450px;
	overflow:auto;
	scrollbar-face-color: #fff;
	scrollbar-arrow-color: #0085CC;
	scrollbar-base-color: #0085CC;
	scrollbar-shadow-color: #0085CC;
	scrollbar-darkshadow-color: #fff;
	scrollbar-highlight-color: #0085CC;
	scrollbar-3dlight-color: #fff;
	scrollbar-track-color: #fff;
}

#left_nav{float:left; width:150px;}
	#left_nav ul {margin:0;padding:0;top:26px;left:0; width:116px;}
	#left_nav li {display:block; margin:0; padding:0; float:left;}
	#left_nav ul a, #left_nav span {display:block;text-indent:-999px;overflow:hidden;height:43px; font-size:10px;}
	
	#left_nav a.purchase{width:116px; background:transparent url(../images/navwsale.gif) no-repeat 0 0;}
	#left_nav a.offered{width:116px; background:transparent url(../images/navwsale.gif) no-repeat 0 -44px;}
	#left_nav a.delivery{width:116px; background:transparent url(../images/navwsale.gif) no-repeat 0 -87px;}
	#left_nav a.salessupport{width:116px; background:transparent url(../images/navwsale.gif) no-repeat 0 -130px;}
	#left_nav a.testimonials{width:116px; background:transparent url(../images/navwsale.gif) no-repeat 0 -173px;}

	#left_nav a.purchase:hover, #left_nav span.purchase {background: transparent url(../images/navwsale.gif) no-repeat -116px 0;}
	#left_nav a.offered:hover, #left_nav span.offered {background: transparent url(../images/navwsale.gif) no-repeat -116px -44px;}
	#left_nav a.delivery:hover, #left_nav span.delivery {background: transparent url(../images/navwsale.gif) no-repeat -116px -87px;}
	#left_nav a.salessupport:hover, #left_nav span.salessupport {background: transparent url(../images/navwsale.gif) no-repeat -116px -130px;}
	#left_nav a.testimonials:hover, #left_nav span.testimonials {background: transparent url(../images/navwsale.gif) no-repeat -116px -173px;}

	#left_nav span.purchase, #left_nav span.offered, #left_nav span.delivery, #left_nav span.salessupport, #left_nav span.testimonials,#left_nav span.testimonials{width:116px;}

.col, .col02, .colcontact {float:left; font-size:11px; text-align:left;}
.col {width:130px; }
.col02 {width:258px;}
.colcontact {width:150px;}
.col span, #left_col2 span {color:#69c; font-weight:bold;}
.col h4, .col02 h4{font-size:12px; color:#0055a5; margin:5px 0;}
.separator {border-right:12px solid #fff;}
.separator02 {border-right:50px solid #fff;}
.separator03 {border-right:30px solid #fff;}

.memberof ul, .othersites ul {margin:0;padding:0;}
.memberof li, .othersites li {display:inline; margin:0; padding:0; float:left;}
.memberof {position:relative; height:44px; width:371px; right:0;}
.othersites {position:relative; width:429px;}
.othersites li a{display:block; font-size:11px; text-align:center; margin: 0 25px 0 0}
.indent {margin-left:10px;}
.largetext h2 {font-size:30px; font-family:Arial, Helvetica, sans-serif; margin: 20px 0; line-height:28px}
.largetext span {font-size:28px;}
.col .red {color:#c03;}
.col .blue {color:#138EB2;}

.box{width:95%; margin:7px 7px 7px 0; background-color:#e7e7e7;}
.box .search, .form, .result {padding: 8px; background:url(../images/corner_r.gif) no-repeat bottom right; color:#000;}
.box h4 {font-size:15px;}
.box a, .box a:active, .box a:link {background-color:#e7e7e7;text-decoration:none;}
.box a:hover {background-color:#fc0;text-decoration:underline;}
.search label {float:left; width:55%;}
.form {padding:4px 2px 4px 5px;}
.form label {float:left; width:42px;}
.contacttext {height: 170px;}
<!--.contacttext {height: 200px;}-->
.result {height:70px;}

.tb_proddetails {padding:2px 0px;}
.tb_proddetails td {text-align:center;}
.tb_proddetails td.desc {text-align:left; vertical-align:top;}
.tb_proddetails th {background-color:#e7e7e8; border:1px solid #fff;}

form {padding:0;margin:0 0 10px 0; letter-spacing:0;}
.noborder {border:none;}
.btnSubmit{height:17px;background-color:#e7e7e7; color:#7f7f7f; font-size:9px; font-family:Arial, Helvetica, sans-serif;}
.btnCareerSubmit { background:url(../images/btn_submit.gif) no-repeat top left; border:none; width:95px; height:25px;}
input,textarea,select,option {padding:1px; border:#ccc 1px solid; font-size:10px;}
textarea {overflow:auto; font-size:11px; color:#999; font-family:Verdana, Arial, Helvetica, sans-serif;}
#listbox {
	width:200px;
	line-height:14px;
	scrollbar-face-color: #ffffff;
	scrollbar-arrow-color: #0085CC;
	scrollbar-base-color: #0085CC;
	scrollbar-shadow-color: #0085CC;
	scrollbar-darkshadow-color: #0085CC;
	scrollbar-highlight-color: #0085CC;
	scrollbar-3dlight-color: #0085CC;
	scrollbar-track-color: #0085CC;
}
#footer {
	width:800px;
	border-top: 20px solid #ffcc00;
	font-size:10px;
	color:#999;
	margin:10px 0;
}
#copyright {float:left; width:200px;}
#footerlinks {float:right; width:500px; text-align:right;}
#footer span {border-left: 7px solid #fff; border-right: 6px solid #fff;}