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

GOOGLE WEB-FONTS 'installed & available':
font-family: 'Play', sans-serif;(font-weight: 400;font-weight: 700;)
*/
/* -----------------------------------------
   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-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; }*/
/*  COLUMN MODS */

body { background: rgba(0, 0, 0, 0.96); font-size:12px, font-family: 'Play', sans-serif;}
.content {
  margin-top :20px;
}
.container {
    padding: 0 15px;
}
.contentimgs {
  padding: 0px 15px 10px 0;
  float: left;
  }
ul, dl, ol {font-size: inherit;}
a {
  color:#cc0000;
  }
a:visited {
  color:#aa0000;
  }
a:hover {
  text-decoration:underline;
  }

.row {
  max-width:100%;
  }
#SiteContainer {
  max-width: 100%; 
  margin: 0 auto; 
  padding: 0px;
  background:#fff;
}
#header {
    /*background: none repeat scroll 0 0 black;*/
    background: url("https://s3.amazonaws.com/dom-cms/Site/462deb52-6ad9-42ed-bf44-dafb89cc1012/images/tactile_noise.png") fixed repeat;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 0 15px #000000;
    margin-bottom: 15px;
   padding-bottom: 10px;
    width: 100% !important;
	max-width:100%;
}
#main {
margin:5px auto 0px;
max-width:985px;
}
.four.columns.location1 {
	font-family:play, sans-serif;
}
.four.columns.text-center.hours {
	font-size:120%;
	font-family:play, sans-serif;
}
.centered {
text-align: center !important;
margin: 0px auto !important;
}
/* TYPOGRAPHY
///////////////////////////////////////////// */
h1, h2, h3, h4, h5, h6 {font-family:'Play', sans-serif; font-weight:700; text-shadow: 0px 1px 1px #efefef;
}
p {
  font-family:'Play', sans-serif; font-weight:400;text-shadow: 0px 1px 1px #efefef;
}
footer h2, footer h4, footer h5, footer h6, footer p { font-style:normal;  font-family:'Play', sans-serif; color:rgba(255,255,255,0.8);text-shadow: 0px 1px 1px #555555; font-size:12px; text-shadow: none\9; /* IE 8 and below */	*text-shadow: none; /* IE 7 and below */	_text-shadow: none; /* IE 6 */}

/*===== HEADER ELEMENTS ===== */
#siteHeader {
   height:140px;
   width:100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: left;
}
#siteHeader h2 {
   text-align: right;
}
.hdrContact {
    text-align:left;
	margin-right:10px;
	margin-top:10px;
	float:right
}
.hdrPhone, .hdrAddress {
   right:0;
   /*text-align:center;*/
}
.hdrPhone {
   color:#000000;
   font-size:20px;
   top:50px;
   right: 18px;
   letter-spacing:.05em;
   
}
h2.hdrPhone2 {
   /*position:absolute;*/
   right:18px;
   color:#000000;
   font-size:24px;
   line-height:26px;
   text-align:left;
   margin:0;
   padding:0;
   border:none;
}
.hdrAddress {
    border-top: 1px solid #9C0B10;
    font-size: 13px;
    line-height: 16px;
    margin-top: 10px;
    padding-top: 6px;
    right: 0;
    text-align: left;
    top: 0;
}
.hdrAddress .address2 { display:none; }
.hdrAddress a:link, .hdrAddress a:visited {
    text-decoration: none
}
.hdrAddress a:hover { color: #9c0b10; }
.dealerLogo {
   float: left;
   /*margin: -10px auto 0px;*/
   margin:10px auto 0 0px;
}
.hpInvLinkList {
    margin: 0px auto;
    padding: 10px;
    text-align: center;
	height:284px;
}
.hpInvLinkList h2 {
	Font-size:2em;
}
.hpInvLinkList ul{
  margin:0 0 0 14px;
  padding:0;
}
.hpInvLinkList ul li{
  list-style:none;
  float:left;
  width:50%;
  padding:0;
  margin:0 0 6px;
  color: #fff;
  font-size: 2em;
  line-height:120%;
  font-family:play, sans-serif;
}
.hpInvLinkList br{clear:both;}

/* ===== NAVIGATION ===== */

.navigationTop {
   font-size: 13px;
   width: 950px;
   border: 2px 0px 2px 0px solid #cc0000;
}
.topNav { font-weight:bold }
span.topNav { cursor:default }
span.topNav, a.topNav, a.topNav:visited {
   border: none;
   padding: 0 10px;
}
.navigationTop li ul {
   margin-top:-5px !important;
   margin-top: -3px
}
a.homeLink:link, a.homeLink:visited { border-left: none }
.navigationTop li a:link, .navigationTop li a:visited, .navigationTop li a:hover, .navigationTop li a:visited:hover { text-decoration:none }
.navigationTop, .navigationTop li ul li, .navigationTop li ul li a:link, .navigationTop li ul li a:visited {
   line-height: 30px;
   height: 28px;
   background-repeat: repeat-x;
   background-position: 0 center;
}
header .address { text-align: right; padding-bottom: 10px; position: relative; }
    
.navContainerItem { z-index: 30; position: relative; }  
.nav, div.nav {
	background: #ae0418; /* Old browsers */
	background: -moz-linear-gradient(top,  #ae0418 0%, #ad1426 50%, #ae0418 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ae0418), color-stop(50%,#ad1426), color-stop(100%,#ae0418)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ae0418 0%,#ad1426 50%,#ae0418 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ae0418 0%,#ad1426 50%,#ae0418 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ae0418 0%,#ad1426 50%,#ae0418 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ae0418 0%,#ad1426 50%,#ae0418 100%); /* W3C */
	xxfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae0418', endColorstr='#ae0418',GradientType=0 ); /* IE6-9 */
    border-style: solid none;
    border-width: 1px none;
    border-color:black;
	border-radius: 8px;
    clear: both;
    height: auto;
    margin: 0 auto;
    padding: 0;
    width: auto;
    z-index: 30;
}
#nav-container, #nav-container ul, .nav ul { 
  /*max-width: 980px; */
  max-width:725px;
  padding: 0; 
  margin: 0 auto; 
  list-style-type: none; 
  z-index: 31; 
  position: relative;  
  font-size: 11px; 
  font-weight: bold; 
  line-height: 35px;
}
    #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 {
    color: white;
    display: block;
    font-family: play;
    padding: 0 12px;
    text-transform: uppercase;
    width: auto;
}
        #nav-container a:hover { 
      background: #333; 
      color: #fff; 
    }
    #nav-container li, .nav li { 
    display: block; 
    position: relative; 
    float: left; 
    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; 
      line-height: normal; 
      padding: 0; 
      position: absolute; 
      background: #ededed; 
      width: 130px; 
      display: none; 
      margin-top:0px;
    }
            #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; 
  }
