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


/* itemTheme.css reset */
.html_item ul {
  margin: 0; list-style: none;

}

.html_item ul li {
  margin-bottom: 0px;
}
/* -----------------------------------------
   Shared Styles
----------------------------------------- */

.position {
    position: relative;
    top: 0;
}
.position:hover {
    position: relative;
    top: -8px;
}
.shadow:hover {
    box-shadow: -4px 4px 8px #7C94B0;
}
.transition {
    transition: all 0.5s ease 0s;
}
.5col {
  width:20%
}

/* 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: #0072BC;
}
#main {
  background: url("https://s3.amazonaws.com/dom-cms/Site/68bf0864-0e74-4e1c-9d7f-38b689f2780e/images/bg-body.jpg") repeat-y fixed top center #FFF;
  padding:20px 0;
}
.SiteContainer {
  max-width: 980px;
  margin: 0 auto;
  padding: 0;
}
header {
  background: url("https://s3.amazonaws.com/dom-cms/Site/68bf0864-0e74-4e1c-9d7f-38b689f2780e/images/bg-body.jpg") no-repeat fixed top center #FFF;
}
header .phone {
  margin-top:15px;
  text-align: right;
  font-weight:bold;
}
header .phoneLink {
 font-size: 24px;
  font-size: 2.4rem;
}
header .address {
  color: #0072bc;
  margin-left: -200px;
}
header .mapLink {
  font-size: 18px;
}
header {
  padding:0 20px;
}
header img.logo {
    margin-left: -270px;
    width: 100%;
    margin-top: -80px;
}
.social {
  text-align: right;
  position: relative;
  margin-top:5px;
  padding: 0px 5px;
  display:inline;
}
.social li {
  display:inline;
  margin-bottom:0 !important;
}
 ul.social, ol.social {
  margin-bottom:0 !important;
}
ul.slides img {
  -webkit-box-shadow: 0 8px 6px -6px black;
     -moz-box-shadow: 0 8px 6px -6px black;
          box-shadow: 0 8px 6px -6px black;
}
.contact {
  font-size:13px;
}
.maininside li {
    list-style: square outside none;
    margin-bottom: 12px;
    margin-left: 25px;
}
.hdrContact{margin-top:10px;}
.facebookLike{width:214px; overflow:hidden;}

/*  NAVIGATION BEGINS */
	.navContainerItem {
	  z-index: 30;
	  position: relative;
	}	
	.nav, div.nav {
	  clear: both;
	  margin: 0 auto;
	  /*text-align: center;*/
	  position: relative;
	  z-index: 55;
	  width: 100%;
	  max-width: 980px;
	  height: auto;
	  background: #0072BC;
	  border: none;
	}
	#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: 13px;
	  font-weight: bold;
	  line-height: 35px;
	  text-align:center;
	}
	#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: capitalize;
	  padding: 0 8px;
	  width: auto;
	  color:#FFF;
	}
	#nav-container a:hover {
	  background: #333;
	  color: #fff;
	}
	#nav-container li, .nav li {
	  display: inline-block;
	  position: relative;
	  float: none;
	  margin: 0;
	  background: #none;
	  padding: 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: #FFF;
	  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 {
	  text-shadow:none;
	  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: #666;
	  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:#0072BC;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  text-align:center;
  font-size: 10px;
  font-size: 2.0rem;
  padding: 5px;
  border-radius: 3px;
  border: 1px solid #333;
  margin:5px 0 10px;
} 
.maininside{
  Background:white;
  padding:15px;
}
footer {
  border-top: 5px solid #666;
  padding-top: 20px;
  background:#0072BC;
}
footer .hours {
  margin-bottom: 10px;
}
/* LINKS
///////////////////////////////////////////// */
a, a:visited {
  color:#0072BC;
}
a:hover {
  color:#666;
}
a.phoneLink,  a.phoneLink:visited {
  color:#000;
}
a.phoneLink:hover {
color:#666;
}
a.mapLink,  a.mapLink:visited {
  color:#0072BC;
}
a.mapLink:hover {
  color:#666;
}
footer a.phoneLink, footer a.phoneLink:visited {
  color:#FFF;
}
footer a.phoneLink:hover {
  color:#CCC;
}
footer a.mapLink,  footer a.mapLink:visited {
  color:#FFF;
}
footer a.mapLink:hover {
  color:#CCC;
}

/* TYPOGRAPHY
///////////////////////////////////////////// */
h1, h2, h3, h4, h5, h6 {
  font-family:Hammersmith One, sans-serif;
}
p {
  font-family:ubuntu, sans-serif;
 }
h1 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 2.5em;
}
h1.hdrName {
  border-top: 5px solid #C71444;
  line-height: 1.6;
  margin:0;
}
h2 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
  margin-bottom:12px;
}
h3 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
  margin: 0;
}

h4 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
}
footer {
  font-size: 85%;
  color:#FFF;
}
footer h4, footer h5, footer h6 {
  font-style:normal;
  color:#FFF;
}
footer p {
font-size: 12px;
}

