@charset "UTF-8";
/* CSS Document */

body {
	padding: 0 0 0 0;
	margin: 0;
	background-image:url(../images/bg_pattern.jpg);
	background-repeat:repeat;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
}
@font-face {
  font-family: 'GillSansLight';
  src: url('GillSansLight.eot');
  src: local('GillSansLight'),
         url('../fonts/GillSansLight.woff') format('woff'), url('../fonts/GillSansLight.ttf') format('truetype');
}

	 
/* THEN use like you would any other font */  
.GillSansLight { 
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
} 
#wrapper {
	width: 800px;
	margin: 10px auto;
	background-color:#FFFFFF;
	padding-left:50px;
	padding-right:50px;
}

#header1 {
	height: 100px;
}
#header {
	clear:both;
	width:900px;
	height: 60px;
	color:#000000;
	margin-left:-50px;
	margin-top:20px;
}
#headerContent {
	margin-left: 50px;
	padding-top:12px;
	color:#fddd09;
	font-size:9px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#headerContent a{
	color:#000000;
	text-decoration:none;
}
#headerContent a:hover{
	color:#000000;
	text-decoration:none;
}
#headerText {

	margin-right:8px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:14px;
	width:140px;
	float:left;
	background-color:#FFFFFF;
	text-align:center;
	padding-top:4px;
	padding-bottom:4px;
}
#headerText1, #headerText2, #headerText3, #headerText4, #headerText5 {
	margin-right:8px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:14px;
	width:140px;
	float:left;
	background-color:#000000;
	text-align:center;
	height:4px;
}
.cb2 {
	clear:both;
}
a {
	outline:none;
}

#logo {
	float: left;
	display:inline;
}
.productSelect {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	color:#000000;
}

/********** SEARCHBOX **********/

#searchwrapper {
width:201px; /*follow your image's size*/
height:31px;/*follow your image's size*/
background-image:url(../images/search_bar.png);
background-repeat:no-repeat; /*important*/
padding:0px;
margin-top:20px;
position:relative; /*important*/
}
 
#searchwrapper form { display:inline ; }
 
.searchbox {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:2px;
left:15px;
width:150px;
height:28px;
}
 
.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:4px;
left:170px;
width:31px;
height:28px;
}

#search {
	float: right;
	display:inline;
}

/********** NAVIGATION **********/

#nav			{ height: 45px; margin-top:20px; float:left;}
#nav ul			{ list-style:none; margin: 0px; padding: 0px;}
#nav ul li		{ display:inline; float:left; }
#nav ul li a	{ height: 21px; float:left; text-indent: -9999px; border:none; margin-right:8px;}
#nav ul li a.home	{ width: 137px; background:url(../images/rollovers/nav_home.png) center top no-repeat; }
#nav ul li a.about	{ width: 137px; background:url(../images/rollovers/nav_about.png) center top no-repeat; }
#nav ul li a.products	{ width: 137px; background:url(../images/rollovers/nav_products.png) center top no-repeat; }
#nav ul li a.industry	{ width: 137px; background:url(../images/rollovers/nav_industry.png) center top no-repeat; }
#nav ul li a.contact	{ width: 137px; background:url(../images/rollovers/nav_contact.png) center top no-repeat; }
#nav ul li a.store	{ width: 137px; background:url(../images/rollovers/nav_store.png) center top no-repeat; }
#nav ul li a:hover	{ background-position: center bottom; }
#nav ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}
	
div#nav li:hover
	{
	cursor:pointer;
	z-index:100;
}

div#nav ul:hover li li,
div#nav li li:hover ul ul,

{display:none;}

div#nav li:hover ul,
div#nav li li:hover ul,

{display:block;}


body#home #nav ul li a.home,
body#about #nav ul li a.about,
body#products #nav ul li a.products,
body#industry #nav ul li a.industry,
body#contact #nav ul li a.contact { background-position: center bottom; }

#flashPredator {
	width:800px;
	height:150px;
	background-color:#000000;
	background-image:url(../images/predator_logo_large.png);
	background-position: center;
	background-repeat:no-repeat;
	border-bottom: #999999 solid 5px;
	border-top: #999999 solid 5px;
	
}
#flashStore {
	width:800px;
	height:150px;
	background-color:#000000;
	border-bottom: #999999 solid 5px;
	border-top: #999999 solid 5px;
	background-image:url(../store/templates/western/images/banner_bg.png);
	background-position:left;
	background-repeat:no-repeat;
	
}
#flashW30 {
	width:800px;
	height:150px;
	background-color:#000000;
	background-image:url(../images/w30_logo_large.png);
	background-position: center;
	background-repeat:no-repeat;
	border-bottom: #999999 solid 5px;
	border-top: #999999 solid 5px;
}
#flash1200 {
	width:800px;
	height:150px;
	background-color:#000000;
	background-image:url(../images/1200_logo_large.png);
	background-position: center;
	background-repeat:no-repeat;
	border-bottom: #999999 solid 5px;
	border-top: #999999 solid 5px;
}
#flashContact {
	width:800px;
	height:150px;
	border: #CCCCCC solid 1px;
	background-color:#FFFFFF;
	background-image:url(../images/contact_bg.png);
	background-position: center;
	background-repeat:no-repeat;
}
#flashcontent {
	border:#CCCCCC solid 1px;
	width:800px;
	height:320px;
}
a.banner {
	display: block;
	width: 800px;
	height: 43px;
	text-decoration: none;
	background: url("../images/banner-jan.png");
	margin-bottom:10px;
	}

