/**
 * Body and Global Syles
 * ----------------------------------------
 */
body {
	background-color: #333;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.9em;
}

h1, h2 {
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	height: 0;
	overflow: hidden;
	display: block;
}

h2 {
	text-transform: lowercase;
	font-size: 1.4em;
	color: #333333;
	font-weight: normal;
}
p {
	line-height: 1.0em;
}

#page {
	background-color: #fff;
	border: solid #fff 5px;
	width: 735px;
	margin: 50px auto 10px auto;
}

#header {
	height: 105px;
	background: #fff url('../img/header-background.png') top right no-repeat;
	border-bottom: solid #fff 1px;
}

#footer {
	width: 745px;
	margin: 0 auto 50px auto;
	color: #8c8c8c;
	text-align: right;
	font-size: 0.75em;
	font-family: Arial,Verdana,Sans-serif;
	*height: 50px;
}

#footer a  {
	text-decoration: none;
	color: #8c8c8c;
}

#footer a:hover  {
	color: #ffffff;
}

.terms-of-use-ol  {
	list-style-image: decimal;
	list-style-position: decimal;
	list-style-type: decimal;
	margin-left: 20px;
}

.terms-of-use li  {
	font-family:Tahoma,Geneva,sans-serif;
	font-size: 0.85em;
	color: #666;
	line-height: 10pt;
}


/**
 * Navigation
 * ----------------------------------------
 */
#navigation {
	background: #999 url('../img/navigation-background.png') top left repeat-x;
	height: 24px;
	margin-bottom: 5px;
}
#navigation ul li {
	float: left;
}
#navigation ul li a {
	display: block;
	padding: 0 20px 0 20px;
	color: #fff;
	text-decoration: none;
	font-size: 0.85em;
	line-height: 21px;
	height: 24px;
}
#navigation ul li.active a
#navigation ul:hover li.active:hover a,
#navigation ul li a:hover,
#navigation ul li a.hover,
#navigation ul li:hover a,
#navigation ul li.hover a {
	color: #262324;
}
#navigation ul:hover li.active a,
#navigation ul:hover li.active:hover ul a {
	color: #fff;
}

#navigation ul li ul {
	position: absolute;
	width: 195px;
}
#navigation ul li ul {
	visibility: hidden;
}
#navigation ul li:hover ul,
#navigation ul li.hover ul {
	visibility: visible;
}
#navigation ul li ul li a {
	background-color: #333;
	padding: 0 7px 0 7px;
	width: 195px;
	border-bottom: solid #676767 1px;
}

#navigation ul li ul li a,
#navigation ul li ul li a:hover,
#navigation ul li ul li a.hover,
#navigation ul li:hover ul li a,
#navigation ul li.hover ul li a,
#navigation ul li:hover ul li a:hover,
#navigation ul li.hover ul li a.hover {
	color: #fff;
}
#navigation ul li ul li a:hover,
#navigation ul li ul li a.hover,
#navigation ul li:hover ul li a:hover,
#navigation ul li.hover ul li a.hover {
	background-color: #980808;
	color: #fff;
}

#navigation ul li .spacer {
	display: none;
}
#navigation ul:hover li.active:hover .spacer,
#navigation ul li:hover .spacer,
#navigation ul li.hover .spacer,
#navigation ul li.active .spacer {
	display: block
}
#navigation ul:hover li.active .spacer {
	display: none;
}
#navigation .spacer {
	overflow: hidden;
	height: 5px;
	width: 86px;
	background-color: #980808;
}
#navigation .home .spacer {
	width: 71px;
}
#navigation .company .spacer {
	width: 89px;
	
}
#navigation .products .spacer {
	width: 86px;
}
#navigation .machinery .spacer {
	width: 93px;
}
#navigation .contact .spacer {
	width: 87px;
}


/**
 * Page Container
 * ----------------------------------------
 */
#page-container-double-column {
	background: #fff url('../img/content-background.png') top left repeat-y;
}

#page-container-single-column {
	background: #fff url('../img/single-column-background.png') top left repeat-y;
}

.home-container {
	background: transparent url('../img/side-headings/home.png') bottom left no-repeat;
}
.company-container {
	background: transparent url('../img/side-headings/company.png') bottom left no-repeat;
}
.products-container {
	background: transparent url('../img/side-headings/products.png') bottom left no-repeat;
}
.machinery-container {
	background: transparent url('../img/side-headings/machinery.png') bottom left no-repeat;
}
.contact-container {
	background: transparent url('../img/side-headings/contact.png') bottom left no-repeat;
}
.terms-container {
	background: transparent url('../img/side-headings/terms.png') bottom left no-repeat;
}

#content {
	width: 275px;
	float: left;
	padding: 30px 28px;
	padding-left: 174px;
	display: block;
}

#content.single-column  {
	width: 528px;
}

#content p,
form label {
	font-size: 0.85em;
	color: #666;
}
#content p,
form {
	margin-top: 1.25em;
	line-height: 1.35em;
}

