/* General Formatting -------------------------------------------------*/
body {
	background: url(../../images/body_bg.jpg) repeat-x #661f1b;
	font: normal .8em/1.4 Arial, Helvetica, sans-serif;
	color: #fff;
}
a { color: #6f1615; }
a:hover {
	color: #700200;
	text-decoration: none;
}
/* Wrapper ------------------------------------------------------------*/
#wrapper { background: url(../../images/wrapper_bg.jpg) repeat-x; }
/* Container ----------------------------------------------------------*/
#container {
	width: 960px;
	margin: 0px auto;
}
/* Header -------------------------------------------------------------*/
#header {
	float: left;
	width: 960px;
}
#logo {
	float: left;
	width: 212px;
	height: 65px;
	background: url(../../images/logo_country_clipper.jpg) no-repeat;
	text-indent: -9999px;
	outline: none;
}
/* Residential / Commerical Nav ---------------------------------------*/
#residentialnav { margin-left: 20px; }
#commercialnav {
	float: left;
	width: 350px;
	height: 65px;
}

#residentialnav{
	float: left;
	width: 370px;
	height: 65px;
}

#residentialnav li, #commercialnav li { float: left; }
#residentialnav li a, #commercialnav li a {
	display: block;
	height: 30px;
	text-indent: -9999px;
	outline: none;
}
#residentialnav li a:hover, #commercialnav li a:hover { background-position: 0 -30px; }
#residentialnav .residential, #commercialnav .commercial {
	display: block;
	width: 200px;
	height: 35px;
	text-indent: -9999px;
	outline: none;
	margin: 0 auto;
}
#residentialnav .residential:hover, #commercialnav .commercial:hover { background-position: 0 -35px; }
#residentialnav .residential { background: url(../../images/residentialnav_bg.jpg) no-repeat; }
#commercialnav .commercial { background: url(../../images/commercialnav_bg.jpg) no-repeat; }
#residentialnav .jazeeone {
	background: url(../../images/nav_jazee_one.jpg) top no-repeat;
	width: 97px;
	margin-left: 13px;
}
#residentialnav .jazee {
	background: url(../../images/nav_jazee.jpg) top no-repeat;
	width: 56px;
	margin-left: 10px;
}

#residentialnav .wrangler{
	background: url(../../images/nav_wrangler.jpg) top no-repeat;
	width: 97px;
	margin-left: 0px;
}

#residentialnav .prodlx{
	background: url(../../images/nav_prodlx.jpg) top no-repeat;
	width: 78px;
	margin-left: 15px;
}