/*==============
  FORM STYLES
==============*/

/* ===== COLORS ===== */
.formContainer form {
  background: #eaeaea;
/* also color of even rows */
  border: 1px solid #bbb;
}
form li {
  border-bottom: 1px solid #ccc;
}
form li:nth-child(2n+1) {
  background: #FFF;
}

form > li:last-child {
  background:none
}
input[type="submit"] {
  background: #1B5E93;
  color: #fff;
}
label + input[data-val="true"], label + textarea[data-val="true"] {
  /*border: 1px solid #C00;*/
/* Border on required fields */}

.field-validation-error {
/* Validation error msgs */
  background: #ffebf0;
  color: #C00;
  border-color:#f99;
}
form li ul {
   border: 1px solid #ccc;
   margin: 0 10px;
}
/* ===== STRUCTURE ===== */
.formContainer form {
  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.25);
  margin: 0 auto 20px;
  max-width: 600px;
  width: 96%;
  padding:0;
}

/* Put the input fields on the same line as their labels */
form label {
  font-weight: normal;
  line-height: 24px;
  display: inline;
}
form li {
  clear: left;
  height: auto;
  overflow:hidden;
  margin: 0;
  padding: 6px;
}
form li:last-child {
  border-bottom:none
}
input, select {
  float:right;
}

/* Style the submit button */
input[type="submit"] {
  border: none;
  border-radius: 6px;
  box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.25);
  clear: both;
  cursor: pointer;
  font-size: 18px;
  margin: 20px 20% 0;
  padding: 10px 30px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.75);
  width: 60%;
}
label + select, label + input[type="text"], label + input[type="email"], label + input[type="password"], label + input[type="checkbox"] {
width: 50%;
}

label + textarea {
  width: 100%;
  height:100px;
}

/* Validation errors */
.field-validation-error {
  float: left;
  clear: both;
  width: 100%;
  text-align: center;
  line-height: 2;
  border-style: solid;
  border-width:1px;
}

/* Reset for Secure Disclaimer */
.formContainer {
  background: none;
  border: none;
}
.formDisclaimer {
  background-color: transparent;
  background-position: 0 0;
  padding: 0;
  text-indent: 20px;
}

/* Reset for map form inputs */
dl.form input {
  float: none;
}
/* Reset for Inv. Listings page */
#InvContainer form, #InvContainer li {
  background: none;
  border: none;
  box-shadow: none;
}
#InvContainer input, #InvContainer select {
  display: block;
  float:none;
  }

/* Reset for Inv. Details Page form */
#Profilefrm {
  margin: 0;
  float: none;
}
#Profilefrm input {
  display: inline;
}
#Profilefrm li {
  clear: none;
  padding: 0;
}

/*==============
  END OF FORM   
==============*/

.InvContainer #InvTitleArea{
  text-transform:capitalize !important}

.ltrpressed {
  text-shadow: -1px 0 rgba(0, 0, 0, 0.3), 0 1px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.3), 0px -1px rgba(0, 0, 0, 0.3);
}
.ltrpressed:hover {
  text-shadow: rgba(0,0,0,0.1) -1px 0, rgba(0,0,0,0.1) 0 -1px, rgba(255,255,255,0.75) 0 1px,;
}
.quicklinks a {
  color: white;
}
.quicklinks a:hover {
  text-decoration: underline;
}
.InvSpecialBox {
  background:white;
  border:2px solid black;
}
.InvSpecialFlag h3{
border-top:none;
background: rgb(0,114,188); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(0,114,188,1) 0%, rgba(0,146,237,1) 50%, rgba(0,114,188,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,114,188,1)), color-stop(50%,rgba(0,146,237,1)), color-stop(100%,rgba(0,114,188,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgba(0,114,188,1) 0%,rgba(0,146,237,1) 50%,rgba(0,114,188,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  rgba(0,114,188,1) 0%,rgba(0,146,237,1) 50%,rgba(0,114,188,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  rgba(0,114,188,1) 0%,rgba(0,146,237,1) 50%,rgba(0,114,188,1) 100%); /* IE10+ */
background: linear-gradient(45deg,  rgba(0,114,188,1) 0%,rgba(0,146,237,1) 50%,rgba(0,114,188,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0072bc', endColorstr='#0072bc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#InvSpecialDisclaimer {
border:none;
text-align:right;
font-style:italic;
}
.InvSpecialsCar img {
border:2px solid #0072bc;
}
#invProfileSpecsHdr .Price1 {
    color: #CC0000;
}
.couponContainer {
    background: #FFFFFF;
    border: 3px solid #0072bc;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.8);
    margin: 0 auto 12px auto;
    width: 50%;
}
.couponPrint, .couponDisclaimer, .couponExpiration {
    background: #0072bc;
}
.couponPrint a {
    text-align: right;
	color:black;
	font-style:italic;
	}	
.couponOption {
    text-align: center;
    word-wrap: break-word;
}
#InvSpecialsBoxWrapper p {
  font-size:2em;
}
.award {
height: 155px;
float: right;
margin-top: -155px;
margin-right: 50px;
}
.topNav.cf {
    margin-bottom: 12px;
	}
/* -----------------------------------------
   Page Name 2
----------------------------------------- */
div.ddsLogoProvider, .ddsLogoProvider a {
  text-align: right;
  margin: 10px 0;
  color: #FFF;
  text-decoration: none;
  font-size: 10px;
  font-size: 1.0rem;
  color: #FFF;
}
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;
}*/


/* -----------------------------------------
   Media Queries
----------------------------------------- */
@media only screen and (max-width: 1050px) {
	/* anything below 767px */
	header img.logo {
	margin: -72px 0 0 -258px;
	  }
}

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

@media only screen and (max-width: 960px) {
  /* anything below 960px */
	header img.logo {
	width: 100%;
	margin-left: -250px;
	margin-top: -61px;
	}
	.tfphone {
    font-size:1.7rem;
  }
} 
 @media only screen and (max-width: 980px) {
  /* anything below 980px */
  /* Fixes NAV PADDING. Stops from going to 2 lines */
	#nav-container, #nav-container ul, .nav ul {
    font-size: 12px;
	}
	#nav-container a, .nav a {
		padding: 0 7px;
	}
}

