/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html, body {
	height: 100%;
}

body {
	background: #666;
	margin: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4;
	color: #fff;
}

#container {
	width: 780px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
	color: #fff;
}
#header {
	width: 780px;
	height: 159px;
	background: transparent url(sjh/logo4.jpg) no-repeat center top;
	text-align: left;
	margin: 0 auto;
	position: relative;
}
#wrapper {
	clear: both;
	margin: 0 auto;
	padding: 0 10px 20px 10px;
	background: #373332;
	width: 760px;
	position: relative;
}
#footer {
	clear: both;
	width: 780px;
	margin: 0 auto;
	color: #fff;
	background: #373332 url(sjh/footerbackground.jpg) no-repeat center top;
	padding-top: 10px;
	padding-bottom: 10px;
}
#footer p {
	color: #c00;
	text-align: center;
	font-weight: bold;
}
#footer p a:link,
#footer p a:visited {
	color: #c00;
}
#footer p a:hover,
#footer p a:active {
	color: #fff;
}
.leftBar {
	float: left;
	width: 160px;
	margin-left: 10px;
	font-size: 12px;
}
.main {
	padding-top: 20px;
	float: right;
	width: 580px;
	font-size: 13px;
}

.breadcrumbs {
	font-size: 12px;
	margin-bottom: 6px;
}
.breadcrumbs a {
	font-weight: bold;
}
form {
	margin-bottom: 6px;
}
table {border-collapse:collapse;margin:0;color:black;font-family:verdana,arial,helvetica,sans-serif;font-size:10px;}
input.formGo {
	border:0;
	padding:0;
	margin:0;
	background:url('sjh/buttons/go.png') no-repeat 0 0;
	font-size:10px;
	position:relative;
	line-height:10px;
	cursor:pointer;
	color:#68A32F;
	height:19px;
	width:14px;
	top: -4px;
}
.itemPremium,
.item {
	clear: both;
}
.itemPremium, .box, .item {
	margin-top: 10px;
	padding-bottom: 22px;
	color: #fff;
}
.itemPremium h1,
.item h1 {
	font-size: 25px;
	background: #c00;
	text-align: left;
	padding: 0 5px;
	color: white;
}
.box h1 {
	font-size: 25px;
	background: #c00;
	text-align: left;
	padding: 0 5px;
	color: white;
	margin-bottom: 0;
}

td.image-column {
    width: 140px;    
}

.itemPremium h1 a, .box h1 a, .item h1 a {
	color: white;
	text-decoration: none;
}
.itemPremium h1 a:hover, .box h1 a:hover, .item h1 a:hover {
	color: white;
	text-decoration: underline;
}
.itemPremium table,
.item table {
	border-left: 1px solid #c00;
	border-right: 1px solid #c00;
	border-bottom: 1px solid #c00;
}
.itemPremium table td,
.item table td {
	padding: 5px;
	vertical-align: top;
	color: #fff;
}
.itemPremium table td td,
.item table td td {
	padding: 0;
	color: #fff;
}
.itemPremium table ul,
.item table ul {
	margin-top: 6px;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 2em;
	color: #fff;
}
.itemPremium table ul li,
.item {
	color: #fff;
}
.itemPremium table table,
.item table table,
.box table table {
	border: none;
	color: #fff;
}
.itemPremium strong,
.item strong {
	color: #c00;	
}
.itemPremium img,
.item img {
	width:70px;
	border:1px solid #c00;
}

