/* Global styles applying to entire site */

/* General Styles
--------------------------------------- */

body {
   background-color: #e6e6e6;
   margin: 0;
   padding: 0;
}

.global {
   width: 904px;
   background-color: #FFF;
   margin: 0 auto;
   padding: 0;
}

/* Boxes
--------------------------------------- */

.box ul {
   margin-bottom: 0; 
}

.box ul li {
   margin-bottom: 6px;  
}

/* Full Width Rounded Box */
div.fwboxtop {
   background: #ececec url(../../images/roundbox-top.gif) top left no-repeat; 
}

div.fwboxbottom {
   background: transparent url(../../images/roundbox-bottom.gif) bottom left no-repeat;      
}

div.fwboxtop .box {
   background: none; 
}

/* Gradient Box */
div.gradBox {
   background: transparent url(../../images/gradBoxTop.jpg) top left no-repeat;
}

div.gradBox .box {
   background: transparent url(../../images/gradBoxBottom.jpg) bottom left no-repeat;
   margin-bottom: 0;
}

/* 3 Col Box */
div.col3Box {
	background: transparent url(../../images/3ColBoxBody.gif) bottom left no-repeat;
}

div.col3Box h4 {
	background: #6d6e71 url(../../images/3ColBoxHeader.gif) top left no-repeat;
	color: #FFF;
	padding: 10px;
}

.gutter {
	padding: 10px;
}

/* 4 Col Box */
div.col4Box {
	background: transparent url(../../images/4ColBoxBody.gif) bottom left no-repeat;
	clear: both;
	margin-bottom: 10px;
}

div.col4Box h4 {
	background: #6d6e71 url(../../images/4ColBoxHeader.gif) top left no-repeat;
	color: #FFF;
	padding: 10px;
}

/* Login Box */
div.loginBox {
	margin-top: 25px;
}

.loginBox select {
	width: 196px;
}

.loginBtn {
	margin-top: 1px;
  width: 52px;
  height: 27px;
}

div.loginBox img {
	float: right;
	width: 223px;
	margin-bottom: 10px;
}

/* Logo
--------------------------------------- */

.ahLogo {
   margin: 20px 0;
}

/* Header & Footer
--------------------------------------- */

#header {
   height: 179px;
   border-top: 1px solid #000;
   border-bottom: 1px solid #ffe34b;
   background-color: #f1f1f1;
}

#footer {
   border-top: 1px solid #d0d0d0;
   text-align: right;
   color: #9d9d9d;
   padding: 8px 0 20px 0;
   margin-top: 30px;
}

#footer a.imgLink {
	border: 0;
}

#footer a:link, #footer a:visited {
	color: #878787;
}

#footer a:hover {
	color: #000;
}

#footer a img {
	margin-left: 5px;	
}

h2#phone {
	width: 223px;
	height: 23px;
	position: relative;	
	float: right;
	margin-bottom: 10px;
	line-height: normal;
}

h2#phone span {
	background: url(../../images/call-1300880335.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

/* Main Navigation
--------------------------------------- */

ul#nav, ul.navlist {
	padding: 0;
	margin: 0 0 20px 0;
	background-color: #6d6e71;
	color: #FFF;
	float: left;
	width: 100%;
	font-family: helvetica, arial, sans-serif;
}

ul#nav li, ul.navlist li { 
   background-image: none;
   display: inline;
   padding: 0;
}

ul#nav li a, ul.navlist li a {
	padding: 0.5em 1.3em;
	background-color: #6d6e71;
	border: none;
	color: #FFF;
	text-decoration: none;
	float: left;
	font-weight: bold;
}

ul#nav li a:hover, ul#nav li.activenav a, ul.navlist a:hover, ul.navlist li.activenav a {
	/*background: #ffe34b url(../../images/dotted_line.gif) top left repeat-x;*/
	background-color: #ffe34b;
	color: #000;
}

/* Sub Navigation
--------------------------------------- */