div.nav a {
    color: black;
    text-align: center;
    text-decoration: none;
}
#mobileNav {
    /*bottom: 5px;
    display: block;
    padding: 5px;
    right: 5px;*/
}
.mobileicons a {
  padding-right:10px;
}
/* Custom Styles */
.nine.columns {
    margin-top: 15px;
}
.darkboxes {
    /*background: none repeat scroll 0 0 black;*/
    background: url("https://s3.amazonaws.com/dom-cms/Site/462deb52-6ad9-42ed-bf44-dafb89cc1012/images/tactile_noise.png") fixed repeat;
    border-radius: 15px 15px 15px 15px;
    margin-bottom: 10px;
    padding: 15px;
    height: 470px;
}
.red-gradient {
  background: #cb0000; /* Old browsers */
  background: -moz-linear-gradient(top,  #cb0000 0%, #d10000 50%, #cb0000 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb0000), color-stop(50%,#d10000), color-stop(100%,#cb0000)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #cb0000 0%,#d10000 50%,#cb0000 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #cb0000 0%,#d10000 50%,#cb0000 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #cb0000 0%,#d10000 50%,#cb0000 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #cb0000 0%,#d10000 50%,#cb0000 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb0000', endColorstr='#cb0000',GradientType=0 ); /* IE6-9 */
}
.contentimgs {
    margin: 8px 8px 8px 0px;
  border: 2px solid white;
}
.white h3, .white h2, .white h1 {
	color:white;
	text-shadow: 0px 1px 1px #333;
}
 .white p {
	color:white;
	text-shadow: 0px 1px 1px #333;
}
.white a {
	color:white;
	text-shadow: 0px 1px 1px #333;  
}
.white.label {
    background-color: transparent;
    color: #FFFFFF;
}
/* SLIDESHOW */
.flex-control-nav {
    bottom: 26px !important;
    padding: 9px 0 0 !important;
    position: absolute !important;
    width: auto !important;
    right:10px !important;
    border-radius: 8px 0px 0px 8px !important;
    background: transparent !important;
}
.flex-control-nav li a{
  background: #999;
  border-radius: 6px;
  width: 12px;
  height: 12px;
}
.flex-control-nav li a.active{
  background: #cb0000; /* Old browsers */
  background: -moz-linear-gradient(top,  #cb0000 0%, #d10000 50%, #cb0000 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb0000), color-stop(50%,#d10000), color-stop(100%,#cb0000)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #cb0000 0%,#d10000 50%,#cb0000 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #cb0000 0%,#d10000 50%,#cb0000 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #cb0000 0%,#d10000 50%,#cb0000 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #cb0000 0%,#d10000 50%,#cb0000 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb0000', endColorstr='#cb0000',GradientType=0 ); /* IE6-9 */
}

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

footer {
max-width:100%; 
font-size: 100%;
background: url('https://s3.amazonaws.com/dom-cms/Site/462deb52-6ad9-42ed-bf44-dafb89cc1012/images/tactile_noise.png') center;
padding:10px;
text-align:center;
color:#fff;
border-top:3px solid rgba(0,0,0,0.6);
}
footer h4{
color:#fff;

}

.smlinks ul{
  display:block;
  float:left;
  margin-left:20px;
}
.smlinks li{
  display:inline;
  float:left;
  margin:0px 5px;
}
/* -----------------------------------------
Inventory Search overrides
----------------------------------------- */
#InvSearchBoxHP { margin: 0;}
#InvSearchBoxHP select { font-size: 12px; font-size: 1.2rem; padding-top: 2px;}
#InvSearchBoxHP h3.invSrchHeader {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
  padding-bottom: 3px;
}
#InvSearchBoxHP ul#InvSearchBoxTypeBox li label { color: #f6f6f6;}
.InvSearchBoxTypeBox li {float: left; display: block;}
.invIcon.tiny.search,
.invIcon.startOver {
    background-image: none;
    display: none;
}
#InvSearchBoxSubmit {margin-top: 10px;}
.StartOver {display: none;}
#InvSearchBoxHP #InvSearchBoxSubmit span.SubmitSearchbutton {
    padding: 0;
    background: #ae0418; /* Old browsers */
	background: -moz-linear-gradient(top,  #ae0418 0%, #ad1426 50%, #ae0418 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ae0418), color-stop(50%,#ad1426), color-stop(100%,#ae0418)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ae0418 0%,#ad1426 50%,#ae0418 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ae0418 0%,#ad1426 50%,#ae0418 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ae0418 0%,#ad1426 50%,#ae0418 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ae0418 0%,#ad1426 50%,#ae0418 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae0418', endColorstr='#ae0418',GradientType=0 ); /* IE6-9 */
	border:2px solid white;
	width:98.7%
}
#InvSearchBoxHP #InvSearchBoxSubmit span.SubmitSearchbutton:hover {
    background: #9B0110;
}
form li:nth-child(2n+1) {
    background: transparent;
}
#InvSearchBoxSubmit .text-right {
    text-align: left !important;
}
.InvInfoBox {
    min-height: 145px;
}
#InvSearchBoxSubmit.block-grid.two-up > li {
    margin-left: 4%;
    width: 96%;
}
#InvSearchBoxSubmit .small.button {
    width: 100%;
}
/*==============
  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: #cb0000; /* Old browsers */
  background: -moz-linear-gradient(top,  #cb0000 0%, #d10000 50%, #cb0000 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb0000), color-stop(50%,#d10000), color-stop(100%,#cb0000)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #cb0000 0%,#d10000 50%,#cb0000 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #cb0000 0%,#d10000 50%,#cb0000 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #cb0000 0%,#d10000 50%,#cb0000 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #cb0000 0%,#d10000 50%,#cb0000 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb0000', endColorstr='#cb0000',GradientType=0 ); /* IE6-9 */
  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: none;
   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;
    
    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   
==============*/

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

@media only screen and (max-width: 1024px) {    
  /* anything below 1024px */
  .mfglogo {
    margin-left: 10px;
    text-align: center;
    float:left;
  }
  .teamLogo img {
    width:150px;
  }
  .toyotaLogo img {
    /*width:50px;*/
    margin-left: 0px;
    padding: 0px 20px;
    float:left;
  }
  .scionLogo img {
    /*width:50px;*/
    margin-left: 0px;
    float:left;
  }
}
@media only screen and (max-width: 910px) {   
  /* anything below 910px */

}
@media only screen and (max-width: 767px) {   
  /* anything below 767px */
    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: 14px; line-height: 35px; padding: 0; }
    #nav-container a { background: #202020; color:white;}
    #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; color:white;}
        .sideShowing #nav-container li ul { display:block;}
        #nav-container li ul li a { padding-left: 20px; width: auto;color:white;}
}
    .formcontainer form{box-shadow:none;margin-left:0}
    form input{display:block;float:none;width:100%}
    label + select{float:none}
  .hdrAddress a{
    text-align: center;
	color:white;
	text-shadow: 0px 1px 1px #333;
	text-align:center;
  }
  #servicePhone .label {
    text-align: center;
    display:inline-block;
  }
  #servicePhone .number{
     display:inline-block;
     text-align:center;
  }
  /*.hdrPhone {
     text-align:center;
  }
  #servicePhone {
     text-align: center;
  }*/
	  #specials.darkboxes {
		background: none repeat scroll 0 0 transparent;
		padding: 0;
	}
	  .hpInvLinkList {
		/*height:auto;*/
	}
	.searchbox {
	height:240px !important;
	}
	.darkboxes {
    /*background: none repeat scroll 0 0 black;*/
    margin: 10px 0px;
	}
	.dealerLogo {
   float: left;
   float: none;
   margin: 10px auto 0px;
	}
	#mobiconsMenu { position: relative; z-index: 999; }
}

@media only screen and (max-width: 480px) {    
  /* anything below 480px */
  .formContainer form {box-shadow: none; margin: 0 auto 20px;  width: 100%;}
  input[type="submit"]{width:90%; margin: 10px auto 0;} 
}