/* LAYOUT */
/* ----------------------------------------- */

/* Presentational classes generated by WordPress */
.aligncenter	{ display: block; margin: 0 auto; }
.alignleft		{ float: left; margin: 0 20px 20px 0; }
.alignright		{ float: right; margin: 0 0 20px 20px; }
.wp-caption		{ border: 1px solid #999; text-align: center; background: #eee; padding: 10px; margin: 10px; }

body{
	
	font-family: "news-gothic-std",sans-serif;
	color: #fff;
	font-size: 13px;
	background: #000 url(../images/bg-body-top-texture.jpg) top left repeat-x;
}


/*---------------- TYPE TREATMENTS -------------------*/

a{
	
	color: #ff6700;
	outline: none;
}

p{margin:0 0 10px 0; line-height: 1.5em;}

a:visited, 
a:hover{ 	color: #ff6700; }

p.social a{
	
display: inline-block;
width:23px;
height: 21px;
margin:0 5px 0 0;
text-indent: -9999px;
background: transparent url(../images/icons-social.png) top left no-repeat;	
text-align: left;
border: none;
outline: none;
	
}

p.social a.linked-in{background-position: top left;}
p.social a.twitter{background-position: -23px 0;}
p.social a.facebook{background-position: -46px 0;}
p.social a.youtube{background-position: top right; margin-right: 0px;}


#post-container article p.post-meta,
#post-container aside p.post-meta{
	
font-size: 11px;
color: #ff6700;	
margin:0 0 10px 0;	
}

.home-news p.post-meta{
	
font-size: 11px;
color: #ff6700;	
margin:20px 0 5px 0;	
}

.home-news p.post-meta a{
	
	text-decoration: none;
	
}

article p.post-meta a,
#post-container aside p.post-meta a{
	
text-decoration: none;
	
	
}


body.page-template-page-markets-php #content-container header{padding: 0;}

article header h1, body.page-template-page-markets-php #content-container header h1{ 

background: transparent url(../images/icon-header-slashes.png) right 50% no-repeat;
display: inline-block;
padding:0 50px 0 0;

}


article.sub-page header h2, body.page-template-page-markets-php #content-container header h2{ 

display: inline-block;
font-size: 21px;
font-weight: bold;
text-transform: uppercase;
color: #ff6700;
letter-spacing: 1px;


}

h1.page-header{ 

background: transparent url(../images/icon-header-slashes.png) right 50% no-repeat;
display: inline-block;
padding:0 50px 0 0;

}

article header{padding:0 0 30px 0;}

article.post header{padding:0 0 10px 0;}

article.post header h2,
body.search article.post header h2,
body.search article.page header h2{
	
	
font-size: 20px;
color: #ff6700;	
	
}

h1{ font-weight: 700; font-size: 30px; text-transform: uppercase; letter-spacing: 1px;}

.post h2 a{
	
color: #fefefe;
font-size: 17px;
font-weight: normal;
text-decoration: none;	
	
}

.post h2 a:hover,
.post h2 a:active{
	
color: #ff6700;	
	
}

article h1{}

article h2{
	
	font-size: 43px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	padding:0 0 25px 0;	
}



body.page-template-page-twocolumn-php article h2{
	
	font-size: 38px;	
	line-height: 0.9em;
	margin-top: -80px;
	
}

body.page-template-page-twocolumn-php article h2 span{
	
	font-size: 31px;	
	
	
}



article h2 span{
	
	color: #ff6700;
	
}

article h2 span em{
	
font-style:italic;	
	
}

article h3{
	
	color: #ff6700;
	font-size: 22px;
	font-weight: normal;
	padding:25px 0 20px 0;
	line-height: 1.3em; 
	
}


#post-47 h3
{
	
	color: #ff6700;
	font-size: 22px;
	font-weight: normal;
	padding:0 0 5px 0;
	line-height: 1.3em; 
	
}



body.page-template-page-twocolumn-php article h3{
	
	padding:30px 0 15px 0;	
	
}


/*-----------------------------------------------------*/

#page-content{
	
	width:844px;
	padding:0 0 0 100px;
	
}

body.page-template-page-twocolumn-php #page-content{
	
	width:844px;
	padding:0 0 0 0px;
	float: left;	
	
	
}

body.page-template-page-twocolumn-php #page-content-aside-container{
	
	
padding: 376px 0 0 0;	
	
}

#wrapper{
	
	min-height: 900px;
	background: transparent url(../images/bg-content-bottom-texture.jpg) bottom left repeat-x;
	border-top:3px solid #ff6700;
	margin-bottom:30px;
	padding: 0 0 30px 0;
}

#content-wrapper,
#inner-footer{
	padding: 0 70px 0 70px;
	margin:0px auto;
	width:1143px;
	
	
}

footer{clear: both;margin:0; padding: 0;}

#inner-footer{
	
	padding:0px 0 30px 0;
	overflow: auto;
	
}

header{
	
	padding:0 0 120px 0;
	
}


form#searchform{ height: 40px;}

form#searchform div{
	
width:170px;
height: 20px;
background-color: #CCC;	
padding:0 0 0 5px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;	
float: right;
	
}

form#searchform label{ display: none;}

#searchform input#searchsubmit{