ul#subnav, ul#subnav ul {
	margin-left: 0;
	padding-left: 0;
	margin-right: 0;
	list-style: none;
	line-height: 1em;
}

ul#subnav {
	border-top: 1px solid #000;
	padding: 15px 10px 20px 0px;
	border-bottom: 1px solid #e9e9e9;
}

ul#subnav li {
	padding-left: 20px;
	padding-top: 7px;
	margin-bottom: 0;
	background: none;
}

/* First level */
ul#subnav li.s-active {
   background-image: url(../../images/bullet.gif);
   background-repeat: no-repeat;
   background-position: 0.5em 0.85em;
}

ul#subnav li.rss {
	background-image: url(../../images/rss-icon.png);
   background-repeat: no-repeat;
   background-position: 0.2em 0.55em;
}

ul#subnav a:link, ul#subnav a:visited {
   border: none;
   text-decoration: none;
   color: #000;
   font-weight: bold;
}

ul#subnav a:hover {
   color: #000;
   text-decoration: underline;
}

/* Second Level */
ul#subnav li.s2-active {
	background-image: url(../../images/bullet2.gif);
   background-repeat: no-repeat;
   background-position: 0 0.85em;	
}

ul#subnav ul a:link, ul#subnav ul a:visited {
	color: #838383;
	font-weight: normal;
}

ul#subnav li.s2-active a  {
	color: #000;	
}

/* Styles for all content pages */

/* Type Styles
--------------------------------------- */

h1 { font-size: 2.1em; }

h1 span { font-weight: bold; }

h2 { font-weight: bold; font-size: 1.8em; }

h3 { font-weight: bold; }

h4 { font-weight: bold; margin-bottom: 5px; }

h4 span, h3 span { font-weight: normal; background-color: #ffe34b; padding: 1px 3px; }

h5 { font-weight: normal; color: #8e8d87; margin: 0; }

p, ul, ol { color: #555346; }

p.intro { font-size : 1.1667em; color: #000; }

p.intro-big { font-size: 1.5em; color: #555346; }

strong { color: #000; }

/* Links */

a, a:link, a:visited {
   color: #424242;
   font-weight: bold;
   text-decoration: none;
   border-bottom: 1px solid #c1c1c1;
}

a:hover, a:active {
   color: #000;
   border-bottom: 1px solid #000;
}

a.imgLink, a:visited.imgLink, a:hover.imgLink {
	border: 0;	
}

a:link.rssLink, a:visited.rssLink {
	padding-left: 20px;
	color: #000;
	border: 0;
	background: transparent url(../../images/rss-icon.png) left center no-repeat;
}

a:hover.rssLink {
	border-bottom: 1px solid #c1c1c1; 
}

/* For standard template (header with image) */
#header h1 {
   margin: 130px 20px 0 20px;
   font-size: 2.1em;
   font-weight: bold;
}

#header {
   margin-bottom: 26px; 
}

#header img {
	display: block;
}

#homehead {
   margin-bottom: 10px; 
}

/* Lists */

ul {
   margin-left: 0;
   padding-left: 0;
   list-style: none;
}

ul li {
	padding-left: 17px;
	margin-bottom: 15px;
	background-image: url(../../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 0.5em;
}

ul.smallList li {
	margin-bottom: 5px;
}

/* Line Dividers
--------------------------------------- */

.yellowLine, .dottedLine {
	height: 1px;
}

.dottedLine {
   background: transparent url(../../images/dotted_line_light.gif) top left repeat-x;
	margin: 20px 0;
}

.yellowLine {
	background-color: #ffe34b;
	margin: 20px 0;
}

/* Bread crumbs
--------------------------------------- */

.breadcrumbs {
   margin-bottom: 36px;
   color: #000;
}

.breadcrumbs a, .breadcrumbs a:link, .breadcrumbs a:visited {
   border: none;
   color: #5c5c5c;
   font-weight: bold;
   padding-bottom: 3px;
   text-decoration: none;
}

.breadcrumbs a:hover {
   color: #000;
   border-bottom: 1px solid #d7d7d7;
}

/* Brochure Download Button
--------------------------------------- */

.imgBtn {
   margin: 10px 0 0 0;
}

/* Tables
--------------------------------------- */

table th {
   background-color: #e9e9e9;
}

table tr.alt {
   background-color: #f8f8f8;
}

table td {
   color: #5c5c5c;
}

table td.bbdr-white {
	background-color: #FFF;
	border-bottom: 1px solid #d1d1d1;
}

table td.bbdr {
	border-bottom: 1px solid #d1d1d1;	
}

/* Products
--------------------------------------- */

dl.productlist {
	border: 3px solid #ddd;
	width: 190px;
	text-align: center;
	padding: 0;
	float: left;
}

.productlist dt { 
	font-weight: bold;
	height: 151px; 
}

.productlist dt img {
	margin: auto 0;
}

.productlist dd {
	margin: 0;
	padding: 5px 0;
	background-color: #ddd;
	font-weight: bold;
}

dl.productlist:hover {
   	border: 3px solid #b2b2b2;
}

dl a:link, dl a:visited, dl a:hover {
   border: none;
   text-decoration: none;
}

/* Tabs
--------------------------------------- */

ul#htabs {
   	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 45px;
	display: inline;
	overflow: hidden;
}

ul#htabs li {
   	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

ul#htabs a {
   	border: none;
	float: left;
	padding: 45px 0 0 0;
	margin: 20px 0 30px 0;
	overflow: hidden;
	height: 0px !important;
}

ul#htabs a:hover {
   background-position: 0 -45px;
}

