/* Resets
--------------------------------------------------*/
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, span, fieldset, legend, blockquote {
	margin: 0;
	padding: 0;
}
li { list-style: none; margin: 0px; padding: 0px; }
img { border: none; }
a, a:link, a:visited, a:active, a:hover { font-weight: normal; color: #FFF; outline: none; text-decoration: none; }
a:hover { color: #FFD21D; }
hr, span, .plain-only{ height: 0px; display: none; }
body { font: 62.5% Verdana, Geneva, sans-serif; margin: 0px; padding: 0px; background: #899291; }
.clear { clear:both; }
.clearfix:after {    content: ".";    display: block;    height: 0;    clear: both;    visibility: hidden;    }
.clearfix {display: inline-block;}  /* for IE/Mac */
.pad {padding:10px;}
p { line-height: 150%; font-size: 12px; color: #FFF; padding-bottom: 10px; }
p.terms { font-size: 1em; }#wrap { width: 100%; }


/* wraps and blocks
--------------------------------------------------*/

#headwrap { width: 100%; background: url(../img/headwrap-bg.jpg) repeat-x; }
#head { height: 82px; background: url(../img/head.jpg) no-repeat; margin-right: auto; margin-left: auto; width: 980px; position: relative; }

#midwrap { width: 100%; background: url(../img/homepage-mid-rpt.jpg) repeat-x; }
#mid { position: relative; background: url(../img/homepage-mid.jpg) repeat-x center; margin-right: auto; margin-left: auto; position: relative; width: 980px; padding-top: 0px; height: 311px; }
.mid { padding-top: 66px; width: 960px; padding-left: 20px; color: #FFF; }
.contents { background: #FFF url(../img/contents-mid.jpg) no-repeat; margin-right: auto; margin-left: auto; width: 980px; height: 66px; position: relative; }
#mid .lcol {
	padding-top: 100px;
	width: 418px;
	float: left;
	padding-left: 20px;
	padding-right: 50px;
}
#mid .lcol img { margin-right: 10px; }
#content .rcol { width:220px; float:left; padding-left: 20px; padding-top: 60px; }
#contentwrap { background: #FFF; width: 100%; padding-bottom: 10px; }
#content { width: 940px; margin-right: auto; margin-left: auto; padding-left: 20px; padding-right: 20px; padding-top: 20px; position: relative; }
#midwrap.content { height: 66px; background: #FFF url(../img/contents-mid.jpg) no-repeat center; }
#mid.content { height: 66px; background: url(../img/contents-mid.jpg) no-repeat center; padding: 0px; }

#footerwrap { width: 100%; background: url(../img/footer-wrap.jpg) repeat-x top; }
#footer {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-top: 20px;
}#news-footer h3 { color: #FFF; font-weight: normal; font-size: 16px; text-shadow: 1px 1px 1px #000; padding-bottom: 15px; padding-top: 20px; }


/* nav
--------------------------------------------------*/
#nav { position: absolute; left: 21px; top: 33px; width: 741px; z-index: 1; }
#nav li { float: left; font-size: 15px; }
#nav ul li a { color: #FFF; text-decoration: none; display: block; text-align: right; padding-right: 5px; margin-left: 1px; font-weight: bold; padding-right :10px;}
#nav ul .n1 a { width: 75px;}
#nav ul .n2 a{ width: 84px; }
#nav ul .n3 a { width: 84px; }
#nav ul .n4 a { width: 92px; }
#nav ul .n5 a { width: 109px; }
#nav ul .n6 a { width: 107px; }
#nav ul .n7 a { width: 108px; }
#nav ul li a:hover { color: #FFD011; }

#top-buttons {
	padding-left: 685px;
}
#top-buttons .availability a { background: url(../img/top-buttons-availability.jpg); height: 20px; width: 89px; padding-top: 5px; padding-left: 40px; }
#top-buttons .availability a:hover { background: url(../img/top-buttons-availability.jpg) -129px; }
#top-buttons .med a {
	background: url(../img/top-buttons-availability.jpg);
	height: 20px;
	width: 94px;
	padding-top: 5px;
	padding-left: 35px;
}
#top-buttons .med a:hover { background: url(../img/top-buttons-availability.jpg) -129px; }
#top-buttons li { display: inline; }
#top-buttons li a { display: block; float: left; margin-left: 6px; text-decoration: none; }

#content p {
	color: #000;
	font-size: 12px;
	z-index: -100;
}
#content h2 {
	color: #000000;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 15px;
	margin-top: 5px;
}
#pics { margin-top: 10px; display: block; float: left; width: 428px; padding-right: 10px; padding-left: 10px; }
#pics h4 { color: #666; }
.pic-right { float: right; padding-left: 20px; }
.lcol h2 {
	color: #FFF;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
}
.lcol h3 {
	padding-top: 20px;
	color: #313131;
	display: block;
	height: 25px;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
h4.smaller span {display:inline; color:#F90;}

/* Four Boxes
--------------------------------------------------*/
#four-boxes .one-box {
	height: 200px;
	width: 220px;
	background: url(../img/one-box-bg.jpg) no-repeat bottom;
	float: left;
	margin-right: 15px;
	position:relative;
}
#four-boxes .one-box.right { height: 200px; width: 220px; background: url(../img/one-box-bg.jpg) no-repeat bottom; float: left; margin-right: 00px; position:relative; }

#four-boxes .one-box h3 { text-align: center; padding-top: 10px; display: block; padding-bottom: 10px; }
#four-boxes { padding-left: 20px; height: 200px; }
#four-boxes .one-box img { padding-top: 0px; padding-left: 0px; display: block; margin-right: auto; margin-left: auto; margin-top: 10px; }
#four-boxes .one-box h4 { color: #FFF; text-align: center; padding-top: 5px; font-size: 12px; }
#four-boxes .one-box.diggers { background: url(../img/one-box-bg-digger.png) no-repeat; width: 235px; 
}


