body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: url('img/bg_carbonfibre.gif'); background-color:#000000; margin: 0; padding: 0; text-align: center; color: #666666; }
img { border: 0; }
#outerwrapper {	width: 960px; margin: 0 auto; text-align: left; }
#wrapper { width: 960px; margin: 0 auto; background-color: #FFFFFF; text-align: center;}
#introcopy { font-size: 75%; line-height: 25px; text-align: left; height: 260px; padding-right: 10px; }
#main { font-size: 11px; text-align: left; padding: 10px; }
#main-vehicles { font-size: 75%; text-align: left; }
h1 { font-size: 16px; margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 5px; color: #FFFFFF; text-transform: uppercase; border-bottom: 1px solid #4b525d; padding-bottom: 3px;}
h2 { font-size: 12px; margin: 0; color: #ffcc66; font-style: italic;}
h3 { margin: 0;}
#topcontentwrapper { margin: 0 auto; } 
#maincontentwrapper { background-color: #FFFFFF; width: 960px; margin: 0 auto; } 
#left { padding-left: 10px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; }
#form { padding-left: 20px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; }
#pix { padding-right: 10px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; }
.nobr {white-space: nowrap; margin: 0;}
#topnav-tribrand { width: 960px; padding-bottom: 5px; padding-top: 0px; padding-left: 0px; padding-right: 0px; }
#dropmenudiv{ position:absolute; z-index:100; }
#dropmenudiv a { width: 100%; display: block; }
#footer { position: relative; width: 960px; font: 10px Verdana, Arial, sans-serif; color: #000; }
#footer UL { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 3px 8px; padding-top: 0px; list-style-type: none; text-decoration:none; }
#footer UL LI { display: inline; text-decoration:none; }
#footer UL LI A { font: 10px Verdana, Arial, sans-serif; color: #000; text-decoration:none; }
#footer UL LI A:hover { color: #859bb2; text-decoration:none; }
#footer UL LI A:active { color: #859bb2; text-decoration:none; }
#disclaimer { font-size: 9px; color: #333333; }
#disclaimer a { color: #000000;}
#nav { font-size: 75%; margin-left: 0px; }
#nav #mainnav { list-style: none; padding-left: 0px; margin-left: 0px; }
#nav #mainnav a { color:#FFFFFF; min-height: 18px; padding: 2px; width: 175px; display: block; text-decoration: none; font-weight: bold; text-align: left; border-bottom: 1px dotted #CCCCCC;}
#nav #mainnav a:hover { background-color:#4b525d; color: #FFFFFF; padding: 2px; min-height: 18px; width: 175px; display: block; font-weight: bold; }
#nav #mainnav #current { background-color:#4b525d; color: #FFFFFF; padding: 2px; min-height: 20px; width: 175px; display: block; }
#nav #mainnav #subnav a { color:#000000; padding-left: 8px; width: 169px;  font-size: 10px; font-weight: normal; }
#nav #mainnav #subnav a:hover { background-color:#ffb026; color: #FFFFFF; padding-left: 8px; width: 169px; }
#nav #mainnav #subnav #current { background-color:#c0e4ae; color: #000000; padding-left: 8px; width: 169px; }
#intro { background-color: #D4DDBE; color: #000000; padding: 10px; font-size: 75%; line-height: 22px; text-align: left; margin-right: 10px; font-style: italic; border: 1px solid #B9C795;}
#nav #mainnav #vehiclenav { list-style: none; padding-left: 0px; margin-left: 0px; border-bottom: 1px dotted #CCCCCC;}
#nav #mainnav #vehiclenav a { color: #666666; min-height: 14px; padding-left: 12px; padding-top: 2px; padding-bottom: 2px; padding-right: 2px; width: 165px; display: block; text-decoration: none; font-weight: normal; text-align: left; font-size: 10px; border-bottom: 0px;}
#nav #mainnav #vehiclenav a:hover { background-color:#c0e4ae; color: #000000; padding-left: 12px; padding-top: 2px; padding-bottom: 2px; padding-right: 2px; height: 14px; width: 165px; display: block; font-weight: normal;  font-size: 10px;}
#nav #mainnav #vehiclenav #current { background-color:#c0e4ae; color: #000000; padding-left: 12px; padding-top: 2px; padding-bottom: 2px; padding-right: 2px; height: 14px; width: 165px; display: block; font-weight: normal;  font-size: 10px;}
#region-nav { background-color: #2b490b; text-align: left; font-size: 10px; }
#region-nav a { text-decoration: none; padding: 5px; color: #FFFFFF; width: 144px; }
#region-nav a:hover {text-decoration: underline; color: #000000; background-color: #c0e4ae; padding: 5px; width: 144px;}
#fueltable { font-size: 11px;}

#promos { position: relative; width: 960px; height: 96px; background-image: url(img/bg_promos.gif); }
#daapromo { position: absolute; top: 10px; left: 20px; }
#brands { position: absolute; top: 30px; left: 550px; }
#brands UL { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none; text-decoration:none; }
#brands UL LI { display: inline; text-decoration:none; padding-right: 5px;}

#header { position: relative; width: 960px; height: 25px; background-color: #FFFFFF; text-align: right; font-size: 11px; }
#header UL { padding-right: 5px; padding-left: 0px; padding-bottom: 0px; margin: 3px 8px; padding-top: 5px; list-style-type: none; text-decoration:none; }
#header UL LI { display: inline; text-decoration:none; }
#header UL LI A { font: 10px Verdana, Arial, sans-serif; color: #000; text-decoration:none; }
#header UL LI A:hover { color: #859bb2; text-decoration:none; }
#header UL LI A:active { color: #859bb2; text-decoration:none; }

#maincontent { position: relative; width: 960px; background-image: url(img/bg_maincontent.gif); font-size: 11pt; color: #FFFFFF;}
#maincontent-environment { position: relative; width: 960px; background-image: url(img/bg_maincontent_environment.gif); font-size: 11pt; color: #333333;}
#maincontent-environment h1 { font-size: 16px; margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 5px; color: #669933;; text-transform: uppercase; border-bottom: 1px solid #4b525d; padding-bottom: 3px;}
#maincontent-environment h2 { font-size: 12px; margin: 0; color: #999999; font-style: italic;}

#cjd { position: absolute; top: 28px; left: 0px; font-size: 11px; color: #FFFFFF; }
#cjd UL { padding: 0px; margin: 0px; list-style-type: none; text-decoration:none; }
#cjd UL LI { display: inline; text-decoration:none; }

.lightrow { background-color: #CCCCCC; color: #000000; padding: 10px;}
.darkrow { color: #FFFFFF; padding: 10px;}
.dkrow { background-color: #FFFFFF; color: #000000; padding: 10px;}




#navwrapper { position: relative; width: 960px; height: 95px; }
#topnav { position: absolute; top: 0px; left: 0px; background: url('img/topnav.gif') no-repeat; height: 95px; width: 960px; }
#topnav span { display: none; }
#topnav ul { margin: 0px; padding: 0px; border: 0px; }
#topnav li {	list-style-type: none; float: left; padding: 0; }
#topnav a { height: 95px; display: block; }
#link1 { width: 128px; }
#link2 { width: 168px; }
#link3 { width: 117px; }
#navspacer { width: 159px; height: 95px; display: block; }
#link4 { width: 215px; }
#link5 { width: 85px; }
#link6 { width: 88px; }

#link1 a:hover, #link1 .current { background: url('img/topnav.gif') 0px -95px no-repeat; }
#link2 a:hover, #link2 .current { background: url('img/topnav.gif') -128px -95px no-repeat; }
#link3 a:hover, #link3 .current { background: url('img/topnav.gif') -296px -95px no-repeat; }
#link4 a:hover, #link4 .current { background: url('img/topnav.gif') -572px -95px no-repeat; }
#link5 a:hover, #link5 .current { background: url('img/topnav.gif') -787px -95px no-repeat; }
#link6 a:hover, #link6 .current { background: url('img/topnav.gif') -872px -95px no-repeat; }


#brandnavwrapper { position: relative; width: 960px; height: 53px; }
#brandnav { position: absolute; top: 0px; left: 0px; background: url('img/brandnav.gif') no-repeat; height: 53px; width: 960px; }
#brandnav span { display: none; }
#brandnav ul { margin: 0px; padding: 0px; border: 0px; }
#brandnav li {	list-style-type: none; float: left; padding: 0; }
#brandnav a { height: 53px; display: block; }
#brandnavspacer { width: 548px; height: 53px; display: block; }
#brandnavjeep { width: 75px; }
#brandnavdodge { width: 125px; }
#brandnavchrysler { width: 105px; }
#brandnavram { width: 100px; }

#brandnavjeep a:hover { background: url('img/brandnav.gif') -548px -53px no-repeat; }
#brandnavdodge a:hover{ background: url('img/brandnav.gif') -623px -53px no-repeat; }
#brandnavchrysler a:hover { background: url('img/brandnav.gif') -748px -53px no-repeat; }
#brandnavram a:hover { background: url('img/brandnav.gif') -853px -53px no-repeat; }

#panowrapper { position: relative; width: 960; height: 331px; left: 0px; text-align: left; margin: 0 auto; z-index: 0; }
div.panos { position:absolute; width: 960px; height:331px; z-index: 0; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; }

   .pano { position: relative; width: 960px; overflow: hidden; margin: 0 auto; height: 325px; }


   #promowrapper { position: relative; width: 960px; height: 190px; border-top: 1px solid #CCCCCC; text-align: left; margin-top: 10px; margin-bottom: 0; margin-left: auto; margin-right: auto; }
    #promodaa { position: absolute; top: 10px; left: 0px; }
/* root element for the whole scrollable setup */
div.promos {  
	position:absolute;
	overflow:hidden;
	top: 10px;
	left: 240px;
	width: 720px;	 
	height:190px;
	z-index: 10;	
}

#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
}

/* single item */
#thumbs div {
	float:left;
	width:240px;
	height:190px;
	color:#fff;
	margin-right: 0px;
	cursor:pointer;
}

#thumbs h3, #thumbs p, #thumbs span {
	margin:13px;		
	font-family:"bitstream vera sans";
	font-size:13px;
	color:#fff;	
}

#thumbs h3 em {
	font-style:normal;
	color:yellow;
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
    position: relative; 
	height:11px;
	overflow: hidden;
	margin-left: auto;
	margin-right: 0px;
	margin-top: 5px;
	float: right;
	z-index: 99;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	margin: 3px;
	float: left;
	background:url(img/navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	




/* FOOTER STYLES */
/*
   #footerwrapper { clear: both; position: relative; border-top: 1px solid #d1d6d9; margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #d1d6d9; width: 960px; margin-left: auto; margin-right: auto; text-transform: uppercase; font-size: 10px; color: #556774; line-height: 14px; text-align: left; }
   #footerwrapper strong { font-size: 11px; color: #173042; }
   #footer { float: left; width: 195px; font-size: 12px; color: #173042; padding-top: 10px; }
   #footerwrapper a { color: #173042; text-decoration: none; }
   #footerwrapper a:hover { color: #173042; text-decoration: underline; }
   #footercol1 { margin-left: 40px; width: 215px; padding-top: 10px; }
   #footercol2 { position: absolute; left: 285px; top: 10px; width: 195px; }
   #footercol3 { position: absolute; left: 460px; top: 10px; width: 195px; }
   #footercol4 { position: absolute; left: 620px; top: 10px; width: 195px; }
   #footercol5 { position: absolute; left: 765px; top: 10px; width: 195px; }
   #footerdisclaimer { position: relative; margin-top: 10px; padding-bottom: 30px; width: 940px; margin-left: auto; margin-right: auto; font-size: 10px; color: #9ebbc6; text-align: left; }
   
 
*/

/* HOME PANO STYLES */
#panocontainer{overflow:hidden; position:relative; width:960px; height:331px; text-align:left; padding: 0; margin:0px auto; z-index:0; }
#panocontainer img{ position:absolute; }
#panowrapper { position: relative; width: 960px; height: 331px; text-align: left; margin: 0 auto; z-index: 0; }

.captionbox{ position:absolute; font-family: helvetica, arial, sans-serif; }
.prev { display:none; position: absolute; top: 55px; left: 0px; background: url('img/arrow-left.png') no-repeat 0 0; text-indent: -9999px; width: 28px; height: 169px; border: 0; cursor:pointer; }
.next { display:none; position: absolute; top: 55px; right: 0px; background: url('img/arrow-right.png') no-repeat 0 0; text-indent: -9999px; width: 28px; height: 169px; border: 0; cursor:pointer; }