table td {
	color: #fff;
}
.moreInfo {
	width: 74px;
	height: 25px;
	background: url(sjh/buttons/more_info.png) no-repeat;
	padding:0;
	cursor:pointer;
    float:right;
}
.moreInfo span {
	display: none;
}
.iconSold {
	width:64px;
	height:18px;
	background: url(sjh/buttons/sold.png) no-repeat;
	float: right;
    margin-left: 4px;
    margin-bottom: 4px;
}
.iconSold span {
	display:none;
}
.iconForSale {
	width:64px;
	height:18px;
	background: url(sjh/buttons/for_sale.png) no-repeat;
	float: right;
    margin-left: 4px;
    margin-bottom: 4px;
}
.iconForSale span {
	display:none;
}
.iconForHire {
	width: 64px;
	height: 18px;
	background: url(sjh/buttons/for_hire.png) no-repeat;
	float: right;
    margin-left: 4px;
    margin-bottom: 4px;
}
.iconForHire span {
	display:none;
}
.marketplaceImage {
	position: relative;
	padding: 2px;
	text-align: right;
}
.icon {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1000;
}
.iconNew {
	width: 64px;
	height: 18px;
	background: url(sjh/buttons/new.png) no-repeat;
    float: right;
    margin-left: 4px;
    margin-bottom: 4px;
}
.iconNew span {
	display:none;
}
.iconExDemo {
	width: 64px;
	height: 18px;
	background: url(sjh/buttons/ex_demo.png) no-repeat;
    float: right;
    margin-left: 4px;
    margin-bottom: 4px;
}
.iconExDemo span {
	display:none;
}
.iconUsed {
	width: 64px;
	height: 18px;
	background: url(sjh/buttons/used.png) no-repeat;
    float: right;
    margin-left: 4px;
    margin-bottom: 4px;
}
.iconUsed span {
	display:none;
}
.emailEnquiry {
	width:90px;
	height:25px;
	background: url(sjh/buttons/email_enquiry.png) no-repeat;
	padding:0;
	cursor:pointer;
}
.emailEnquiry span {
	display:none;
}

img.small {
	width:70px;
	height:70px;
	margin:0 0 10px 0;
	border:1px solid grey;
}
img.large {
	width:300px;
	border:1px solid grey;
}

#dealers_list {
	border: 1px solid #f42837;
	font-size: 13px;
	margin-bottom: 10px;
}
#dealers_list thead {
	background: #f42837;
	color: #fff;
	font-weight: bold;
}
#dealers_list thead th {
	padding: 4px;
	background: #f42837;
	color: #fff;
	font-weight: bold;	
}
#dealers_list tbody {
	background: #fff;
	color: #660203;
}
#dealers_list tbody td {
	padding: 4px;
}
#dealers_list tbody td a {
	font-weight: bold;
	text-decoration: none;
}
#dealers_list tbody td a:hover {
	text-decoration: underline;
}

.box {
	margin-bottom: 10px;
}

.box .innerDiv {
	border-left: 1px solid red;
	border-right: 1px solid red;
}
.box table {
	margin: 0 10px 0 10px;
}
.box #map_canvas {
	margin: 10px 10px 10px 10px;
}
.box table td {
	padding: 2px;
}
#map_canvas {
	margin: 10px 10px 10px 10px;
	width: 560px;
	height: 360px;
	border: 1px solid #660203;
}

#map_canvas form {
	margin-bottom: 0;
}

.box tr.sub {
	background: #f7f7f7;
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;		
}
.box tr.sub:hover {
	background: #D9F0CC;
}
.box tr.sub_alt {
	background: #f0f0f0;
	border: 0px;
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;	
}
.box tr.sub_alt:hover {
	background: #D9F0CC;
}
.box tr.premsub {
	background: #F5F5EA;
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;		
}
.box tr.premsub:hover {
	background: #D9F0CC;
}
.box tr.premsub_alt {
	background:#F0F0E1;
	border:0;
	border-bottom:1px solid #e0e0e0;
	border-top:1px solid #e0e0e0;
}
.box tr.premsub_alt:hover {
	background:#D9F0CC
}
/*	forms */
table.tableForm {width:396px;margin:6px 0 6px 0}
* html tableForm {width:400px}