ul#htabs a:active, ul#htabs a.selected {
   background-position: 0 -90px;
}

#lbigtrucks a {
   width: 169px;
   background: url(../../images/tabs/bigtrucks.gif) top left no-repeat;
}

#licforklifts a {
   width: 169px;
   background: url(../../images/tabs/icforklifts.gif) top left no-repeat;
}

#lelecforklifts a {
   width: 169px;
   background: url(../../images/tabs/elecforklifts.gif) top left no-repeat;
}

#lpallettrucks a {
   width: 169px;
   background: url(../../images/tabs/pallettrucks.gif) top left no-repeat;
}

#lwarehouse a {
   width: 168px;
   background: url(../../images/tabs/warehouse.gif) top left no-repeat;
}

/* News and Careers
--------------------------------------- */

div.article {
	margin-bottom: 30px;
}

div.article h4 {
	margin-bottom: 0;
}

div.article h5 {
	color: #919191;
	border-bottom: 1px solid #ffe34b;
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-weight: normal;
}

div.article img {
	float: right;
	width: 180px;
	margin: 0 0 10px 10px;
}

h3.newsH3 {
	margin-bottom: 1px;	
}

/* Forms
--------------------------------------- */

fieldset {
	padding: 0;
	border: 0;		
}

input.text {
	padding: 1px 0;
}

input.text, select {
	width: 180px;
}

.tarea {
	width: 360px;	
}

.star {
	margin: 0 5px 0 0;	
}

label.req {
	padding-right: 15px;
	background: transparent url(../../images/star.gif) top right no-repeat;	
}

.clearBoth {
	clear: both;
}

/* Success and Error Status */
.error {
	background: #feeaea url(../../images/error.gif) 12px center no-repeat;
	padding-left: 30px;
	border: 0;
	color: #000;
}

.error a:link, .error a:visited {
	color: #ca0606;
	border-bottom: 1px solid #ffb6b5;
}

.error a:hover, .error a:active {
	border-bottom: 1px solid #ca0606;
}

.success {
	background: #dffed7 url(../../images/success.gif) 12px center no-repeat;
	padding-left: 30px;
	border: 0;
	color: #000;
}

.success a:link, .success a:visited {
	color: #34b412;
	border-bottom: 1px solid #85fc65;
}

.success a:hover, .success a:active {
	border-bottom: 1px solid #34b412;
}

#fancybox-inner .success {
	margin-bottom: 0;	
}