margin-top: 1px;	
border:none;
text-indent: -9999px;
width:19px;
height: 17px;
background: transparent url(../images/btn-search.png) top left no-repeat;
cursor: pointer;
	
	
}

#searchform input#s{
	
	width:140px;
	padding:0 0 0 5px;
	height: 18px;
	border: none;
	background-color: #CCC;
	
}


header hgroup{width:222px; float:left;}

h1#logo{width: 222px;}

h1#logo a{
	
	display: block;
	widows: 222px;
	height: 28px;
	background: transparent url(../images/logo-hayes.png) top left no-repeat;	
	text-indent: -9999px;
	margin: 5px 0 0 0;
}


nav.menu-main-container{
	
	float:right;
	height: 71px;
	
}

ul#menu-main{
	
	height: 34px;
	border:2px solid #000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	background: transparent url(../images/bg-nav.png) center left repeat-x;
	
}

ul#menu-main li{
	height: 34px;
	border-left:1px solid #4e4d4d;
	border-right:2px solid #000; 
	float:left;
	position: relative;
}

ul#menu-main li a{
	display: block;
	height: 22px;
	padding:12px 41px 0 41px;
	text-decoration: none;
	font-weight: 700;
	font-size: 11px;
	text-transform: uppercase;

	letter-spacing: 1px;
}

ul#menu-main li#menu-item-60{
	
	border-left:none;


}



ul#menu-main li#menu-item-60 a,
ul#menu-main li#menu-item-70 a{

background: transparent url(../images/bg-nav-arrow.png) 78% 12px no-repeat;

}

ul#menu-main li#menu-item-76 a{

background: transparent url(../images/bg-nav-arrow.png) 82% 12px no-repeat;

}

ul#menu-main li#menu-item-60.current_page_item a,
ul#menu-main li#menu-item-60.current-page-parent a,
ul#menu-main li#menu-item-60.current_page_parent a,
ul#menu-main li#menu-item-60.current-page-ancestor a,
ul#menu-main li#menu-item-70.current_page_item a,
ul#menu-main li#menu-item-70.current-page-parent a,
ul#menu-main li#menu-item-70.current_page_parent a,
ul#menu-main li#menu-item-70.current-page-ancestor a,
ul#menu-main li#menu-item-76.current_page_item a,
ul#menu-main li#menu-item-76.current-page-parent a,
ul#menu-main li#menu-item-76.current_page_parent a,
ul#menu-main li#menu-item-76.current-page-ancestor a{
	
background-image: url(../images/bg-nav-arrow-white.png);	
	
}

ul#menu-main li#menu-item-60.current_page_item ul.sub-menu li a,
ul#menu-main li#menu-item-60.current-page-parent ul.sub-menu li a,
ul#menu-main li#menu-item-60.current_page_parent ul.sub-menu li a,
ul#menu-main li#menu-item-60.current-page-ancestor ul.sub-menu li a,
ul#menu-main li#menu-item-70.current_page_item ul.sub-menu li a,
ul#menu-main li#menu-item-70.current-page-parent ul.sub-menu li a,
ul#menu-main li#menu-item-70.current_page_parent ul.sub-menu li a,
ul#menu-main li#menu-item-70.current-page-ancestor ul.sub-menu li a,
ul#menu-main li#menu-item-76.current_page_item ul.sub-menu li a,
ul#menu-main li#menu-item-76.current-page-parent ul.sub-menu li a,
ul#menu-main li#menu-item-76.current_page_parent ul.sub-menu li a,
ul#menu-main li#menu-item-76.current-page-ancestor ul.sub-menu li a{
	
background-image: none;	
	
}





ul#menu-main li ul
{
	position: absolute;
	top: 34px;
	left: 0px;
	display: none;
	height: 40px;
	width: 877px;
	padding-left: 25px;
	overflow: hidden;
	background-color: transparent;
	background-image: url(../images/bg-secondary-nav.png);
	background-repeat: repeat-x;
	background-position: left -6px;
}


ul#menu-main li#menu-item-70 ul{left:-142px;}

ul#menu-main li#menu-item-76 ul{left:-288px;}


ul#menu-main li:hover ul{display: block;}

ul#menu-main li:hover a{color: #fff;}

ul#menu-main li:hover ul li a{color: #000;}

ul#menu-main li:hover ul li a:hover{color: #fff;}


ul#menu-main li ul li{ float:left;

border: none;

 }

ul#menu-main li ul li a{
	
	font-size: 14px;
	font-weight: normal;
	text-transform: none;
	color: #000;
	height: 24px;
	padding:10px 20px 0 20px;
	letter-spacing: 0px; 
	
}

ul#menu-main li.current_page_item a,
ul#menu-main li.current-page-parent a,
ul#menu-main li.current_page_parent a,
ul#menu-main li.current-page-ancestor a,
ul#menu-main li ul.sub-menu li.current-page-ancestor a{color: #fff;
	
}

ul#menu-main li#menu-item-70 a:hover,
ul#menu-main li#menu-item-70 a:active,
ul#menu-main li#menu-item-76 a:hover,
ul#menu-main li#menu-item-76 a:active,
ul#menu-main li#menu-item-60 a:hover,
ul#menu-main li#menu-item-60 a:active{background-image: url(../images/bg-nav-arrow-white.png);}

