/*	-----------------------------------------------

	Resets And Primitives

	----------------------------------------------- */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	padding:0;
	margin:0;
}
html, body {height: 100%;}

body {
	background:#fff;
	font-size:62.5%;
	font-family: Helvetica,Arial,sans-serif;
	color: #000;
	background: #182B41 url(../img/chrome/background-top.png) repeat-x center top;
}

body#homepage {
	background: #182B41 url(../img/chrome/homebackground-top.png) repeat-x center top;
}

form#form1 {}

h1,h2,h3,h4,h5,h6 { font-weight:bold;}

body#homepage h2,
h1 {
	font-size:1em; 
	line-height:1em;
	font-size: 1.5em;
	color: #2b4460;
	font-size: 15px;
	font-family: Arial,Helvetica,sans-serif;
}

h1 { 
	background: transparent url(../img/sprites/general.png) no-repeat -10px -90px;
	height: 46px;
	width: 367px; 
}

body#homepage h1 {background: none;}

h2 {
	font-size:1.1em;
	line-height:1em;
	margin-bottom: 10px;
	color: #333;
	font-weight: 600;
}

body#homepage h2 {
	background-position:-10px -680px;
	height:39px;
	margin-bottom:0;
	padding-top:16px;
	width:291px;
}

h3 { 
	font-size:1.1em; 
	line-height:1em;
	color: #333333;
	margin-bottom: 10px;
    font-weight: 600;
}

h4 { 
	font-size:1.1em; 
	line-height:1em;
	margin-bottom:8px;
}

h5 {
	font-size:1em; 
	line-height:1em;
}

h6 {
	font-size:1em; 
	line-height:1em;
}

p, address { 
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif
}

select {color: #333;}

.bulletList-y,
p,
div#footer a,
address {
	color: #666666;
	line-height:17px;
	margin-bottom: 20px;
}

li p {margin-bottom: .5em;}

p.strong {
    font-weight: 600;
    margin-bottom: .1em;
	color: #333333;
}

address,caption,cite,code,dfn,th,var { 
	font-style:normal; 
	font-weight:normal; 
}

ul,ol { 
	list-style:none; 
}

a { 
	color:#6c1014;
	text-decoration: none;
	font-size: 11px;
	outline: none;
}

a:hover {
	text-decoration:underline; 
	color: #666;
}

img { 
	border:0; 
}

strong { 
	font-weight:bold;
}

em {
	font-style:italic; 
}

table {
	border-collapse:collapse;
}

caption,th,td {
	text-align:left;
	font-weight:normal;
}

.smallBold {
    font-weight: 600;
    color: #333;
}


/*	-----------------------------------------------

	Custom Primitives

	----------------------------------------------- */


div.hr01 { 
	height:1px;
	background: transparent url(../img/hr01.png) repeat-x 0 0;
	overflow:hidden;
	clear:both;
	margin-bottom: 2em;
}

div.hr02 { 
	height:1px;
	background: transparent url(../img/hr02.png) repeat-x 0 0;
	overflow:hidden;
	clear:both;
	margin-bottom: 1em;
}


div.clear {
	clear:both;
	height:1px;
	overflow:hidden;	
	margin-top:-1px;	
}

/* Sprites */

.sprites-general {
	background-image: url(../img/sprites/general.png);
	background-repeat: no-repeat;
	display: block;
}

/* Lists */

.textList-h {
	list-style-type: none;
}

.textList-h li {
	border-right: 1px solid #cccccc;
	float: left;
	margin-left: 5px;
	padding-right: 5px;
}

.textList-h li.last {
	border: none !important;
	padding-right: 0;
}

.bulletList-y {
	list-style-type: none;
}

.bulletList-y li {
	background: transparent url(../img/bullet-square.png) no-repeat 0 6px;
	padding-left: 10px;
	font-size: 11px;
}

.twocolumnList {
	list-style-type: none;
}

.twocolumnList li {
	margin-bottom: 20px;
}

.twocolumnList li div.column-a {
	float: left;
	width: 100px;
	padding-right: 17px;
}

.twocolumnList li div.column-b {
	float: left;
	width: 256px;
}



.arrowLower {
	background: transparent url(../img/bullet-arrow.png) no-repeat scroll right 3px;
	padding-right: 8px;
}

.arrowCaps {
	background: transparent url(../img/bullet-arrow.png) no-repeat scroll right 2px;
	padding-right: 10px;
}

img.border {
	border: 1px solid #e8e8e8;
	padding: 2px;
}

/*	-----------------------------------------------

	Utility Classes

	----------------------------------------------- */


.left { float:left; }
.right { float:right; }
.invisible { display:none; }

.offscreen { 
	position:absolute;
	left:-99999em; 
}

.clear:after {
	content:".";
	display:block;
	clear: both;
	height: 0px;
	margin-top:-1px;
	visibility: hidden;
}

.opacityZero {
	opacity: 0;
}


/*	-----------------------------------------------

	Chrome

	----------------------------------------------- */



div#background-bottom {
	background: transparent url(../img/chrome/background-bottom.png) repeat-x scroll center bottom;
/*	padding-bottom:27px; */
height: 160px;

}

