﻿@charset "utf-8";
/* CSS Document */

body, form, h2{
	margin:0; 
	padding:0;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
}

body {
	background-image: url(../images/bg/bendi_background.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #5a5c5f;
}

.bullet {
	margin-bottom: 11px;
}

.redsolidline {
	border-bottom:1px solid #e81e1a;
	font-weight: bold;
}

.reddottedline {
	border-bottom:1px dotted #e81e1a;
}

.tableheading {
	font-weight: bold;
	font-size: 11px;
	border-bottom: 1px solid #e81e1a;
	padding-bottom: 7px;
}

.quotes {
	font-style:italic;
	color:#e81e1a;
	font-size:13px;
}

.author {
	font-size: 10px;
}

.top-bottom-border {
	border-top: 1px dotted #e81e1a;;
	padding-top: 7px;
	border-bottom: 1px dotted #e81e1a;
	padding-bottom: 7px;
}

a{
	color:#e81e1a;
	text-decoration:none;
}
a:hover{
	text-decoration:underline; 
}

#home-content-container h1 {
	/*margin-bottom:40px;*/
}

h1 {
	padding-top:3px;
	padding-bottom:10px;
	line-height:34px;
	color:#000000;
	font-size:27px;
	margin:0;
}

h2{
	font-size:14px;
	color:#e81e1a;
}

#subHeadingTitle h2{
	background-color:#f32938;
	text-transform:uppercase;
	color:#fff;
	font-size:16px;
	padding: 12px 0 6px 10px; 
}

image, form, input{
	border:0;
}

#wrapper{
	width:980px;
	margin:0 auto;
}

#header-wrapper{
	position: relative;
	height: 95px;
	width: 980px;
}
	#logo-wrapper{
		width:301px;
		float:left;
	}
	#nav-wrapper{
		width:679px;
		float:left;
	}
		#utilities-container{
			width:303px;
			position:absolute;
			top: 15px; right:0;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #231f20;
		}
		#utilities-container a {
			color: #ee2c44;
			text-decoration: none;
		}
		
		#utilities-container a:hover {
			text-decoration: underline;
		}
		
		#utilities-container .header-dividor {
			padding-left: 5px;
		}

		
		
			#subbar {
				width: 303px;
				position: absolute;
				top: 0; right: 0;
				
			}
			
				#subbar a {
					font-family:Arial, Helvetica, sans-serif;
					font-size:11px;
				}
							
				.subtext {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;
					color: #ee2c44;
					padding-left: 3px;
				}
				
				#subfield {
					color: #231f20;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size: 9px;
					width: 133px;
					height: 11px;
					padding-left: 2px;
					border: 1px solid #000000;
					padding-top: 1px;
					position: absolute; top: 0px; right: 31px;
				}
				
				#subscribebutton {
					background: #000000 url(../images/send.gif) top right no-repeat;
					width: 32px; height: 0;
					padding-top: 15px; overflow: hidden;
					display:block;
					position: absolute; top: 0px; right: 0;
				}
		
		#radiolist {
			display: none;
		}
		
		#printsection {
			position: absolute;
			top: -20px; right:210px;
			width: 83px; height:17px;
			background: transparent url(../images/printicon.gif) top left no-repeat;
			padding-left:22px;
		}
			
			#printsection a {
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
			}
		
		#searchbar {
			position: absolute;
			top: -20px; right: 23px;
			width: 170px; height: 15px;
		}
		
			#searchtext {
				color: #3c3c3c;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size: 9px;
				width: 141px;
				height: 12px;
				padding-left: 2px;
				border: 1px solid #000000 !important;
				padding-top: 1px;
				position: absolute; top: 0; left: 0;
			}
			
			#searchbutton {
				background: transparent url(../images/search-go.gif) top right no-repeat;
				width: 23px; height: 0;
				padding-top: 15px; overflow: hidden;
				display:block;
				position: absolute; top: 0; right: 0;
			}
			
	#utilities {
		position:absolute;
		right:304px;
		top:17px;
		width: 266px; height:15px;
	}
	
	#utilities a {
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		text-transform: capitalize;
		color:#ee2c44;
		text-decoration: none;
		font-weight:bold;
		padding-left: 18px;
	}
	
	#utilities a:hover {
		text-decoration: underline;
	}
	
	#util-myaccount {
		width: 68px;
		position: absolute;
		left: 0; top: 0;
		background: transparent url(../images/myaccount.gif) top left no-repeat;
	}
	
	a#utli-expertblog { background: transparent url(../images/utilities/top-util-blog.png) top left no-repeat; width:101px; height: 1px; padding-top:36px; overflow:hidden; display:block;}
	a#utli-viewcart { background: transparent url(../images/utilities/top-util-quote.png) top left no-repeat; width:130px; height: 1px; padding-top:36px; overflow:hidden; display:block;}
	
	#utli-expertblog:hover { background-position: 0 -37px;}
	#utli-viewcart:hover { background-position: 0 -37px;}
	
	#utli-viewcart {
		width: 161px;
		position: absolute;
		right: 0; top: 0;
		/*background: transparent url(/images/mycart.gif) top left no-repeat;*/
	}
		