ul#menu-main li#menu-item-70 ul.sub-menu a:hover,
ul#menu-main li#menu-item-70 ul.sub-menu a:active,
ul#menu-main li#menu-item-76 ul.sub-menu a:hover,
ul#menu-main li#menu-item-76 ul.sub-menu a:active,
ul#menu-main li#menu-item-60 ul.sub-menu a:hover,
ul#menu-main li#menu-item-60 ul.sub-menu a:active{background-image: none;}


ul#menu-main li a:hover,
ul#menu-main li a:active{color: #fff;}

ul#menu-main li.current_page_item ul li a,
ul#menu-main li.current-page-parent ul li a{
	
	color: #000;
	
}

ul#menu-main li.current-page-parent ul li.current_page_item a{
	
	color: #fff;
	
}

ul#menu-main li ul li a:hover,
ul#menu-main li ul li a:active{
	
	color: #fff;
	
}

nav.menu-footer-container{
	

	float:left;
	
}

#footer-contact, #hps_logo{
	

	float:left;
	text-align: right;
	
	margin-left: 22px;
}

#footer-contact p{
	
	color:#fff;
	font-size: 12px;
	line-height: 1.5em;
	
	
	
}

strong{font-weight: bold;}


ul#menu-footer{
	

	
}

ul#menu-footer li{
 
	float:left;
	
	padding:0 38px 30px 0;

}

ul#menu-footer li a{
	text-decoration: none;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
	
	
}

ul#menu-footer li a:hover, ul#menu-footer li a:active{
	
	color: #ff6700;
	
}

ul#menu-footer li ul{padding-top: 5px;}

ul#menu-footer li ul li{float: none; padding:2px 0 2px 0;}

ul#menu-footer li ul li a{
	
	text-transform: none;
	font-weight: normal;
	
}

#content-wrapper article{width:1140px;}

body.page-template-page-subpage-php #content-wrapper article{width:1140px; position: relative;}

body.page-template-page-twocolumn-php #content-wrapper article{width:1140px; position: relative;}


p.show-products{
	
	cursor: pointer;
	background: transparent url(../images/bg-nav.png) 0 50% repeat-x;
	height: 28px;
	border: 2px solid #3e3d3d;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    font-size: 13px;
    font-weight: 700;
    padding:6px 0 0 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
	margin:20px 0 0 0;
	color: #ff6700;
}

p.show-products em{
	
display: inline-block;
width: 7px;
height: 12px;
background: transparent url(../images/bg-nav-arrow.png) top left no-repeat;	
text-indent: -9999px;	
}

p.show-products.open{color: #fff;}

p.show-products.open em{
	
width: 12px;
height: 8px;
background: transparent url(../images/arrow-down-white.png) top left no-repeat;
text-indent: -9999px;		
}

div.products-info{

display: none;
background-color: #201f1f;
padding:25px;
overflow: auto;

}

.products-info h4{
	
	color: #ff6700;
	font-size: 13px;
	text-transform: uppercase;
	margin:0 0 10px 0;
	font-weight: 700;
	letter-spacing: 1px;	
	
}

a.pdf-file{
	
display: block;
height: 33px;
background: transparent url(../images/icon-pdf.png) top left no-repeat;	
margin:10px 0 10px 0;
padding:0 0 0 34px;
line-height: 48px;
	
}

.products-info ul{}

.products-info ul li{
	
	
padding:0 0 5px 0;	
	
}

.part-content{
	
clear: both;	
margin:0 0 60px 0;;
overflow: auto;
padding-bottom:60px;
border-bottom: 1px solid #878787;

}

.part-content.centercolumn
{
margin-left: 35px;
margin-right: 35px;
}

.part-content dl
{
padding-top: 5px;
clear: both;
}

.part-content dt
{
width: 245px;
float: left;
font-weight:700;
color: #FDFDFC;
margin:0 0px 0px 0;
padding: 0 0 5px 0; 
clear: both;
}

.part-content dd
{
	float: left;
    margin:0 0 0px 0; 
    padding:0 0 5px 0;
     
}

.part-content .content-col ul
{
height: auto !important;
margin: 0px !important;
padding: 5px 0 0 0 !important;

}
.part-content .content-col ul li
{
	float: none !important;
	height: auto !important;
	list-style-type: disc !important;
	margin: 3px 0 0 25px !important;
	border: none !important;
	background: none !important;
	width: 100%;
}




#post-container{width:940px; float: left;}

#content-wrapper aside{
		
	width:140px;
	padding:0 0 0 60px;
	float: right;	
	
}

body.page-template-page-twocolumn-php #content-wrapper aside{
		
	width:250px;
	padding:75px 0 0 40px;
	float: left;	
	
}

#page-image-header{
	
position: absolute;
top:60px;
left:0px;
z-index: -1;	
	
}

.clear{clear: both; height: 10px;}

body.blog #post-container article,
body.search #post-container article,
body.archive #post-container article{
	
padding:0 0 15px;
border-bottom: 1px solid #454544;
margin:0 0 50px 0;	
width:940px;
	
}

body.blog #post-container article:last-child,
body.archive #post-container article:last-child{
	
border-bottom:none;	
	
}


aside ul.benefits{
	
list-style-type: disc;	
	
}

aside ul.benefits li{
	
	list-style-position: inside;
	padding:0 0 10px 0px;
	
}