@media only screen and (max-width: 767px) {
	/* anything below 767px */
	header {
	background: rgb(14,14,14); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(14,14,14,1) 38%, rgba(125,126,125,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(38%,rgba(14,14,14,1)), color-stop(100%,rgba(125,126,125,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(14,14,14,1) 38%,rgba(125,126,125,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(14,14,14,1) 38%,rgba(125,126,125,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(14,14,14,1) 38%,rgba(125,126,125,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(14,14,14,1) 38%,rgba(125,126,125,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#7d7e7d',GradientType=0 ); /* IE6-9 */
	}
	header img.logo {
	width: 50%;
	margin-left: 172px;
	margin-top: -33px;}
	
	.phone{
	color:white;}	

	.hdrContact h2{
	color:white}

	header .address {
    text-align: center;
    margin: 0px 0px 0px 15px;}
	
    .hdrContact {
     margin: 0px;
     text-align: center;}
	
    .social {
      text-align: center;}
	  
	/*****  NAVIGATION SECTION  ***/
	#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;
	}       
    .navContainerItem { 
	background: #000; padding: 0; text-align: left; position: absolute; top:0px; left: -217px; right: auto; z-index: 55; border-right: 1px solid #999; border-bottom: none; width: 215px; height:1240px; }
    #nav-container, #nav-container ul { font-size: 14px; line-height: 35px; padding: 0; }
    #nav-container a { 	}
    #nav-container li { width: 100%; display: block; border-right: none; border-left: none; margin: 0;}
    #nav-container li ul { position: static; width: auto; border: none; }
    .sideShowing #nav-container li ul { display:block;  }
    #nav-container li ul li a { padding-left: 20px; width: auto;}  
	.formcontainer form {
      box-shadow:none;
      margin-left:0
    }
    form input {
      display:block;
      float:none;
      width:100%
    }
    label + select {
      float:none
    }
}

@media only screen and (max-width: 630px) {
	/* anything below 630px */
    header img.logo {
      margin: 5px 0 0 65px;
	  width: 75%;
    }
	.topNav.cf {
	width: 72%;
	margin-bottom:15px;
	}
}




@media only screen and (max-width: 600px) {
	/* anything below 600px */
    .block-grid.five-up > li {
    margin: 10px 15px;
    width: 20%;
    }
}
@media only screen and (max-width: 480px) {
	/* anything below 480px */
	header img.logo {
    width: 100%;
	margin:0px 0px 0px 15px;
    }
	.topNav.cf {
	width: 72%;
	}
    .formContainer form {
      box-shadow: none;
      margin: 0 auto 20px;
      width: 100%;
    }
    input[type="submit"] {
      width:90%;
      margin: 10px auto 0;
    }
    #main {
      background: #FFF;
      padding:20px 0;
    }
    h1 {
      font-size: 20px;
      font-size: 2.0rem;
      line-height: 2.3 em;
    }
    footer h4, footer h5, footer h6 {
    font-size: 1.1rem;
    }
}

@media only screen and (max-width: 420px) {
	/* anything below 420px */
	.topNav.cf {
	width: 100%;
	}
}

@media only screen and (max-width: 320px) {
	/* anything below 320px */
	header img.logo {
    width: 100%;
	margin:0px 0px 0px 19px;
    }
	header .address {
    text-align: center;
    font-size:14px;
    
  }
}
#main .btn1 {
  display: block;
  background:#49E20E;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  text-align:center;
  font-size: 10px;
  font-size: 2.0rem;
  padding: 5px;
  border-radius: 3px;
  border: 1px solid #333;
  margin:5px 0 10px
}

#main .greenbtn img{
	width: auto;
  	height: auto;
  	float: right;
	padding: 0px 5px;
  	display:inline;
}

#MPGWrap {
  display: none;
}!important