/* ------------------------
GLOVER CSS DOCUMENT
------------------------ */

body {
	margin: 0px auto;
	background: #383838;
	background-image: url(images/bg_tile.jpg);
	background-repeat: repeat-x;
	background-position: top;
	font-size: 12px;
	color: #474747;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}

#container {
	width: 946px;
	height: auto;
	padding: 0px;
	margin: 0px auto;
	background: #272727;
}

#bodyBg {
	width: 946px;
	height: auto;
	position: relative;
	float: left;
	background: url(images/body_bg.jpg) #272727;
}

td {
	vertical-align:top;
}

/* ------------------------
LINK FORMATTING
------------------------ */

a {
	color: #373737;
	font-weight: bold;
	text-decoration: underline;
}

a:hover {
	color: #FF6F20;
	font-weight: bold;
	text-decoration: none;
}

#content a {
	color: #373737;
	font-weight: bold;
	text-decoration: underline;
}

#content a:hover {
	color: #FF6F20;
	font-weight: bold;
	text-decoration: none;
}

.ControlPanel a {
	color: #373737;
	font-weight: bold;
	text-decoration: underline;
}

.ControlPanel a:hover {
	color: #FF6F20;
	font-weight: bold;
	text-decoration: none;
}


#footer a {
	font-weight: bold;
	text-decoration: underline;
	color: #575757;
}

#footer a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #666666;
}

/* ------------------------
TEXT FORMATTING
------------------------ */

h1 {
	font-size: 21px;
	font-weight: lighter;
	font-family: Trebuchet;
	color: #474747;
}

h2 {
	font-size: 14px;
	color:#ff6318;
	font-family: Trebuchet;
}

h3 {
	font-size: 12px;
	color:#474747;
	font-family: Trebuchet;
	font-weight:bold;
}

.Head {
	font-size: 21px;
	color: #474747;
	font-weight: lighter;
	font-family: Trebuchet;
	padding: 0px 0px 0px 30px;
	background: url(images/arrows.png) left center no-repeat;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

.SubHead {
	color: #FF6F20;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.Normal {
	color: #474747;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
}

.SkinObject {
	color: #575757;
	font-family: Arial,Helvetica;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
}

/* ------------------------
BANNER FORMATTING
------------------------ */

#banner {
	position: relative;
	float: left;
	width: 946px;
	height: 252px;
	padding: 0px;
	margin: 0px;
	background: url(images/banner.jpg);
}

#bannerinside {
	position: relative;
	float: left;
	width: 946px;
	height: 171px;
	padding: 0px;
	margin: 0px;
	background: url(images/banner_inside.jpg);
}

#bannercharities {
	position: relative;
	float: left;
	width: 946px;
	height: 171px;
	padding: 0px;
	margin: 0px;
	background: url(images/banner_charities.jpg);
}

#bannercareers {
	position: relative;
	float: left;
	width: 946px;
	height: 171px;
	padding: 0px;
	margin: 0px;
	background: url(images/banner_careers.jpg);
}

#bannerparts {
	position: relative;
	float: left;
	width: 946px;
	height: 171px;
	padding: 0px;
	margin: 0px;
	background: url(images/banner_parts.jpg);
}
#bannerLocations {
	position: relative;
	float: left;
	width: 946px;
	height: 171px;
	padding: 0px;
	margin: 0px;
	background: url(images/banner_locations.jpg);
}