div#chrome-wrapper {
	min-height:100%;
	height: auto !important;
	height: 100%;
	width:1010px;
	margin: 0 auto -160px;
	position: relative;
}

#stickyFooter-push {height:160px;}

div#chrome-repeat {
	background: transparent url(../img/chrome/chrome-repeat.png) repeat-y center bottom;
}


body#homepage div#chrome-start {
	background: transparent url(../img/chrome/homechrome-start.png) no-repeat center top;
}

div#chrome-start {
	background: transparent url(../img/chrome/chrome-start.png) no-repeat center top;
}

div#chrome-end {
	background: transparent url(../img/chrome/chrome-end.png) no-repeat center bottom;
    height: 27px;
}

div#footer .textList-h li {border-right: 1px solid #555e69;}

div#wrapper {position: relative;}

div#wrapper,
div#footer {
	margin: auto;
	padding: 0 26px 0 24px;
	width:884px;
	overflow:hidden;
}

div#footer {
height:20px;
}

div#primary-header {
	height: 86px;
}

div#primary-header ul.textList-h{
	margin: 26px 26px 0 0;
}

div#primary-header ul.textList-h li a{
	color: #888888 !important;
}

a.logo {
	background-position: -10px -10px;
	height: 72px;
	width: 189px;
	position: relative;
	top: 13px;
}


div#primary-nav {

}

div#primary-hero {
}

body#homepage div#primary-hero {
height:182px;
}

div#containers 
{
    min-height: 430px;
	margin-top:25px;
	padding-bottom: 40px;
	background: transparent url(../img/chrome/side-background.gif) repeat-y left top;
}

body#homepage div#containers {
    background: none;
    min-height:343px;
  
}

div#container-primary {
	width: 634px;
	float: left;
}

div#container-secondary {
	float: right;
	width: 246px;
	margin-top:-12px;
}

#homepage div#container-secondary {margin-top: 0px;}



div#container-sub {
	float: left;
	width: 203px;

}

body#homepage div#container-sub {position: static; height: auto;}

div#container-main {
	float:right;
	padding:0 22px 0 29px;
	width:374px;
}

body#homepage div#container-main {float: left;}

body#homepage div#container-main {
	width: 255px;	
    margin-left:3px;
}

body#homepage div#container-sub {
	width: 275px;
}

body#homepage div#container-sub,
body#homepage div#container-main {
    padding-left:24px;
    padding-right:19px;
	background: transparent;
}

div#container-sub1,
div#container-sub2 {
	border: 1px #000 solid;
}

/* Main Navigation */

.about,
.careers,
.news,
.contact,
.disclaimer,
.termsconditions,
.sitemap {display: none;}

div#primary-nav {height:39px;}

div#primary-nav ul {
	list-style-type: none;	}

div#primary-nav ul li {	
	float: left;
	cursor: pointer;
	border-right:1px solid #FFFFFF;
}

div#primary-nav ul li a {
	display: block;
	text-transform:uppercase;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #616161;
	font-weight: 600;
	font-size: 1em;
	letter-spacing:1px;
	display: block;
	position: relative;
	height: 38px;
	cursor: pointer;
}

div#primary-nav ul li.last a {border: none;}

div#primary-nav a span.hover,
div#primary-nav a span.off {
	height: 40px;
	background: transparent url(../img/sprites/nav.jpg) no-repeat;
	display: block;
	position: absolute;
	left: 0;
	cursor: pointer;
	top: 0;
}

div#primary-nav a span.hover {opacity:0; cursor: pointer;}

div#primary-nav a.fleetManagement span.off {background-position: -5px -50px; width:179px;}

