/* -------------------------------------------------- 
   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-dk.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 { background: #909090; }
#SiteContainer, #nav-container, .row { max-width: 1050px; } 

#SiteContainer {  margin: 0 auto; padding: 10px 0;}


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

header, #main, footer{

	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);
	
	background: #dadada; /* Old browsers */
	background: -moz-linear-gradient(top,  #e9e9e9 0%, #ededed 6%, #ededed 68%, #e9e9e9 84%, #dddddd 98%, #e9e9e9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(6%,#ededed), color-stop(68%,#ededed), color-stop(84%,#e9e9e9), color-stop(98%,#dddddd), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e9e9e9 0%,#ededed 6%,#ededed 68%,#e9e9e9 84%,#dddddd 98%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e9e9e9 0%,#ededed 6%,#ededed 68%,#e9e9e9 84%,#dddddd 98%,#e9e9e9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e9e9e9 0%,#ededed 6%,#ededed 68%,#e9e9e9 84%,#dddddd 98%,#e9e9e9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e9e9e9 0%,#ededed 6%,#ededed 68%,#e9e9e9 84%,#dddddd 98%,#e9e9e9 100%); /* W3C */
xfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */

	
}
#main { margin: 0 auto 20px; }

header, .navContainerItem, #main, footer {
	margin-bottom: 0px;

}

header .padTop { padding: 10px 0 0 0px; }
.additionalLogos{position:relative;right:10%;}

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

a, a:visited { color: #0169CD; }

.button  { background-color: #0169CD; }


/* TYPOGRAPHY
/////////////////////////////////////////////*/
h1, h2, h3, h4, h5, h6 { font-family:'Jockey One', Helvetica, Verdana, Arial,  sans-serif; letter-spacing: .1em; } 


	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; }

.blueText { color: #0169CD; }


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

#HdrPhone, #HdrPhone label, #HdrPhone div { 

	font-size: 1.8em;
	font-size: 1.8rem;
	line-height: 1.85em;
	font-weight: bold; 
}

#HdrPhone label { color: #000000; text-align: right; }

#HdrAddress { font-size: 1.5em; font-size: 1.5rem; font-weight: bold; }

#HdrSocialIcons { padding-top: 6px; }
#HdrSocialIcons img { max-height: 36px; display: block; margin: 0 0 6px; }

#HdrMisc {
	text-align:right;
}

#HdrMisc ul, #HdrMisc li { margin-bottom: 0; }

#HdrMisc img { max-height: 120px; }
	
#HdrInfo .row{margin-left:10px;}

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

