/* ********************************************** */
/* © 2007 East Coast Internaitonal Trucks ******* */
/* Style Sheet for Site Layout ****************** */
/* ********************************************** */
/*
This style sheet for site layout is separate from the style sheet for the content formatting.
Contribute users only have access to the content formatting style sheet, enabling
developers to freely freely use both ids and classes for site layout.
*/
a:link							{color: #E85D2E; text-decoration: none;}
a:visited						{color: #E85D2E; text-decoration: none;}
a:hover							{color: #E85D2E; text-decoration: underline;}
a:active						{color: #E85D2E; text-decoration: underline;}
body							{
	background-color: black;
	background-image: url(../images/site/background-body.jpg);
	background-repeat: repeat-x;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
								}
h1, h2							{font-family: 'arial narrow', arial, helvetica, sans-serif; text-transform: uppercase;}
h2								{clear: both;}
hr								{color: #000000; height: 1px; margin-top: 16px; margin-bottom: 16px;}
img								{border: 0px; display: inline; margin: 0px; padding: 0px;}
/* *************************************************** */
/* p, ul						{text-align: justify;} */
/* *************************************************** */
sup								{font-size: xx-small;}
ul								{list-style-type: square;}
/* ****** */
/* HEADER */
/* ****** */
div.header						{
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	margin: 0px auto;
	padding: 0px;
	width: 960px;
	font-size: small;
								}

								
	div.banner					{margin: 0px; padding: 0px;}
	div.mainmenu				{margin: 0px; padding: 0px;}






	div.mainmenu a				{color: white; margin: 0px; padding: 6px; font-weight: bold;}
	div.mainmenu a:hover		{background-color: #E85D2E; text-decoration: none;}
	div.mainmenu a.active		{background-color: #E85D2E; text-decoration: none;}
	div.mainmenu li				{display: inline;}
	div.mainmenu ul				{padding: 6px; padding-left: 0px; margin: 0px;}
	div.submenu a.active		{color: #E85D2E;}
	div.submenuaddress a:link	{color: #E85D2E;}		
	div.shadow					{}
div.cookiecrumbmenu				{background-image: url(../images/site/menu-shadow.gif); background-repeat: repeat-x; color: black; font-size: xx-small; text-align: right;}
div.cookiecrumbmenu a			{color: gray;}
div.cookiecrumbmenu p			{color: gray; margin: 0px; padding: 5px;}
div.cookiecrumbmenu .active		{color: #E85D2E; text-decoration: underline;}
/* **** */
/* BODY */
/* **** */
div.body						{
	background-color: white;
	border: 1px solid #999999;
	clear: both;
	font-size: 12px;
	margin: 0px auto;
	width: 960px;
								}
	div.submenu					{float: left; width: 150px;}




		div.submenu a			{color: white; text-decoration: none; font-weight: bold;}
		div.submenu a:hover		{color: #E85D2E;}
		div.submenu ul			{background-color: black; list-style-image: url(../images/bullets/sub-menu.gif); margin: 0px; padding: 0px;}
		div.submenu	li			{color: white; list-style-position: inside; list-style-type: square; border-bottom: 1px solid white; padding-top: 6px; padding-bottom: 6px;}
			div.submenuaddress	{color: gray; font-size: xx-small; margin-top: 20px; margin-left: 10px;}
	div.spacer-middle			{float: left; width: 40px;}
	
	
	div.content-wide {
	float: left;
	width: 910px;
	margin-bottom: 15px;
	margin-left: 20px;
		}
	
	div.content-center {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
		}
	
		div.content-wide a:link		{color: #E85D2E;}
		div.content-wide img.format	{border-left: 20px solid black; float: right; margin-left: 20px; margin-bottom: 15px;}
		div.content-wide strong		{color: #555555;}
		div.content-wide li			{margin-bottom: 12px;}
	
	div.content					{float: left; width: 535px; margin-bottom: 15px;}
	
	
		div.content a:link		{color: #E85D2E;}
		div.content img.format	{border-left: 20px solid black; float: right; margin-left: 20px; margin-bottom: 15px;}
		div.content strong		{color: #555555;}
		div.content li			{margin-bottom: 12px;}
		
		
	div.downloads {
	float: right;
	margin-left: 0px;
	margin-bottom: 25px;
		}
		
		
	div.downloads-home {
	margin-left: 0px;
	margin-bottom: 10px;
		}
		
    img.left-space{
	margin-left: 15px;
		}
		

		
    downloads-home-right  {
	float:right;
    color: #F00;
	margin-right: 0px;
		}


	div.locations {
	float: left;
	width: 215px;
	margin-right: 10px;
		}
		
	div.locations h1 {
		font-family: 'arial narrow', arial, helvetica, sans-serif;
		font-size: 16px;
		text-transform: uppercase;
		margin: 0px;
		padding: 0px;
		}
		
	div.locations p {
		font-size: 11px;
		margin-top: 5px;
		}
		
		
		div.homepage-logodisplay{text-align: center;}
		div.homepage-logodisplay img 
								{padding: 10px;}
		h2:first-child			{margin-top: 0px; padding-top: 0px;}
		div.infobox				{background-color: white; border: 2px solid gray; color: #000000; float: right; margin-left: 15px; margin-bottom: 15px; padding: 15px; width: 200px;}
		div.infobox h3			{margin-top: 0px; color: black;}
		div.backtotop			{
	border-top: 1px solid black;
	clear: both;
	font-size: x-small;
	margin-left: 20px;
	padding-top: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 910px;
}
		div.backtotop a			{color: black;}
		div.column-left			{float: left; width: 260px; }
		
				div.column-left h1 {font-family: 'arial narrow', arial, helvetica, sans-serif;
				font-size: 16px;
				text-transform: uppercase;
				margin: 0px;
				padding: 0px;}
				
				div.column-left h2 {
				font-family: 'arial narrow', arial, helvetica, sans-serif;
				font-size: 14px;
				margin: 0px;
				padding: 0px;
				border: none;
				margin-top: 25px;}
				
		div.column-right		{float: right; width: 260px;
								}
									
		div.map		{float: right;}
		
		div.bio-photo {float: right;
		margin-left: 30px;}
		
		div.facebook		{float: left;
		margin-top: 10px;}
									
	div.spacer-right			{float: right; width: 10px;}
/* ****** */
/* FOOTER */
/* ****** */
div.footer, div.footer a, div.copyright a
								{color: white; font-size: xx-small;}
div.footer						{
	background-image: url(../images/site/background-footer.gif);
	background-repeat: repeat-x;
	margin: 0px auto;
	padding: 0px;
	width: 960px;
	text-align: center;
								}
	div.redundantmenu			{}
	div.redundantmenu li		{display: inline;}
	div.redundantmenu ul		{margin: 0px; padding-top: 35px; padding-bottom: 6px;}
div.copyright p					{text-align: center; margin: 0px; padding: 6px;}
span.tollfree					{display: none;}
/* SIFR */
/* These are standard sifr styles... do not modify */
.sifr-flash				{visibility: visible !important; margin: 0; }
.sifr-replaced			{visibility: visible !important; }
span.sifr-alternate		{position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sifr-flash + div[adblocktab=true]	{display: none !important;}
/* These 'decoy' styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sifr text metrics since the sifr text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sifr-hasFlash h1		{visibility: hidden; }
/*
.sifr-hasFlash h2		{visibility: hidden; letter-spacing: -9px; font-size: 55px;}
.sifr-hasFlash h3		{visibility: hidden; letter-spacing: -6px; font-size: 25px;}
.sifr-hasFlash h4		{visibility: hidden; letter-spacing: -5px; font-size: 21px;}
.sifr-hasFlash h5#pullquote {letter-spacing: -4px; visibility: hidden; font-size: 24px;} */






/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_1.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.preload1 {background: url(../images/blank_over.gif);}
.preload2 {background: url(../images/blank_overa.gif);}

#nav {padding:0; margin:0; list-style:none; height:29px; background:#000; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	color:#ffffff;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	background: url(../images/blank.gif);
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 12px;
}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:36px;background:url(../images/blank.gif) right top;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:36px; background:url(../images/blanka.gif) no-repeat right top;}
#nav li a.top_link:hover {
	color:#000;
	background-color: #FA6431;
	background-image: url(../images/blank_over.gif);
	background-repeat: no-repeat;
}
#nav li a.top_link:hover span {
	background-color: #FC6432;
	background-image: url(../images/blank_over.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#nav li a.top_link:hover span.down {background:url(../images/blank_overa.gif) no-repeat right top;}

#nav li:hover > a.top_link {
	color:#ffffff;
	background-color: #fc6432;
	background-image: url(../images/blank_over.gif);
	background-repeat: no-repeat;
}
#nav li:hover > a.top_link span {background:url(../images/blank_over.gif) no-repeat right top;}
#nav li:hover > a.top_link span.down {background:url(../images/blank_overa.gif) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover ul.sub
{
	left:0;
	top:31px;
	background: #fff;
	padding:3px;
	border:1px solid #999;
	white-space:nowrap;
	width:100px;
	height:auto;
	z-index:300;
}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:20px; width:90px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
#nav li ul.sub li a.fly
{background:#fff url(../images/arrow.gif) 80px 7px no-repeat;}
#nav li:hover ul.sub li a:hover 
{
	background:#333333;
	color:#fff;
}
#nav li:hover ul.sub li a.fly:hover
{
	background:#333333 url(../images/arrow_over.gif) 80px 7px no-repeat;
	color:#fff;
}

#nav li:hover ul li:hover > a.fly {
	background:#333333 url(../images/arrow_over.gif) 80px 7px no-repeat;
	color:#fff;
} 

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{
	left:90px;
	top:-4px;
	background: #fff;
	padding:3px;
	border:1px solid #333333;
	white-space:nowrap;
	width:90px;
	z-index:400;
	height:auto;
}



/* ================================================================ 
END This copyright notice must be kept untouched in the stylesheet at 
all times.
=================================================================== */
/* added by gen */

.content {
  width: 960px ;
  margin-left: auto ;
  margin-right: auto ;
}