@charset "utf-8";
/* CSS Document */

body {
	font-size: 11px; /* Resets 1em to 10px */
	line-height:18px;
	font-family: Verdana, Arial, Sans-Serif;
	background:#000 url(http://www.hinocentral.com/edmonton/images/back.jpg) repeat-x;
	margin:0;
	padding:0;
    voice-family: "\"}\""; voice-family:inherit;
}
html>body {font-size:11px;}
p{
padding:0;
margin-top:8px;
margin-bottom:0px;
}
ul{
margin:6px 0 0 16px;
padding:0;
}
#container{
width:575px;
}
.copyright{
float:right;
color:#FFFFFF;
font-size:10px;
width:300px;
text-align:right;
margin-top:18px;
padding-right:16px;
display:inline;
}
#main {
	width:930px;
	margin-top:0;
	padding:0;
	background:#FFFFFF;
	}
#footer{
width:637px;
margin:0;
font-size:10px;
padding-left:293px;
padding-top:12px;
background:url(http://www.hinocentral.com/edmonton/images/footerBack.png) no-repeat;
float:left;
height:113px;
}
.footerLeft{
width:471px;
text-align:right;
float:left;
display:inline;
color:#747474;
padding-right:11px;
font-weight:bold;
}
.footerRight{
padding-left:12px;
text-align:left;
width:125px;
float:left;
display:inline;
color:#8c8c8c;
border-left:#8c8c8c 1px solid;
font-weight:bold;
}
#mainWrapper {
	width:100%;
	height:100%;
	margin-top:0;
	padding:0;
	float:left;
	}
.center {
	margin-left:auto;
	margin-right:auto;
	}
#top{
width:930px;
height:125px;
float:left;
display:inline;
background:url(http://www.hinocentral.com/edmonton/images/header.png) no-repeat;
}
.topHeader{
width:930px;
height:49px;
background: url(http://www.hinocentral.com/edmonton/images/subHeader.png) no-repeat;
float:left;
display:inline;
}
#menuBox{
float:left;
height:18px;
margin-top:107px;
margin-left:332px;
display:inline;
}
.mainBody{
width:930px;
float:left;
background:#FFFFFF url(http://www.hinocentral.com/edmonton/images/backCorner.png) no-repeat left bottom;
}
.leftColumn{
width:421px;
margin-left:25px;
float:left;
display:inline;
}
.evenColumn{
width:427px;
margin-left:25px;
float:left;
display:inline;
}
.evenColumnBody2{
width:397px;
padding:12px 15px;
float:left;
background:#d7d7d7;
color:#1d1d1d;
}
.leftColumnBody{
width:391px;
padding:12px 15px;
float:left;
background:#d7d7d7;
color:#1d1d1d;
}
.leftColumn2{
margin-top:10px;
width:275px;
float:left;
display:inline;
}
.floatLeft{
float:left;
}
.rightColumn2{
margin-top:10px;
width:275px;
margin-left:25px;
float:left;
display:inline;
}
.leftColumnBody2{
width:245px;
padding:10px 15px;
float:left;
background:#d7d7d7;
color:#1d1d1d;
}
.rightWhite{
width:405px;
padding:4px 13px;
float:left;
color:#000000;
}
.leftColumnHeader{
width:100%;
padding:0;
float:left;
background:#000000;
margin-bottom:4px;
}
.fullColumnHeader{
width:879px;
margin-left:25px;
display:inline;
padding:0;
float:left;
background:#000000;
margin-bottom:4px;
}
.rightColumnHeader{
width:431px;
padding:0;
float:left;
background:#000000;
margin-bottom:4px;
margin-top:4px;
}
.rightColumn{
width:431px;
margin-left:25px;
padding:0;
float:left;
display:inline;
}

#nav, #nav ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	}

#nav a {
	font-weight:bold;
	color: #FFFFFF;
	text-decoration: none;
	display:block;
	}

#nav li {
	float: left;
	padding:0px;
	height:	18px;
	}
	
#nav li:hover, li.sfhover {
	background: #e71939;	
	color:	#FFFFFF;
	}

#nav li ul {
	border: 1px solid #8f8f8f;
	display: none;
	position: absolute; 
	background:#747474;
	left: -999em;
	padding: 0px;
	margin:	0px;
	width: 160px;
	}