aside ul{}

aside ul li h3{
	
	
	padding:0 0 8px 0;
	text-transform: uppercase;
	
	
}

aside ul li{
	
	
	padding:0 0 15px 0;
	
}

aside ul li ul li{
	
		padding:0 0 10px 0;
		line-height: 1.3em;
	
}

#post-container nav a{
	
padding:0 0px 0 100px;	
	
}

#post-container p{margin-bottom: 35px;}

#content-wrapper #post-container aside{
	
float: left;
width:90px;
padding:0 10px 0 0;	
	
}

body.single #post-container article.post{width:840px; float: left;}

body.home{background-image: none;}

#slide-container{

width:1140px;
height: 640px;
overflow: hidden;	
	
}

#content-container #slide-container{

width:985px;
height: 338px;
overflow: hidden;
margin:5px 0 16px 0;	
	
}

body.home #content-wrapper{
	
position: relative;	
	
}

body.home #content-wrapper header{
	
width:1140px;
position: absolute;
z-index: 100;	
	
}

/* home nav thumbs */


div.slide-nav{
	
position: relative;
width:1140px;
height: 100px;	
margin-top: -2px;	
}

div.slide-nav a{
	
width:126px;
height: 20px;
padding-top:84px;
display: block;
position: absolute;	
top:0px;
text-align: center;
color: #fffdfd;
text-decoration: none;
text-transform: uppercase;
}

div.slide-nav a.activeSlide{ color: #ff6700;}

a.bicycle{ left:0px; background: transparent url(../images/t-01-bicycle-s.jpg) top left no-repeat;}
a.motorcycle{left:126px; background: transparent url(../images/t-02-motorcycle-s.jpg) top left no-repeat;}
a.atv{left:252px; background: transparent url(../images/t-03-atv-s.jpg) top left no-repeat;}
a.utv{left:378px; background: transparent url(../images/t-04-utv-s.jpg) top left no-repeat;}
a.snowmobile{left:504px; background: transparent url(../images/t-05-snowmobile-s.jpg) top left no-repeat;}
a.turfcare{left:630px; background: transparent url(../images/t-06-turfcare-s.jpg) top left no-repeat;}
a.agconstruction{left:756px; background: transparent url(../images/t-07-agconstruction-s.jpg) top left no-repeat;}
a.defense{left:882px; background: transparent url(../images/t-08-defense-s.jpg) top left no-repeat;}
a.specialty{left:1008px; background: transparent url(../images/t-09-specialty-s.jpg) top left no-repeat;}

a.bicycle:hover{
	
width:152px;
padding-top:98px;
background: transparent url(../images/t-01-bicycle-l.jpg) top left no-repeat;	
left:-13px;
top:-14px;
z-index: 100;
}


a.motorcycle:hover{
	
width:155px;
padding-top:98px;
background: transparent url(../images/t-02-motorcycle-l.jpg) top left no-repeat;	
left:113px;
top:-14px;
z-index: 100;
}

a.atv:hover{
	
width:155px;
padding-top:98px;
background: transparent url(../images/t-slide-atv-large.jpg) top left no-repeat;	
left:239px;
top:-14px;
z-index: 100;
}

a.utv:hover{
	
width:155px;
padding-top:98px;
background: transparent url(../images/t-04-utv-l.jpg) top left no-repeat;	
left:365px;
top:-14px;
z-index: 100;
}

a.snowmobile:hover{
	
width:155px;
padding-top:98px;
background: transparent url(../images/t-05-snowmobile-l.jpg) top left no-repeat;	
left:491px;
top:-14px;
z-index: 100;
}

a.turfcare:hover{
	
width:155px;
padding-top:98px;
background: transparent url(../images/t-06-turfcare-l.jpg) top left no-repeat;	
left:617px;
top:-14px;
z-index: 100;
}

a.agconstruction:hover{
	
width:155px;
padding-top:98px;
background: transparent url(../images/t-07-agconstruction-l.jpg) top left no-repeat;	
left:743px;
top:-14px;
z-index: 100;
}

a.defense:hover{
	
width:155px;
padding-top:98px;
background: transparent url(../images/t-08-defense-l.jpg) top left no-repeat;	
left:869px;
top:-14px;
z-index: 100;
}

a.specialty:hover{
	
width:155px;
padding-top:98px;
background: transparent url(../images/t-09-specialty-l.jpg) top left no-repeat;	
left:995px;
top:-14px;
z-index: 100;
}


/*---------------*/


div.home-news{
	
position: absolute;
right:75px;
top:0px;
z-index: 90;
background: transparent url(../images/bg-home-news.png) top left no-repeat;
width:210px;

padding:145px 25px 25px 65px;
height: 435px;	
	
	
}

.home-news h3{
	
	font-size: 23px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	background: url("../images/icon-header-slashes.png") no-repeat scroll right 50% transparent;
    display: inline-block;
    padding: 0 50px 0 0
	
}

#content-container div.home-news{
	
position: absolute;
right:0px;
top:-33px;
z-index: 90;
background: transparent url(../images/bg-home-news.png) top left no-repeat;
width:210px;

padding:10px 15px 25px 65px;
height: 435px;	
	
	
}

#content-container div.home-news iframe.facebook{
	
