/* User CSS Style Control (Build Date: Tue, 28 Apr 2009 13:20:46 -0800)
Copyright 2009 DealerTrend, Inc. All rights reserved.  
Skin Type: Custom Designed Template

You can use the following guide when editing your CSS file.
Each Section has a corresponding number, it is used as a reference to locate the section you are looking for.
For Example: If you want to edit your navigation search for "section 04" within the CSS document.

Userpage CSS Legend:
Modules are marked with "m".
	
      (section 01) -->  Body / Page / General Tags Elements
      (section 02) -->  Header / Sub Header
      (section 03) -->  Main Navigation / Main Drop Downs / Sub Navigation Drop Downs
      (section 04) -->  Home Page Content / Non-Modular Content
  m > (section 05) -->  Slideshow.
  m > (section 06) -->  Model Scroller
      (section 07) -->  Footer
*/

/*****************************************************************************************************************************
	(section 01) -->  Body / Page / General Tags Elements
*****************************************************************************************************************************/
body
	{
		background:#ecf2fc url(/images/ui/background.jpg) repeat-x;
		text-align:center;
	}
form * {text-align:left !important;}

#content .billboards .testimonials {padding:0 10px 0 10px;}

#content .billboards .testimonials p {margin:25px 0 !important;text-align:left;}
/*****************************************************************************************************************************
	(section 02) -->  Header / Sub Header
*****************************************************************************************************************************/
/* The H1 is styled because the image container text relevant to the H1 tag. Thus the title attribute can be used. */
#header
	{
		position:relative;
		cursor:pointer;
	}
#header h1
	{
		display:block;
		height:147px;
		background:#FFFFFF url(/images/ui/header.jpg) no-repeat;
		text-indent:-9999px;
		margin:0;
		padding:0 10px;
	}
#subHeader
	{
		padding:0 3px 0 10px;
		margin:0;
		height:28px;
		color:#FFFFFF;
		text-align:left;
		font-size:15px;
		font-weight:bold;
		line-height:28px;
		width:950px;
	}
/*****************************************************************************************************************************
	(section 03) -->  Main Navigation / Main Drop Downs / Sub Navigation Drop Downs
*****************************************************************************************************************************/
/* Main Navigation Styling. */
#navigation
	{
		background:#FFFFFF url(/images/ui/navBarBG.jpg) no-repeat;
		padding:0 0 0 17px;
		height:33px;
		text-transform:uppercase;
		font-weight:bold;
		z-index:999 !important;
	}
#navigation ul
	{
		padding:0;
		margin:0;
		height:28px;
		z-index:9999;
		width:955px;
	}
#navigation ul li
	{
		float:left;
		display:block;
		font-size:14px;
		line-height:28px;
		height:28px;
		padding:4px 5px 0 5px;
		z-index:9999;
	}
#navigation a:link,
#navigation a:visited
	{
		color:#777777;
		text-decoration:none;
		height:28px;
		z-index:9999;
	}
#navigation a:hover,
#navigation a:active
	{
		text-decoration:underline;
	}
/* Sub Navigation Styling. */
#subNavigation
	{
		padding:0;
		margin:4px 0;
		height:28px;
		z-index:800;
		position:relative;
	}
#subNavigation ul li
	{
		float:left;
		display:block;
		font-size:14px;
		line-height:28px;
		height:28px;
		z-index:800;
		position:relative;
	}
#subNavigation ul, #subNavigation ul li, #blueBox ul, #blueBox ul li
	{
		padding:0;
		margin:0;
		list-style:none;
	}
/* Sub Navigation Drop Downs */
a#newInventory:link,
a#newInventory:visited
	{
		background:url(/images/ui/newInventory.jpg);
		height:28px;
		line-height:28px;
		display:block;
		width:247px;
		text-indent:-9999px;
		z-index:800;
		position:relative;
	}
a#newInventory:hover,
a#newInventory:active
	{
		background-position:0 -28px;
		line-height:28px;
	}
a#usedInventory:link,
a#usedInventory:visited
	{
		background:url(/images/ui/usedInventory.jpg);
		height:28px;
		display:block;
		width:331px;
		text-indent:-9999px;
		margin-left:1px;
		z-index:800;
		position:relative;
	}
a#usedInventory:hover,
a#usedInventory:active
	{
		background-position:0 -28px;
	}
