/* 
*	Carolina Cat
*	E-dreamz 2007
*	Dallegrucci
*
*/

body{font-family: Arial, Verdana, sans-serif; font-size: 12px; background: url(../images/bg1b.gif) repeat-x #02263e; margin: 0; text-align:center; padding: 0;}

body.product { background-image: none; background-color: #FFF; text-align:left; font-size: 11px; }
	body.product ul { list-style:url(../images/bullet-tri.gif); margin:0; padding: 10px 10px 0 20px; }
	body.product ul li { margin: 0; padding: 10px 0; border-bottom: 1px solid #CCC; }
	body.product ul.tighter li  { padding: 2px 0; }
	body.product h4 { border-bottom: 2px solid #CCC; margin: 10px 10px -4px 6px; font-size: 14px; }

a img { border: none; }

.red { color: #af0e0e; }

.floatRight {float:right;}
.floatLeft {float:left;}

.noBg { background:none; }

#container{ width: 775px; margin: 10px auto 0 auto; text-align: left; }
	
#header { width: 775px; background:url(../images/bg-header.gif) no-repeat; height: 96px; position:relative; }
	#logo { float: left; margin: 15px 0 0 15px;}
	#headerRight { float: right; margin: 17px 10px 0 0; text-align:right}
		#search { margin-top: 15px;}
			#search .searchEntry { border: 1px solid #af0e0e; width: 100px; height: 14px; padding: 0; margin: 0 4px 0 0; font-size:10px; } 
#topPanel { width: 775px; background: url(../images/home-panel-bg.gif) no-repeat #FFF; margin-top: 4px; }
	#homeFlash { float:right; margin: 2px 3px 2px 2px; }
	#homeTools { float:left; width: 191px; margin: 3px 0 0 3px; }
		#homeTools ul { list-style: none ; margin:-3px 0 10px 0; padding: 4px 0;}
		#homeTools ul li { background:url(../images/bg-tools.jpg) no-repeat; list-style: none ; margin:0; padding: 0; height: 24px; line-height: 24px;}
		#homeTools ul a { color:#395a6b; font-size: 11px; font-weight: bold; text-decoration:none; margin: 0 0 0 17px;}
			#homeTools ul li.landing { background:url(../images/bg-tools2.jpg) no-repeat; margin-top: -4px; }
			#homeTools ul li.landing a { font-weight: normal}
		#homeTools ul a:hover { text-decoration:underline; }
		#homeTools img { margin-top: 10px; }
	#subNav { float:left; width: 191px; margin: 3px 0 0 3px; }
		#subNav ul { list-style: none ; margin:-3px 0 10px 0; padding: 4px 0;}
		#subNav ul li { background:url(../images/bg-subnav.jpg) no-repeat; list-style: none ; margin:0; padding: 0; line-height: 24px;}
		#subNav ul a { color:#395a6b; font-size: 12px; font-weight: bold; text-decoration:none; }
		#subNav ul a:hover { text-decoration:underline; }
		#subNav ul a.selected { color: #af0e0e; }
		#subNav img { margin-top: 10px; }
		
		#subNav ul.subSubNav  { list-style: none; margin:-3px 0 0 0; padding: 0 0 10px 0;}
		#subNav ul.subSubNav li { background: url(/images/bg-list-tree.gif) 12px 0 no-repeat; list-style: none ; margin:0; padding: 0 0 0 25px; line-height: 14px; }
		#subNav ul.subSubNav li.last { background: url(/images/bg-list-tree-last.gif) 12px 0 no-repeat; }
		#subNav ul.subSubNav a { color:#395a6b; font-size: 11px; font-weight: normal; text-decoration:none; }
		#subNav ul.subSubNav a:hover { text-decoration:underline; }
		#subNav ul.subSubNav a.selected { color: #af0e0e; }
		#subNav ul.subSubNav img { margin-top: 10px; }

#alertTop { width: 775px; height: 37px; background:url(../images/bg-attention-top.gif) no-repeat; }
#alertMain { width: 695px; background:#FFFFFF; padding: 10px 40px; text-align:center; }
#alertBottom { width: 775px; height: 6px; line-height: 0; background:url(../images/bg-attention-bot.gif) no-repeat; }		

#subContent { float:right; width: 575px; margin: 3px 3px 0 0; }
	#breadcrumbs { background:url(../images/sub-top.jpg) no-repeat; width: 565px; height: 19px; color: #FFF; padding:5px 0 0 10px; font-size: 11px; margin: 0;  }
		#breadcrumbs a { color:#FFF; font-size: 11px; }
		#breadcrumbs a:hover { text-decoration:none }
		
	#topPic { margin-top: 2px; }
		
	#content { width:535px; padding: 20px; margin: 3px 0 0 0; background:url(../images/bg-sub-fade.jpg) repeat-x; }
		#content a ,#mainHome a{ color: #af0e0e; text-decoration: underline; }
		#content a:hover, #mainHome a:hover { text-decoration: none; }
		#locMenu { margin: 0; padding: 0 0 0 20px; list-style:url(../images/arrow-right.gif); }
		.location { float:left; width: 110px; margin: 0 15px 15px 0;}
		#content h1, #landing h1 { color: #af0e0e; font-size: 20px; padding: 0; margin-top: 0; text-transform:uppercase;  }
		#content h2 { color: #02263e; font-size: 17px; }
			#content h2.first { margin-top: 0; }
		
		#content h3 { color: #af0e0e; font-size: 14px; padding: 0; }
		#content img { background:url(../images/i-shadow.jpg) bottom left no-repeat; padding-bottom:4px; margin: 0 5px; }
		#content img.noBg { background: none; }
		.contentPic{  }
		
		#content #newsItem { padding-left: 20px; margin-bottom: 10px; background:url(../images/bullet-arrowbox.gif) 0px 1px no-repeat; }
		#content #newsItem h3 { margin: 0; color: #02263e; }
		#content #newsItem img { background: none; margin: 0; }
		
		#content #newsItem.careers { padding-left: 0; margin-bottom: 10px; background:none; }
		
		#content .leadershipProfile { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #02263e }
		#content .leadershipProfile h3 { margin:0; }
		#content .leadershipProfile img { float: left; }
			#content.subParts { background:url(../images/bg-sh-parts.jpg) no-repeat;}
			#content.subCompany { background:url(../images/bg-sh-company.jpg) no-repeat;}
			#content.subPower { background:url(../images/bg-sh-power.jpg) no-repeat;}
			#content.subTruck { background:url(../images/bg-sh-truck.jpg) no-repeat;}
			/*#content.subConstruction { background:url(../images/bg-sh-construction.jpg) no-repeat;}*/
			#content.subFinance { background:url(../images/bg-sh-finance.jpg) no-repeat;}
		
		#content .specialsPage {  margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #02263e }
		#content .specialsPage h3 { margin: 0 0 5px 0; background:url(../images/bullet-arrowbox.gif) 0px 1px no-repeat; padding-left:20px;}
		#content .specialsPage img { background:url(../images/i-shadow-84.jpg) bottom left no-repeat; float: left; margin: 0 10px 5px 0; padding: 2px 0 2px 0;  }
		#content p { }
		
		#content .formBox { margin: 0 auto; padding: 10px 20px 0 20px; width: 450px; background: url(../images/bg-graybox-top.gif) no-repeat #f0efee; }
		#content .formBox .formItem { border-bottom: 1px  dotted #02263e; padding: 6px 0; font-weight: bold; }
		#content .formBox .formSubmit { padding: 10px 0 10px 0; text-align:center; }
		#content .formBox .formItem .textInput { width: 200px; }
		#content .formBoxBot {  margin: 0 auto; width: 490px; background:url(../images/bg-graybox-bot.gif) no-repeat; height: 9px; line-height: 9px; }
		
		#content table.jobListingTable { border: none; }
			#content table.jobListingTable td, #content table.jobListingTable th { margin: 0; padding: 4px 0; border-bottom: 1px dotted #02263e; }

a.tabPrint { color:#072a42; text-decoration: underline; }
a.tabPrint:hover { text-decoration: none; }

#landing { width: 575px; }
#landingTop { width:575px; margin: 3px 0 3px 0; height: 154px; background: url(../images/bg-main-fade.jpg) repeat-x; }
	#landingTop.construction { height: 130px; }
	.landingLeft { width: 305px; float: left; margin: 0 auto 0 auto; line-height: 14px; padding: 15px 0 0 15px; }
		.wider { width: 420px; }
		.landingLeft h1 { margin-bottom: 5px; }
	.landingRight { width: 240px; float: right; background: #FFF; text-align:right; }
		.smPic { width: 130px; }
	
#landingMid { width: 575px; margin: 0; }
	#landingMid .specials { float:left; width: 286px; font-size: 11px; background:url(../images/bg-sub-small-fade.jpg) 0 23px repeat-x; }
		#landingMid .specials #text { float: right; width:188px; margin-top: 10px; }
		#landingMid .specials #pic { float:left; width: 84px; margin-top: 1px; }
	#landingMid .news { float: right; width:286px; font-size: 11px; background:url(../images/bg-sub-small-fade.jpg) 0 23px repeat-x; }
	
	
		#landingMid .news a { color:#af0e0e; font-weight: bold; text-decoration:underline; }
		#landingMid .news a:hover { text-decoration:none; }
		#landingMid .news #headlines { margin: 10px 10px 0 10px; }
		#landingMid .news #headlines p { margin: 0 0 10px 0; }
	#allSubCats { width:576px; }
		.subCat { width: 142px; height: 228px; float: left; background:url(../images/bg-sc.jpg) no-repeat; margin: 0 2px 0 0; }
			div.constHeight { height: 165px; }
			div.truckHeight { height: 185px; }
			div.powerHeight { height: 220px; }
		.subCat img { margin: 7px 0 1px 0; }
		.subCat p { margin: 5px 5px 5px 5px; }
		
		.subFam { width: 112px; height: 120px; float:left; margin: 10px 2px 0 0; text-align:center; background:url(/images/bg-th-fam.gif) 0 50px no-repeat; /*border: 1px dotted #F00;*/ }
		.subFam img { border: 0; }
		.subFam p { margin: 5px; }
		.subFam a { font-weight: bold; color:#af0e0e; text-decoration: none; }
		.subFam a:hover { color:#000; }
		
		ul.prodList { list-style-image:url(/images/bullet-tri.gif); margin: 0; padding: 0; width: 440px; }
			ul.prodList li { margin: 0 0 6px 14px; border-bottom: 1px dotted #02263e; padding-bottom: 6px; }
			ul.prodList li a { font-weight: bold; color:#af0e0e; text-decoration: none; }
			ul.prodList li a:hover { text-decoration: underline; }
		
#redbar { width: 775px; background: #af0e0e; height:4px; line-height: 0px; clear:both; }
	#redbar.shortbar { width:575px; }

#mainHome { background:url(../images/bg-main-fade.jpg) repeat-x #fff; width: 769px; border: 3px solid #FFF;}
	#homeLeft { float:left; width: 360px; margin: 12px 0 0 17px; }
		#mainHome h2 {margin-top: 0; text-indent: -9999px;}
			#mainHome h2.support { background:url(/images/hh-support.gif) no-repeat;}
			#mainHome h2.store { background:url(/images/hh-store.gif) no-repeat; }
			#mainHome h2.specials { background:url(/images/hh-specials2.gif) no-repeat; line-height: 22px; }
			#mainHome h2.news { background:url(/images/hh-news.gif) no-repeat; margin-top:10px; }
	#homeRight{  float:right; width: 355px; margin: 12px 16px 0 0; position: relative; }
		#homeRight .home-specials {float:right; background:url(/images/bg-home-rt2.gif) 0 -20px no-repeat; border-right:1px solid #aa0e0e; border-left:1px solid #aa0e0e; border-bottom:1px solid #aa0e0e; margin-top:-16px; padding-top:10px; margin-bottom:10px; clear:both;}
		#homeRight img { float: left; margin: 0 12px;}
		#homeRight img.noMargin { margin: 0;}
		#homeRight p { margin: 12px; }
		#homeRight ul { list-style:url(../images/bullet-tri.gif); margin: -12px 0 0 0; padding: 0 0 0 24px; }
			#homeRight ul a { color:#072a42; text-decoration:none; }
			#homeRight ul a:hover { text-decoration:underline; }
			#homeRight li { margin-bottom: 12px; }
			#homeRight .specialsRow {float:left; width:351px; padding-bottom:10px; margin-bottom:10px;}
			#allSpecials { position:absolute; left: 284px; top: 6px;  }
				#allSpecials a { color:#052940; font-size: 10px; }
				#allSpecials img { margin: 0 4px 0 0; }
				
#productLeft { width:130px; float: left; margin-bottom: 10px; }
#productRight { width:392px; float: right; margin-bottom: 10px; }
	#productLeft img { float: left; margin: 0 15px 2px 0; }
	#productRight h2 { margin:0; }
	#productRight h3 { color: #02263e; font-size: 12px; margin:0; font-style:italic; }
	
#rentalRight { width: 380px; float: right; display: inline; }
#rentalLeft { width: 125px; float: left; display: inline; }

ul.rental { list-style:url(../images/bullet-tri.gif); margin: 0 0 12px 0; padding: 0 0 0 18px; }			

#footer { width:769px; padding: 0 3px; height: 40px; background:url(../images/bg-footer.jpg) 3px no-repeat #FFF; font-size: 11px; color: #fff;}
	#footer #footerLinks { float:left; width: 520px; margin: 13px 0 0 10px; }
	#footer #copyright { float: right; width: 210px; margin: 13px 10px 0 0; text-align: right; }
	#footer a{ color: #FFF; text-decoration: underline; }
	#footer a:hover{ text-decoration: none; }

#otherDivisions { width:769px; padding: 0 3px; height: 40px; background: #FFF; text-align:left;	 }
	#otherDivisions #visit { float: left; width: 230px; text-align:right; margin: 13px 0 0 2px; color: #5e574c; font-size: 10px; line-height: 10px; }
	#otherDivisions #visitHome { float: left; width: 230px; text-align:right; margin: 13px 0 0 27px; color: #5e574c; font-size: 10px; line-height: 10px; display:inline; }
	#otherDivisions #logos { float: right; margin: 5px 15px 0 0; width: 519px; text-align: right; /*border: 1px dashed #CCC;*/ }
	#otherDivisions #logosText { float: right; margin: 12px 30px 0 0; width: 460px; text-align: right; display:inline; /*border: 1px dashed #CCC;*/ }
		#otherDivisions #logosText a { font-weight: bold; color:#af0e0e; margin: 0 10px 0 0; text-align: right; }
		#otherDivisions #logosText a:hover { text-decoration: none; }
	#otherDivisions #logos img { margin-left: 6px; }

#bottom { width:775px; height: 6px; background:url(../images/bg-footer-cap.gif) no-repeat; line-height: 0;}

#flash{
  text-align: left;
  border: 1px solid #ccc;
  font-size: 14px;
  margin: 0 auto;
  padding: 5px 5px 5px 30px;
} 
 
.error{ 
	width: 485px;
  border-color: #c99;
  color: #fff;
  background: #c00;
  }
  
#loginForm{border:8px solid #ccc; width:485px; margin: 0 auto; padding: 10px; background: #fff; }  
#registerForm{border:8px solid #ccc; width:700px; margin: 0 auto; padding: 8px; background: #fff; }  


#byEdreamz { text-align:right; line-height: 14px; }
#byEdreamz a { color:#FFF; font-size: 10px; text-decoration: none;}
#byEdreamz a:hover { text-decoration: underline;}

.util{
	background: url(../images/util_bg.jpg) repeat-x top left;
width: 920px;
height: 641px;
padding-top: 15px;
}


/*-- Simple Bits Main Nav --*/

#mainNavHolder { height: 29px; margin-bottom: 4px; }

#mainNav {
	margin: 0;
	padding: 0;
	height: 29px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#mainNav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#mainNav a {
	float: left;
	padding: 29px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:29px; /* for IE5/Win only */
	}
	
#mainNav a:hover { background-position: 0 -29px; }
#mainNav a:active, #mainNav a.selected { background-position: 0 -29px; }

#tconstruction a  { width: 114px; background: url(/images/buttons/nav-construction.gif) top left no-repeat; }
#trental a  { width: 106px; background: url(/images/buttons/nav-rental.gif) top left no-repeat; }
#ttruck a  { width: 110px; background: url(/images/buttons/nav-truck.gif) top left no-repeat; }
#tpower a  { width: 101px; background: url(/images/buttons/nav-power.gif) top left no-repeat; }
#tmaterial a  { width: 86px; background: url(/images/buttons/nav-material.gif) top left no-repeat; }
#tparts a  { width: 84px; background: url(/images/buttons/nav-parts.gif) top left no-repeat; }
#tfinancial a  { width: 87px; background: url(/images/buttons/nav-financial.gif) top left no-repeat; }
#tlocations a  { width: 87px; background: url(/images/buttons/nav-locations.gif) top left no-repeat; }


/*-- Simple Bits Utility Nav --*/

#topNavHolder { height: 25px; margin-bottom: 4px; }

#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; }

#thome a  { width: 45px; background: url(/images/buttons/tnav-home.gif) top left no-repeat; }
#ttools a  { width: 86px; background: url(/images/buttons/tnav-tools.gif) top left no-repeat; }
#tprofile a  { width: 109px; background: url(/images/buttons/tnav-profile.gif) top left no-repeat; }
#tcareers a  { width: 58px; background: url(/images/buttons/tnav-careers.gif) top left no-repeat; }

/* FAQ show/hide */
#TJK_ToggleON,#TJK_ToggleOFF {display:none}

/*Online Tools Landing Page*/
.toolsHome {  margin-bottom: 30px; }
div.toolsHome h3 { border-bottom: 1px dotted #072a42; }

/*-- Careers Section Styles --*/

.jobListingTable {
	margin: 0;
}
.jobType {
	margin: -17px 0;
	font-weight: bold;
}
.jobLocation {
	margin: 16px 0;
	font-weight: bold;
}
.applyButton {
	text-align: center;
	margin: 15px 0 10px 0;
}
.formDisclaimerTxt {
	font-size: 10px;
}
.educationTable {
	margin-left: 4px;
	align: center;
}
textarea { 
	overflow: auto;
}
body.applyBody {
	background-color: #ffffff;
	background-image: none;
}
#content.applyContent {
	 text-align: left;
	 padding: 25px;
	 margin: 0;
	 width: 684px;
}
.applyTable {
	border-collapse: collapse;
}
.applyTable td {
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}

.redText { font-size: 13px; color:#af0e0e; font-weight: bold; }

/*** Online Tools Styles***/

#toolsHeader .whereAreWe { text-align:center; position: absolute; top:60px; left:40%; width:300px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#000000; text-decoration:none;}
#toolsHeader td a {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000000; text-decoration:none; padding-left:3px;}


/*** 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 img{background-image: none;}
		
/*** end msg ***/