#bannerWorkhorse {
	position: relative;
	float: left;
	width: 946px;
	height: 171px;
	padding: 0px;
	margin: 0px;
	background: url(images/banner_workhorse.jpg);
}
#bannerAboutUs {
	position: relative;
	float: left;
	width: 946px;
	height: 171px;
	padding: 0px;
	margin: 0px;
	background: url(images/banner_about.jpg);
}
#bannerParts {
	position: relative;
	float: left;
	width: 946px;
	height: 171px;
	padding: 0px;
	margin: 0px;
	background: url(images/banner_parts.jpg);
}
#bannerTruck {
	position: relative;
	float: left;
	width: 946px;
	height: 171px;
	padding: 0px;
	margin: 0px;
	background: url(images/banner_truck.jpg);
}
#bannerFinance {
	position: relative;
	float: left;
	width: 946px;
	height: 171px;
	padding: 0px;
	margin: 0px;
	background: url(images/banner_finance.jpg);
}
#bannerContactUs {
	position: relative;
	float: left;
	width: 946px;
	height: 171px;
	padding: 0px;
	margin: 0px;
	background: url(images/banner_contact.jpg);
}
#bannerRental {
	position: relative;
	float: left;
	width: 946px;
	height: 171px;
	padding: 0px;
	margin: 0px;
	background: url(images/banner_rental.jpg);
}
/* ------------------------
NAVIGATION FORMATTING
------------------------ */

#navHolder {
	position: relative;
	float: left;
	width: 207px;
	height: auto;
	background: url(images/nav_tile.jpg) repeat;	
}

#navTop {
	position: relative;
	float: left;
	width: 207px;
	background: url(images/nav_top.jpg) no-repeat;
}

#nav {
	width: 207px;
	position: relative;
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 25px 0px 0px 12px;
	display: block;
}

#nav li {
	width: 207px;
	position: relative;
	display: block;
	border-bottom: #717070 1px solid;
	padding: 0px 0px 0px 28px;
	margin: 0px;
}

#nav li a {
	width: 207px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	font-weight: bold;
	font-family: Trebuchet;
	font-size: 13px;
	padding: 3px 0px 3px 0px;
}

#nav li a:hover {
	width: 207px;
	color: #FF6F20;
	text-decoration: none;
	display: block;
	font-weight: bold;
	font-family: Trebuchet;
	font-size: 13px;
	padding: 3px 0px 3px 0px;
}


/* ------------------------
MAINBODY FORMATTING
------------------------ */

#mainBody {
	position: relative;
	float: left;
	width: 739px;
	height: auto;
	padding: 0px;
	margin: 0px;
	background: url(images/body_tile.jpg);
	padding-bottom:20px;
}

#bodyTop {
	position: relative;
	float: left;
	width: 739px;
	height: auto;
	background: url(images/body_top.jpg) no-repeat;
}

#content {
	padding: 20px 30px 10px 20px;
}

#contentLeft {
	position: relative;
	float: left;
	width: 330px;
	height: auto;
	padding: 0px 0px 0px 0px;
}

#contentRight {
	position: relative;
	float: left;
	width: 355px;
	height: auto;
	padding: 0px 0px 0px 0px;
}

#splitter {
	width: 645px;
	border-bottom: #a2a2a2 dashed 1px;
	margin: 18px 20px 10px 20px;
}


/* ------------------------
FOOTER FORMATTING
------------------------ */

#footer {
	position: relative;
	float: left;
	width: 946px;
	height: 120px;
	background: #272727;
	font-size: 12px;
	color: #575757;
	
}

#footerPad {
	width: 915px;
	height: 100px;
	padding: 25px 0px 0px 20px;
	background: url(images/ace-logo.jpg) right no-repeat;
}







/* -------- MENU LINKS ---------- */



/* Main nav menu classes */
.NavMenu_MenuContainer
{
	width: 196px;
	padding-top:0px;
	height: 0px; /* Ensures the menu doesn't come down to far pushing other elements around */
	vertical-align: bottom;
}

/* FIX for rendering issue in IE. There's an empty cell at the end that IE renders has having height,
   this makes it render smaller. This font setting is over written for all other menu items. */
.NavMenu_MenuContainer td
{
	color: #ffffff;
	font-size: 13px;
	font-family:  Arial, Helvetica; 
	vertical-align:bottom;
	text-align:left;
	padding: 0px;
	margin: 0px;
}