div#primary-nav a.aog-support span.off  {background-position: -5px -100px; width: 137px;}

div#primary-nav a.repair-services  span.off  {background-position: -5px -150px; width: 158px;}

div#primary-nav a.design-engineering span.off  {background-position: -5px -200px; width: 180px;}

div#primary-nav a.parts span.off  {background-position: -5px -250px; width: 93px;}

div#primary-nav a.technology span.off  {background-position: -5px -300px;width: 130px;}

div#primary-nav a.fleetManagement {width:179px;}

div#primary-nav a.aog-support {width: 137px;}

div#primary-nav a.repair-services {width: 158px;}

div#primary-nav a.design-engineering {width: 180px;}

div#primary-nav a.parts  {width: 93px;}

div#primary-nav a.technology {width: 130px;}

div#primary-nav li.current a span.hover {opacity: 1;}

div#primary-nav a.fleetManagement span.hover,
div#primary-nav li.current a.fleetManagement span.hover  {background-position: -5px -350px; width:179px;}

div#primary-nav a.aog-support span.hover,
div#primary-nav li.current a.aog-support span.hover  {background-position: -5px -400px; width: 137px;}

div#primary-nav a.repair-services span.hover,
div#primary-nav li.current a.repair-services span.hover  {background-position: -5px -450px; width: 158px;}

div#primary-nav a.design-engineering span.hover,
div#primary-nav li.current a.design-engineering span.hover {background-position: -5px -500px; width: 180px;}

div#primary-nav a.parts span.hover,
div#primary-nav li.current a.parts span.hover  {background-position: -5px -550px;width: 93px; }

div#primary-nav a.technology span.hover,
div#primary-nav li.current a.technology span.hover  {background-position: -5px -600px; width: 130px;}

div#primary-nav a.fleetManagement:hover {}

div#primary-nav a.aog-support:hover {}

div#primary-nav a.repair-services:hover {}

div#primary-nav a.design-engineering:hover {}

div#primary-nav a.parts:hover {}

/* Sub Navigation */


ul#subnav {
	font-size: 11px;
	margin-left: 30px;
	width: 158px;
}

.arrowLeft {
	background: transparent url(../img/bullet-arrow.png) no-repeat scroll left 2px;
	padding-left: 8px;
}

#subnav li {
	padding: 5px 0;
	border-bottom: dotted 1px #ccc;
}

#subnav a {display: block;}

#subnav li li {
	border: none;
	padding: 2px 0;
}

#subnav li.current a,
#subnav li li.current a {
	color: #333333;
	font-weight: 600;
}

#subnav li li.current a {
	color: #333333 !important;
	font-weight: 600 !important;
}

#subnav li ul {padding-top:7px;}

#subnav li.current li a {padding-bottom: 1px;}

#subnav li.current .arrowLeft {background: none; padding-left: 0;}

#subnav li li.current .arrowLeft {padding-left: 8px;}

#subnav li a:hover {color: #666666 !important;}

#subnav li.current,
.subnavGradient {
	-moz-border-radius: 7px 0 0 7px;
	-webkit-border-radius: 7px 0 0 7px;
	background: transparent url(../img/navigation/subnav-gradient.png) repeat-y 0 0;
	padding: 8px 0 8px 9px;
}

.subnavGradient .arrowLeft {background: none;}



#subnav li li.current {
	padding: 2px 0;
	background: none;
}

#subnav li li.current a {padding-bottom: 0;}

#subnav li ul {
	margin-left: 8px;
}

#subnav li li a {
	color:#6C1014 !important;
	font-weight: 100 !important;
}




 
/*	-----------------------------------------------

	Widgets

	----------------------------------------------- */
	
/* carousel */

div.carousel {
	position: relative;
	width: 824px;
	margin:25px auto 0;
	height: 62px;
}

div.prev,
div.next {
	position: absolute;
	width: 18px;
	height: 62px;
	top: 0;
	cursor: pointer;
	z-index: 2;
}

div.prev {
	left: 0px;
	background-position: -50px -750px
		

}

div.prev:active {

  background-position: -70px -750px  !important;
	
}

div.next {
	right: 0;	
	background-position: -10px -750px;
	
}

div.next:active {
background-position: -30px -750px !important;

}

div.prev:hover {
  background-position: -110px -750px 
}

div.next:hover {

	background-position: -90px -750px;
}

