/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */
/* BASE
///////////////////////////////////////////// */
div.ddsLogoProvider, .ddsLogoProvider a { text-align: right; margin: 10px 0; color: #333; text-decoration: none; font-size: 10px; font-size: 1.0rem; color: #666; }
span.ddsLogoProvider { float: right; vertical-align: middle; position: relative; top: -3px; margin-left: 5px; width: 71px; height: 21px; background: url(https://s3.amazonaws.com/dom-cms/GlobalImages/dds-logo-lt.png) no-repeat 0 0; }
/*FOR LIGHT VERSION span.ddsLogoProvider { background: url(https://s3.amazonaws.com/dom-cms/GlobalImages/dds-logo-lt.png) no-repeat 0 0; }*/

body { 	color:#fff;
		background: #222;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: 100%;
		background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #45494e), color-stop(100%, #090808));
		background-image: -webkit-linear-gradient(#45494e,#090808);
		background-image: -moz-linear-gradient(#45494e,#090808);
		background-image: -o-linear-gradient(#45494e,#090808);
		background-image: -ms-linear-gradient(#45494e,#090808);
		background-image: linear-gradient(#45494e,#090808); 
 }
 
ul, dl, ol{ 
	font-size:13px;
	margin: 0px 35px 18px 35px;
}

ul {
	list-style: disc;
}
.html_item ul {list-style:none;}

#SiteContainer { background: none; max-width: 1150px; margin: 0 auto; padding: 10px 0; }
.row {max-width: 1150px;}

header h1{ margin-bottom:5px;}
header a, header a:hover { text-decoration: none !important;}
header .container {padding: 0;}

#main .container {
	/* NO FRAME
	padding:20px;
	*/
	padding: 20px;
	margin: 20px 0;
	background: rgba(255,255,255,.05);
	border-radius: 4px;
}

.social { display:inline; 
}

.social ul{background-color:#e2e2e2;
	height: 40px;
	width:100%;
	float:right;
	margin:0 !important;
	text-align:center;
}

.social li{display:inline-block; 
	padding:0 3%;
}

.navContainerItem .row {
	width: 1150px;
}
		
.navContainerItem { z-index: 30; position: relative; padding:0; }	
.nav, div.nav { z-index: 30; clear: both; margin: 0 auto; padding: 0; text-align: left; width: auto; height: auto !important;
		background: #000 !important;
		background-repeat: no-repeat !important;
		background-size: 100% !important;
		background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000000), color-stop(100%, #45494e)) !important;
		background-image: -webkit-linear-gradient(#000000, #45494e) !important;
		background-image: -moz-linear-gradient(#000000, #45494e) !important;
		background-image: -o-linear-gradient(#000000, #45494e) !important;
		background-image: -ms-linear-gradient(#000000, #45494e) !important;
		background-image: linear-gradient(#000000, #45494e) !important; 
		border-top: solid 1px #15619a !important;
		border-bottom: solid 1px #15619a !important;
		border-left: none !important;
		border-right: none !important;
}
 
#nav-container, #nav-container ul, .nav ul { max-width: 1150px; padding: 0; margin: 0 auto; list-style-type: none; z-index: 31; position: relative;  font-size: 11px; font-weight: bold; line-height: 45px;}
    #nav-container:before, #nav-container:after, #nav-container ul:before, #nav-container ul:after, .nav ul:before, .nav ul:after  { content:""; display:table; }
    #nav-container:after, #nav-container ul:after, .nav ul:after { clear: both; }
#nav-container a, .nav a { display: block; text-transform: uppercase; padding: 0 12px; width: auto; }
        #nav-container a:hover { background: #333; color: #fff; }
    #nav-container li, .nav li { display: block; position: relative; float: left; margin: 0; background: none; padding: 0; }
	.nav li:hover{background:#333 !important;text-shadow: none; color:#15619a !important;}
        #nav-container li img { display: block; margin: 0; } 
        #nav-container li ul, .nav li ul { z-index: 32;  border: 1px solid #15619a; border-top: none; line-height: normal; padding: 0; position: absolute; background: #ededed; display: none; }
            #nav-container li ul li, .nav li ul li { text-indent: 0; width: 100%; border-bottom: 1px dotted #ccc; background: none; text-shadow:none;}
                #nav-container li ul li:last-child, .nav li ul li:last-child {border-bottom: none; }
                #nav-container li ul li a { color: #333; font-weight: bold; text-align: left; padding: 8px 5px; font-size: 10px; font-size: 1.0rem; font-weight: bold; text-decoration: none;}
                    #nav-container li ul li a:hover { background: #15619a; text-decoration: none; color: #fff; }
            #nav-container li ul ul, .nav li ul ul {  left: 0px;margin: -23px 0 0 10px; }
    #nav-container li:hover ul ul, #nav-container li:hover ul ul ul, #nav-container li:hover ul ul ul ul{ display:none; }
    #nav-container li:hover ul, #nav-container li li:hover ul, #nav-container li li li:hover ul, #nav-container li li li li:hover ul{ display:block; }

#mobileNav { display: block; 
	background: #15619a; 
	color: #fff; 
	text-transform: uppercase; 
	font-weight: bold; 
	font-size: 11px; 
	font-size: 1.1rem; 
	padding: 5px; 
	bottom: 5px; 
	right: 5px; 
	border-radius: 3px; 
	border: 1px solid #15619a; }

footer { border-top: 1px solid #15619a; padding-top: 5px; }
footer .hours { margin-bottom: 10px; }
footer a, footer a:hover {text-decoration: none !important;
}

.separator { text-transform: none; background: #333; padding: 7px 10px; border: 1px solid #666; border-radius: 2px; margin-bottom: 12px; }
.separator h2 {font-size: 24px;}

div.panel {
	background: #444;
	background: -moz-linear-gradient(top, #555 0%, #333 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#333));
	background: -o-linear-gradient(top, #555 0%,#333 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555', endColorstr='#333',GradientType=0 );
	box-shadow: 0 2px 5px rgba(0, 31, 255, 0.15);
	-webkit-box-shadow: 0 2px 5px rgba(0,31,255,0.15);
	-moz-box-shadow: 0 2px 5px rgba(0,31,255,0.25);
}

.panel h3 {
	font-size: 22px;
	text-transform: uppercase;
	font-weight: normal;
}


/* TABLE
///////////////////////////////////////////// */
table{	background:none;
	border:none;
}

table tbody tr td{ color:#fff;
}

table ul, dl, ol{ 
	font-size:13px !important;
	list-style: outside !important;
	margin:0 !important;
}

/* COUPONS
///////////////////////////////////////////// */
.couponContainer{
	border:solid 2px #15619a;
	width: 75%;
	margin:15px auto;
}

.couponPrice h1{color:#15619a;}

.couponHeader h3, .couponInfo {
	color: #222 !important;
}

.couponInfo{border-color:#15619a !important;}

.couponPrint {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.couponPrintAll a {
color: #fff !important;
}

.couponImage img {
max-width: 75%;
padding-top: 3%;
}

/* TYPOGRAPHY
///////////////////////////////////////////// */
h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Geneva, sans-serif;
	color: #fff;
}

footer, footer p { font-size: 90%; }

footer h4, footer h5, footer h6 { font-style:normal; }

footer .container{ padding:0;
}
	
h1 {
	font-size: 20px;
}

p a, p a:visited{
color: #fff;
text-decoration:underline;}

p a:hover{color:#15619a;
text-decoration:underline;}

p.clear
{
clear:both;
padding-top:15px;
}

.fleet_slider{max-width: 450px;
  max-height: 300px;
border:none !important;}

.fleet_slider .flexslider .slides > li {
margin-bottom: 0px;
}
}

/* INVENTORY CONTAINER */
.InvContainer, #InvTitleArea .srchTitle {
color: #fff !important;
}

.InvContainer .gryBox{border: 1px solid #15619a !important;}

#PaginationBottom .title, #PaginationBottom .active { color:#000 !important;
}

/* INVENTORY DETAILS */
#OptionsBox, #OptionsBox h2, #invProfileFormBlock, #invProfileFormBlock h6, #InvProfileDealerInfo, #InvProfileItemHdr, #InvProfileItemHdr h1, #invProfileSpecsHdr, #CalcPaymentRev h2{color:#333;}
#InvProfileItemHdr h1{ font-size:20px !important;
word-break:normal !important;}

#InvResultsSearchPriceRange {
display: none;
}

#invProfileSpecsHdr li {list-style: none; font-size: 11px;}

#OptionsListing li, .InvContainer .InvResultsDetails li {font-size: 11px;}

.option, .InvContainer #sideBoxALL a, .InvContainer .tabs dd a.active {color: #15619a !important;}

.InvContainer ul {margin: 0;}

.InvContainer .InvResultsDetails li {list-style: none;}

.InvContainer #InvTitleArea .srchTitleType, #PaginationTop li a, .InvBack a {color: #39f !important;}

#InvResultsSearchMileage li, #InvResultsSearchMpg li {list-style: none;}

.invIcon {
background: url(https://s3.amazonaws.com/dom-cms/Site/3fc5aa6d-be95-4f7d-a7bb-51963c32c9c9/images/invSprites.png) no-repeat;
}


.invPaymentCalc, #simpleContained7Tab {
display: none !important;
}

.InvContainer .button.green label {text-shadow:none;}

     
.invProfileCTA5.has-flyout.show-on-phones.button.green.small {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}  

.InvSpecialVehicleInfo{
  color:black}

/* -----------------------------------------
   Media Queries
----------------------------------------- */


@media only screen and (max-width: 767px) {		
	/* anything below 767px */
    header .logo, header .address, footer { text-align: center !important; }
    
    .social, .social img{
	text-align:center;
    }
    
    .social ul{ width:70%;
	margin: 0 auto !important;
	float:none !important;
	}
	
	.social li{float:none !important;
	}


    #SiteContainer 
	{
        -webkit-transition: left 0.5s ease;
        -moz-transition: left 0.5s ease;
        -o-transition: left 0.5s ease;
        -ms-transition: left 0.5s ease;
        transition: left 0.5s ease;
    }
    .sideShowing #SiteContainer 
	{
        position: relative; left: 217px; 
        -webkit-transition: left 1s ease;
        -moz-transition: left 1s ease;
        -o-transition: left 1s ease;
        -ms-transition: left 1s ease;
        transition: left 1s ease;
    }       
    #nav-container, .nav ul { display: none; }
	
  
  	#nav-container, #nav-container ul, .nav ul {
		text-align: center !important;
	}
  
  	#nav-container li, .nav li {
    	float: none !important;}
  
    #nav-container li ul, .nav li ul {
        border: 2px solid #15619a !important;
    	xmargin-left: 60% !important;
		xmargin-top:-15%}
        
	.sideShowing #nav-container li ul {display:block;}
	
    #nav-container li ul li a { padding-left: 20px; width: auto; color:#333 !important}
	#nav-container li ul li a:hover { color:#fff !important}
	
	.navContainerItem .row {width: auto !important;}
	#nav-container a, .nav a {font-size: 10px !important;}
	
    #InvProfileItemHdr h1 {
	font-size: 20px !important;
	word-break: normal !important;
	}

}

@media only screen and (max-width: 900px) {    
	/* anything below 900px */
	#nav-container, #nav-container ul, .nav ul {
     font-size: 8px !important;
     width:100%;
	}	
}


/* -----------------------------------------
   Image Align
----------------------------------------- */
img.floatleft { 
    float: left; 
    margin-right: 15px; 
}

img.floatright { 
    float: right; 
    margin-left: 15px; 
}

/* ----------------------------------------- 
   Forms 
----------------------------------------- */
.formContainer { 
    background-color: #fff; 
    border: solid 10px #EEE; 
    margin: 20px auto; 
    max-width: 480px; 
} 

.formDisclaimer{color:#000;}

#CalcPayment .form, .paymentCalcItem .form {
	border:solid 1px #15619a;
	background-color:#eee;
}

#CalcPayment, .paymentCalcItem {
	margin: 20px auto;
	width: 50%;
}