/* ----------------------------------------- GLOBAL ITEMS ----------------------------------------- */ /* DDS LOGO AT BOTTOM OF SITES ///////////////////////////////////////////// */ 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; } /*UNCOMMENT FOR LIGHT VERSION span.ddsLogoProvider { background: url(https://s3.amazonaws.com/dom-cms/GlobalImages/dds-logo-lt.png) no-repeat 0 0; } */ /* LINKS ///////////////////////////////////////////// */ a, a:active, a:visited { color: #666; text-decoration: underline; } a:hover { color: #666; } /* HTML, BODY, OTHER STRUCTURES ///////////////////////////////////////////// */ body { background: #ccc; font-size: 13px; font-size: 1.3rem; } #SiteContainer { background: #fff; max-width: 960px; margin: 0 auto; } #main > .container h1 { padding-top: 20px; } .html_item ul { list-style: none; margin: 0.12em 0; } .html_item ul li { margin-bottom: 0px; } /* TYPOGRAPHY ///////////////////////////////////////////// */ footer { font-size: 85%; } footer h4, footer h5, footer h6 { font-style:normal; } ul, dl, ol { font-size: inherit; } /*ADJUST FONT-SIZE OF LIST-ITEMS*/ /* ----------------------------------------- Header ----------------------------------------- */ header a { text-decoration: none;} header ul, header li { margin: 0;} header .salesPhone, header .ServicePhone { font-weight: bold;} header .address, header .address a { text-align: right; padding: 10px 0; position: relative; color: #fff; font-size: 1.6rem;} header .container { padding: 0 10px 0 0; /*min-height: 122px; */ background: url(https://s3.amazonaws.com/dom-cms/Site/7ff4438c-6580-4394-9c54-4921f76091eb/images/tophat/headerBkg.jpg) no-repeat center 0; } #chatIcon {display: inline-block; margin-right: 5px; margin-top: 8px;} #googlePlusOne {display: inline-block; margin-top: 8px;} #fbook { display: inline-block; margin-right: 4px; margin-top: 8px;} header .row .five.address { width: 42.1%;} header .columns.address { margin-left: 1%;} /* ----------------------------------------- NAVIGATION ----------------------------------------- */ .navContainerItem { z-index: 30; position: relative; background: #393f40; } .nav, div.nav { z-index: 30; clear: both; margin: 0 auto; padding: 0; text-align: left; width: auto; height: auto; background: #393f40; 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: 12px; font-weight: bold; line-height: 35px; zoom: 1; /*added*/} #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: uppercase; padding: 0 12px; width: auto; color: #fff} #nav-container a:hover { background: #393f40; color: #fff; } #nav-container li, .nav li { display: block; position: relative; float: left; margin: 0; background: #393f40; 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; line-height: normal; padding: 0; position: absolute; background: #393f40; width: 180px; display: none; border: none;} #nav-container li ul li, .nav li ul li { text-indent: 0; width: 100%; background: none; border: none;} #nav-container li ul li:last-child, .nav li ul li:last-child {border-bottom: none; } #nav-container li ul li a { color: #fff; font-weight: bold; text-align: left; padding: 8px 5px; font-size: 1.0rem; font-weight: bold; text-decoration: none; } #nav-container li ul li a:hover { background: #75b3e4; 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: none; } /* needed? */ /*.oldie #nav-container, .oldie #nav-container>ul, .oldie .nav>ul { width: 1000px; } */ /* ----------------------------------------- Research ----------------------------------------- */ .researchCars { width: 200px; font-size: 1.5rem; } .researchCars img { width: 200px; } .researchCars li { float: left; margin: 0 10px 20px 10px; text-align: center; } table{border:none;} table tbody tr td{padding:0;} /* ----------------------------------------- FOOTER ----------------------------------------- */ footer { background: #393f40; padding: 8px; color: #fff; } footer .hours { margin-bottom: 10px; } footer a { color: #fff; } #footerLinks a { color: #fff; } #footerAddress a { color: #fff; } #footerAddress, #footerPhone, #footerLinks { display: inline-block; padding-right: 20px; } #footerPhone, #footerLinks { padding=left: 20px; } /* ----------------------------------------- Media Queries ----------------------------------------- */ @media only screen and (min-width: 768px) and (max-width: 1023px) { #nav-container, #nav-container ul { font-size: 11px; } #nav-container a, .nav a { padding: 0px 8px; } /*phone numbers on ipad*/ header .address a { color: #fff; } } @media only screen and (max-width: 767px) { /* anything below 767px */ #mobileNav { display: block; background: #666; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 1.0rem; padding: 5px; position: absolute; bottom: 5px; right: 5px; border-radius: 3px; border: 1px solid #666; text-shadow: 0px 1px 0px #262626; } header .logo, header .address { text-align: center; } #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: 13px; line-height: 35px; padding: 0; } #nav-container a, .nav a { padding: 0 10px;} #nav-container a { background: #202020; } #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;} header .address, header .address a { color: #666; } footer { font-size: 1.6rem; } #footerPhone { font-weight: bold; } #footerAddress, #footerPhone, #footerLinks { display: table-row; padding: 0; text-align: center; } } @media only screen and (max-width : 588px) { header:first-child > .container { background: #70aefe; background: -webkit-gradient(linear, left top, left bottom, from(#70aefe), to(#2b5293)); /* webkit */ background: -moz-linear-gradient(top, #70aefe, #2b5293); /* FF */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70aefe', endColorstr='#2b5293'); /* IE */ border-bottom: 4px solid #ff7d00; padding-bottom: 10px; } header .container { padding: 0; background-image: none; } #mobileNav { background: #ff7d00; text-shadow: 0; text-decoration: none; } #mobileNav a { text-decoration: none; } #googlePlusOne { margin-right: 5px;} header .address, header .address a { color: #fff; } } @media only screen and (max-width: 480px) { /* anything below 480px */ } /* ----------------------------------------- Show / Hide Div ----------------------------------------- */ /**/ /* ----------------------------------------- End Show / Hide Div ----------------------------------------- */