.jCarouselLite {
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	width:822px;
/*
	margin-right: 18px;
	margin-left: 18px;
*/
	height: 60px;
}

.jCarouselLite li {
	float: left;
	width: 830px;
	text-align: center;
}

	
/* Inherits from general sprites */	

body#homepage div#container-secondary div.callout-m {margin-left: 12px;}
	
div.callout-l,
div.callout-m {
	padding:22px 12px 18px 24px;
}

div.callouts p {
	margin-bottom: 12px;
}
	
div.callout-m {
	background-position: -10px -140px;
	height: 53px;
}

div.callouts select {width: 168px;}

div.callout-l {
	background-position: -10px -320px;
	height: 63px;
}

div.callout-l,
div.callout-m,
div.callout-s {
	width: 180px;	
}

div.callout-pdf,
div.callout-tools,
div.callout-phone {
	height: 35px;
	padding:29px 0 0 55px;
	text-transform: uppercase;
	font-weight: 600;
	width:168px;
}

div#container-secondary div.callouts {
    margin-left:10px;
}


div.callout-pdf {
	background-position: -10px -590px;
}

div.callout-tools {
	background-position: -10px -520px;
}

div.callout-phone {
	background-position: -10px -430px;	
}

.callouts a.arrowCaps {font-size: 1.1em;}

.callouts a.arrowCaps:hover {
    color: #666666;
    text-decoration: none;
}

.callouts h3 {font-size: 1.1em;}


/*	-----------------------------------------------

	Page Specific Style

	----------------------------------------------- */  
	
	
div#primary-hero {
	position: relative;
	height: 188px;
}	
	
div#primary-hero ul#hero-images {	
	width: 882px;
	height:192px;
}

ul#hero-buttons {
	display: none;
	top: 13px;
	right: 20px;
	position: absolute;
}


ul#hero-buttons li {
	background:transparent url(../img/circle-trans.png) no-repeat scroll 0 0;
	color:#6C1014;
	cursor:pointer;
	float:left;
	font-size:1em;
	height:16px;
	margin-right:5px;
	padding-top:3px;
	text-align:center;
	width:16px;	
	line-height:1em;
	
}

ul#hero-buttons li:hover {color: #000;}

ul#hero-buttons li:active,
ul#hero-buttons li.current {
	color: #000000; 
	font-weight: 600;
}

	
div#primary-hero ul#hero-images li {

	position: absolute;
}

div#primary-hero li#hero01 {
	background: transparent url(../img/heros/01.jpg) no-repeat 0 0;
}

div#primary-hero h2 {
	color: #ffffff;
	padding: 76px 0 0 28px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 36px;
	font-weight: 100;
	letter-spacing:0px;
	background: none;
	width: 100%;
}


/* interior hero */

div#primary-hero {
    height:130px;
    width:100%;
}

div.hero01 {
    background: transparent url(../img/heros/01.jpg) 0 0 no-repeat;
}

div.hero02 {
    background: transparent url(../img/heros/02.jpg) 0 0 no-repeat;
}

div.hero03 {
    background: transparent url(../img/heros/03.jpg) 0 0 no-repeat;
}

div.hero04 {
    background: transparent url(../img/heros/04.jpg) 0 0 no-repeat;
}

div.hero05 {
    background: transparent url(../img/heros/05.jpg) 0 0 no-repeat;
}

div.hero06 {
    background: transparent url(../img/heros/06.jpg) 0 0 no-repeat;
}

div.hero07 {
    background: transparent url(../img/heros/07.jpg) 0 0 no-repeat;
}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}

/* sitemap */

ul#sitemap-list li 
{
    list-style-type: none;
    font-size: 1.2em;
    
}

ul#sitemap-list li li
{
    list-style-type: circle;
    margin-left: 10px;
    font-size: 1em;
    
}

ul#sitemap-list li li li
{
    list-style-type: square;
    margin-left: 10px;
    font-size: 1em;
    
}

ul#sitemap-list li li li li
{
    list-style-type:disc;
    margin-left: 10px;
    font-size: 1em;
    
}

/* selectNav */
#sideNavigation {display: none;}

/* aog callout */

.aogCallout {
    width:133px;
    margin: 0 auto;
    text-align: center;
}

.aogCallout h3 {
    color: #999999;
    font-size: 17px;
    font-family: Arial, Helvetica, Sans-Serif;
}