/* -----------------------------------------
   GLOBAL ITEMS
----------------------------------------- */
/* DDS LOGO AT BOTTOM OF SITES ///////////////////////////////////////////// */
div.ddsLogoProvider, .ddsLogoProvider a { text-align: right; margin: 10px 0; text-decoration: none; font-size: 10px; font-size: 1.0rem; color: #fff !important; }
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; }
    /*UNCOMMENT FOR LIGHT VERSION 
    span.ddsLogoProvider { background: url(https://s3.amazonaws.com/dom-cms/GlobalImages/dds-logo-lt.png) no-repeat 0 0; }
    */


/* HTML, BODY, OTHER STRUCTURES ///////////////////////////////////////////// */
body { background: #8f97a5; font-size: 13px; font-size: 1.3rem; }

#SiteContainer { xbackground: #fff; max-width: 980px; margin: 0 auto; padding: 10px 0; }
.html_item ul {
    list-style: none;
    margin: 0;
}


/* COMMON DESIGN ELEMENTSZ
///////////////////////////////////////////// */


.boxShadow, header, .navContainerItem, xfooter{

	box-shadow: 0 6px 10px rgba(0,0,0,0.35);
	-webkit-box-shadow: 0 6px 10px rgba(0,0,0,0.35);
	-moz-box-shadow: 0 6px 10px rgba(0,0,0,0.45);
	
}

#main { margin: 0 auto 20px; }

header,  .navContainerItem, #main, xfooter {
	margin-bottom: 20px;
	background-color:#FFFFFF;
}

#chat{width:130px; float:left}

/* LINKS
///////////////////////////////////////////// */

