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

@import url('./gradient.css');
@import url('./site-nav.css');

/* -----------------------------------------
   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: #ccc; }

.html_item ul { list-style: none; margin: 0; }

.nav, .InvSpecialFlag h3 {

	background: #0066ff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M1ZGVlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMxJSIgc3RvcC1jb2xvcj0iIzY2YTNmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #c5deea 0%, #66a3ff 31%, #0066ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5deea), color-stop(31%,#66a3ff), color-stop(100%,#0066ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c5deea 0%,#66a3ff 31%,#0066ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c5deea 0%,#66a3ff 31%,#0066ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c5deea 0%,#66a3ff 31%,#0066ff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c5deea 0%,#66a3ff 31%,#0066ff 100%); /* W3C */
	xfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#0066ff',GradientType=0 ); /* IE6-8 */

}	
.oldie .nav {background: #0066ff; }
.container { padding: 0; }

#SiteContainer { background: #fff; max-width: 980px; margin: 0 auto; padding: 0; }

header { 
	background-color: #efefef;
	padding: 10px 5px 5px;
}

header .address { text-align: right; padding-bottom: 10px; position: relative; }
		
	#HdrTopLeft { text-align:center; }
	
	#HdrDealerLogo { text-align:right; }
	#HdrDealerLogo img { max-height: 160px; }

	#HdrDealerInfo { 
		color: #0066ff; 
		text-align: right;
		font-weight:bold;
	
	}
	
	#HdrPhone span, address span {
		font-size: 1.5em;
		display:block;
	}
	
	#HdrDealerInfo .phone-line1 {
		font-size: 1.85em;
		padding: 2px 0 4px;
	}
	#HdrDealerInfo .phone-line2 {
		font-size: 1.6em;
		color:#000;
	}
	
	#HdrPhone {
		margin-bottom: 4px;
		padding-bottom: 6px;
	}
	
	#HdrQuickContact {
		xborder: 2px solid #000;
		max-width: 275px;
		font-size: 1.5em;
		font-size: 1.5rem;
		padding: 3px 3px 0;
		text-align:right;
		position:relative;
 	}
	
		
	#HdrQuickContact img.icon { position: absolute; top:0; left:0; max-height: 30px;  }
		
	#HdrQuickContact a, #HdrQuickContact a:visited {
		color: #002245;
		font-weight:bold;
		display:block;
		border-bottom: 2px solid #C00;
		text-transform:uppercase;
		padding-left: 30px;
	}
	#HdrQuickContact a:hover {
	 	color: #0066FF;
		text-decoration:underline;

	}
	
	#HdrQuickContact a span { font-size: 1.25em; }

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

}

#main .container { padding: 0 20px; }

#FooterDealerInfo { text-align: center; display: none; }

#SiteFooter { padding: 8px 5px 4px;
	background-color:#002245; }	
#SiteFooter .columns {
	color: #e0e0e0; 
	font-size: 1.05em;
}

#SiteFooter h6 {
	border-bottom: 1px dotted #E0E0E0;
	color: #fff;
	font-size: 1.15em;
	margin-bottom: 3px;
}
#SiteFooter a { color: #fff; }
#SiteFooter a.mobileBtn {
	xtext-transform: uppercase; 
	font-size: 10px;
	color: #fbff54; 
	text-align: center;
	font-weight:bold;	
	padding: 2px 4px; 
	text-shadow: 1px 1px 0px #000; 
}


/*
.nav, div.nav { clear: both; margin: 0 auto; text-align: center; position: relative; z-index: 55; width: 100%; max-width: 980px; height: auto; background: #cc0000; border: none; } 
#nav-container, #nav-container ul, .nav ul { zoom: 1; padding: 0; margin: 0 auto; list-style-type: none; z-index: 55; position: relative;  font-size: 11px; font-weight: bold; line-height: 35px;}
#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: inline-block; position: relative; float: none; margin: 0; background: #000; padding: 0; }
	.nav li:hover{background:none;text-shadow: none;}
        .ie7 #nav-container li, .ie7 .nav li { zoom: 1; display: inline; }
        #nav-container li img { display: block; margin: 0; } 
        #nav-container li ul, .nav li ul { z-index: 5;  border: 2px solid #000; border-top: none; line-height: normal; padding: 0; position: absolute; background: #ededed; width: 130px; 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; width: 120px;}
                    #nav-container li ul li a:hover { background: #9e0b0f; 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; }

*/
#nav-container ul {z-index:9999999999999; position:relative;}
#nav-container li {z-index:9999999999999; position:relative;}
#nav-container li a {z-index:9999999999999; position:relative;}


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

