/* -------------------------------------------------- 
   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: #fff; text-decoration: none; font-size: 10px; font-size: 1.0rem; }
/*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 {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; }
html {height:100%;}
body { background: #222222; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YjZmNzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #222222 0%, #6b6f71 100%)repeat fixed; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#6b6f71))repeat fixed; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #222222 0%,#6b6f71 100%)repeat fixed; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #222222 0%,#6b6f71 100%)repeat fixed; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #222222 0%,#6b6f71 100%)repeat fixed; /* IE10+ */
background: linear-gradient(to bottom,  #222222 0%,#6b6f71 100%)repeat fixed; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#6b6f71',GradientType=0 )repeat fixed; /* IE6-8 */
font-family: Verdana, Sans-serif;
 }

#SiteContainer { background: #fff; max-width: 1150px; margin: 0 auto; padding: 0; }
.container { padding: 0;}
.row {max-width:1150px;}

#main {padding:10px;}


.html_item ul {
    list-style: none none;
    margin:0;
}
/* HEADER */
header {
  background: #ffffff;
  background: -moz-linear-gradient(top,  #ffffff 50%, #eaeaea 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#eaeaea));
  background: -webkit-linear-gradient(top,  #ffffff 50%,#eaeaea 100%);
  background: -o-linear-gradient(top,  #ffffff 50%,#eaeaea 100%);
  background: -ms-linear-gradient(top,  #ffffff 50%,#eaeaea 100%);
  background: linear-gradient(to bottom,  #ffffff 50%,#eaeaea 100%);
}
.nissanLogo {margin: 0 0 0 30px;}
.nissanLogo img {vertical-align: top;}
.hdrInfo { width: 52.5%;  border-top: 4px solid #C71444; }
.hdrInfo h2 { font-weight: normal; font-size: 18px; font-size: 1.8rem; margin: 8px 0; border-bottom: 1px solid #ccc; padding-bottom: 8px;}
.hdrInfo h3 { width: 50%; font-weight: normal; font-size: 12px; font-size: 1.2rem; line-height: 1.7; clear:none;}
.hdrInfo a{color:#000}

/* set up the navigation for desktop */
.navContainerItem { z-index: 30; position: relative;border:solid 1px #CCC; border-left:0px;border-right:0px;}
    .oldie .navContainerItem { background: #000; z-index: 30; position: relative; }
.nav, div.nav {  z-index: 30; clear: both; margin: 0 auto; height: auto; border: none; background: #DDD; font: normal 12px/28px Verdanna, Arial, sans-serif; } 
    .oldie .nav { }
#nav-container, #nav-container ul, .nav ul { max-width: 1150px; padding: 0; margin: 0 auto; list-style-type: none; z-index: 31; position: relative;  font: normal 12px/28px Verdanna, Arial, sans-serif; zoom: 1; }
    #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; }
    .oldie #nav-container, .oldie #nav-container>ul, .oldie .nav>ul { width: 1150px; }
    #nav-container a, .nav a { display: block; text-transform: uppercase; padding: 0 10px; color: #333; width: auto; font-family: verdana, sans-serif; }
        #nav-container a:hover { color: #C71444; }
   #nav-container li, .nav li { display: block; position: relative; float: left; margin: 0; 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 {border: 1px solid #999; border-top: none; z-index: 5; line-height: normal; padding: 0; position: absolute; background: #F2F2F2; width: 160px; display: none;}
            #nav-container li ul li, .nav li ul li { text-indent: 0; width: 100%;border-bottom: 1px solid #CCC; background: none; }
                #nav-container li ul li:last-child, .nav li ul li:last-child {border-bottom: none; }
                .nav li ul li:hover { background: none; text-shadow: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; text-align: left; padding: 4px 5px; font-size: 10px; font-size: 1rem; text-decoration: none; width: 150px;}           
            #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; }


footer{background: #C1C1C1;border-top: 1px solid #999;padding:10px 0 0 10px;}
footer .hours { margin-bottom: 10px; }

/* -----------------------------------------
   Image Align
----------------------------------------- */
img.floatleft {  float: left;  margin-right: 15px; }

img.bckpgimg {max-width:50%;}

img.floatright { float: right;  margin-left: 15px; }

/* ----------------------------------------- 
   Forms 
----------------------------------------- */
.formContainer {  background: none repeat scroll 0 0 transparent;  border: solid 10px #EEE;  margin: 0 auto;   max-width: 480px; } 
label + select, label + textarea, label + input[type="text"], label + input[type="email"], label + input[type="password"], label + input[type="checkbox"] {   width: 200px; } 
form ul:before, form ul:after { content:""; display:table; } 
    form ul:after { clear: both; } 
    form ul { zoom: 1; } 
form>ul>li { display: block; margin-right: 36px; margin-bottom: 24px;  float: left; } 
form ul li:nth-child(odd) {   margin-right: 0;  } 
form>ul>li:last-child { text-align: center; float:  none;  clear:  both; } 
/*form li ul {  width: 205px;  }*/ 
input[type="submit"] {  -webkit-appearance: none;  color: #fff;   background: #000;   font-size: 12px;   width: auto;   text-transform: uppercase;  text-align: center; 
    padding: 9px 34px 11px;  text-decoration: none;  font-weight: bold;  line-height: 1;  font-family: Verdanna, Arial, sans-serif; 
    position: relative;  cursor: pointer;  outline: none;  margin: 0; }

/* -----------------------------------------
  Coupons
----------------------------------------- */

/* reset */
.couponContainer {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: auto;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    background:none;
}
.couponContainer > .row .columns{width:100%;}

/* Design */
.couponContainer {border:dashed 3px #999;width:44%;padding: 6px;float: left;margin-right:12px;}
.allCoupons{ text-align:center;};

#couponImage{padding-bottom:0;}
#couponPrice h1{font-size:36px;margin-bottom: 0;}
#couponHeader h3{font-weight: normal;}
#couponInfo{border:none;}
#couponInfo,#couponDisclaimer, #couponExpiration {background:#000;color:#FFF;}
    #couponDisclaimer, #couponDisclaimer p{font-size:11px;color:#CCC;font-style: italic;}
        #couponDisclaimer p{padding:0 12px;}
        #couponExpiration{padding-bottom: 12px;}
.couponPrint {background:#FFF;}
    .couponPrint p{font-size:10px;}
.couponContainer .mapPrint, .couponPrintAll .print  {display: inline-block;padding-left: 20px;background:url(https://s3.amazonaws.com/dom-cms/Site/9b532b4b-7f05-4489-a7a9-4a1077ea5026/images/home/text-print.png) no-repeat transparent;}
.couponContainer .mapPrint:hover, .couponPrintAll .print:hover  {background:url(https://s3.amazonaws.com/dom-cms/Site/9b532b4b-7f05-4489-a7a9-4a1077ea5026/images/home/text-print_hover.png) no-repeat transparent;}       
    .couponContainer .mapPrint{margin:6px 0 0 0;}
	
/* LINKS
///////////////////////////////////////////// */

a {color:#000;}
a:hover, a:visited {color: #444;}

/* TYPOGRAPHY
///////////////////////////////////////////// */
h1, h2, h3, h4, h5, h6 { font-family: Verdana, Sans-serif; }

footer { font-size: 85%; }
    footer h4, footer h5, footer h6 { font-style:normal; }
	
/*------------------------------------------
MISC
------------------------------------------*/
.topBump10 {margin-top:-10px;}	

.subpagemap .row .six {
    margin-top: 10px;
    width: 100%;
}

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


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

 #nav-container a, .nav a { padding: 0 8px;} 
  
 .incentives { margin-right: 20px;}

}

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

 #nav-container a, .nav a { padding: 0 4px; font-size:8.5px;} 
 .social li img { margin: 0 5px; }
  
}


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

header:first-child > .container {
    background: #cccccd;
    background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#cccccd)); /* webkit */
    background: -moz-linear-gradient(top,  #fefefe,  #cccccd); /* FF */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#cccccd'); /* IE */
    padding-bottom: 10px;
}

header .container {
    padding: 0;
    background-image: none;
}


#mobileNav {
    background: none repeat scroll 0 0 #222222;
    border: 1px solid #666666;
    border-radius: 3px 3px 3px 3px;
    bottom: 5px;
    color: #FFFFFF;
    display: block;
    font-size: 1rem;
    font-weight: bold;
    left: 25%;
    margin-bottom: 63px;
    padding: 5px;
    position: absolute;
    text-shadow: 0 1px 0 #262626;
    text-transform: uppercase;
}
 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: none;}
    #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; background:#cccccc; color:#222222;}
	#nav-container li ul li a:hover { padding-left: 20px; width: auto; background:#222222; text-shadow:none; color:#cccccc;}

    footer { font-size: 1.6rem; }
    #footerPhone { font-weight: bold; } 
  
  .couponContainer {border:dashed 3px #999;width:80%;padding: 6px;float: left;margin-right:auto; margin-left:auto;}
}


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

    #mobileNav {
        background: #222;
        text-shadow: 0;
        text-decoration: none;
    }

    #mobileNav a {
        text-decoration: none;
    }


}


@media only screen and (max-width: 480px) {    
/* anything below 480px */
#mobileNav { margin-bottom:0px;}
  #mobileNav {
    background: none repeat scroll 0 0 #222222;
    border: 1px solid #666666;
    border-radius: 3px 3px 3px 3px;
    bottom: 5px;
    color: #FFFFFF;
    display: block;
    font-size: 1rem;
    font-weight: bold;
    left: 6.5%;
    margin-bottom: 0px;
    padding: 5px;
    position: absolute;
    text-shadow: 0 1px 0 #262626;
    text-transform: uppercase;
}

}