position: absolute;
top:34px;
right:0px;	
	
}

#content-container .home-news h3{
	
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	background: url("../images/icon-header-slashes.png") no-repeat scroll right 50% transparent;
    display: inline-block;
    padding: 0 50px 0 0
	
}

#content-container .home-news h3.no-dash{
	
background: none;
padding-bottom: 5px;	
	
}

img.attachment-news-thumb{
	
float:left;
padding:0 25px 30px 0; 	
	
}

img.attachment-post-thumbnail{
	
	
padding:0 0 30px 0;	
	
}
body.home iframe.facebook{
	
position: absolute;
top:146px;
right:6px;	
	
}


#timeline-container{
	
padding:0 0px 0 0px;
width:860px;
height: 420px;	
position: relative;
	
}


a.btn-careers{
	
display: inline-block;
margin:30px 0 15px 0;	
height: 24px;
padding:2px 18px 0px 18px;	
background: transparent url("../images/bg-nav.png") center left repeat-x;
color: #ff6700;
border: 2px solid #3e3d3d;
text-decoration: none;
font-size: 13px;
font-style: italic;	

	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius:6px;
}


/*
root element for the scrollable.  when scrolling occurs this
element stays still.
*/
.scrollable {
  /* required settings */
  position:relative;
  overflow:hidden;
  width: 860px;
  height:420px;
}
 
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable
items.  it's enough that you set width and height for the root element
and not for this element.
*/
.scrollable .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
}
 
/*
a single item. must be floated in horizontal scrolling.  typically,
this element is the one that *you* will style the most.
*/
.items div {
  float:left;
}

a.browse{
	
display: block;
height: 62px;
width: 40px;
position: absolute;	
cursor: pointer;	
	
}

a.browse.disabled{display: none;}

a.browse.next{
	
top:170px;
right:-40px;	
background: transparent url("../images/history-right-arrow.png") top left no-repeat;	
}

a.browse.prev{
	
top:170px;
left:-40px;	
background: transparent url("../images/history-left-arrow.png") top left no-repeat;	
}

/*--------------*/


.worldwide
{
	width: 1005px;
	height: 505px;
	background-image: url(http://www.hayesbrake.com/wp-content/uploads/2012/06/globe_bg.png);
	background-repeat: no-repeat;
}

.worldwide .region
{
	float: left;
	width: 270px;
	height: 305px;
	margin-top: 55px;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	
}

.worldwide .region img
{
	float: left;
	margin-right: 8px;
	
}

.worldwide .region p
{
	clear: both;
	padding: 0;
	margin: 0 0 30px 0;
	overflow: hidden;
	
}


.worldwide .leftww
{
	padding: 0 0 0 110px;

}


.worldwide .middle
{
	padding: 0 9px 0 27px;
	margin: 55px 32px 0 15px;
	border-width: 0 1px 0 1px;
	border-color: #FFF;
	border-style: solid;
	width: 250px;

}

.worldwide .region h4
{

font-size: 18px;
font-weight: bold;
text-transform: uppercase;
color: #ff6700;
letter-spacing: 1px;
padding: 0px;
margin: 16px 0;
}



body.page-id-43 #page-content
{
	padding-left: 0px !important;
}

.wwoverview
{
	padding: 15px 0 0 110px;
	line-height: 18px;
	font-size: 12px;
	
}


#content-container{
	
	
position: relative;	
	
}

p.slide-description{
	
	width:888px;
	
}

#column-container{
	
clear:both;

padding: 40px 0 100px 0;
width:1140px;
min-height: 500px;	
	
}


#column-container div{
	
width:352px;
min-height: 100px;
position: relative;
		
}

#column-container div.left-col,
#column-container div.center-col,
#column-container div.right-col{
	
float:left;	
	
}

#column-container div.right-col{ min-height: 700px;}

#column-container div.clear{
	
width:1000px;
min-height: 10px;
float: none;
clear: both;
		
}

#column-container div.center-col{
	
margin:0 42px 0 42px;	
	
}

#column-container div h3{
	
	font-size: 19px;
	font-style: oblique;
	font-weight: bold;
	color: #ff6700;
	padding:0 0 5px 0;
	border-bottom:1px solid #ff6700;
	margin:0 0 10px 0;
	
}

#column-container div#right-slide-container h4{
	
	font-size: 18px;
	font-style: oblique;
	color: #fff;
	padding:0 0 5px 0;
	margin:10px 0 0px 0;
	
}

#column-container div.center-col p.thumblinks a{
	
text-decoration: none;
text-transform: uppercase;
font-size: 13px;
font-style:normal;
display: block;
width:138px;
float:left;
margin-right:30px;
margin-bottom: 15px;	
	
}

.fancybox-thumbs a{
	
margin:0 20px 0 0;
	
}

.fancybox-thumbs a.last-thumb{
	
margin:0 0px 0 0;
	
}

#column-container div#nav-right-slideshow{
	
	
min-height: 20px;
height: 20px;
position: absolute;
top:24px;
left: 160px;
width: 80px;	
	
}


#column-container div#nav-right-slideshow a{
	
text-indent: -9999px;	
display: inline-block;
width:6px;
height: 7px;
background: transparent url('../images/nav-dot-slide.png') top left no-repeat;
margin:0 4px 0 0;	
	
}