#residentialnav .jazeepro {
	background: url(../../images/nav_jazee_pro.jpg) top no-repeat;
	width: 96px;
	margin-left: 15px;
}
#commercialnav .boss {
	background: url(../../images/nav_boss.jpg) top no-repeat;
	width: 84px;
	margin-left: 15px;
}
#commercialnav .charger {
	background: url(../../images/nav_charger.jpg) top no-repeat;
	width: 73px;
	margin-left: 21px;
}
#commercialnav .trekhydro {
	background: url(../../images/nav_trek_hydro.jpg) top no-repeat;
	width: 99px;
	margin-left: 13px;
}
/* Main ------------------------------------------------------------------*/
#main {
	clear: both;
	float: left;
	width: 960px;
	margin-top: 20px;
}
/* Sidebar ---------------------------------------------------------------*/
#sidebar {
	float: left;
	width: 185px;
	margin-left: 15px;
}
.sideboxbtm {
	float: left;
	background: url(../../images/box_btm.png) bottom no-repeat;
	padding-bottom: 6px;
}
.box-bg {
	background: url(../../images/box_bg.png) repeat-y;
	padding: 0 20px 5px;
	width: 145px;
}
/* Finance Box -------------------------------------------------------------*/
#financebox {
	clear: both;
	float: left;
	margin-top: 10px;
	padding-top: 17px;
	background: url(../../images/box_top.png) no-repeat;
	width: 185px;
	text-align: center;
}
#financebox a {
	color: #fff;
       text-decoration: none; 

}
/* Dealer Box -------------------------------------------------------------*/
#dealerbox {
	clear: both;
	float: left;
	margin-top: 10px;
	padding-top: 17px;
	background: url(../../images/box_top.png) no-repeat;
	width: 185px;
	font-size: .9em;
	line-height: 1.6em;
	color: #c96;
	text-align: center;
}
/* Navbar ----------------------------------------------------------------*/
#navbar {
	float: left;
	padding-top: 17px;
	background: url(../../images/box_top.png) top left no-repeat;
}
#leftnav {
	background: url(../../images/box_bg.png) repeat-y;
	padding-bottom: 5px;
}
#leftnav, #leftnav ul { /* all lists */
	list-style: none;
	float: left;
	width: 185px;
	line-height: 1;
}
#leftnav li { /* all list items */
	float: left;
	margin-bottom : -1px;
	width: 185px;
}
#leftnav li ul { /* second-level lists */
	position: absolute;
	left: -999em;
	margin-left: 180px;
	margin-top: -1.35em;
	z-index: 100;
}
#leftnav li ul ul { /* third-and-above-level lists */ left: -999em; }
#leftnav li a {
	display: block;
	width: 130px;
	color: #fff;
	text-decoration: none;
	font-size: 10.5pt;
	text-decoration : none;
	text-align: center;
	padding: .325em 25px;
	margin: .25em 0;
}
#leftnav li a:hover { color: #d9a189; }
#leftnav li ul li a:hover {
	color: #d9a189;
	background-color: #6b1815;
}
#leftnav li:hover, #leftnav li.hover { position: static; }
#leftnav li ul a { /* second level lists */
	background-color: #4B1914;
	border: 1px solid #6B241E;
	margin: 0;
}
#leftnav li:hover ul ul, #leftnav li:hover ul ul ul, #leftnav li.sfhover ul ul, #leftnav li.sfhover ul ul ul { left: -999em; }
#leftnav li:hover ul, #leftnav li li:hover ul, #leftnav li li li:hover ul, #leftnav li.sfhover ul, #leftnav li li.sfhover ul, #leftnav li li li.sfhover ul { /* lists nested under hovered list items */ left: auto; }
/* Carousel ---------------------------------------------------------------*/
#carousel {
	float: left;
	margin-left: 10px;
}
/* Content Boxes ----------------------------------------------------------*/
.boxtop {
	float: left;
	background: url(../../images/contentbox_top.png) top left no-repeat;
	padding-top: 12px;
}
.boxbtm {
	float: left;
	background: url(../../images/contentbox_btm.png) bottom left no-repeat;
        padding-bottom: 12px;
}
.boxcontent {
	float: left;
	background: url(../../images/contentbox_bg.png) repeat-y;
	width: 690px;
	padding: 5px 25px 0;
}
/* Content ----------------------------------------------------------------*/
#content {
	float: left;
	margin-left: 10px;
	color: #333;
	line-height: 1.6em;
}
#content h1, #content h2, #content h3, #content h4 { line-height: 1.4em; }
#content h1 {
	font-size: 1.6em;
	margin: .825em 0 .5em;
}
#content h2 {
	font-size: 1.6em;
	margin: .825em 0 .5em;
}
#content h3 {
	font-size: 1.265em;
	color: #701515;
	margin: .325em 0 .5em;
}
#content h4 {
	font-size: 1em;
	color: #701515;
	margin: .5em 0;
	font-weight: 700;
}
#content ul {
	list-style: disc;
	margin: .5em 0 1em 3em;
}
#content ol {
	list-style: decimal;
	margin: .5em 0 1em 3em;
}
#content p { margin-bottom: 1em; }
#leftcol {
	float: left;
	width: 454px;
	padding-right: 20px;
}
#rightcol {
	float: left;
	width: 194px;
	border-left: 1px solid #a38f8f;
	padding-left: 15px;
	margin: 1em 0;
	line-height: 1.4em;
}
/* Footer -----------------------------------------------------------------*/
#footer {
	clear: both;
	width: 750px;
	margin-left: 210px;
}
#footerlinks { text-align: center; }
#footerlinks li {
	display: inline;
	padding: 5px;
}
#footerlinks a {
	color: #efefef;
	text-decoration: none;
}
#footerlinks a:hover { color: #d9a189; }
/* CJ Footer -------------------------------------------------------------*/
#cjcopyright {
	clear:both;
color:#F0F0F0;
font-size:0.8em;
line-height:1.4em;
margin-top:1em;
text-align:center;
}
#cjcopyright a {
	color: #fff;
	text-decoration: underline;
}
#cjcopyright a:hover { text-decoration: none }
/* Misc Styles -----------------------------------------------------------*/
strong, th { font-weight: bold; }
.ee {
	text-transform: uppercase;
	font-size: 9pt;
}
.clear {
	clear: both;
	height: 12px;
}