.NavMenu_MenuBar
{
	cursor: pointer;
	background-color: Transparent;
}

.NavMenu_RootMenuItemActive {
	color: #FF6F20;
}

.NavMenu_RootMenuItemActive td {
	color: #FF6F20;
	font-size: 13px;
	font-family:  Arial, Helvetica; 
	font-weight: bold;
	background-color:transparent;
	text-align: left;
	vertical-align: middle;
	line-height: 25px;
	padding-left: 11px;
	margin: 0px;
	border-bottom: #717070 1px solid;
}

/* Root table cell */
tr.NavMenu_RootMenuItem td
{
	color: #ffffff;
	font-size: 13px;
	font-family:  Arial, Helvetica;
	font-weight: bold;
	background-color:transparent;
	text-align: left;
	vertical-align: middle;
	padding-left: 11px;
	line-height: 25px;
	margin: 0px;
	border-bottom: #717070 1px solid;
}

/* Root table cell that is selected (click/hover)*/
tr.NavMenu_RootMenuItemSel td
{
	color: #FF6F20;
	font-size: 13px;
	font-weight: bold;
	font-family:  Arial, Helvetica; 
	background-color:transparent;
	text-align: left;
	vertical-align: middle;
	padding-left: 11px;
	line-height: 25px;
	margin: 0px;
	border-bottom: #717070 1px solid;
}

.NavMenu_RootSeparator
{
}

.NavMenu_MenuItem
{
	cursor: pointer;
	color: #ffffff;
	font-family:  Arial, Helvetica; 
	font-size: 13px; 
	font-style: normal; 
	background-color:#transparent;
	text-align:left;
	/* bottom only, SubMenu gets top, left right, we put the !important on to couteract a 1px transparent 
	border that is added by the nav menu as an inline style*/
	border-bottom: solid 1px white !important;
	vertical-align:middle;
	
}

.NavMenu_MenuIcon
{
	background-color: #474747;
	color: #ffffff;
	cursor: pointer;
	text-align: center; 
	width: 10px; 
	height: 20px;
	/* bottom only, SubMenu gets top, left right, we put the !important on to couteract a 1px transparent 
	border that is added by the nav menu as an inline style*/
	border-bottom: solid 1px white !important;
	
}

.NavMenu_MenuArrow
{
	/* bottom only, SubMenu gets top, left right, we put the !important on to couteract a 1px transparent 
	border that is added by the nav menu as an inline style*/
	border-bottom: solid 1px white !important;
	width:8px;
	border-right:none !important;
	
}

.NavMenu_RootMenuArrow {
	width: 8px;
	text-align: right;
	padding: 0px 10px 0px 0px;
}

.NavMenu_MenuSel
{
	background-color: transparent; 
	cursor: pointer;
	color: #ffffff;
	font-family: Arial, Helvetica; 
	font-size: 13px; 
	font-weight: normal; 
	font-style: normal;
	text-align:left;
}

.NavMenu_MenuBreak
{
	height: 4px;
	padding: 0px;
	margin: 0px;
}

.NavMenu_MenuBreak table
{
	display: none;
}

.NavMenu_SubMenu
{
	background-color: #474747;
	z-index: 1000; 
	font-weight: bold;
	cursor: pointer;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3);
	border-top: solid 1px white;
	border-left: solid 1px white;
	border-right: solid 1px white;
	text-align:left;
	vertical-align:middle;
	font-size: 13px; 
	font-family: Arial,  Helvetica; 
	line-height:26px;
}


.NavMenu_SubMenuSel
{
	background-color: #373737;
	cursor: pointer;
	color: #FF6F20;; 
	font-family: Arial,  Helvetica; 
	font-size: 13px; 
	font-weight: bold; 
	/* bottom only, SubMenu gets top, left right, we put the !important on to couteract a 1px transparent border that is added by the nav menu as an inline style*/
	border-bottom: solid 1px white !important;
	vertical-align:middle;
	line-height:26px;
}