/****************************************************
Created By: Charley Ruggiero
Date Created: 04/08
Layout CSS File 
****************************************************/

/* Standard Tags */
body {font-family:Helvetica, Arial, sans-serif; font-size:14px; background:url(../img/bg.jpg) top left repeat-x #FFF; margin:0;}
p {margin:10px;}
img {border:none;}
a:focus {outline:none;}
a {outline-style:none;}
ul {color:#666;}
h2 {height:35px; width:100%; padding:15px 0 0 70px; background:url(../images/servicedepthead-large.jpg) top left no-repeat;}

/* Css Hacks */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Layout */
/*HEADER*/
#wrapper {width:997px; margin:0 auto; background:url(../img/wrapper-tile.png) top left repeat-y;}
#header {position:relative; width:950px; height:90px; margin:0 0 0 23px;  background:url(../img/header-bg.jpg) bottom left no-repeat; z-index:100;}
/*#logo {float:left; width:308px; padding:15px 0 0 20px;}*/
#logo {position:absolute; top:25px; left:18px;}

/*#subNav ul {margin:0; float:right; width:295px; font-size:12px;}*/
#subNav {position:absolute; top:3px; right:5px;}
#subNav ul {font-size:12px; list-style:none; margin:0; padding:0;}
#subNav li {float:left; display:inline-block; padding:0 10px; border-right:1px solid #979797;}
#subNav li a {color:#979797; text-decoration:underline;}
#subNav li a:hover {color:#ccc; text-decoration:none;}
#subNav li.last {border-right:none;}

#mainNav {position:absolute; bottom:0; right:0; z-index:100;}
#mainNav ul {width:550px; height:52px; margin:15px 0 0 25px; padding:0;}
#mainNav li {float:left; list-style:none; display:block; height:52px;}

#newRV a {width:82px; height:52px; background:url(../img/mainNav/new-rvs.jpg) top left no-repeat; display:block;}
#newRV a:hover {background:url(../img/mainNav/new-rvs-ro.jpg) top left no-repeat;}

#preownedRV a {width:108px; height:52px; background:url(../img/mainNav/preowned-rvs.jpg) top left no-repeat; display:block;}
#preownedRV a:hover {background:url(../img/mainNav/preowned-rvs-ro.jpg) top left no-repeat;}

#sales a {width:119px; height:52px; background:url(../img/mainNav/sales-finance.jpg) top left no-repeat; display:block;}
#sales a:hover {background:url(../img/mainNav/sales-finance-ro.jpg) top left no-repeat;}

#service a {width:113px; height:52px; background:url(../img/mainNav/service-parts.jpg) top left no-repeat; display:block;}
#service a:hover {background:url(../img/mainNav/service-parts-ro.jpg) top left no-repeat;}

#manufacturers a {width:111px; height:52px; background:url(../img/mainNav/manufacturers.jpg) top left no-repeat; display:block;}
#manufacturers a:hover {background:url(../img/mainNav/manufacturers-ro.jpg) top left no-repeat;}

/***********Main Nav**************/
/*********************************/
#nav li {position:relative;}

#nav li ul {position:absolute; height:15px; top:52px; left:-9999px; margin:0; padding:0; background:#D1D1D1; width:1%;}

#nav li ul li {background-image:none; height:auto; width:150px; background:#D1D1D1;}
#nav li ul li.first {padding:5px 0 0 0;}
#nav li ul li.last {padding:0 0 5px 0;}
#nav li ul li.single {padding:5px 0 5px 0;}
#nav li ul li a {background-image:none; background:#ACACAC; height:auto; width:130px; margin:0px 5px; padding:3px 5px; font:bold 12px Arial, Helvetica, sans-serif; color:#9C1501; text-decoration:none;}
#nav li ul li a:hover {background-image:none; background:#EFEFEF; height:auto;}

#nav li:hover ul {left:auto;}

#nav li:hover ul, #nav li.sfhover ul {left:0;}

/*call to action*/
#classA a {width:150px; height:141px; background:url(../img/classes/classA.jpg) top left no-repeat; display:block;}
#classA a:hover {background:url(../img/classes/classA-ro.jpg) top left no-repeat;}
#classC a {width:154px; height:141px; background: url(../img/classes/classC.jpg) top left no-repeat; display:block;}
#classC a:hover {background:url(../img/classes/classC-ro.jpg) top left no-repeat;}
#traveltrailers a {width:176px; height:141px; background: url(../img/classes/travel-trailers.jpg) top left no-repeat; display:block;}
#traveltrailers a:hover {background:url(../img/classes/travel-trailers-ro.jpg) top left no-repeat;}
#thwheel a {width:175px; height:141px; background: url(../img/classes/5th-wheel.jpg) top left no-repeat; display:block;}
#thwheel a:hover {background:url(../img/classes/5th-wheel-ro.jpg) top left no-repeat;}
#truckcamp a {width:145px; height:141px; background: url(../img/classes/truck-campers.jpg) top left no-repeat; display:block;}
#truckcamp a:hover {background:url(../img/classes/truck-campers-ro.jpg) top left no-repeat;}

#banner {width:927px; height:270px; margin:10px 0 0 33px; position:relative;}
#flashContainer {}
#search {position:absolute; z-index:2; top:20px; right:0; width:275px; height:20px;}

#rvCats {width:928px; height:141px; margin:15px 0 0 33px; background:url(../img/classes/tile.jpg) top left repeat-x;}
#rvCats ul {margin:0 0 0 0; padding:0 0 0 0;}
#rvCats li {float:left; list-style:none; padding:0 10px 0 10px;}
#rvCats .outside {padding:0;}

/*CONTENT*/
#container {width:1000px;}
#column1 {float:left; width:351px; height:350px; margin:0 0 0 33px;}
#column2 {float:left; width:277px; height:350px; margin:0 0 0 8px;}
#column3 {float:left; width:289px; height:350px; margin:0 0 0 8px;}
#news {float:left; width:227px; height:400px; margin:0 0 0 52px;}
#calculator {float:left; width:227px; height:300px; margin:0 0 0 52px;}
#content {float:left; width:600px; margin:5px 0 0 35px;}
#content p { color:#666666;}
#contentSearch {float:left; width:920px; margin:0 0 0 35px;}
#contentSearch p { color:#666666;}

/*
#contact {float:left; width:600px; margin:5px 0 0 35px;} 
#contact p {color:#666666; margin:15px 0 0 15px;}
#map {float:left; width:320px; height:420px;  margin:20px 0 0 0; border-color:#999999; border-style:solid; border-width:thin;}
#contactForm {position:absolute; width:330px; height:420px;  top:600px; left:400px;}
*/
#contact {float:left; width:570px; margin:5px 0 0 35px;}
#contact p {color:#666666; margin:15px 0 0 15px;}
#map { width:360px; height:420px;  margin:20px 0 0 0; border-color:#999999; border-style:solid; border-width:thin;}
#mapcontainer {float:right; width:395px; padding-top:55px;}
#contacttext {float:left; width:160px;}
#contactForm {float:right; width:410px;}

#videoPlayer {margin:5px 0 0 10px;}

#inventory {width:340px;  margin:10px 0 0 5px;}
#inventory p {color:#666666; margin:15px 0 0 15px;}


/*FOOTER*/
#footer {width:952px; height:233px; margin:0 0 0 22px; background:url(../img/footer-bg.jpg) bottom left no-repeat;}
#footer ul {position:absolute;}
#textLinks {margin:10px 0 0 85px;}
#footer li {float:left; display:inline-block; padding:0 15px 0 0; margin:0 0 0 15px; list-style:none; border-right:1px solid #fff;}
#footer a {text-decoration:underline; color:#fff;}
#footer a:hover {text-decoration:none; color:#9fb890;}
#footer li.last {border-right:none;}
#footer p {padding:170px 0 0 0; margin:0; color:#fff;}
#footer .manu {padding:50px 0 0 5px;}
#testing {width:100px; height:200px; border:10px solid #ff0000;}

#manu li {float:left; display:inline-block; padding:0 10px;}

#delawarelogo {
	font-size:10px;
	width:100%;
	margin:20px auto 20px auto;
	text-align:center;
}
#delawarelogo a {color:#000000; text-decoration:underline;}
#delawarelogo a:hover {color:#ccc; text-decoration:none;}


a.delawarelink{
	text-decoration:none;
	color:#333333;
}

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

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}