a.banner:hover {
	background-position: 0 -44px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}
#westernAbout img{
	border:#CCCCCC solid 1px;
}

/********** HOMEPAGE BOXES **********/

.cb {
	clear:both;
}
#more {
	width:55px;
	padding-top:2px;
	padding-bottom:2px;
	background-color:#fa710c;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	color:#FFFFFF;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	line-height:1.25em;
	float:right;
	margin-right: 10px;
	border:#CCCCCC solid 1px;
	margin-top:-20px;
	text-align:center;
}
#more:hover {
	text-decoration:underline;
}
#more2 a{
	width:55px;
	background-color:#fa710c;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	color:#FFFFFF;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
}
#more2 a:hover {
	text-decoration:underline;
}
#box1 {
	float:left;
	width: 260px;
	height: 65px;
	background-color:#000000;
	text-align:center;
	display:table-cell;
	vertical-align: middle;
	margin-top: 15px;
}

#box2 {
	float:left;
	width: 260px;
	height: 65px;
	background-color:#000000;
	margin-left:10px;
	text-align:center;
	margin-top: 15px;
	
}
#box3 {
	float:left;
	width: 260px;
	height: 65px;
	background-color:#000000;
	margin-left:10px;
	text-align:center;
	margin-top: 15px;
}
#box4 {
	float:left;
	width: 260px;
	height:85px;
	background-image:url(../images/bg_pattern.jpg);
	background-repeat:repeat;
	text-align:left;
}
#box5 {
	float:left;
	width: 260px;
	height: 85px;
	background-image:url(../images/bg_pattern.jpg);
	background-repeat:repeat;
	margin-left:10px;
	text-align:left;
}
#box6 {
	float:left;
	width: 260px;
	height: 85px;
	background-image:url(../images/bg_pattern.jpg);
	background-repeat:repeat;
	margin-left:10px;
	text-align:left;
}

/********** SIDEBAR **********/

#sidebarDownloads {
	display:inline;
	float:left;
	width: 260px;
	margin-top: 25px;
}
#sidebarDownloads p{
	padding-left: 30px;
	padding-right: 10px;
}
#sidebar {
	display:inline;
	float:left;
	width: 260px;
	margin-top: 25px;
}
#sidebar p{
	padding-left: 10px;
	padding-right: 10px;
}
#sidebarHeader {
	background-image:url(../images/bg_pattern.jpg);
	background-repeat:repeat;
	height: 25px;
	text-align:center;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	color:#000000;
}
#sidebarHeader2 {
	background-image:url(../images/bg_pattern.jpg);
	background-repeat:repeat;
	padding: 0px;
	text-align:center;

}
h1 {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:normal;
	color:#000000;
	padding:5px;
	margin:0;
}

#newsHeader {
	margin-top:5px;
}

.h3 {
	color:#fa710c;
	font-weight:bold;
}
#productDetails {
	text-align:justify;
	color:#666666;
	font-weight:bold;
	font-style:italic;
	padding-left:10px;
	padding-right:10px;
}
#productDetails2 {
	color:#666666;
	font-style:italic;
	padding-left:10px;
	padding-right:10px;
}
#productDetails3 {
	color:#666666;
	font-style:italic;
	margin-top: 10px;
}
#content ul{
	color:#666666;
	font-style:italic;
	padding-left:35px;
	padding-right:10px;
	margin-left:0px;
	margin-top:0px;
	
}
.newsLink {
	color:#00c6ff;
}
.newsLink:hover {
	text-decoration:none;
}

/********** MAIN CONTENT **********/

