/* 
*	Hydraulics Express
*	E-dreamz 2007
*	Dallegrucci
*/

body{
	font-family: Arial, Verdana, sans-serif; font-size: 12px; 
	margin: 0; 
	padding: 0; 
	text-align:center; 
	background:url(../images/bg.jpg) repeat-x #fff 0 0;
	color: #000;
	}

#container{ 
	margin: 0 auto;
	padding: 0;
	background:url(../images/bg-pic.jpg) no-repeat center -8px ;
}

#innerContainer{
	width: 774px;
	margin: -2px auto 0 auto;
	padding:  0 0 0;
	text-align: left;
	/*border: .1px dotted #CCC;*/
	/*background:url(../images/bg-pic.jpg) no-repeat top center;*/
}

ol { list-style:decimal }
	ol li { list-style:decimal; } 

#header{ width: 774px; height: 83px; margin: 10px 0 0 0; padding: 0; background: url(../images/bg-header.jpg) no-repeat; }
	#logo{ width: 194px; height: 64px; float: left; margin: 10px 0 0 17px; }
	#headerRight{ float: right; width: 517px; /*border: 1px dotted #F00;*/ text-align: right; margin: 7px 0 0 0; }

#midSection { width: 774px; height: 340px; background:url(../images/bg-home-mid.jpg) no-repeat; }
	#homeFlash { float: left; margin: 14px 0 0 9px; width: 436px; display:inline; }
	#homeFeatured { float:right; margin: 16px 8px 0 0; width: 321px; height: 314px; background:url(../images/bg-featured.jpg) no-repeat; line-height:14px; position:relative;  display:inline; }
	#homeFeatured p { margin: 42px 12px 0 12px; padding-bottom: 3px; }
	#homeFeatured img.details { margin-left: 8px; }
	#homeFeatured img.thFeatured {  margin: 18px 0 0 80px; }
		#featuredPic { position:absolute; top: 125px; left: 3px; }
		#allFeatured { width: 314px; height: 26px; position:absolute; top: 286px; left: 3px; }
	

#botSection { width: 774px; background:url(../images/bg-home-bot.jpg) repeat-y; }
#botSectionSub { width: 774px; background:url(../images/bg-subcolumns.gif) repeat-y 0; }

#innerBot { background:url(../images/bg-home-bot2.jpg) no-repeat; }
#innerBotSub { background: none; }

#botLeft { width: 408px; padding: 22px 0 0 30px; float:left; }
	#botLeft p { margin: 0 0 12px 0; padding: 0; line-height: 14px; }
	#botLeft .first { font-weight:bold; color: #000000; }
	#botLeft ul { list-style-image:url(../images/bullet-tri.gif); margin: 12px 12px 16px 12px; padding: 0 0 0 6px; font-weight:bold; }
	#botLeft ul li { margin: 8px 0; padding: 0 ; }

#botRight { width: 330px; padding: 2px 5px 0 0; float:right; text-align:right; }

/*TOP HEADERS*/
#homeHeader { background: url(../images/bg-home-header.jpg) no-repeat; height: 44px; width: 774px; }
#partsHeader { background: url(../images/bg-parts-header.jpg) no-repeat; height: 44px; width: 774px; }
#serviceHeader { background: url(../images/bg-service-header.jpg) no-repeat; height: 44px; width: 774px; }
#supportHeader { background: url(../images/bg-support-header.jpg) no-repeat; height: 44px; width: 774px; }
#brandsHeader { background: url(../images/bg-brands-header.jpg) no-repeat; height: 44px; width: 774px; }
#locationsHeader { background: url(../images/bg-locations-header.jpg) no-repeat; height: 44px; width: 774px; }
#companyHeader { background: url(../images/bg-company-header.jpg) no-repeat; height: 44px; width: 774px; }
#careersHeader { background: url(../images/bg-careers-header.jpg) no-repeat; height: 44px; width: 774px; }
#newsHeader { background: url(../images/bg-news-header.jpg) no-repeat; height: 44px; width: 774px; }
#privacyHeader { background: url(../images/bg-privacy-header.jpg) no-repeat; height: 44px; width: 774px; }
#legalHeader { background: url(../images/bg-legal-header.jpg) no-repeat; height: 44px; width: 774px; }
#contactHeader { background: url(../images/bg-contact-header.jpg) no-repeat; height: 44px; width: 774px; }

.bold { font-weight: bold; }

#subNavBar { background:url(../images/bg-subnav.jpg) no-repeat; width: 743px; height:34px; margin: 0; padding: 2px 0 0 31px; }
	#subNavBar a { color:#000000; font-size:11px; font-weight:bold; }
	#subNavBar a.selected { color:#547548; }
	#subNavBar a:hover { color:#000000; }
	
	#subLeft{ float: left; width: 139px; padding: 8px 0 0 11px; }
	#subRight{ float:right; width: 556px; padding: 18px 0 0 0; margin: 0 30px 0 0; display: inline; min-height: 400px; min-height:400px; height:auto !important; height:400px; }
		#subRight h2 { font-size: 20px; font-weight: bold; margin: 0 0 14px 0; }
		
		#subRight h3 { font-size: 16px; font-weight: bold; margin: 0 0 14px 0; }
		
		#subRight ul { margin: 0; padding: 0 0 18px 0; }
			#subRight ul li {  background:url(../images/bullet-circle.gif) no-repeat; margin: 0; padding: 0 0 2px 20px; }
		
		.dualULs {  }
			.dualULs ul { float: left; width: 170px; }
			/*.dualULs ul li { background:url(../images/bullet-circle.gif) no-repeat; margin: 0; padding: 0 0 2px 20px; }*/
		#subRight table.styled { width: 491px; padding: 0; margin: 0; background-color:#eeedea; border-collapse: collapse; }
			#subRight table.narrow { width: 208px; }
		#subRight table.styled caption { width: 491; height: 24px; background:url(../images/bg-h-table.gif) no-repeat; font-weight: bold; margin: 0; padding: 4px 0 0 0;  }
		#subRight table.styled thead { background:url(../images/bg-sh-table.gif) repeat-x; margin: 0; padding: 0; font-weight:bold; }
		#subRight table.styled td { border-bottom: 1px solid #ada9a4; margin: 0; padding: 2px 0 2px 10px; }
		#subRight table.styled input { margin-bottom: 4px; height: 12px; font-size: 11px; }
		#subRight table.styled textarea { margin-bottom: 4px; font-size: 11px; }
		.widthShorter{ width: 160px; }
		.widthMed{ width: 220px; }
		.widthLong{ width: 380px; }
		#subRight table.styled select { margin-bottom: 4px;  font-size: 11px; }
		
		#subRight a { color:#547548; text-decoration:underline; }
		#subRight a:hover { text-decoration:none; }