footer { border-top: 5px solid #000; padding-top: 5px; }
footer .hours { margin-bottom: 10px; }

footer { font-size: 90%; }
footer a, footer a:visited { color: #000000; }
    footer h4, footer h5, footer h6 { font-style:normal; }

/* NAVIGATION
////////////////////////////////////////////// */

.navContainerItem, .navContainerItem.container { z-index: 30; position: relative; padding: 0; border: 4px solid #121f3f; margin: 0 auto 10px;  }	

 div.nav {
background: #0066cc; /* Old browsers */
background: -moz-linear-gradient(top,  #0066cc 0%, #082e5d 50%, #0b2d5a 50%, #121f3f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0066cc), color-stop(50%,#082e5d), color-stop(50%,#0b2d5a), color-stop(100%,#121f3f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00066cc 0%,#082e5d 50%,#0b2d5a 50%,#121f3f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0066cc 0%,#082e5d 50%,#0b2d5a 50%,#121f3f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0066cc 0%,#082e5d 50%,#0b2d5a 50%,#121f3f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0066cc 0%,#082e5d 50%,#0b2d5a 50%,#121f3f 100%); /* W3C */
xfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066cc', endColorstr='#121f3f',GradientType=0 ); /* IE6-9 */
border: 3px solid #fff;

}
.navContainerItem, .navContainerItem.container { z-index: 30; position: relative; padding: 0; border: 4px solid #033975; margin: 0 auto;  }	

.nav, div.nav { z-index: 30; clear: both; padding:0; margin-left: auto; margin-right: auto; text-align: center; width: auto; height: auto; } 
#nav-container, #nav-container ul, .nav ul { max-width: 980px; padding: 0; margin: 0 auto; list-style-type: none; z-index: 31; position: relative;  font-size: 12px; font-size: 1.2rem; font-weight: bold; line-height: 3; background: transparent;
}
    #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 li, .nav li { display: inline-block; zoom: 1; *display: inline; position: relative; margin: 0; padding: 0; border-right: 3px solid #ecebf2; }
	#nav-container li:last-child, #nav-container li li { border: none; }
	.nav li:hover{background:none;text-shadow: none;}
        #nav-container li img { display: block; margin: 0; } 
#nav-container a, .nav a { display: block; text-transform: uppercase; padding: 0 12px; width: auto; color: #efefef;
 }
        #nav-container a:hover, #nav-container .sfhover > a { background: #033975; color: #fff; }
    
        #nav-container li ul, .nav li ul { z-index: 32;  border: 2px solid #121F3F; border-top: 0px solid #033975; line-height: normal; padding: 0; position: absolute; background: #ededed; min-width: 140px; width: 200px; display: none; left:-2px; }
            #nav-container li ul li, .nav li ul li { text-align:left; 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: 120px;}
                    #nav-container li ul li a:hover { background: #033975; 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 { display:none; }


/* -----------------------------------------
   Page Name 2
----------------------------------------- */

	div.panel {
		padding: 10px 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 2px 5px rgba(0,0,0,0.15);
		-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15);
		-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
		margin: 5px 0 5px 0;
	}


.page-image { float: left; margin: 0 10px 10px 0; }

.iframeLink  { display: none; }

.InvSpecialVehicleBody .bigText { font-size: 2.3em; }


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

@media only screen and (max-width: 1024px) {		
	/* anything below 1024px */

}

@media only screen and (max-width: 900px) {
/* anything below 900px */
	#nav-container > li > a {
		padding: 0 5px;
		border-left: 1px solid #fff;
	}
	#nav-container > li:first-child > a, #nav-container li ul a { border: 0; }
}
@media only screen and (max-width: 767px) {		
	/* anything below 767px */
    header .logo, header .address { text-align: center; }
	#HdrPhone label { text-align: left; }
	#HdrPhone .phone-three, #HdrSocialIcons  { xtext-align: right; }
	#HdrSocialIcons img { max-height: 20px; }
	
	
	.navContainerItem { margin: 0; }
    .container.navContainerItem {display:none;}
   #nav-container li{display:block}		
   #HdrMobileMenu { display:block; }
   
	#HdrMobileMenu { display:block; }
	#HdrMobileMenu { margin: 8px 0 4px; }
	#HdrMobileMenu ul, #HdrMobileMenu li { margin-bottom: 0; }
   
	
	iframe.mobile { display: none; }
	.iframeLink  { display: block; text-align:center;}
	
}

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

#HdrMisc {
	text-align:center;
}
}@media only screen and (max-width: 600px) {    
	/* anything below 480px */
	#HdrAddress, #HdrPhone, #HdrPhone label, #HdrPhone div { 
		font-size: 1.2em; font-size: 1.2rem;
    .container.navContainerItem {display:none;}
	}
}
@media only screen and (max-width: 480px) {    
	/* anything below 480px */
	
	#HdrAddress, #HdrPhone, #HdrPhone label, #HdrPhone div { 
		font-size: 1.5em; font-size: 1.5rem;
	}
 .container.navContainerItem {display:none;}
  #nav-container li {
display: block;
text-align: left;
}
 #nav-container li ul {
position: static;
width: auto;
}
 #nav-container li ul li a {
width: auto;
}