#content {
	display:inline;
	float:left;
	width: 530px;
	margin-top: 25px;
	padding-left: 10px;
	padding-bottom:30px;
}
#contentHeader {
	width: 530px;
	float:left;
	border-bottom:#000000 solid 1px;
}
#contentHeaderFull {
	width: 530px;
	float:left;
	height: 25px;
	border-bottom:#000000 solid 1px;
}
#contentList {
	float:left;
	width:160px;
}
#contentPic{
	float:left;
	padding-right:25px;
	padding-bottom: 15px;
}
#readMore2 {
	width: 70px;
	float:left;
	height: 12px;
	border-bottom:#000000 solid 1px;
	background-color:#000000;
	color:#FFFFFF;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
	text-align:center;
	line-height:1.5em;
	margin-top:13px;
}
#readMore {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	line-height:1.5em;
	text-decoration:none;
}
#readMore:hover {
	text-decoration:underline;
}
#arrow {
	width: 15px;
	float:left;
	height: 12px;
	border-bottom:#000000 solid 1px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
	line-height:1.5em;
	margin-top:13px;
	background-color:#fddd09;
	color:#FFFFFF;
}

/********** ACCORDIAN **********/

#basic-accordian{
	border:5px solid #EEE;
	padding:5px;
	width:500px;
}

.accordion_headings{
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
	padding-bottom:8px;
	background:#CCCCCC;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
	margin:0;
}

.accordion_headings:hover{
	background:#fddd09;
}

.accordion_child{
	padding:15px;
	background:white;
}
.accordion_child a{
	color:#00c6ff;
}
.accordion_child a:hover{
	text-decoration:none;
}
.accordion_img{
	padding-right:10px;
}

.header_highlight{
	background:#CCCCCC;
}
.tab_container *{
	float:left;
	width:100px;
}

/********** JAVASCRIPT ROLLOVERS **********/

.detailedSpecs {
position:relative;
height:13px; /*dimensions of our image*/
width:214px;
margin-bottom:8px;
margin-top:20px;
margin-left:25px;
background:url(../images/predator_detailed_specs.png) top left no-repeat;
}
.mixerOptions {
position:relative;
height:13px; /*dimensions of our image*/
width:214px;
padding:5px;
margin-left:25px;
margin-bottom:10px;
background:url(../images/predator_mixer_options.png) top left no-repeat;
}
.toolTip {
position:absolute;
left:214px; /*Moves it to the right beside the question mark*/
top:0px;
display:none;
/*The attributes below make it look pretty*/
background-color: #FFFFFF;
font:10px/12px "Times New Roman", Times, serif;
font-style:italic;
width: 650px; padding: 12px; border: 1px solid #231f20; color: #231f20; position: absolute; z-index: 1001;
}
.toolTip2 {
position:absolute;
left:214px; /*Moves it to the right beside the question mark*/
top:0px;
display:none;
/*The attributes below make it look pretty*/
background-color: #FFFFFF;
font:10px/12px "Times New Roman", Times, serif;
font-style:italic;
width: 500px; padding: 12px; border: 1px solid #231f20; color: #231f20; position: absolute; z-index: 1001;
}
#tt1 div { float: left; }
#tt1 #boxa, #tt1 #boxb, #tt1 #boxc { width: 300px; font-size: 11px; line-height: 12px; }
#tt1 #boxa, #tt1 #boxb { margin-right: 20px; }
#tt1 .label { width: 150px; margin: 0 10px 4px 0; font-weight: bold; }
#tt1 .spec { width: 140px; margin: 0 0 4px 0;}
#tt2 div { float: left; }
#tt2 #boxa { width: 100px; font-size: 11px; line-height: 12px; }
#tt2 #boxb, #tt2 #boxc, #tt2 #boxd { width: 170px; font-size: 11px; line-height: 12px; }
#tt2 #boxa, #tt2 #boxb, #tt2 #boxc { margin-right: 10px; }
#tt2 .label { width:90px; margin: 0 20px 4px 0; font-weight: bold; }
#tt2 .spec { width: 170px; margin: 0 0 4px 0;}

/*********** FOOTER **********/

#footer ul {
	list-style:none; 
	margin: 0px; 
	padding: 0px;
}

#footer ul li {
	display:inline;
	float:left;
	border-left: 1px dotted #FFFF00;
	padding-left: 2px;
	padding-right: 2px;
}

#footer ul li a {
	color:#999999;
	margin-right:5px;
}

#footer {
	clear:both;
	width:900px;
	height: 60px;
	color:#FFFFFF;
	background-color:#000000;
	margin-left:-50px;
	margin-top:20px;
}
#footerContent {
	margin-left: 50px;
	padding-top:12px;
	color:#fddd09;
	font-size:9px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#footerContent a{
	color:#999999;
	text-decoration:none;
}
#footerContent a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
.footerText {
	padding-right: 5px;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #FFFF00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:14px;
}
/********** Mootools Drop Down Menu *********/