#footer { background: url(../images/bg-footer.jpg) no-repeat -1px; height: 41px; width: 776px; font-size:12px; color:#FFFFFF; position:relative; }
	#leftFooter { float: left; width: 400px; margin: 8px 0 0 16px; }
		#footer a { color:#FFFFFF; text-decoration: none; }
		 a:hover { text-decoration: underline; }
	#rightFooter { float:right; width: 300px; text-align: right; margin: 8px 16px 0 0; }
		#botImage.parts { position:absolute; left: 3px; top: -200px }
	
#otherDivisions { width: 770px; height: 39px; background:url(../images/bg-other-divisions.jpg) no-repeat; text-align: center; margin: 0 0 0 3px; padding: 6px 0 0 0; font-size: 11px; }
	#otherDivisions img { margin: 0 0 0 10px; }

#subRight .newsItem h3 { margin: 0; padding: 0; }
div.newsItem { margin-bottom: 15px; }

#brandsTopList { width: 230px; float: left; margin-right: 10px }
	#brandsTopList h3 { font-size: 14px; }
	#brandsTopList ul { font-weight: normal; }

ul.leftList {
	/*list-style-image:url(../images/bullet-circle.gif);*/
	/*border: 1px dashed #F00;*/
	list-style-type: none;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 0;
	width: 170px;
}

ul.leftList li {
	margin: 0;
	padding: 0 0 0 20px;
	/*border: 1px dashed #CCC;*/
	line-height: 16px;
	background: url("../images/bullet-circle.gif") no-repeat 0px 0px;
}

div.territoryRep { float: left; width: 250px; margin: 0 20px 20px 0; text-align: center }




/*-- Simple Bits Utility Nav --*/

#topNavHolder { width: 303px; height: 25px; margin: 0 8px 4px 207px; }

#topNav {
	margin: 0;
	padding: 0;
	height: 25px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#topNav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#topNav a {
	float: left;
	padding: 25px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:25px; /* for IE5/Win only */
	}
	
#topNav a:hover { background-position: 0 -25px; }
#topNav a:active, #topNav a.selected { background-position: 0 -25px; }

#tcompany a  { width: 103px; background: url(/images/nav2-company.gif) top left no-repeat; }
#tcareers a  { width: 57px; background: url(/images/nav2-careers.gif) top left no-repeat; }
#tnews a  { width: 143px; background: url(/images/nav2-news.gif) top left no-repeat; }

/*-- Simple Bits Main Nav --*/

#mainNavHolder { height: 41px; margin-top: 7px; }

#mainNav {
	margin: 0;
	padding: 0;
	height: 25px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#mainNav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#mainNav a {
	float: left;
	padding: 41px 0 0 0;
	margin: 0 5px 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:41px; /* for IE5/Win only */
	}
	
#mainNav a:hover { background-position: 0 -41px; }
#mainNav a:active, #mainNav a.selected { background-position: 0 -41px; }

#t2service a  { width: 69px; background: url(/images/nav-service.gif) top left no-repeat; }
#t2parts a  { width: 55px; background: url(/images/nav-parts.gif) top left no-repeat; }
#t2support a  { width: 131px; background: url(/images/nav-support.gif) top left no-repeat; }
#t2brands a  { width: 147px; background: url(/images/nav-brands.gif) top left no-repeat; }
#t2locations a  { width: 85px; background: url(/images/nav-locations.gif) top left no-repeat; }


/*** MSG Styles ***/

	#msg{
		width: 98%;
		font-family: Verdana, sans-serif;
		margin: 5px 0 10px 0;
 		padding: 5px 5px 5px 10px;
		line-height: 20px;
		}
	.notice{
		font-size: 11px;
	    background: #fff8cc;
	    color: #31363e; 
		border: 1px solid #ffdc50;
		}
	.notice small{font-size: 10px; color: #707173;}
	.notice p{margin: 0; padding: 0;}
	.notice a{font-weight: bold; color: #fc683b;}

	.success{
		font-size: 11px;
	    background: #E2F9E3;
	    color: #060; 
		border: 1px solid #9c9;
		}
	.success p{margin: 0; padding: 0;}
		
	.error{
		font-size: 11px;
		background: #FFE3E0;
	    color: #E31B0C; 
		border: 1px solid #DC6E66;
		}
	.error p{margin: 0; padding: 0;}
	.error h5{color: #fff; background: #E31B0C; padding: 3px; margin: 0;}
	
	.error .errorlist{font-size: 90%; margin: 0 0 0 0; padding-bottom: 0;}
	.error .errorlist li{list-style:disc;}
	#msg.error img{background-image: none;}
		
/*** end msg ***/