@charset "utf-8";
/* Default tag styles */
html { height:100%; margin:0px; padding:0px; background:url(assets/bg-tile.gif); }
body { height:100%; margin:0px; padding:0px; background:url(assets/bg-stripe.gif) repeat-x 0 100px; font:14px Arial, sans-serif; color:#000; }
h1, h2, h3, h4, p { margin:0px; margin-bottom:10px; }
h1 { font-size:1.6em; }
h2 { font-size:1.4em; }
h3 { font-size:1.2em; }
h4 { font-size:1.1em; }
p { line-height:140%; }
img { border:none; }
fieldset { border:1px solid #ccc; margin-bottom:10px; }
legend { background:#eee; border:1px solid #ccc; padding:5px 10px; font-weight:bold; }
form { display:block; margin:0px; padding:0px; }

/* Common styles */
.clear{clear:both;}
.page-title{padding:5px 15px; background:#878787; color:#fff; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px;}
.title{background:#166ca7; color:#fff; padding:5px 10px;}
.button{display:inline-block; background:#fff; color:#166ca7; text-decoration:none; border:1px solid #166ca7; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding:5px 10px;}
.button:hover{color:#000;}

/* Main containers */
#main{width:1200px; margin:0 auto;}
#content{border:1px solid #a8a8a8; padding:14px; background:#fff; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px;}

/* Header */
#header{height:200px; margin-bottom:10px; position:relative; background:url(assets/header-bg.gif) repeat-x;}
#header>div{height:160px; border-color:#a8a8a8; border-style:solid; border-width:0 1px;}
#header h1{text-indent:-3000px; overflow:hidden; background:url(assets/champion-logo.png); width:361px; height:174px; position:absolute; top:0; left:18px; z-index:999;}
#header-numbers{position:absolute; top:30px; left:390px; line-height:190%;}
#header-buttons{position:absolute; top:34px; left:675px; text-align:center;}
#credit-jockey{display:block; background:url(assets/credit-jockey.png); width:281px; height:60px; text-indent:-3000px; overflow:hidden;}
#header-address{background:url(assets/icon-hwy.png) no-repeat top right; height:58px; padding-top:50px; padding-right:108px; position:absolute; top:60px; right:-10px; z-index:998; text-align:right;}
#social{position:absolute; top:20px; right:15px;}

/* Navigation */
#nav{list-style:none; margin:0; padding:0; height:40px;}
#nav li{white-space:nowrap; position:relative;}
#nav a{display:block; padding:5px 10px; text-decoration:none; color:#444;}
#nav a:hover{color:#ff4f13;}
#nav>li{float:left;}
#nav>li>a{height:40px; padding:0; text-indent:-3000px; overflow:hidden; background-position:top left;}
#nav>li>a:hover{background-position:bottom left;}
.nav1{background-image:url(assets/nav-home.png); width:80px;}
.nav2{background-image:url(assets/nav-new.png); width:149px;}
.nav3{background-image:url(assets/nav-preowned.png); width:199px;}
.nav4{background-image:url(assets/nav-specials.png); width:104px;}
.nav5{background-image:url(assets/nav-finance.png); width:100px;}
.nav6{background-image:url(assets/nav-service.png); width:149px;}
.nav7{background-image:url(assets/nav-parts.png); width:123px;}
.nav8{background-image:url(assets/nav-collision.png); width:165px;}
.nav9{background-image:url(assets/nav-dealer.png); width:131px;}
#nav li ul{position:absolute; list-style:none; margin:0; padding:0; background:#efefef; border:1px solid #a8a8a8; border-top:none; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;}

/* Footer */
#footer{padding:15px; text-align:center; background:#fff url(assets/footer-tile.jpg) repeat-x bottom left; border:1px solid #a8a8a8; border-top:none; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; margin-bottom:10px;}
#footer p{margin:0;}
#footer a{color:#000; text-decoration:none; margin:0 20px;}
#footer a:hover{text-decoration:underline;}
#copyright{font-size:0.9em; color:#fff;}
#copyright a{color:#fff;}

/* Homepage */
.col-left{float:left;}
.col-left .col-left{width:250px; height:360px; float:left; margin-bottom:15px;}
.col-right{float:left; width:155px; margin-left:15px;}
.col-right a{display:block; margin-top:15px;}
.col-right a:first-child{margin:0;}
.bottom-buttons{clear:both; height:110px;}
.bottom-buttons a{display:block; float:left; margin-left:10px;}
.bottom-buttons a:first-child{margin:0;}
.title-search{background:url(assets/title-search.gif); width:250px; height:30px; margin:0; text-indent:-3000px; overflow:hidden;}
.rotator{float:left; width:735px; height:360px; margin-left:15px; position:relative;}
.scrollable {	position:relative;	overflow:hidden;	width:735px; 	height:360px;}
.scrollable .items {	width:20000em;	position:absolute;}
.items div {	float:left;	width:735px;}
.next, .prev{display:block; width:25px; height:50px; text-indent:-3000px; overflow:hidden; position:absolute; top:155px;}
.next{right:0; background:url(assets/button-next.png);}
.prev{left:0; background:url(assets/button-prev.png);}
.navi{position:absolute; bottom:-6px;}
.navi a{display:block; float:left; margin-left:5px; width:10px; height:11px; background:url(assets/dot.png);}
.navi a:first-child{margin-left:0;}
.navi a.active{background:url(assets/dot-active.png);}
#search_form{height:165px;}

/* Inventory Pages */
#wj_replace_listing{width:1000px; margin:0 auto 10px;}

/* Specials & Staff */
.specials-tabs, .staff-tabs{border-bottom:1px solid #878787;}
.specials-tabs ul, .staff-tabs ul{list-style:none; margin:0px; padding:0px;}
.specials-tabs ul li, .staff-tabs ul li{float:left; border:1px solid #878787; border-bottom:none; margin-left:5px;}
.specials-tabs ul li a, .staff-tabs ul li a{display:block; padding:5px 10px; background:#efefef; border:1px solid #fff; text-decoration:none; color:#000;}
.specials-tabs ul li a:hover, .staff-tabs ul li a:hover{background:#878787; color:#fff;}
.specials-tabs ul li.selected a, .staff-tabs ul li.selected a{background:#166ca7; color:#fff;}
.special{padding:10px;}
.odd{background:#fff;}
.even{background:#eee;}
.specials-vehicle{float:left; margin-right:20px;}
.specials-content{}
.specials-controls{clear:both;}
.specials-controls a{display:inline-block; background:#fff; color:#166ca7; text-decoration:none; border:1px solid #166ca7; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding:5px 10px;}
.specials-controls a:hover{color:#000;}