a#askInventory:link,
a#askInventory:visited
	{
		background:url(/images/ui/askAboutFleet.jpg);
		height:28px;
		display:block;
		width:371px;
		text-indent:-9999px;
		margin-left:10px;
	}
a#askInventory:hover,
a#askInventory:active
	{
		background-position:0 -28px;
	}
/* Global Drop Down Menu Styling. */
.link
	{
		display:block;
		height:34px;
	}
.dropdownmenu
	{
		display:inline-block;
		color: #FFFFFF;
		cursor: pointer !important;
		padding: 0px;
		float: left;
		font-size:14px;
		line-height:28px;
		font-weight:bold;
		text-transform: uppercase;
		position: relative;
		z-index:9999;
	}
.dropdownmenu:hover
	{
		color: #FFFFFF;
		cursor: pointer;
	}
.dropdownmenu .submenu
	{
		display:none;
		position:absolute;
		margin:-1;
		z-index:1999;
		background:#E3E3E3!important;
		text-align:center;
		width:auto;
		padding:0;
		width: 200px;
		z-index:9999;
	}
.dropdownmenu .submenu a
	{
		display: block !important;
		background: transparent!important;
		color: black !important;
		float: none !important;
		width: auto;
		padding: 2px 0px !important;
		text-decoration: none !important;
		margin: 0px !important;
		font-size: 8pt !important;
		line-height: 30px !important;
		height: 30px !important;
		width: 200px;
		z-index:9999;
	}
.dropdownmenu .submenu a:hover
	{
		display: block !important;
		background: #f7f7f7!important;
		text-decoration: none !important;
		text-decoration: none !important;
		float: none !important;
		width: auto;
		padding: 2px 0px !important;
		margin: 0px;
		font-size: 100%;
		line-height: 30px;
		width: 200px;
	}
.borderRight
	{
		border-right:2px solid #FFFFFF;
		padding-right:10px;
		margin-right:5px;
		margin-left:10px;
	}						
/*****************************************************************************************************************************
	(section 04) -->  Home Page Modular Content
*****************************************************************************************************************************/
/* Since we are using the full 960 pixels, we need to pad 10px on each side. By default it only uses 940px; */
.container_16
	{
		margin-top:10px;
	}
#content
	{
		background:#FFFFFF;
		border-bottom:10px solid #CBD5D2;
		padding:15px;
	}
#content.home 
	{
		padding:0;
		padding-bottom:5px;
	}
#leftContainer
	{
		float:left;
	}
#rightContainer
	{
		float:right;
		width:366px;
		border:3px solid white;
	}
a#orderParts:link,
a#orderParts:visited
	{
		background:url(/images/ui/orderParts.jpg);
		height:48px;
		width:214px;
		display:block;
		text-indent:-9999px;
		float:left;
	}
a#orderParts:hover,
a#orderParts:active
	{
		background-position:0 -48px;
	}
a#scheduleService:link,
a#scheduleService:visited
	{
		background:url(/images/ui/scheduleService.jpg);
		height:48px;
		width:214px;
		display:block;
		text-indent:-9999px;
		float:left;
		margin-top:4px;
	}
a#scheduleService:hover,
a#scheduleService:active
	{
		background-position:0 -48px;
	}
a#creditApp:link,
a#creditApp:visited
	{
		background:url(/images/ui/creditApplication.jpg);
		height:48px;
		width:214px;
		display:block;
		text-indent:-9999px;
		float:left;
		margin-top:4px;
	}
a#creditApp:hover,
a#creditApp:active
	{
		background-position:0 -48px;
	}
#blueBox
	{
		background:#003574;
		padding:5px 5px 5px 80px;
		height:152px;
	}
#cashForClunkers
	{
		background:url(/images/ui/cashForClunkersLogo.jpg);
		height:150px;
		width:135px;
		display:block;
		text-indent:-9999px;
		border:1px solid yellow;
		padding-bottom:1px;
		float:right;
	}
#contentBox
	{
		clear:both;
		width:344px;
		border:1px solid #777777;
		margin-top:3px;
		height:225px;
		text-align:justify;
		line-height:15px;
		padding:10px;
	}
#gmTitle
	{
		width:198px;
		height:34px;
		background:url(/images/ui/totalConfidence.jpg);
		display:block;
		text-indent:-9999px;
		position:relative;
		top:-10px;
		margin:auto;
	}