#right-panel {
	width: 253px;
	height: 390px;
	float: left;
	margin-left: 5px;
}

#content a  {
	color: #666;
}


/**
 * Thumbnails
 * ----------------------------------------
 */
#thumbnail-grid {
	background-color: white;
	height: 280px;
}

#thumbnail-grid div.thumb {
	float: left;
	width: 124px;
	height: 135px;
	background-color: black;
	margin-bottom: 5px;
}

#thumbnail-grid div.thumb.left {
	margin-right: 5px;
}

#thumbnail-table  {
	width: 100%;
	height: 280px;
	cell-padding: 5px;
}

#thumbnail-table tr  {
	height: 138px;
}

#thumbnail-table td  {
	vertical-align: top;
	text-align: left;
}

#thumbnail-table td.right-cell  {
	text-align: right;
}


/**
 * Product Page
 * ----------------------------------------
 */
#productList .item {
	width: 270px;
	height: 35px;
	background-color: #333;
	margin-top: 0.6em;
}
#productList .item.first {
	margin-top: 1.25em;
}
#productList .item.hover {
	cursor: hand;
	cursor: pointer;
	background-color: #900;
}
#productList .item img {
	float: left;
	width: 80px;
	height: 35px;
	background-color: black;
	border-right: solid white 2px;
}
#productList .item h3 {
	font-size: 0.7em;
	font-weight: normal;
	margin-top: 0.75em;
	margin-left: 1em;
	float: left;
}
#productList .item h3 a {
	color: #fff;
	text-decoration: none;
}
#productList .item .highlight {
	width: 12px;
	height: 17px;
	background-color: #900;
	float: right;
}
#productList .item.hover .highlight {
	background-color: #ccc;
}
#productList  {
	margin-top: 10px;
}
#productList a  {
	text-decoration: none;
	font-size: 0.85em;
}
#productList a:hover  {
	color: #df8e2e;
}
#productList ul  {
	padding: 0px;
	margin: 0px;
}
#productList li  {
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url('/img/BulletPoint_orange.png');
	background-repeat:no-repeat;
	background-position:0px 4px;
	background-position/*\**/:0px 2px\9; /* IE 8 */
	*background-position: 0px 4px;  /* < IE 8 */
	padding-left:14px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	#productList li {background-position:0px 5px;} /* Safari only hack */
}
#machineList ul  {
	padding: 0px;
	margin: 0px;
	color: #666666;
	font-size: 0.75em;
}
#machineList li  {
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url('/img/BulletPoint_orange.png');
	background-repeat:no-repeat;
	background-position:0px 2px;
	background-position/*\**/:0px 2px\9; /* IE 8 */
	*background-position: 0px 2px;  /* < IE 8 */
	padding-left:14px;
	font-size: 1.1em;
}

/**
 * Contact Information
 * ----------------------------------------
 */
#contact-information {
	float: right;
	width: 217px;
	height: 74px;
	padding: 13px 18px 18px 18px;
	margin-top: -105px;
	position: relative;
	background-color: #333;
	z-index: 1;
}
#contact-information p {
	color: white;
	line-height: 1.5em;
	font-size: 0.85em;
	display: block;
}
#contact-information .heading {
	width: 20px;
	float: left;
	color: #8c8c8c;
	font-weight: bold;
}
#contact-information a {
	text-decoration: none;
	color: #fff;
}
#contact-information a:hover {
	color: #aaa;
}
#contact-details  {
	margin-right: 11px;
	margin-bottom: 15px;
}
#contact-details p  {
	/*font-size: 7pt;*/
}
#contact-details .phone  {
	color: #980808;
}
#contact-details .spacer  {
	margin-left: 1px;
	margin-right: 1px;
	font-weight: bold;
}
#contact-details a  {
	text-decoration: none;
}
#contact-details a:hover  {
	color: #262324;
}
.contact-clear {
	clear: both;
}


/**
 * Forms
 * ----------------------------------------
 */
form label {
	width: 75px;
	display: block;
	float: left;
	line-height: 15px;
}
form input,
form textarea {
	width: 180px;
	border: none;
	margin: 0;
}
form input {
	height: 15px;
}
form div.input {
	margin-bottom: 10px;
}
form .error-message {
	display: none;
}
form .error label {
	color: #980808;
}
form div.error {
	background: transparent url('../img/error.png') top right no-repeat;
}
form div.submit {
	width: 45px;
	float: right;
	margin-right: 19px;
	*margin-right: 17px;
	height: 23px;
	background: #eeeeee url('../img/send-button.png') top right no-repeat;
}
form button.send {
	border: none;
	overflow: hidden;
	width: 45px;
	height: 23px;
	padding-top: 23px;
	text-indent: 45px;
	background-color: transparent;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	form button.send {height: 15px;} /* Safari only hack */
}
.mandatory-note  {
	font-size: 0.8em;
}
.mandatory-note p  {
	padding-top: 5px;
}

form .input.text input, form .input.textarea textarea  {
	font-size: 0.85em;
	font-family: Tahoma,Geneva,sans-serif;
}