#banner-wrapper{
}	
	
#main-section-wrapper{
	/*background:url(../images/utilities/awards.gif) bottom 784px no-repeat;*/
	margin-top:15px;
}
	#subnav-container{
		width:170px;
		float:left;	
		border-top:1px solid #fff;
	}
	#content-container{
		width:767px;
		min-height: 425px;
		line-height:16px;
		padding:0 23px 30px 20px;
		float:left;	
		position: relative;
		z-index: 1; 
	}
	#content-container input{
		border:1px solid #ccc;
	}
	#cta-container{
		width:196px;
		float:left;
	}
	
#footer{
	/*border-top:1px solid #ff0000;*/
	padding:5px 0px 10px 14px;
	width:966px;
	font-size:11px;
	line-height:14px;
	background: transparent url(../images/bg/footer-logo.png) no-repeat;
}

	#footer a { text-decoration:none;}
	#footer a:hover { text-decoration:underline;}
	
	#copy-right{
		width:340px;
		float:left;
		padding-left:186px;
		padding-top:16px;
	}
	#footer-links{
		width:400px;
		float:right;
		text-align:right;
		line-height:18px;
	}
	#gssi a{
		color:#000;
		text-decoration:none;
	}
	#gssi a:hover{
		text-decoration:underline;
	}

#home-content-container{
		width:704px;
		line-height:16px;
		padding:15px 40px 0 40px;
		float:left;
		position:relative;
}
	#home-red-bg{
		background-color:#f32938;
		position:absolute;
		top:43px;
		left:0;
		padding:7px 0 7px 40px;
		width:704px;
	}
	
	#home-red-bg h2{
		font-weight:bold;
		color:#FFF;
	}
	#home-content-center{
		width:704px;
		position:relative;
	}
	
	#home-content-left{
		width:445px;
		padding:0 15px 0 0;
		float:left;
	}
	#home-content-right{
	width:243px;
	float:left;
	border-left:1px solid #FF0000;
	position:absolute;
	top:-13px;
	left:459px;
	padding:15px 0 0 0;
	}
	#home-content-right ul, #home-content-right li{
		list-style-type:none;
		padding:0;
		margin:0;	
	}
	#home-content-right li{
		background:url(../images/utilities/home-dot.gif) 10px 0 no-repeat;
		padding:0 0 15px 26px;
		font:bold 16px Arial, Helvetica, sans-serif;
		line-height:18px;
		color:#8c8c8e;
	}

#home-logo-bar{
	padding:20px 0 40px 35px;
}
	
.clear-div{
	clear:both;
}	
.black{
	color:#000;
}



/*Main Navigation*/
#nav{
	width:679px;
	height:40px;
	position: absolute;
	bottom: 0px; right: 0;
}	
#nav ul,#nav li{
	margin:0;
	padding:0;
	list-style-type:none;
}
#nav li{
	display:block;
	float:left;
}
#nav li a{
	display:block;
	height:0;
	overflow:hidden;
	padding-top:40px;
	background:url(../images/nav/navbar-bg.gif) 0 0 no-repeat;
}
#nav li a:hover{		
	background:url(../images/nav/navbar-bg-over.gif) 0 0 no-repeat;
}
					
#nav #nav-about-us a{ width:160px; }
#nav #nav-about-us a:hover, #nav #nav-about-us a.active { width:160px; background:url(../images/nav/navbar-bg-over.gif) 0 0 no-repeat; }
#nav #nav-about-usActive a,#nav-about-usActive a:hover { width:160px; background:url(../images/nav/navbar-bg-over.gif) 0 0 no-repeat;}

#nav #nav-products a{ width:161px; background-position:-160px 0; }
#nav #nav-products a:hover, #nav #nav-products a.active { width:161px; background:url(../images/nav/navbar-bg-over.gif) -160px 0 no-repeat; }
#nav #nav-productsActive a,#nav-productsActive a:hover { width:161px; background:url(../images/nav/navbar-bg-over.gif) -160px 0 no-repeat; }

#nav #nav-customer-care a{ width:205px; background-position:-321px 0;}
#nav #nav-customer-care a:hover, #nav #nav-customer-care a.active { width:205px; background-position:-321px 0; background:url(../images/nav/navbar-bg-over.gif) -321px 0 no-repeat; }
#nav #nav-customer-careActive a,#nav-customer-careActive a:hover { width:205px; background:url(../images/nav/navbar-bg-over.gif) -321px 0 no-repeat; }

#nav #nav-contact-us a{ width:153px; background-position:-526px 0; }
#nav #nav-contact-us a:hover, #nav #nav-contact-us a.active { width:153px; background-position:-526px 0; background:url(../images/nav/navbar-bg-over.gif) -526px 0 no-repeat;}
#nav #nav-contact-usActive a,#nav-contact-usActive a:hover { width:153px; background:url(../images/nav/navbar-bg-over.gif) -526px 0 no-repeat; }

/* dmenu */