#nav li:hover ul, #nav li.sfhover ul {
	display: block;
	}

#nav li li {
	float: none;
	padding: 0px;
	margin:	0px;
	}

#nav li li a {
	
	display: block;
	font-weight: bold;
	color: #FFFFFF;
	padding: 4px 16px 4px 6px;
	margin:	0px;
	/*width:100%;*/
	}

#nav li li a:hover {
	background: #e71939;
	color:#FFFFFF;
	text-decoration: none;
	margin:	0px;
	}

#nav li ul {
	top: auto;
	left: auto;
	}

/*for second level dropdowns*/
#nav li ul ul { margin: -1em 0 0 10em; } 
#nav, #nav ul { padding: 0; margin: 0;  list-style: none; line-height: 1; } 
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto; }

#nav a.about{
	width:73px;
	height:18px;
	background:url(http://www.hinocentral.com/edmonton/images/dropMenu/aboutUs.png) 0px 0px no-repeat;
	}
#nav a.about:hover{
	width:73px;
	height:18px;
	background:url(http://www.hinocentral.com/edmonton/images/dropMenu/aboutUs.png) 0px -18px no-repeat;
	}
#nav a.about2{
	width:73px;
	height:18px;
	background:url(http://www.hinocentral.com/edmonton/images/dropMenu/aboutUs.png) 0px -18px no-repeat;
	}
#nav a.trucks{
	width:90px;
	height:18px;
	background:url(http://www.hinocentral.com/edmonton/images/dropMenu/hinoTrucks.png) 0px 0px no-repeat;
	}
#nav a.trucks:hover{
	width:90px;
	height:18px;
	background:url(http://www.hinocentral.com/edmonton/images/dropMenu/hinoTrucks.png) 0px -18px no-repeat;
	}
#nav a.trucks2{
	width:90px;
	height:18px;
	background:url(http://www.hinocentral.com/edmonton/images/dropMenu/hinoTrucks.png) 0px -18px no-repeat;
	}
#nav a.work{
	width:97px;
	height:18px;
	background:url(http://www.hinocentral.com/edmonton/images/dropMenu/hinoAtWork.png) 0px 0px no-repeat;
	}
#nav a.work:hover{
	width:97px;
	height:18px;
	background:url(http://www.hinocentral.com/edmonton/images/dropMenu/hinoAtWork.png) 0px -18px no-repeat;
	}
#nav a.work2{
	width:97px;
	height:18px;
	background:url(http://www.hinocentral.com/edmonton/images/dropMenu/hinoAtWork.png) 0px -18px no-repeat;
	}
#nav a.employment{
	width:91px;
	height:18px;
	background:url(http://www.hinocentral.com/edmonton/images/dropMenu/employment.png) 0px 0px no-repeat;
	}
#nav a.employment:hover{
	width:91px;
	height:18px;
	background:url(http://www.hinocentral.com/edmonton/images/dropMenu/employment.png) 0px -18px no-repeat;
	}
#nav a.employment2{
	width:91px;
	height:18px;
	background:url(http://www.hinocentral.com/edmonton/images/dropMenu/employment.png) 0px -18px no-repeat;
	}
#nav a.news{
	width:110px;
	height:18px;
	background:url(http://www.hinocentral.com/edmonton/images/dropMenu/newsSpecials.png) 0px 0px no-repeat;
	}
#nav a.news:hover{
	width:110px;
	height:18px;
	background:url(http://www.hinocentral.com/edmonton/images/dropMenu/newsSpecials.png) 0px -18px no-repeat;
	}
#nav a.news2{
	width:110px;
	height:18px;
	background:url(http://www.hinocentral.com/edmonton/images/dropMenu/newsSpecials.png) 0px -18px no-repeat;
	}
#nav a.contact{
	width:69px;
	height:18px;
	background:url(http://www.hinocentral.com/edmonton/images/dropMenu/contact.png) 0px 0px no-repeat;
	}
#nav a.contact:hover{
	width:69px;
	height:18px;
	background:url(http://www.hinocentral.com/edmonton/images/dropMenu/contact.png) 0px -18px no-repeat;
	}