#menu-container { height: 45px; margin-top:20px; float:left;}
#menu-container ul { list-style:none; margin: 0px; padding: 0px;}
#menu-container ul li		{ display:inline; float:left; }
#drop_down_menu { position:absolute; list-style-type:none; text-align:center; width:137px; float:left; }
#drop_down_menu li { float:left; color:#11a2db; cursor:pointer; width:137px;}
#drop_down_menu img { border:none; }
#drop_down_menu li ul { margin:0px; padding:0px; list-style-type:none; }
#drop_down_menu li ul li { display:block; float:none; clear:both; background-color:#fddd09; padding-bottom:5px; padding-top:5px;}
#drop_down_menu li ul li a { color:#FFFFFF; font-weight:normal; text-decoration:none; display:block; }
#drop_down_menu li ul li:hover { text-decoration:underline; background-color:#CCCCCC; }

#nav2			{ height: 45px; margin-top:20px; float:left;}
#nav2 ul			{ list-style:none; margin-left: 145px; margin-top:0px; padding: 0px;}
#nav2 ul li		{ display:inline; float:left; }
#nav2 ul li a	{ height: 21px; float:left; text-indent: -9999px; border:none; margin-right:8px;}
#nav2 ul li a.home	{ width: 137px; background:url(../images/rollovers/nav_home.png) center top no-repeat; }
#nav2 ul li a.about	{ width: 137px; background:url(../images/rollovers/nav_about.png) center top no-repeat; }
#nav2 ul li a.products	{ width: 137px; background:url(../images/rollovers/nav_products.png) center top no-repeat; }
#nav2 ul li a.industry	{ width: 137px; background:url(../images/rollovers/nav_industry.png) center top no-repeat; }
#nav2 ul li a.contact	{ width: 137px; background:url(../images/rollovers/nav_contact.png) center top no-repeat; }
#nav2 ul li a:hover	{ background-position: center bottom; }

#gallery {
	margin-left:25px;
	margin-top:20px;
}

#gallery a {
	border:none;
}
#gallery img{
	border:none;
}
a.rolloverEngine {
	display: block;
	width: 212px;
	height: 13px;
	text-decoration: none;
	background: url("../images/product_features_list.png");
	margin-bottom:8px;
	overflow: hidden; /* For nested divs in Safari */

	}

a.rolloverEngine:hover {
	background-position: -212px 0;
	}
a.rolloverManifold {
	display: block;
	width: 212px;
	height: 13px;
	text-decoration: none;
	background: url("../images/product-features_manifold.png");
	margin-bottom:8px;
	}

a.rolloverManifold:hover {
	background-position: -212px 0;
	}
	a.rolloverMixer {
	display: block;
	width: 212px;
	height: 13px;
	text-decoration: none;
	background: url("../images/product-features_1200.png");
	margin-bottom:8px;
	}

a.rolloverMixer:hover {
	background-position: -212px 0;
	}
	a.rolloverHydraulic {
	display: block;
	width: 212px;
	height: 13px;
	text-decoration: none;
	background: url("../images/product-features_hydraulic.png");
	margin-bottom:8px;
	}

a.rolloverHydraulic:hover {
	background-position: -212px 0;
	}
a.rolloverMechanical {
	display: block;
	width: 212px;
	height: 13px;
	text-decoration: none;
	background: url("../images/product-features_mechanical.png");
	margin-bottom:8px;
	}
a.rolloverMechanical:hover {
	background-position: -212px 0;
	}
a.rolloverPowerdump {
	display: block;
	width: 212px;
	height: 13px;
	text-decoration: none;
	background: url("../images/product-features_powerdump.png");
	}

a.rolloverPowerdump:hover {
	background-position: -212px 0;
	}
a.rolloverDownload {
	display: block;
	width: 201px;
	height: 39px;
	text-decoration: none;
	background: url("../images/download_brochure.png");
	margin-left:25px;
	margin-bottom:0px;
	}

a.rolloverDownload:hover {
	background-position: 0 -39px;
	}
	a.rolloverDownloadManual {
	display: block;
	width: 201px;
	height: 39px;
	text-decoration: none;
	background: url("../images/download_manual.png");
	margin-left:25px;
	margin-bottom:10px;
	}

a.rolloverDownloadManual:hover {
	background-position: 0 -39px;
	}
a.rolloverManifold {
	display: block;
	width: 212px;
	height: 13px;
	text-decoration: none;
	background: url("../images/product-features_manifold.png");
	}

a.rolloverManifold:hover {
	background-position: -212px 0;
	}
a.rolloverDrum {
	display: block;
	width: 212px;
	height: 13px;
	text-decoration: none;
	background: url("../images/product-features_drum.png");
	margin-bottom:8px;
	}
a.rolloverDrum:hover {
	background-position: -212px 0;
	}
a.rolloverBody {
	display: block;
	width: 212px;
	height: 13px;
	text-decoration: none;
	background: url("../images/product-features_body.png");
	margin-bottom:8px;
	}
a.rolloverBody:hover {
	background-position: -212px 0;
	}
.displace {
	position: absolute;
	left: -5000px;
	}