* {margin:0; padding:0; border:0}

body 
{
	text-align: center;
	padding: 0px;
	margin-top: 0px;	
	background-color: #fcfcfc;
}

#containerwithfixeditem
{
	width: 980px;
	margin: 0px;
	background-color: #fcfcfc;
}

#container 
{
	width: 900px;
	border-left: solid 1px #868686;
	border-right: solid 1px #868686;
	margin: 0px auto;
	background-color: White;
	padding-bottom: 10px;
}

.clear
{
	clear: both;
}

/* ***** HEADER ***** */

#header
{
	width: 900px;
	height: 123px;
	background: url("../images/header-bg.jpg") repeat-x;
	position: relative;
}

#header #logo
{
	position: absolute;
	top: 38px;
	left: 30px;
}

#header #callbignoel
{
	position: absolute;
	top: 40px;
	right: 30px;
}

/* ***** BANNERS & MENU ***** */
#homebanner
{
	width: 900px;
	height: 18px;
	/*background: white url("../images/homebanner.jpg") no-repeat;*/
	position: relative;
}

#specialsbanner
{
	width: 900px;
	height: 108px;
	background: white url("../images/specialsbanner.jpg") no-repeat;
	position: relative;
}

#menu
{
	width: 880px;
	height: 27px;
	background-image: url("../images/menubar.png");
	position: absolute;
	top: -15px;
	left: 10px;
}

#menu ul
{
	/*list-style-image: url("../images/menudivider.png");   doesn't work in IE */
	list-style: none;
	margin-left: 80px;
	position: relative;
	top: 20%;
}

#menu ul li
{
	color: White;	
	float: left;
	margin-right: 12px;
	font: 10pt Verdana;
	background: url("../images/menudivider.png") no-repeat left; /* fix for IE list-image */	
}

#menu ul li.first
{
	color: White;	
	float: left;
	margin-right: 12px;
	font: 10pt Verdana;
	background: none; 	
}

#menu a
{
	margin-left: 15px;
	text-decoration: none;
	color: White;
}

#menu a:link, a:visited, a:active
{
	color: White;
}

#menu a:hover
{
	color: #66ccff;
}

/* ***** MAIN CONTENT FOR HOME ***** */
#maincontent
{
	background-color: White;
	/*height: 400px;*/
	margin: 20px 20px auto 20px;
	position: relative;
}

#maincontent #title
{
	font: bold 20pt Verdana;
	color: #333333;
	float: left;
}

#maincontent .hometext 
{
	font: 10pt Verdana;
	color: #333333;
	text-align: left;
	float: left;
	margin-top: 25px;
	margin-bottom: 20px;
	width: 550px;
}

#maincontent .hometext p
{
	margin-bottom: 10px;
}

#maincontent #viewspecials
{
	background-image: url("../images/viewspecials.png");
	width: 271px;
	height: 117px;
	float: right;
}


/* ***** MAIN CONTENT FOR OTHERS ***** */
#maincontent1
{
	background-color: White;
	/*height: 400px;*/
	margin: 5px 20px auto 20px;
	position: relative;
}

#maincontent1 #breadcrumbs
{
	font: 7.5pt Verdana;
	color: Black;
	float: left;
	height: 15px;
}

#maincontent1 #breadcrumbs a
{
	text-decoration: none;
	color: Black;
}

#maincontent1 #breadcrumbs a:hover
{
	color: #3399ff;
}

#maincontent1 #nav1
{
	float: left;
	width: 175px;
	background-color: #e9e9e9;
	padding-top: 0px;
	margin-top:5px;
}

#maincontent1 #nav1 .category
{
	background: url("../images/category-bg.jpg") repeat-x;
	height: 24px;
	vertical-align: middle;
}

#maincontent1 #nav1 .category1
{
	background: url("../images/category-bg1.jpg");
	height: 24px;
	vertical-align: middle;
	margin-top:-4px;
}

#maincontent1 #nav1 .categorytext
{
	color: White;
	font: bold 10pt Verdana;
	margin-top: 4px;
}

#maincontent1 #nav1 ul
{
	margin: 7px auto 10px 15px;
	list-style: none;
	text-align: left;
}

#maincontent1 #nav1 ul li
{
	color: black;
	font: 10pt Verdana;
	margin-top: 3px;
}

#maincontent1 #nav1 ul li a, a:visited, a:active
{
	text-decoration: none;
	color: Black;
}