#column-container div#nav-right-slideshow a.activeSlide{
	
background-position: bottom left;	
	
}

#column-container div#right-slide-container{
	
	
margin-top: 30px;
	
	
}

#column-container div.fancybox-thumbs{
	
margin:10px 0 0 0;	
	
}

p#prev-right{
	
width:53px;
height: 79px;
display: block;
margin:0;
position: absolute;
top:100px;
left:-15px;
background: transparent url('../images/arrow-left-slide.png') top left no-repeat;	
text-indent: -9999px;	
cursor: pointer;
z-index: 100;	
}

p#next-right{
	
width:53px;
height: 79px;
display: block;
margin:0;
position: absolute;
top:100px;
right:-15px;
background: transparent url('../images/arrow-right-slide.png') top left no-repeat;	
text-indent: -9999px;	
cursor: pointer;
z-index: 100;	
}

a.button-bg{
	
background: transparent url('../images/bg-nav.png') 0 50% repeat-x;	
font-size: 13px;
padding:2px 16px 2px 16px;
border: 2px solid #3b3b3b;
text-decoration: none;	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;	
font-style: oblique;
margin: 0px 40px 10px 0;
display: inline-block;
}

p.button-container{

margin:50px 0 0 0;	
	
}


article .leader h3{
	
	padding:0 0 25px 0;
	line-height: 1.1em;
	
}

.leader h3 em{
	
	
font-style: oblique;
font-size: 16px;	
	
}

article .leader p{
	
	margin:0 0 25px 0px;
	
}

article .leader img{
	
	
padding:0 20px 0px 0;	
	
}

.leader{
	
padding:0 0 25px 0;
margin:0 0 50px 0;
border-bottom: 1px solid #fff;	
clear: both;
overflow: auto;
	
	
}

.leader.last{
	
border-bottom: none;	
	
}

.leader-content{
	
width:589px;
float: left;	
/* margin-top: -25px;*/
}

.leader-photo{
	
float: left;
width: 215px;
text-align: center;
margin-right: 40px;
}


/*--------*/


article .branding h3{
	
	padding:0 0 25px 0;
	line-height: 1.1em;
	
}

.branding h3 em{
	
	
font-style: oblique;
font-size: 16px;	
	
}

article .branding p{
	
	margin:0 0 25px 0px;
	
}

article .branding img{
	
	
padding:0 0px 0px 0;	
	
}

.branding-logo img.logo-manitou{padding-left: 15px;}
.branding-logo img.logo-answer{padding-left: 10px;}
.branding-logo img.logo-sunringle{padding-left: 25px;}
.branding-logo img.logo-wheelsmith{padding-left: 45px;}


.branding{
	
padding:0 0 25px 0;
margin:0 0 50px 0;
border-bottom: 1px solid #fff;	
clear: both;
overflow: auto;
	
	
}

.branding.no-border{
	
border-bottom: none;
margin-bottom: 10px;	
	
}

.branding-content{
	
width:589px;
float: right;	
}

article .branding-content h3{
	
padding:0px 0 15px 0;	
	
}

article .branding-logo{
	
width:222px;	
float: left;	
	
}



/*----------*/
	
h3.contact-header{
	
clear: both;	
	
	
}	

#custom-oem-header{
	
padding-bottom:53px;
border-bottom: 3px solid #ff6700;
margin-bottom: 28px;	
	
}

.custom-oem-container{
	
	overflow: auto;
	
}

.oem-content{
	
	width:492px;
	margin-right:12px;
    float:left;
	
}


.custom-oem-container .fancybox-thumbs{
	
	width:340px;
	float:left;
	padding-top: 110px;
	
}

.custom-oem-container .fancybox-thumbs a{
	
	float:left;
	margin:0 0 0 10px;
	display: block;
	width:99px;
	height: 99px;
	
}

article ul,
article ol,
#content-container ul,
#content-container ol{ margin: 0 0 10px 10px; }

article ul li,
article ol li,
#content-container ul li,
#content-container ol li{
	
list-style-type: disc;
margin:0px 0 10px 10px;
line-height: 1.3em;	
	
}

#logo-container{
	
padding-top: 40px;

	
}

#logo-container a{
	
display: block;	
margin-right: 70px;	
float: left;
}

#logo-container a.last{margin: -10px 0 0 0;}

#logo-container a.logo-hayes{padding-top: 20px;}

.right-slide{
	
background: transparent;
float: none;	
	
}
	

	#homeindustrynav li
	{
		width: 127px;
		height: 120px;
		float: left;
		margin: 0;
		padding: 0;
		list-style-type: none;
		z-index: 2;
		position: relative;
		background-repeat: no-repeat;
		background-position: 0 0;
		
	}
	
	#homeindustrynav li:hover
	{		
		width: 143px;
		height: 128px;
		margin: -4px -8px;
		z-index: 999;
		background-repeat: no-repeat;
		background-position: -127px 0px;
		

		
		
	}
	
	#homeindustrynav li a
	{
		text-indent: -9999px;
		width: 100%;
		height: 100%;
		display: block;
	}
	
	#Bicycle_in { background-image: url(../images/bicycle.png); }
	#ATV_in { background-image: url(../images/atv.png); }
	#Motorcycle_in { background-image: url(../images/motorcycle.png); }
	#UTV_in { background-image: url(../images/utv.png); }
	#Snowmobile_in { background-image: url(../images/snowmobile.png); }
	#Turf_in { background-image: url(../images/turf.png); }
	#AG_in { background-image: url(../images/ag.png); }
	#Defense_in { background-image: url(../images/defense.png); }
	#Specialty_in { background-image: url(../images/specialty.png); }