/* Footer
--------------------------------------------------*/
#footer .terms {
	text-align: right;
	width: 286px;
	float: right;
	margin-right: 20px;
	margin-top: 10px;
}
#footer .terms a img { float: right; }
#news-footer .news-items { clear: both; padding-top: 20px; padding-right: 40px; width: 400px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #F2CE3C; }
#news-footer .news-items h4{ color: #F0CC3A; }
#news-footer { clear: both; padding-top: 200px; padding-left: 50px; vertical-align: bottom; width: 500px; }
#news-footer a { display: block; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; text-decoration: none; color: #CCC; font-size: 11px; padding-top: 5px; padding-bottom: 5px; }


/* General Form Styles
--------------------------------------------------*/
form { margin: 5px 0 15px; font-size: 100%; }
fieldset { border: 1px solid #999999; padding: 5px; }
legend {	padding: 5px;	font-weight: bold;	color: #1F1F1F;}
label { display: block; margin: 10px 0 4px 0; color: #CD1C26; }
label.check { display: inline; }

textarea, input { width: 98%; border: 1px solid #7F9DB9; padding: 3px; font: 1em Verdana, Arial, Helvetica, sans-serif; color: #888; margin: 0; background: #FFF url(/templates/img/formshadow.jpg); }
select {	width: 100%;}
input.sized {width:400px;}
input.check { background: none; border: none; width: auto; margin: 6px 4px 0 4px; }
input.submit{ color:#000000; font: bold 1.2em Arial, Helvetica, sans-serif; width: 150px; margin-top: 15px; background: #CCC url(/templates/img/submit.png); padding: 0px; height: 30px; border-style: none; cursor:pointer; cursor:hand; }
textarea{ height: 100px; }




/* Specs needed
--------------------------------------------------*/


#content h2.masthead { position: absolute; color: #FFF; top: 15px; left: 20px; text-align: right; margin: 0px; padding: 5px 10px 2px 5px; width: 685px; background: #313131 url(../img/corner-h2-bg-masthead.png) no-repeat left top; font-size: 1.6em; font-weight: normal; height: 22px; }

#content .lcol { width: 700px; padding: 0px; float: left; }

.rcol .pic { margin-bottom: 10px; }



#mid .rcol { padding-top: 66px; padding-left: 0px; width: 458px; float: left; }

img.masthead { margin-top: 25px; }
.error { margin: 10px; padding: 20px; border: 1px dotted #FED116; }

#content a,
#content a:link,
#content a:visited,
#content a:active { color: #F00; text-decoration: none; }

#content a:hover { color: #FF0101; text-decoration: underline; }
#content .machinery-items {
	display: block;
	float: left;
	width: 448px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #DFE1E1;
	position: relative;
	margin-bottom: 20px;
	border: 1px solid #666;
	margin-left: 6px;
	padding-right: 7px;
}
#content .machinery-items a .pic-l { float: left; padding-right: 20px; }
#content .machinery-items h3 { padding-bottom: 10px; }
#content .machinery-items h2 { background: #000; color: #FC0; width: 140px; position: absolute; left: 10px; top: 126px; font-size: 14px; margin-bottom: 5px; text-align: center; padding-top: 3px; padding-bottom: 3px; }
#sub-nav { width: 220px; float: left; background: url(../img/menu-top.jpg) no-repeat left top; margin-top: 20px; padding-top: 10px; }
#right-category { margin-left: 220px; padding-left: 20px; padding-top: 20px; }
#sub-nav #subcats li a { color: #000; display: block; font-size: 14px; font-family: Arial, Helvetica, sans-serif; background: #FC0; margin: 0px; padding: 2px 10px; height: 20px; width: 200px; border-bottom: none; border-right-style: none; border-left-style: none; border-top: 1px dotted #666; }
#content .rcol.cats { padding-left: 0px; padding-top: 20px; }
#content .lcol.cats { width: 720px; }
#sub-nav ul{ background: url(/templates/img/menu-btm.jpg) no-repeat left bottom; padding-bottom: 10px; margin-bottom: 20px; display: block; overflow: visible; }
.menubtm { background: url(../img/menu-btm.jpg); height: 10px; display: block; width: 220px;  }
#content .lcol.cats #nav_categories li a { display: block; float: left; width: 200px; margin-right: 20px; height: 18px; padding: 72px 10px 10px; margin-top: 0px; border-top: none; border-right: none; border-bottom: none; border-left: none; color: #FFF; background: url(../img/cats.jpg); font-size: 1.2em; margin-bottom: 20px; }
#content .lcol ul li { font-size: 1.1em; background: url(../img/grey_bullet_point.gif) no-repeat 0px 4px; padding-left: 20px; padding-bottom: 5px; }
#content .lcol.cats  ul.nav_categories#nav_categories li { font-size: 1.1em; background: url(none); margin: 0px; padding: 0px; }

#content .lcol h4 {
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
.machinery-items a img { float: left; }
#content .machinery-items ul li a { display: block; color: #000; width: 130px; text-align: center; margin-right: 10px; background: url(../img/listing-button.jpg); height: 22px; padding-top: 3px; font-size: 1.3em; }
.machinery-items li {
	float: right;
}
.machinery-items .image { float: left; margin-right: 17px; margin-left: 10px; }
#content-details .lcol {width: 460px;}
#content-details .rcol { width: 458px; padding-top: 0px; margin-bottom: 20px; }
#table-specifications { text-align: left; margin-bottom: 20px; width: 940px; padding-top: 10px; 
}
#left-table {width: 460px;	float: left;	text-align: left;	border-right-width: 1px;	border-right-style: dotted;	border-right-color: #FFCC00;}
#left-table .rowodd {};
#left-table .roweven {};

#right-table { float: left; 
}
#table-specifications .field-table{ font-weight: bold; height: 18px; width: 150px; 
}
#table-specifications .value-table{ width: 280px; 
}
#right-table .field-table {	font-weight: normal;}

.related-items { width: 150px; float: left; background: #999; border: 1px solid #CCC; padding: 0px 0px 10px; margin-right: 20px; 
}
.page-gallery {border: 1px solid #C0C0C0; padding: 15px 5px 15px 15px; margin-top: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

#table-specifications tr.light { background: #CCC; }

#table-specifications tr.dark { background: #999; }

#table-specifications td { padding: 5px; border: 1px solid #666; }

#table-specifications #bktspecs {float: left; display: block;}

#table-specifications #tblspecs { float: left; margin-right: 25px; width: 459px; }

#table-specifications th {
	background: #333;
	padding: 8px;
	color: #FC0;
	text-align: left;
	font-size: 12px;
}
#content .related-gallery{ margin-top: 5px; border-top: 1px dotted #999999; width: 940px; 
}