#maincontent1 #nav1 ul li a:hover
{
	text-decoration: none;
	color: #3399ff;
}

#maincontent1 #title
{
	font: bold 20pt Verdana;
	color: #333333;
	float: left;
	clear: right;	
	margin-left: 25px;
	width: 600px;
	text-align: left;
}

#maincontent1 .pagetext
{
	font: 10pt Verdana;
	color: #4c4c4c;
	text-align: left;
	float: left;
	margin-top: 5px;
	margin-left: 25px;
	width: 650px;
	margin-bottom: 0px;
}

#maincontent1 #thumblist
{
	width: 550px;
	float: left;
	/*border: solid 1px black;*/
	margin-left: 65px;
}

#maincontent1 #thumblist .thumb
{
	width: 150px;
	height: 170px;
	/* border: solid 1px black;*/
	float: left;
	margin-left: 25px;
	text-align: left;
}

#maincontent1 #thumblist .thumb .thumbname
{
	font: 8pt Arial;	
	height: 25px;
}

#maincontent1 #thumblist .thumb a, a:visited, a:active
{
	color: #686868;
	text-decoration: none;
}

#maincontent1 #thumblist .thumb a:hover
{
	color: #3399ff;
	text-decoration: none;
}

#maincontent1 #thumblist .thumb img
{
	width: 110px;
	height: 100px;
	margin-top: 5px;
	border: none;
}

#maincontent1 #thumblist-smaller
{
	width: 600px;
	float: left;
	/*border: solid 1px black;*/
	margin-left: 35px;	
	margin-top: 30px;
}

#maincontent1 #thumblist-smaller .group
{
	width: 600px;
	float: left;
	margin-bottom: 20px;
}

#maincontent1 #thumblist-smaller .group .groupname
{
	width: 500px;
	float: left;
	font: bold 13pt Arial;
	color: #003366;
	text-align: left;
	margin-bottom: 10px;
}

#maincontent1 #thumblist-smaller .thumb
{
	width: 105px;
	height: 120px;
	/*border: solid 1px black;*/
	float: left;
	margin-left: 12px;
	margin-bottom: 20px;
	text-align: left;
}

#maincontent1 #thumblist-smaller .first
{
	margin-left: 25px;
}

#maincontent1 #thumblist-smaller .thumb .thumbname
{
	font: 7pt Arial;	
	height: 30px;
}

#maincontent1 #thumblist-smaller .thumb a, a:visited, a:active
{
	color: #686868;
	text-decoration: none;
}

#maincontent1 #thumblist-smaller .thumb a:hover
{
	color: #3399ff;
	text-decoration: none;
}

#maincontent1 #thumblist-smaller .thumb img
{
	width: 81px;
	height: 74px;
	margin-top: 5px;
	border: none;
}

#thumblist
{
	width: 860px;
	margin-top: 25px;
}

#thumblist .thumb
{
	width: 203px;
	height: 194px;
	border: none;
	padding: 0px;
	float: left;
	margin-left: 12px;
}

#thumblist .first
{
	margin-left: 2px;
}

#thumblist #industrial
{
	background-image: url("../images/industrial.jpg");
	
}

#thumblist #industrial a, a:visited, a:link
{
	text-decoration:none;
	border: none;
}
/*
#thumblist #industrial a:hover img
{
	opacity: 0;
	visibility: hidden;
}*/

#thumblist #hydraulics
{
	background-image: url("../images/hydraulics.jpg");
}

#thumblist #hydraulics a, a:visited, a:link
{
	text-decoration:none;
	border: none;
}
/*
#thumblist #hydraulics a:hover img
{
	opacity: 0;
	visibility: hidden;
}*/

#thumblist #vibration
{
	background-image: url("../images/anti-vibration.jpg");
}

#thumblist #vibration a, a:visited, a:link
{
	text-decoration:none;
	border: none;
}
/*
#thumblist #vibration a:hover img
{
	opacity: 0;
	visibility: hidden;
}*/

#thumblist #swathing
{
	background-image: url("../images/swathing.jpg");
}

#thumblist #swathing a, a:visited, a:link
{
	text-decoration:none;
	border: none;
}
/*
#thumblist #swathing a:hover img
{
	opacity: 0;
	visibility: hidden;
}*/


/* ***** FOOTER ***** */
#footer
{
	margin: 30px 20px 0px 20px;
	background-color: #717171;
	height: 80px;
	text-align: center;	
}

