/* base.css */

/* fonts */

body, p, span {
   font: 12px Arial, sans-serif;
   color: #777;
}

a {
   text-decoration: none;
}

h2 {
   display: inline;
}

h3 {
   font: bold 30px Arial, sans-serif;
   color: #5b6a71;
   display: inline;
}

h4 {
   font: bold 11px Arial, sans-serif;
   color: #666666;
}

strong {
   font-weight: bold;
}

em {
   font-style: italic;
}

.disclaimer {
   font: 9px Arial, sans-serif;
   text-decoration: underline;
   color: #000;
   float: right;
   cursor: pointer;
}

.super {
   font-size: 9px; 
   color: blue; 
   vertical-align: super;
   float: none !important;
   text-decoration: none;
}

.super:hover{
   font-weight: bold;
}

.dis-box {
   background: #fff;
   width: 100%;
   height: 100%;
}

.dis-box ul {
   padding: 20px;
}

.dis-box ul li {
   list-style-type: disc;
   margin: 10px 0;
}

.float-left {
   float: left;
}

.float-right {
   float: right;
}

.float-none {
   float: none;
}

/* 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;
}

/* end fonts */

/* begin utility styles */

.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

/* end utility styles */

/* structure */

html, body {
   background-color: #505050;
}

#content-container, #main {
   width: 960px;
   margin: 0 auto;
}

/* end structure */

/* header */
#nav-header {
   width: 960px;
   height: 49px;
   position: relative;
   margin: 0 auto 40px auto;
}

/* logo */
#logo {
   position: absolute;
   width: 298px;
   height: 23px;
   background: transparent url(/images/base/logo.jpg) no-repeat top left;
   bottom: 0;
   left: 0;
   z-index: 9001;
}

#logo span {
   display: none;
}
/* end logo */

/* top navigation */

#navigation-top {
   width: auto;
   height: 26px;
   position: absolute;
   top: 0;
   right: 3px;
}

#navigation-top li {
   float: left;
   height: 26px;
}

#navigation-top li a {
   height: 26px;
   display: block;
}

#navigation-top li a span {
   /* addThis seemingly won't position it's menu correctly if we set a child
   element to display: none.  Setting visibility to hidden for now */
   display: block;
   visibility: hidden;
}

#navigation-top #nav-top-fleet-vehicles {
   background: transparent url(/images/nav/top-nav-fleet-vehicles.png) no-repeat top left;
   width: 101px;
}

#navigation-top #nav-top-dealer-portal {
   background: transparent url(/images/nav/top-nav-dealer-portal.png) no-repeat top left;
   width: 101px;
}

#navigation-top #nav-top-financing {
   background: transparent url(/images/nav/top-nav-financing.png) no-repeat top left;
   width: 70px;
}

#navigation-top #nav-top-add-this {
   background: transparent url(/images/nav/top-nav-share-this.png) no-repeat top left;
   width: 83px;
}
/* end top navigation */

/* bottom navigation */
#navigation-bottom {
   width: 661px;
   height: 23px;
   position: absolute;
   bottom: 0;
   right: 0;
}

#navigation-bottom li {
   float: left;
}

#navigation-bottom li a, #navigation-bottom li div {
   display: block;
   height: 23px;
}

#navigation-bottom li #home {
   width: 132px;
   background: transparent url(/images/nav/home_off.png) no-repeat top left;
}

#navigation-bottom li #home:hover {
   width: 132px;
   background: transparent url(/images/nav/home_on.png) no-repeat top left;
}

#navigation-bottom li #home-here {
   width: 132px;
   background: transparent url(/images/nav/home_here.png) no-repeat top left;
}

#navigation-bottom li #our-story {
   width: 132px;
   background: transparent url(/images/nav/our-story_off.png) no-repeat top left;
}

#navigation-bottom li #our-story:hover {
   width: 132px;
   background: transparent url(/images/nav/our-story_on.png) no-repeat top left;
}

#navigation-bottom li #our-story-here {
   width: 131px;
   background: transparent url(/images/nav/our-story_here.png) no-repeat top left;
}

#navigation-bottom li #news {
   width: 132px;
   background: transparent url(/images/nav/news_off.png) no-repeat top left;
}

#navigation-bottom li #news:hover {
   width: 132px;
   background: transparent url(/images/nav/news_on.png) no-repeat top left;
}

#navigation-bottom li #news-here {
   width: 132px;
   background: transparent url(/images/nav/news_here.png) no-repeat top left;
}

#navigation-bottom li #events {
   width: 132px;
   background: transparent url(/images/nav/events_off.png) no-repeat top left;
}

#navigation-bottom li #events:hover {
   width: 132px;
   background: transparent url(/images/nav/events_on.png) no-repeat top left;
}

#navigation-bottom li #events-here {
   width: 132px;
   background: transparent url(/images/nav/events_here.png) no-repeat top left;
}

#navigation-bottom li #features {
   width: 133px;
   background: transparent url(/images/nav/nv-lineup_off.png) no-repeat top left;
}

#navigation-bottom li #features:hover {
   width: 133px;
   background: transparent url(/images/nav/nv-lineup_on.png) no-repeat top left;
}

#navigation-bottom li #features-here {
   width: 133px;
   background: transparent url(/images/nav/nv-lineup_here.png) no-repeat top left;
}

#navigation-bottom li a span, #navigation-bottom li div span {
   display: none;
}
/* end bottom navigation */

/* end header */


/* footer */
#footer {
   width: 960px;
   margin: 0 auto;
   background: transparent url(/images/base/footer-bg-line.png) no-repeat top right;
   clear: both;
   position: relative;
   z-index:5;
}

#footer #available {
   position: absolute;
   top: 9px;
   right: 0;
   font: bold 11px Arial, sans-serif;
   color: #ccc;
}

#footer-logo {
  display: block;
  width: 233px;
  height: 76px;
  background: transparent url(/images/base/footer-logo.png) no-repeat top left;
}

#footer-logo span {
   display: none;
}

#footer ul {
   float: right;
   margin: 30px 0 0 0;
}

#footer ul li {
   float: left;
   margin: 0 0 0 15px;
}

#footer ul li a {
   font: 11px Arial, sans-serif;
   color: #a8a8a8;
   text-decoration: none;
}

#footer ul li a.blue {
   color: #6697b3;
   margin: 0 15px 0 0;
}

#footer ul li strong {
   font: bold 10px Arial, sans-serif;
   color: #fff;
}

#footer ul li a:hover {
   text-decoration: underline;
}

#content,#content-bottom
{
	z-index:0;
}

#other-container {
    background-color:#252525;
	border-color:#686868;
	border-style:solid solid none;
	border-width:1px 1px 0;
	bottom:50px;
	height:0;
	overflow:hidden;
	padding:0;
	position:absolute;
	right:0;
	width:112px;
	z-index:10;
}

#footer #other-container ul {
   margin: 0 0 0 12px;
   float: none;
}

#footer #other-container a {
   outline: none;
}

#footer #other-container li {
   float: none;
   display: block;
   margin: 3px 0;
}

#footer #other-container .closer {
   position: absolute;
   top: 2px;
   right: 2px;
   color: #fff;
}

/* end footer */