.ls-nav-prev, ls-nav-next
{
display: none;
}

#slidefade
{
 background-image: url(../images/fade.png);
 position: absolute;
 left: 50%;
 top: 0px;
 margin-left: -572px;
 z-index: 88;

 width: 986px;
 height: 640px;
}

.products-container{
	
background-color: #201f1f;	
padding: 30px;	
	
}

.part-content .image-col{
	
	float: left;
	margin-right:60px;
	
}

.part-content .content-col{
	
	float: left;
	
}

div.products-container div.part-content:last-child{
	
	border:none;
	
}

article .content-col h4{
	
color: #ff6700;
font-size: 15px;
text-transform: uppercase;	
font-weight: bold;	
}

article .content-col h3{
	
color: #fdfdfc;
font-size: 13px;
padding:0 0 0px 0;
font-weight: bold;	
}

article .content-col h5{
	
color: #ff6700;
font-size: 13px;
font-style: italic;	
padding: 15px 0 0 0;	
font-weight: bold;
clear: both;
}

article #tabs ul{

	height: 34px;
	margin: 0;
	padding: 0 0 0 0;
	list-style-type: none;
}

article #tabs ul li{

float:left;	
height: 34px;
list-style-type: none;
margin: 0;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
background: transparent url(../images/bg-tab-products.png) top left repeat-x;
margin-right: 1px;
	
}

article #tabs ul li.ui-state-active{

background: transparent url(../images/bg-tab-products.png) bottom left repeat-x;	
	
}

article #tabs ul li a{
padding:12px 30px 0 30px;	
display: block;
height: 22px;
font-weight: bold;
	
text-decoration: none;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
background: transparent url(../images/bg-tabs-product-closed.png) top left no-repeat;	
}

article #tabs ul li.ui-state-active a{
	
color: #fff;
background: none;	
	
}

body.search #post-container article p.post-meta{display: none;}

body.search #post-container article header{padding:0;}

.BAPcontainer{
	
	
padding:25px 0 40px 0;
margin-bottom:30px;
border-bottom: 3px solid #FF6700;	
overflow: auto;	
}

.leftBAP{
	
width:412px;
margin:0 20px 0 0;	
float:left;	
	
}

.rightBAP{width:412px; float: left;}


/* FORM STYLES =====================*/

p.linklove{display: none;}

span.reqtxt{
	
color: #FF6700;	
	
}

form.cform{}

form.cform input.single{
	
color: #000;
background-color: #CCCCCC;
height: 21px;
padding:2px;
border: none;
outline: none;
width:275px;	
	
}

article form.cform input#cf3_field_1,
article form.cform input#cf3_field_2,
article form.cform input#cf3_field_3{

width: 500px;

}

article form.cform input#cf3_field_4,
article form.cform input#cf3_field_5,
article form.cform input#cf3_field_6,
article form.cform input#cf3_field_19,
article form.cform input#cf3_field_20,
article form.cform input#cf3_field_21{

width: 140px;

}



article form.cform ol{
	
margin: 0;
padding: 0;	
	
	
}

article form.cform ol li{
	
list-style-type: none;
padding:0 0 15px 0;
margin: 0;
max-width:520px;	
	
}


/* part#1 form styles */

article #cforms3form ol li#li-3-4,
article #cforms3form ol li#li-3-5,
article #cforms3form ol li#li-3-6,
article #cforms3form ol li#li-3-19,
article #cforms3form ol li#li-3-20,
article #cforms3form ol li#li-3-21{
	
width:160px;	
float:left;
padding-right:20px;		
	
}


article #cforms3form ol li#li-3-7{
	
clear:both;
	
	
}

p.cf-sb{
	
clear: both;	
	
}

/*-----------*/


/* part#2 */


article form#cforms4form ol li{
	
	
width:320px;
float: left;
padding-right: 20px;	
	
}

article form#cforms4form input.single{
	
	
width:100px;	
	
}

article #cforms4form ol li#li-4-9,
article #cforms4form ol li#li-4-10,
article #cforms4form ol li#li-4-11,
article #cforms4form ol li#li-4-12,
article #cforms4form ol li#li-4-14,
article #cforms4form ol li#li-4-15,
article #cforms4form ol li#li-4-17,
article #cforms4form ol li#li-4-18{
	
clear:both;
	
	
}

article #cforms4form ol li#li-4-17 input,
article #cforms4form ol li#li-4-18 input{
	
width: 500px;	
	
}

article #cforms4form ol li#li-4-17,
article #cforms4form ol li#li-4-18{
	
width: 520px;	
	
}


/*---------*/


/* part#3 */


article form#cforms5form ol li{
	
	
width:220px;
float: left;
padding-right: 20px;	
	
}

article form#cforms5form input.single{
	
	
width:100px;	
	
}

article #cforms5form ol li#li-5-7,
article #cforms5form ol li#li-5-8{
	