#content-details .lcol img { border: 1px solid #CCC; }
#head .logo a{ background: url(/templates/img/logo.jpg); display: block; height: 75px; width: 231px; position: absolute; left: 23px; top: 5px; }

.related-items a { margin-right: auto; margin-left: auto; width: 107px; }

.related-items a img { margin-right: auto; margin-left: auto; display: block; border: 1px solid #CCC; }

.related-items h4  { text-align: center; display: block; height: 45px; background: #333; padding-top: 10px; margin-bottom: 10px; 
}

#content .rcol a.enquirenow { background: #333 url(../img/enquire-go.gif); color: #FC0; padding: 0px; border-style: none; margin-top: 10px; display: block; height: 39px; width: 300px; }

#content #right-category .clearfix.machinery-items h3 a { color: #000; font-weight: bold; }
#content .lcol img {
	float: left;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 20px;
}

#content .related-items h4 a { color: #FC0; font-weight: bold; padding-right: 5px; padding-left: 5px; }
#machine-video object {
	z-index: -1000;
}

/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	background:#333 url(/img/global/gradient/h300.png) 0 0;
	-background:#666;
	margin-top: 10px;
}

/* accordion header */
#accordion h2 {
	background:#ccc url(/img/global/gradient/h30.png);
	margin:0;
	padding:5px 15px;
	font-size:14px;
	font-weight:normal;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;		
}

/* currently active header */
#accordion h2.current {
	cursor:default;
	background-color:#fff;
}

/* accordion pane */
#accordion .pane {
	border:1px solid #fff;
	border-width:0 2px;
	display:none;
	padding:15px;
	color:#fff;
	font-size:12px;
}

/* a title inside pane */
#accordion .pane h3 {
	font-weight:normal;
	font-size:16px;
	color:#999;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: -5px;
	margin-left: 0;
	padding-bottom: 10px;
}
#accordion .pane li {
	display: block;
	width: 120px;
	float: left;
	font-size: 9px;
}
#accordion .pane h4 {
	padding-bottom: 10px;
}