a, a:visited { color: #04215b; }
a:hover { color: #F00; }

.button  { background-color: #04215b; }


/* TYPOGRAPHY
/////////////////////////////////////////////
h1, h2, h3, h4, h5, h6 { font-family: Georgia, Times New Roman, Serif; } */


	h1 { font-size: 36px; font-size: 3.6rem; margin-bottom: 12px;}
	h2 { font-size: 30px; font-size: 3.0rem; margin-bottom: 9px; }
	h3 { font-size: 24px; font-size: 2.4rem; margin-bottom: 9px; }
	h4 { font-size: 18px; font-size: 1.8rem; margin-bottom: 3px; }
	h5 { font-size: 14px; font-size: 1.4rem; font-weight: normal; margin-bottom: 3px;  }
	h6 { font-size: 12px; font-size: 1.2rem; font-weight: normal; }

body, p, label, ul, ol, dl { font-size: 13px; color: #000; }

#main h1 { color: #CC0000; padding-bottom: 7px; border-bottom: 2px solid #C00; }

.blueText { color: #04215b; }

.specialHeading, .InvSpecialFlag h3  {

	background: #566b8c; /* Old browsers */
	background: -moz-linear-gradient(top,  #566b8c 0%, #355789 40%, #001451 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#566b8c), color-stop(40%,#355789), color-stop(100%,#001451)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #566b8c 0%,#355789 40%,#001451 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #566b8c 0%,#355789 40%,#001451 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #566b8c 0%,#355789 40%,#001451 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #566b8c 0%,#355789 40%,#001451 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#566b8c', endColorstr='#001451',GradientType=0 ); /* IE6-9 */
	
	color: #fff;
	
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);

}


/* SITE HEADER
///////////////////////////////////////////// */

header {
background: #ecebf2; /* Old browsers */
background: -moz-linear-gradient(top,  #fcfff4 0%, #ecebf2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(100%,#ecebf2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcfff4 0%,#ecebf2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcfff4 0%,#ecebf2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcfff4 0%,#ecebf2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcfff4 0%,#ecebf2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#ecebf2',GradientType=0 ); /* IE6-9 */

}

header .container { padding: 0; }

header ul, header li,  .navContainerItem ul { margin: 0; }


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

#HdrSlogan {
	font-size: 16px;
	font-size: 1.6em;
	font-size: 1.6rem;
	
	color: #FF0000; 
	
	font-weight:bold;
	font-style:italic;
}
div.panel.hdrLocationPanel, header .hdrLocationPanel {
	text-align:center;
	padding: 0;
	margin: 10px 0 15px;
}

.hdrLocationPanel h2 {
	font-size: 14px;
	font-size: 1.4em;
	font-size: 1.4rem;
	
	padding: 3px 0;
	
		min-height: 45px;
	
}

#HdrLocation1 h2 { padding: 3px 10px; }

.hdrLocationPanel span { display: block; }

.hdrLocationPanel .city { font-weight:bold; }


#HdrMakeLogos .columns {
	text-align:center;
}


#HdrMakeLogos span { display: none; }


#HdrMiscStuff > li {
	margin-left: 0;
	width:100%;
}

#HdrSocialIcons { text-align: right; }
#HdrSocialIcons img { max-height: 30px; margin: 0 0 6px; }



/* FOOTER
///////////////////////////////////////////// */

footer { xborder-top: 5px solid #000; xpadding-top: 5px;  margin-bottom: 10px; }
footer span, footer p, footer div { color: #d0d0d0; }

footer a, footer a:visited { color: #cc0000; }
footer a:hover { color: #FF0000; }

footer h5 { text-align: center; padding: 3px 0; font-weight:700; font-style:normal; }
footer h6 { font-size: 1.5em; font-size: 1.5rem; color: #fafafa; font-weight: 700; font-style:normal; }
footer li, footer ul { margin-bottom: 0; }
/* -----------------------------------------
   Page Name 2
----------------------------------------- */

	div.panel {
		padding: 20px 20px 2px 20px;
		background: #efefef;
		background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4));
		background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 );
		box-shadow: 0 6px 10px rgba(0, 0, 0, 0.35);
		-webkit-box-shadow: 0 6px 10px rgba(0,0,0,0.35);
		-moz-box-shadow: 0 6px 10px rgba(0,0,0,0.25);
		margin: 0 0 20px 0;
	}


.page-image { float: left; margin: 0 10px 10px 0; max-width: 35%; }


#OurTeam li { clear: both; }

#OurTeam .left { margin-right: 10px; width: 20%; }




/* -----------------------------------------
   Specials
----------------------------------------- */
.InvSpecialFlag h3 {
	border-top: 1px solid #000;
	/* background set in up top */
}
.InvSpecialPrice {
	color: #900;	
}

.InvSpecialName a { color: #04215B; }
.InvSpecialName a:hover { color: #f00; }
.InvSpecialPriceName { display: none; }
#couponPrice h1 { color: #04215b; border: 0; }
.couponPrint .print { color: #FF9; }

#couponDisclaimer, #couponDisclaimer p{ color: #FFFFFF; }




/* -----------------------------------------
   NAVIGATION
----------------------------------------- */		
.navContainerItem, .navContainerItem.container { z-index: 30; position: relative; padding: 0; background: #fafafa;  }	
.nav, div.nav { z-index: 30; clear: both; text-align: left; width: auto; height: auto; border: none; width:100%; } 
#nav-container, #nav-container ul, .nav ul { max-width: 980px; padding: 0; list-style-type: none; z-index: 31; position: relative;  font-size: 11px; line-height: 45px; text-align:left;}
    #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: normal; padding: 0 11px; width: auto; color: #000; font-size: 12px; }
        #nav-container a:hover, #nav-container li.sfhover > a { background: #04215b; color: #fff; }
    #nav-container li, .nav li { display: block; position: relative; margin: 0; padding: 0; float: left;}
	
	    #nav-container > li {
	
	 }
	 
	     #nav-container li:last-child { border-right: 0; }
	 
	.nav li:hover{background:none;text-shadow: none;}
        #nav-container li img { display: block; margin: 0; } 
        #nav-container li ul, .nav li ul { z-index: 32;  border: 2px solid #000; border-top: none; line-height: normal; padding: 0; position: absolute; background: #ededed; width: 150px; display: none; }
            #nav-container li ul li, .nav li ul li { text-indent: 0; width: 100%; border-bottom: 1px dotted #ccc; background: 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; xwidth: 140px;}
                    #nav-container li ul li a:hover { background: #cc0000; text-decoration: none; color: #fff; text-shadow: 1px 1px 0.05em #000; }
            #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; }


	.HdrMobileMenu a, .HdrMobileMenu a:visited {
		display: block;
		text-align:center;
		text-transform: uppercase; 
		color: #d0d0d0;
		line-height: 1.5em;
		font-size: 1.2em;
		font-size: 1.2rem;
		font-weight:bold;	
		padding: 5px; 
		border: 1px solid #000; 
		text-shadow: 1px 1px 0px #000; 
		width: 76%;
		margin: 0 auto;
		
	}
	.HdrMobileMenu a:hover { color: #ffF; }
	


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


@media only screen and (min-width: 767px) {		

	body {
		
		background: -moz-linear-gradient(top,  #8f97a5 0%, #384359 53%, #03122e 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8f97a5), color-stop(53%,#384359), color-stop(100%,#03122e)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #8f97a5 0%,#384359 53%,#03122e 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #8f97a5 0%,#384359 53%,#03122e 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #8f97a5 0%,#384359 53%,#03122e 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #8f97a5 0%,#384359 53%,#03122e 100%); /* W3C */
 /* IE6-9 */
	
	}
	#HdrSocialIcons { margin-top: 10px; }
	#HdrMakeLogos .columns {
		margin-left: 0.6%;
		
	}
	#HdrMakeLogos .columns.one {
		width: 11.3%
	}
	#HdrMakeLogos .columns.two{
		width: 14.6%
	}
	
	.NewUsedCertTitle { display: inline; }
	
	.hdrLocationPanel h2 {
		font-size: 12px;
		font-size: 1.2em;
		font-size: 1.2rem;
		
		padding: 3px 0;
		
	}
}

@media only screen and (max-width: 900px) {		
	/* anything below 1024px */
	
	#nav-container a, .nav a { padding: 0 6px; }
	 #nav-container > li { border: 0; }
{ display: inline; }
	
	.hdrLocationPanel h2 {
		font-size: 11px;
		font-size: 1.1em;
		font-size: 1.1rem;
		
		padding: 3px 0;
		
	}
}

@media only screen and (max-width: 767px) {		
	/* anything below 767px */
	#SiteContainer { margin: 0 5px; }
    header .logo, header .address { text-align: center; }
    #nav-container, .nav ul { display: none; }
	#nav-container li, .nav li { display: block; text-align: left; float: none;}
	#nav-container li ul, .nav li ul { position: static; width: auto; }
	#nav-container li ul li a { width: auto; }
	
		
	#HdrMakeLogos { 
		display:none;  
		border: 1px solid #000;
		margin: 0 20px 10px;
	}
	#HdrMakeLogos .columns { text-align: left; }
	#HdrMakeLogos span { display: block; color: #04215B; font-weight:bold; font-size: 1.4rem; line-height: 2em; border-bottom: 1px solid #000; padding: 0 0 0 15px; 

		background: #e2e2e2; /* Old browsers */
		background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */

	 }
	#HdrMakeLogos div.columns:last-child span { border-bottom: 0; }
	#HdrMakeLogos img { float: right; margin: 0px 5px 10px 0; max-height: 30px; }
	
	#HdrMiscStuff > li {
		margin-left: 2%;
		width:31.3%;
		float:left;
	}
	
	#HdrSocialIcons { text-align: center; }
	#chat{ margin:0 auto; clear:both;}
	.hdrPhone.button, .ftPhone.button { margin: 10px 20px; padding: 3px; }
	
	h1 { font-size: 24px; font-size: 2.4rem; margin-bottom: 6px; padding-bottom: 0;}
	h2, #InvContainer #InvProfileItemHdr h1, #InvContainer #InvTitleArea  { font-size: 20px; font-size: 2.0rem; margin-bottom: 4px; }
	h3 { font-size: 18px; font-size: 1.8rem; margin-bottom: 4px; }
	h4 { font-size: 16px; font-size: 1.6rem; margin-bottom: 3px; }
	h5 { font-size: 14px; font-size: 1.4rem; font-weight: normal; margin-bottom: 3px;  }
	h6 { font-size: 12px; font-size: 1.2rem; font-weight: normal; }
	
	#InvTitleArea span { display: block; }
	
	.ftrLocationPanel { border-bottom: 1px solid #aaa; margin-bottom: 20px; }
  #chat {float:none;}
}
@media only screen and (max-width: 480px) {    
	/* anything below 480px */
  
  div.panel.hdrLocationPanel, header .hdrLocationPanel { min-height:180px;}

	#NewUsedCertTitle { display: block; }
	#InvContainer #InvProfileItemHdr h1  { font-size: 18px; font-size: 1.8rem; margin-bottom: 4px; }
    
}

/* Dealer Specials Banner resized to fit body container */

div.dealerSpecials > a > img {
	width: 100%;
	height: auto;
}