/*****************************************************************************************************************************
	(section 05) -->  Module: Slideshow
*****************************************************************************************************************************/
#slideshow
	{
		background:transparent url('images/slide1.jpg') no-repeat;
		height:287px;
		width:588px;
		position:relative;
		display:block;
		margin:0px;
		left:0px;
		overflow:hidden;
		z-index:1;
	}					
.pics img
	{
		height:287px;
		width:588px;
		position:relative;
		z-index:1;
	}
/*****************************************************************************************************************************
	(section 06) -->  Model Scroller
*****************************************************************************************************************************/
#home-vehicles
	{
		width:560px;
		overflow: hidden;
		float:left;
		position:relative;
		left:10px;
		top:5px;
	}
#home-vehicles-menu
	{
		display:block;
		width:523px;
		background:#777777;
		text-align:left;
		margin:auto;
		position:relative;
		left:1px;
	}
#home-vehicles-menu li
	{
		display:inline;
		list-style-type:none;
		margin-right:15px;
		margin-left:12px;
	}
#home-vehicles-menu ul
	{
		list-style-type:none;
		padding:2px;
		margin:0px;
		width:570px;
		margin:1px;
	}
#home-vehicles-menu a
	{
		color:#FFFFFF;
		cursor:pointer !important;
		display:inline-block;
		line-height:16px !important;
		font:normal 12px helvetica;
		text-transform:uppercase;
		text-decoration:none;
		font-weight:bold;
		padding:2px;
		border:1px solid #777777;
	}
#home-vehicles-menu a:hover,
#home-vehicles-menu a:active
	{
		border:1px solid white;
		padding:2px;
	}
#scroll-box
	{
		height:100px;
		margin-left:3px;
	}
/* Root element for the scrollable. when scrolling occurs this element stays still. */
div.scrollable 
	{
		/* required settings */
		position:relative;
		overflow:hidden;	 	
		width: 523px;	
		height:99px;	
		float:left;
		background:#ffffff;
		/* custom decorations */
		padding:0px;
	}
/* 
 * Root element for scrollable items. Must be absolutely positioned
 * and it should have a super large width to accomodate scrollable items.
 * it's enough that you set width and height for the root element and
 * not for this element.
 */
div.scrollable div.items
	{
		width:30000px;
		position:absolute;
		clear:both;
		background:#ffffff;
	}
/* Single scrollable item */
div.scrollable div.items div
	{
		float:left;
		text-align:center;
		width:173px;
		font-size:30px;
		background-color: transparent;
		padding-bottom:10px;
		border-right:0;
	}
.items a
	{
		font:bold 12px helvetica;
		color: black;
		line-height: 22px;
	}
.items span
	{
		display:block;
	}
/* This makes it possible to add next button beside scrollable */
div.scrollable
	{
		float:left;
	}
a.prev
	{
		display:block;
		width:17px;
		height:82px;
		background:url(images/ui/leftArrow.jpg) no-repeat 0 30px;
		float:left;
		cursor:pointer;
	}
a.next
	{
		display:block;
		width:17px;
		height:82px;
		background:url(images/ui/rightArrow.jpg) no-repeat 0 30px;
		float:right;
		cursor:pointer;
	}
/* Mouseover States */
a.prev:hover,
a.prevPage:hover,
a.next:hover,
a.nextPage:hover
	{
		background-position:0 30px;
	}
/*****************************************************************************************************************************
	(section 07) -->  Footer
*****************************************************************************************************************************/
#footer
	{
		padding:0 10px;
		margin:0;
		background:#FFFFFF url(/images/ui/footerBG.jpg) no-repeat 0 35px; 
		display:block;
		height:57px;
	}
#footer ul
	{
		margin:0;
		padding:0;
		text-transform:lowercase;
	}
#footer ul li
	{
		display:block;
		float:left;
		padding:0 15px;
		margin:0;
	}
#footer ul li a
	{
		display:block;
		float:left;
		color:#535353;
		font-size:11px;
		line-height:24px;
	}
#footer ul li a:link,
#footer ul li a:visited
	{
		font-weight:bold;
		text-decoration:none;
	}
#footer ul li a:hover,
#footer ul li a:active
	{
		text-decoration:underline;
	}
#copyright
	{
		height:48px;
		width:131px;
		background:url(/images/ui/autoWebIt.jpg) no-repeat;
		text-indent:-9999px;
		float:right;
	}