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

/* LINKS
///////////////////////////////////////////// */
a, a:link, a:visited { color: #900; }
a:hover { color: #F00; }

/* TYPOGRAPHY
///////////////////////////////////////////// */
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, Verdana, Serif; }
h1 {
  font-size:34px;
  font-size:3.4rem;
  line-height:1.2;
  margin-bottom: 0;
}
h2 {
  color:#ff9000;
  font-size:20px;
  font-size:2.0rem;
  line-height:1.6;
  margin-bottom: 0;
}
p {
  color:#555;
  font-size:16px;
  font-size:1.6rem;
  line-height:1.6;
}

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

body { background: #7d7d7d; }

#SiteContainer { background: #fff; border-left: 2px solid #000; border-right: 2px solid #000; max-width: 980px; margin: 0 auto; padding: 0; }
header .row { background: #d1d2d4; border-bottom: 15px solid #fd0 }
header .address {
  background: #000;
  color: #fff;
  font-size: 16px;
  font-six: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
  padding: 8px 20px 6px 0;
  position: relative;
  text-align: right;
}
.address a:link, .address a:visited { color: #fff; }
.address a:hover { color: #fd0; }
.address span {
  color: #fd0;
  font-size: 18px;
  font-six: 1.8rem;
}

.navContainerItem { z-index: 30; position: relative; }	
.nav, div.nav {
  background: url(https://s3.amazonaws.com/dom-cms/Site/9266cc07-3eaf-4e40-bc17-de3721b088b9/images/bkg-nav.png) repeat-x left top #4C4C4C;
  z-index: 30;
  clear: both;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  width: auto; height: auto;
  border: none;
}
#nav-container, #nav-container ul, .nav ul {
  display: block;
  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;
}
#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: block; position: relative; float: left; margin: 0; background: transparent; padding: 0; border-right: 1px solid #555; border-left: 1px solid #222; }
.nav li:hover{ background: none; text-shadow: none; }
#nav-container a, .nav a { display: block; text-transform: capitalize; padding: 0 20px; width: auto; color: #fff; }
#nav-container a:hover { background: #333; color: #fff; }
#nav-container li img { display: block; margin: 0; }
#nav-container li ul, .nav li ul { z-index: 32;  border: 1px solid #000; border-top: none; line-height: normal; padding: 0; position: absolute; background: #ededed; width: 180px; display: none; left: -1px; }
#nav-container li ul li, .nav li ul li { text-indent: 0; width: 100%; border-left: 0 none; border-right: 0 none; 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 { background: #333; color: #fff; font-weight: bold; text-align: left; padding: 8px 5px; font-size: 10px; font-size: 1.0rem; font-weight: bold; text-decoration: none; width: 170px;}
#nav-container li ul li a:hover { background: #000; 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: #666; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 10px; font-size: 1.0rem; padding: 5px; position: absolute; bottom: 5px; right: 5px; border-radius: 3px; border: 1px solid #333; text-shadow: 1px 1px 0px #000; }

footer {
  background: #000;
  border-top: 4px solid #4c4c4c;
  color: #fff;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.4;
  padding-top: 5px;
}
footer .hours { text-align: right; }
footer h4, footer h5, footer h6 {
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  font-style:normal;
  line-height: 1.4;
}

ul.disc {
  font-size: 16px; font-size: 1.6rem;
  line-height: 1.6;
}

/* -----------------------------------------
   Media Queries
----------------------------------------- */
@media only screen and (max-width: 1024px) {
  /* anything below 1024px */
}
@media only screen and (max-width: 800px) {
  /* anything below 800px */
  .container { padding: 0 10px; }
  #nav-container a, .nav a { padding: 0 16px; }
}
@media only screen and (max-width: 767px) {
  /* anything below 767px */
  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; }
  .container { padding: 0 10px; }
}
@media only screen and (max-width: 480px) {
  /* anything below 480px */
}