tr.trForm {
    background: #333333;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}
td.tdFormLeft {
    width: 160px;
    border: none;
    background: #444444;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 4px;
    vertical-align: middle;
}
td.tdFormLeft_alt {
    width: 160px;
    border: none;
    background: #111111;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 4px;
    vertical-align: middle;
}
td.tdFormRight {
    border: none;
    background: #eeeeee;
    color: #000000;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    padding: 2px 4px;
    vertical-align: middle;
}
td.tdFormRight_alt {
    border: none;
    background: #dddddd;
    color: #000000;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    padding: 2px 4px;
    vertical-align: middle;
}

#menu {
	clear: left;
	float: left;
	width: 148px;
	left: 10px;
	top: 60px;
	margin-top: 10px;
}

#menu li {
	position: relative;
	margin-bottom: 5px;
}

#menu li a {
	border: 1px dotted #666;
	width: 124px;
	height: 24px;
	display: block;
	color: #fff;
	text-decoration: none;
	line-height: 24px;
	padding: 0 10px;
	font-weight: normal;
}

#menu li a:hover {
	color: #f42837;
	background: #fff;
	border: 1px dotted #ccc;
}

#menu li ul {
	position: absolute;
	left: 100%;
	top: 0;
}

#menu li ul li {
	margin-bottom: 0;
}

#menu li ul li a {
	color: #f00;
	background: #ccc;
	padding: 0 0 0 12px;
}

#menu li ul li a:hover {

}

input, select, textarea {
	font-size: 12px;
	color: #660203;	
}

h1, h2, h3, h4, h5, h6, ul, li, form, img {
	margin: 0;
	padding: 0;
	border: none;
	color: #fff;
}

h1 {
    color: #c00;    
}

a:link {
	color: #c00;
	font-weight: bold;
	text-decoration: none;
}

#alphaSelectedDim {
	color: pink !important;
	text-decoration: none;
}

a:visited {
	color: #c00;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

div > p:first-child {
	margin: 0;
}

.pipe {
	width: 3px;
	height: 33px;
	float: left;
	background: url(mccormick/tallpipe.gif) no-repeat left top;
}

#categoryLogo {
	text-align: right;
	height:65px;
	padding: 0;
	margin-bottom: 0;
	color: #000;
	font-size: 12px;
}

#topnav {
	padding: 0;
	text-align: right;
	float: right;
}

#topnav a {
	display: block;
	float: left;
	line-height: 31px;
	padding: 0 5px;
	color: black;
	text-decoration: none;
}

#topnav a:hover, #topnav a:active {
	text-decoration: underline;
}

#mainNav {
	float: left;
	width: 820px;
	background: #eee;
	margin-left: 1px;
	padding: 0 10px;
}

#mainNav ul {
	float: left;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

#mainNav li {
	float: left;
	line-height: 31px;
	padding: 10px;
	background: url(mccormick/tallpipe.gif) right center no-repeat;
}
#mainNav li.last {
	background: none;
}
#mainNav li a {
	color: #000;
	text-decoration: none;
}
#mainNav li a:active, #mainNav li a:hover {
	text-decoration: underline;
}
#searchBox {
	float: right;
	font-size: 14px;
	padding-left: 10px;
	padding-top: 5px;
}
#searchBox label {
	float: left;
	font-size: 12px;
	line-height: 14px;
	padding: 5px 5px 0 0;
	font-weight: bold;
}
#searchBox form {
	float: left;
}
#searchBox a {
	float: right;
	clear: both;
	font-size: 10px;
}
#searchSideForm {
	float: right;
	margin-bottom: 20px;
	color: #fff;
}

.itemPremium table td,
.box table td,
.item table td {
	color: #fff;
}
.itemPremium table td a,
.box table td a,
.item table td a {
	color: #c00 !important;	
}
.itemPremium table td a:visited,
.box table td a:visited,
.item table td a:visited {
	color: #c00 !important;
}
a#homePageLink {
	position: absolute;
	width: 780px;
	height: 159px;
	display: block;
	text-decoration: none;
}
form {
	color: #fff;
}
#main-site-link {
    float:right;
}