/* CSS Document */
/* Machine-sale.com */
/* Nick Lovibond 2/7/08 */

/* centred layout with header, main and footer DIVs... */
/* create a auto-width frame inside body (which is aligned center) */
/* !!! a fixed-width frame for <ie6 */

body {
	margin: 0px 0px 0px 0px;
	text-align: center;
	background-color: #FFFFFF;
	color: #444444;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* standard tags */
form, div, ul, li, p, table, input, select { margin: 0px; padding: 0px;} /* zap any padding or margins on key elements */
h1, h2, h3 {  margin: 0px; }
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; line-height: 28px; padding: 14px 0px 14px 0px; font-weight: bold; color: #336699;} /* main heading in header */
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; padding: 0px 0px 0px 0px; font-weight: bold; color: #222222;} 
h3 { font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; line-height: 13px; padding: 0px 0px 1px 0px; font-weight: bold; } /* subheading outside header*/
a, a:link, a:visited, a:active { color: #993333; text-decoration: underline; } 
a:hover { color: #999999; text-decoration: none; } /* custom style for links */
p { padding-bottom: 20px; line-height: 1.6em; }
ul { margin: 0px 20px 20px 20px; } /* indented lists */
li { list-style-type: none;	margin-bottom: 5px; }
table { width: 100%; empty-cells: show; clear: both;}
td { vertical-align: top; }
input {	padding: 1px 3px 1px 3px; vertical-align: middle; } 
select { vertical-align: middle;}
option { padding: 0px 3px 0px 3px; }
textarea { padding-left: 3px; font-size: 11px;}
select, textarea, option, input { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;}

div#frame {	
	width: 97% !important; /* ie6 ignores this priority declaration */
	width: 970px; /* fix width for ie6 */
	text-align: left; /* realign everything left  */
	margin: 0px auto 0px auto; /* align centre */
} 
div#header { 
	height: 90px;
	background-image: url(images/css/logo_265px.gif); 
	text-align: right;
	background-position: 0px 9px; 
	background-repeat: no-repeat;
	overflow: hidden;
}

/* styles for top menu */
div#header ul { white-space: nowrap; margin: 0px; padding: 6px 0px 0px 0px;  height: 30px; } /* header menu don't wrap */
div#header li { display: inline; color: #C5E8B4;  border-left: 1px solid #C5E8B4; margin-left: 4px; padding-left: 7px; background-color: #336699; } /* header menu is horizontal */
div#header li.first { border-left: none; margin-left: 0px; padding-left: 0px; }
div#header ul li a { color: #C5E8B4; text-decoration: none; }	
div#header ul li a.active { color: #ffffff; } /* highlighted option */
div#header ul li a:hover { color: #ffffff; text-decoration: underline; } /* mouseover state */
div#header ul li a:hover.active { color: #ffffff; text-decoration: none; } /* mouseover state */


div#header p#manufacturers { 
	padding: 0px;
	clear: none;
	margin: 0px 0px 0px auto;
	width: 450px; 
	height: 50px;
	text-align: right;
	background-image: url(images/css/manuf_logos.gif); 
	background-position: right; 
	background-repeat: no-repeat;
} div#header p#manufacturers span { display: none; } /* image replacement */

div#header p#phone { 
	float: left;
	margin: 15px 0px 5px 8px;
	padding: 0px;
	height: 30px;
	width: 250px;
	background-image: url(images/css/phone_bg.gif); 
	background-position: left; 
	background-repeat: no-repeat;
} div#header p#phone span { display: none; } /* image replacement */

div#main { margin: 0px auto 0px auto; clear: both; width: 100%; } /* main section between header and footer */
/*div#column1 { width: 265px;	margin-left: 15px; float: right;}*/
div#columnLeft { width: 265px;	margin-right: 15px; float: left;}
div#columnRight { width: 265px;	margin-left: 15px; float: right;}
div#column442 { width: 442px;	margin-right: 15px;}


div#results { 
	overflow: hidden; 
    border-top: 1px solid #cccccc;
	width: auto !important; /* ie6 ignores this priority declaration */
	width: 680px; /* fix for ie6 */
	margin-bottom: 20px;
}
div#results table { border-bottom: 1px solid #ddddad;background-color: #FFFF99;}
div#results thead td { border-top: 2px dotted #999979;  background-color: #FFFF99; padding: 7px 7px 7px 7px;}
div#results tbody tr {  background-color: #FFFFCC; }
div#results tbody tr.highlight {  background-color: #D2D27E;}
div#results tbody td { border-top: 1px solid #ddddad;  height: 60px;  line-height: 13px;}
div#results tbody td.first { width: 94px;}
div#results p.filters { margin: 8px 7px 8px 7px; line-height: 13px; padding: 0px;  font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #5A625A;}
div#results tbody td p {  height: 74px; overflow: auto; margin: 0px; line-height: 13px; padding: 0px;  font-weight: normal; font-family: Arial, Helvetica, sans-serif; color: #5A625A;}
div#results h2 { color: #434336;}
div#results tbody td a { display: block; height: 60px; text-decoration: none; color: #6F6F50; padding: 7px; outline:none;}
div#results tbody td a:hover {  color: #434336;}
div#results thead td a { color: #444444; text-decoration: none;}
div#results thead td a:hover { color: #444444; text-decoration: underline;}
div#results img { width: 80px; border: none; margin: 0px 0px 0px 0px;}
div#results label { padding-right: 5px; white-space: nowrap; cursor: pointer; text-decoration: none;}



div#autocompleter {	position: absolute; top: 0px; left: 0px; display: none; overflow: scroll; text-align: left; } /* pop-up tool */


form#contactForm { background-color: #ADC2D6; border: 2px dotted #336699; padding: 10px 10px 15px 10px; margin-bottom: 20px;}
form#contactForm p { padding-bottom: 10px; }
form#contactForm textarea { width: 230px; overflow: auto; }
form#contactForm label { cursor: default;  color: #336699; }
form#contactForm fieldset { visibility: hidden;}



/* special tag mods */
p.first { font-weight: bold; line-height: 18px; }
a.bulletedLink, li.bulletedLink { background-position: left top;	background-repeat: no-repeat;  }
a.bulletedLink:hover { text-decoration: underline; cursor: pointer;}
.hide {	display: none; } /* use to hide any element */
.highlight { background-color: #CCFFCC; }


/* buttons in footer and copyright msg */
div#footer { border-top: 1px solid #cccccc; clear: both; width: 100%; margin: 0px auto 0px auto; padding: 15px 0px 15px 0px; text-align: right;}
div#footer p { color: #999999; font-size: 11px; margin: 0px; padding: 0px; line-height: 13px;}
div#footer ul { margin: 0px auto 3px 0px;}
div#footer ul li { list-style: none; display: inline; color: #999999; font-size: 11px; padding-left: 8px; border-left: 1px solid #cccccc; margin-left: 5px;}
div#footer ul li.first { border: none; padding: 0px; margin: 0px;}
div#footer ul li a { margin: 0px; padding: 0px; font-size: inherit; color: #999999; text-decoration: none;}
div#footer ul li a:hover { text-decoration: underline;}