clear:both;
	
	
}



/*---------*/

/* part#4 */


article form#cforms6form ol li{
	
	
width:320px;
float: left;
padding-right: 20px;	
	
}

article #cforms6form ol li#li-6-8,
article #cforms6form ol li#li-6-9,
article #cforms6form ol li#li-6-10,
article #cforms6form ol li#li-6-12,
article #cforms6form ol li#li-6-13,
article #cforms6form ol li#li-6-14,
article #cforms6form ol li#li-6-15,
article #cforms6form ol li#li-6-16,
article #cforms6form ol li#li-6-17,
article #cforms6form ol li#li-6-18,
article #cforms6form ol li#li-6-19{
	
width: 220px;	
	
}

article #cforms6form ol li#li-6-8 input,
article #cforms6form ol li#li-6-9 input,
article #cforms6form ol li#li-6-10 input,
article #cforms6form ol li#li-6-12 input,
article #cforms6form ol li#li-6-13 input,
article #cforms6form ol li#li-6-14 input,
article #cforms6form ol li#li-6-15 input,
article #cforms6form ol li#li-6-16 input,
article #cforms6form ol li#li-6-17 input,
article #cforms6form ol li#li-6-18 input,
article #cforms6form ol li#li-6-19 input,
article #cforms6form ol li#li-6-21 input{
	
width: 100px;	
	
}

article form#cforms6form input.single{
	
	

	
}

article #cforms6form ol li#li-6-2,
article #cforms6form ol li#li-6-7,
article #cforms6form ol li#li-6-8,
article #cforms6form ol li#li-6-11,
article #cforms6form ol li#li-6-12,
article #cforms6form ol li#li-6-15,
article #cforms6form ol li#li-6-16,
article #cforms6form ol li#li-6-18,
article #cforms6form ol li#li-6-20,
article #cforms6form ol li#li-6-20items,
article #cforms6form ol li#li-6-21,
article #cforms6form ol li#li-6-22,
article #cforms6form ol li#li-6-23{
	
clear:both;
	
	
}

article #cforms6form ol li#li-6-22,
article #cforms6form ol li#li-6-23{
	
width: 520px;	
	
}

article #cforms6form ol li#li-6-22 input,
article #cforms6form ol li#li-6-23 input{
	
width: 500px;	
	
}



/*---------*/

/* part#5 */


article form#cforms7form ol li{
	
	
width:320px;
float: left;
padding-right: 20px;	
	
}

article #cforms7form ol li#li-7-2,
article #cforms7form ol li#li-7-5,
article #cforms7form ol li#li-7-10,
article #cforms7form ol li#li-7-11{
	
clear:both;
	
	
}

/*-----------*/


/* part#7 */


article form#cforms9form ol li{
	
	
width:320px;
float: left;
padding-right: 20px;	
	
}

article #cforms9form ol li#li-9-3,
article #cforms9form ol li#li-9-5,
article #cforms9form ol li#li-9-6,
article #cforms9form ol li#li-9-7,
article #cforms9form ol li#li-9-8,
article #cforms9form ol li#li-9-9,
article #cforms9form ol li#li-9-10{

clear:both;
	
	
}

/*-----------*/



article form.cform ol li label{
	
display: block;
text-transform: uppercase;
padding:0 0 3px 0;	
}


article form.cform ol li label.cf-after{display: inline;}


div.cf_info{padding:0 0 30px 0;
	
color: #FF6700;
font-size: 16px;
font-style: italic;	
	
}

form.cform input.resetbutton, 
form.cform input.sendbutton,
form.cform input.backbutton{
	
	

display: inline-block;
margin:30px 60px 15px 0;	
height: 25px;
padding:0px 18px 2px 18px;	
background: #000 url("../images/bg-nav.png") center left repeat-x;
color: #ff6700;
border: 2px solid #3e3d3d;
text-decoration: none;
font-size: 13px;
font-style: italic;	
cursor: pointer;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius:6px;
	
}

article form.cform input.sendbutton{
	
font-weight: bold;
color: #fff;	
	
}

h4.form-header{
	
font-size: 18px;
text-transform: uppercase;
color: #FF6700;
margin:0 0 15px 0;	
	
	
}

li.textonly{
	
	
text-transform: uppercase;	
font-weight: bold;
	
}

form#cforms4form{
	
position: relative;	
	
}

img.blueprint{
	
	
position: absolute;
top:0px;
right:0px;	
	
}

.home-news p a{
	
text-decoration: none;
color: #fff;	
	
}


/* contact form popup */

body.page-template-page-popup-php
{
	padding: 40px;
}

body.page-template-page-popup-php h1
{
	margin-bottom: 10px;
}

body.page-template-page-popup-php li
{
	margin: 8px 10px;
	clear: both;
	overflow: hidden
}

body.page-template-page-popup-php li label
{
	float: left; width: 100px;
	
	text-align: right;
	margin: 5px 10px 0 0 ;
	
}

body.page-template-page-popup-php li input, body.page-template-page-popup-php li textarea
{
	float: left; 
	margin-right: 5px;
	display: block;
}


body.page-template-page-popup-php .reqtxt
{
	float: left; 
}

body.page-template-page-popup-php #sendbutton10
{
margin: 0 0 0 120px !important;
}