/************************************************************************
 ************** LAYOUT FROM OLD SITE FOR INVENTORY APP ******************
 ************************************************************************/
.specials_home {background-color:#FFFFFF; color:#333333; padding:0px 5px 0px 5px; width:430px;}
.specials_price {color:#CC0000; text-align:left;}

#vehicsmdesc {border:1px solid #cccccc; padding:1px; margin:3px 0px;}
#vehicsmdesc:hover {background-color:#CCCCCC;}
#vehicsmdesc img { background-color:#eeeeee; border:1px solid #999999; padding:2px; margin:0px 2px 2px 0px;}
#vehicsmdesc a:link, #vehicsmdesca:visited {color:#003366;}
#vehicsmdesc a:hover {color:#5C88C7;}

.smprice {color:#CC0000; text-align:right;}
.hoverSelectTR {background-color:#eeeeee; cursor:pointer;}
.noHoverSelectTR {cursor:pointer;}

#mansearch{background-color:#A7A7A7; padding:2px; border:1px solid #999999;}
#phone {text-align:center; color:#FFFFFF; margin:5px auto; font:bold 16px Arial, Helvetica, sans-serif;}
.small {font-size:10px;}

td.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold; 
	color: black;
	background-color: #98CDFF; 
	align= center;}
td.subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold; 
	color: black;
	background-color: #E6F4FF; 
	align= center;}
td.title_new {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold; 
	color: #042552;
	align= center;
	border-color:#042552;
	border-style:solid;
	border-width:thin;}

td.titleAdmin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold; 
	color: black;
	background-color: #98CDFF; 
	align= center;}
td.subtitleAdmin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold; 
	color: black;
	background-color: #E6F4FF; 
	align= center;}

td.descrow1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	background-color: #ffffff; }
	
td.descrow2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	background-color: #eeeeee; }

.tablebar_text {background-color:#042552; color:#FFFFFF; text-align:center; font-size:14px;}
#calculator {width:380px; height:245px; padding:10px; color:#666; background-color:#CCCCCC;}
#calculator a {color:#000; text-decoration:underline;}
#calculator table {border:1px solid #fff;}
#calculatorContent {background-color:#EEEEEE; border:2px solid #042552;}
#monthlyPayment {text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
#browseone{ margin:0 0 0 30px;}