a, a:visited, .blueText { color: #06f; text-decoration:none; }

a:hover { color: #66a3ff; }

a.button, a.button:visited a.button:hover{ color: #fff; }
.servicebutton {background:red;
border-radius:10px;
text-align:center;}
.servicebutton a{color:white; font-size:2.5em;}

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

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

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


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

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

.right { margin: 5px 10px 0 0; }

.awardDesc { border-bottom: 2px solid #000; margin-bottom: 12px; }

#pageContent .hideFromCMS { display:none; }

.iframe_button { display: none; }

#AdditionalTestimonials li { margin-bottom: 22px; }
#AdditionalTestimonials li:nth-child(odd) { background-color: #fff; }
.couponContainer { 
	border:3px solid #FBFF54; 

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

	
}

#couponPrice h1, #couponHeader h3 { color: #FBFF54; }

.couponDisclaimer p, .couponExpiration p, .couponExpiration { color: #fff; font-size: 115%; }
 .flex-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

hr { border-color: #000; }

/* -----------------------------------------
   SPECIALS
----------------------------------------- */

#InvSpecialsBoxWrapper { clear: both; }
.InvSpecialFlag h3 {
	text-shadow: 1px 1px 1px #00z0;
	
	border-top: 1px solid #121f3f;
}
.InvSpecialName a { font-weight: normal;  color: #033975; border-bottom: 1px dotted #000; }

/* -----------------------------------------
   INVENTORY
----------------------------------------- */

.invIcon.magnify { background-color:#033975; }





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

@media only screen and (max-width: 1024px) {		
	/* anything below 1024px */
	
	
	#HdrDealerInfo .phone-line1 {
		font-size: 1.35em;
		padding: 0;
	}
	
	
#SiteFooter .mobileBtn { font-size: 70%; }

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

	h1 { font-size: 24px; font-size: 2.4rem; margin-bottom: 12px;}
	h2 { font-size: 20px; font-size: 2.0rem; margin-bottom: 9px; }
	h3 { font-size: 18px; font-size: 1.8rem; margin-bottom: 9px; }
	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; }

	/* anything below 767px */
	#HdrDealerInfo { 
		text-align:center; 
		text-shadow: none;
	}
	
	
	#HdrDealerLogo { text-align:center; }
	
	#HdrMisc { display: none; }
	
	#HdrPhone, #HdrDealerInfo address { padding: 0 10%; }
	
	#HdrQuickContact {
		text-align:center;
	}
	
	footer { margin-top: 10px; }
	
	#FooterDealerInfo { display:block;  }
	#FooterDealerInfo h6 { border: 0; font-size: 1.4em; }	
	
	
#main .container {
    padding: 0 5px;
}
	.button, .button:visited { color: #FFF; }
	.right { margin: 2px 3px 0 0; }
	.awardsDesc { margin-bottom: 4px; }
	
	.small-text { font-size: 60%; }
	
	.iframe_wrapper iframe { display: none; }
	.iframe_button { display: block; text-align:center;}
	
	table { font-size: 75%; }
	table tbody tr td { padding: 3px 5px; }
	
	#SiteFooter h6 {
		font-size: 1.35em;
		margin-top: 5px; 
	}
	
	
	#SiteFooter h6:first-child { margin-top: 0; }
	
#SiteFooter .mobileBtn { font-size: 100%; }
}
@media only screen and (max-width: 480px) {    
	/* anything below 480px */
	#nav-container, .nav ul { display: none; }
	#nav-container li, .nav li { display: block; text-align: left;}
	#nav-container li ul, .nav li ul { position: static; width: auto; }
	#nav-container li ul li a { width: auto; }
}

.pdfdisplay{
  height:2200px;
  width:960px;
}