#footer #footertext
{
	position: relative;
	top: 20px;
	font: 8pt Verdana;
	color: White;
}

#footer #puredrop
{
	font: 10pt Arial;
	background: url("../images/puredroplogo.png") no-repeat bottom;
	width: 80px;
	height: 38px;
	margin-left: 20px;
	float: left;
	margin-top: -10px;	
}


/*
=======================================================================
	Contact Page Rules
=======================================================================
*/
.contact {
	float:left;
	width:650px;
	margin-bottom:20px;
	margin-left: 20px;
}
.mapsec {
	width:316px;
	float:left;
}
.mapsec h6{
	padding-bottom:10px;
	margin-top:10px;
	font: 10pt Verdana;
}
.mapsec .contacttext{
	float: left;
	font: 10pt Verdana;
	text-align: left;
	margin-left: 10px;
}
.mapsec .contacttext .contactname{
	font: bold 12pt Verdana;
	color: #003366;
	margin-bottom: 5px;
}
.mapsec .contacttext .contactnumber{
	font: 12pt Verdana;
	color: #333;
}
.map {
	float:left;
	margin-top:20px;
}
.map iframe{
	border-bottom:#000 solid 1px;
}
.map a.enlarg{
	font-weight:bold;
	padding:5px 0px;
	color:#333;
	float:left;
}
.contact_form {
	width:280px;
	float:right;
}
.contact_form h2{
	padding-bottom:10px;
	margin-top:10px;
	font: bold 12pt Arial;
	color: #003366;
}
.contact_form ul{
	float:left;
	list-style:none;
}
.contact_form ul li{
	margin-bottom:5px;
}
.contact_form input.bar{
	width:269px;
	height:24px;
	padding:0px 5px;
	background-image:url(../images/bar.gif);
	background-position:left;
	background-repeat:no-repeat;
	border:#dddddd solid 1px;
	font-size:11px;
}
.contact_form textarea{
	width:269px;
	height:154px;
	padding:5px;
	background-image:url(../images/textarea.gif);
	background-position:left;
	background-repeat:no-repeat;
	border:#dddddd solid 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.error {
	color:#F00;
}
input.submit {
	height:27px;
	width:70px;
	/*background-image:url(../images/submit.gif);
	background-repeat:no-repeat;
	background-position:left;*/
	cursor:pointer;
	/*font-size:0px;*/
	border:none;
}
.seccess {
	color:#090;
}


.image
{
	float: left;
	margin-top: 30px;
	margin-left: 25px;
}

.hacitable
{
	border: solid 1px;
	padding: 0px;
}

.hacitable td
{
	border-top: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;
	text-align: center;
}

.hacitable .col125
{
	width: 125px;
}

.hacitable .col100
{
	width: 100px;
}

.hacitable .firstrow
{
	border: solid 1px;
	text-align: center;
}

.hacitable .lastrow
{
	border-bottom: solid 1px;
	text-align: center;
}

.specials-label
{
	font-size: 11pt;
	font-weight: bold;
	padding-bottom: 10px;
}

.specials-text
{
	text-align: left;
	width: 335px;
}

div.floating-menu 
{
	margin:0; 
	position:fixed; 
	width:51px; 
	left:0px; 
	right:auto; 
	z-index:100;
}

.assembly
{
	margin-top: 35px;
}

.assembly .title
{
	font-size: 12pt;
	font-weight: bold;
}

.assembly .subtitle
{
	font-size: 11pt;
	font-weight: bold;
	height: 40px;
}

.assembly ul
{
	margin-top: 10px;
}

.assembly ul li
{
	margin-left: 25px;
}

.assembly .pic
{
	width: 220px;
}

.chart
{
	margin-top: 20px;
}

.chart td
{
	width: 500px;
	border-bottom: solid 1px;
}

.chart .header
{
	background-color: #ccc;
	font-weight: bold;
}

.bookmark
{
	font-size: 8pt;
	text-align: right;
}

td .index
{
	font-size: 10pt;
	font-weight: normal;
	font-family: Arial;
	color: gray;
}

td .index a
{
	color: Gray;
}

td .index a:visited, a:active
{
	color: Gray;
}

td .index a:hover
{
	color: #3399ff;
}

td .index
{
	list-style-type: none;
}

td .index li
{
	margin-top: 10px;
}