#nav a.contact2{
	width:69px;
	height:18px;
	background:url(http://www.hinocentral.com/edmonton/images/dropMenu/contact.png) 0px -18px no-repeat;
	}
.red,.redBold,.redBold A:link, .red A:link {text-decoration: none;color:#e71939;}
.red A:visited,.redBold A:visited {text-decoration: none;color:#e71939;}
.red A:active,.redBold A:active {text-decoration: none;color:#e71939;}
.red A:hover,.redBold A:hover {text-decoration: underline;color:#e71939;}

.redBold{
font-weight:bold;
font-size:12px;
}
.boldItalic{
font-weight:bold;
font-style:italic;
}
.inventoryMainHeader{
width:840px;
margin-left:45px;
display:inline;
padding:0;
float:left;
background:#000000;
margin-bottom:4px;
}
#inventoryMain{
	width:840px;
	margin-left:45px;
	margin-top:0px;
	margin-bottom:20px;
	float:left;
	display:inline;
	}
#inventoryUnit{
	float:left;
	display:inline;
	width:840px;
	margin-bottom:20px;
	border:1px #000000 solid;
	background:#d7d7d7;
	}
#inventoryLeft{
	width:300px;
	float:left;
	display:inline;
	background:#000000;
	}

#inventoryRight{
	width:230px;
	height:165px;
	padding-left:20px;
	padding-top:10px;
	padding-right:20px;
	padding-bottom:10px;
	float:left;
	display:inline;
	background:#d7d7d7;
	}
.invenPrice{
	width:230px;
	height:165px;
	padding-left:20px;
	padding-top:10px;
	padding-right:20px;
	padding-bottom:10px;
	float:left;
	display:inline;
	background:#d7d7d7;
	}
#inventoryRight ul{
padding-left:20px;
margin:0px;
}
#inventoryRight li{
padding:0px;
margin:0px;
}
#invenHeader{
	width:500px;
	height:30px;
	padding-left:20px;
	padding-top:10px;
	padding-right:20px;
	float:left;
	display:inline;
	background: #000000;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	}
.header2 {
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
}
.style1 {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #d40606;
}
.style2 {FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #ff0000;}
#thumbs{
padding:8px;
text-align:center;
background:#000000;
}
.mainCentered{
	width:700px;
	margin-left:115px;
	margin-top:0px;
	margin-bottom:20px;
	float:left;
	display:inline;
	background:#d7d7d7;
	}
.centeredColumn{
width:350px;
float:left;
display:inline;
}
.evenColumnBody{
width:320px;
padding:12px 15px;
float:left;
background:#d7d7d7;
color:#1d1d1d;
}
.mainCenteredColumn{
	width:660px;
	margin-left:115px;
	margin-top:0px;
	margin-bottom:20px;
	padding:16px 20px;
	float:left;
	display:inline;
	background:#d7d7d7;
	}
.header3{
font-size:12px;
font-weight:bold;
}
.centeredColumnHeader{
width:700px;
margin-left:115px;
display:inline;
padding:0;
float:left;
background:#000000;
margin-bottom:4px;
}
.partsPhone{
float:right;
color:#FFFFFF;
font-weight:bold;
text-align:right;
padding-top:8px;
padding-bottom:8px;
padding-right:16px;
}
.float{
float:left;
}
.floatRight{
float:right;
margin-left:10px;
}
.styleFormBox{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	width:200px;
	
	}
.styleFormDrop{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	
	}
.styleFormBoxComment{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	width:394px;	
	}
.formBox,.formBox2{
width:400px;
padding:12px 15px;
float:left;
display:inline;
margin-left:150px;
}
.formBox2{
text-align:center;
}
.header4 {
	font-size: 12px;
	font-weight: bold;
	color:#FFFFFF;
}
.serviceheading
{
    font-weight: bold;
    font-size: 16pt;
    color: #FFF200;
}
.serviceprice
{
font-weight: bold;
    font-size: 25pt;
    color: #FFF200;
}
.servicesuperscript
{
font-weight: bold;
    font-size: 18pt;
    color: #FFF200;
}
.servicesubheading
{
font-weight: bold;
    font-size: 10pt;
    color: #FFFFFF;
}
.servicecontent
{

}
.servicediscount
{
  font-weight: bold;
  font-size: 8pt;
  color: #FFF200;
}