.dmenu {
	font-size:12px;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.dmenu ul {
	display:block;
	border-top:1px solid #000;	
}

.dmenu ul li {
	display:block;
}

.dmenu ul li a {
	padding:5px 13px 5px 11px;
	background-color:#d7d7d7;
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #000;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9;
}

.dmenu ul li a:hover, .dmenu ul li a.active {
	background-color:#f32938;
}

.dmenu li a.submenu, .dmenu li a.submenu:visited
{
	background-image:url(../images/arrow.gif);
	background-position:right 9px;
	background-repeat:no-repeat;
}

.dmenu li a.submenu:hover, .dmenu li a.submenu.active {

}


/*******************************************************************************************************************/
/*******************************************************************************************************************/

#subNav { width: 170px; border-bottom:1px solid #000; font-family:"Tahoma", Arial, Helvetica, sans-serif;}
#subNav ul { padding: 0px; margin:0px; }
#subNav li {
	line-height: 16px;
	color:#000;
	padding:0;
	margin:0;
	list-style-type: none;
	border-top:1px solid #000;
}

#subNav li a{
	padding: 3px 5px 4px 15px;
	text-decoration: none;
	display:block;
	color:#78787d;
	width:150px;
}

#subNav li a:hover {
	/*padding: 3px 5px 4px 35px;
	width:193px;*/
	background:url(../images/utilities/subnav-redarrow.gif) 0px 5px no-repeat;
	color:#000;
}

#subNav li.navHeadingcurrent{ color:#000; }
#subNav li.navHeadingcurrent a,#subNav li.navHeadingcurrent a:hover{ color:#000; background:url(../images/utilities/subnav-redarrow.gif) 0px 5px no-repeat; }

#subNav li.subHeading{
	font-weight:normal;
	margin-left:17px;
}
#subNav li.subHeading a{
	padding: 4px 5px 5px 12px;
	text-decoration:none;
	background-color:#e6e6e9;
	color:#78787d;
	width:136px;
	line-height:14px;
}
#subNav li.subHeading a:hover {
	background-color:#cdcdd2;
	background-image:none;
	color:#000;
}

#subNav li.subHeadingcurrent{
	background-color:#cdcdd2;
}
#subNav li.subHeadingcurrent a,#subNav li.subHeadingcurrent a:hover{
	padding: 4px 5px 5px 48px;
	text-decoration:none;
	background-color:#c2c2c2;
	color:#000;
	width:180px;
	line-height:13px;
	background:url(../images/utilities/subsubnavBg_current.gif) 8px 0 no-repeat;
}

#subNav li.subsubHeading{
}

#subNav li.subsubHeading a{
	padding: 4px 5px 5px 58px;
	text-decoration:none;
	color:#000;
	width:170px;
	line-height:13px;
}
#subNav li.subsubHeading a:hover {
	padding: 4px 5px 5px 58px;
	background:url(../images/utilities/subnav-redarrow.gif) 42px 5px no-repeat;
	color:#e81e1a;
	width:170px;
}
#subNav li.subsubHeadingcurrent a,#subNav li.subsubHeadingcurrent a:hover{
	padding: 4px 5px 5px 58px;
	color:#e81e1a;
	width:170px;
	line-height:13px;
	border-bottom:none;
	background:url(../images/utilities/subnav-redarrow.gif) 42px 5px no-repeat;

}

#btnsection {
	margin-top: 15px; width:170px; height:65px; position: relative; 
}

#btn_cannot {
	background: transparent url(../images/williams-cta_cant-find.png) no-repeat;
	width:170px; height:0;
	padding-top:50px;
	overflow: hidden;
	position: absolute;
	top:0; left:0;
}

#btn_cannot:hover {
	background-position: 0 -50px;
}

#price-range {
	display: none;
	padding-bottom: 5px;
}

#price-range.active {
	display: block;
}

#outer-wrapper {
	background: transparent url(../images/bg/BG_body.png) top center repeat-y;
}

#footer-logo { padding:3px 0 75px 38px;}

#footer-logo ul li { list-style:none; float:left;}

#footer-logo ul li a { background-position: top left; background-repeat:no-repeat; height:1px; display:block; padding-top:44px; overflow:hidden; }

li#logo-linde a { width:85px; background-image:url(../images/footer-logo/footer_linde.png);}
li#logo-sellick a { width:108px; background-image:url(../images/footer-logo/footer_sellick.png);}
li#logo-trackless a { width:87px; background-image:url(../images/footer-logo/footer_trackless.png);}
li#logo-clark a { width:90px; background-image:url(../images/footer-logo/footer_clark.png);}
li#logo-drexel a { width:121px; background-image:url(../images/footer-logo/footer_drexel.png);}
li#logo-doosan a { width:85px; background-image:url(../images/footer-logo/footer_doosan.png);}
li#logo-bendi a { width:111px; background-image:url(../images/footer-logo/footer_bendi.png);}
li#logo-bobcat a { width:94px; background-image:url(../images/footer-logo/footer_bobcat.png);}

#header-wrapper{
	height:105px;
	position: relative;
}

