/*  --------------------------------------------    
    core.css
    com.pushhere.www
    - Requires(Location):
      (styles/core.css)
    --------------------------------------------  */


/*  HOME SECTION SELECTOR
    --------------------------------------------  */
    #home-wrap {
      height: 361px;
      left: 110px;
      top: 201px;
      width: 565px;
    } 
    #home-wrap .mask {
      width:  100%;
      height: 100%;
      overflow: auto;
      background-color: #fff;
    }
    #home-wrap #slides {
      overflow: hidden;
      margin: 0;
      height: 361px;
    }
    #home-wrap img {
      margin: 0 auto;
      display: block;
    }
    #sign-up {
      bottom: 56px;
      position: absolute;
      right: 9px;
    }
    #sign-up p {
      margin: 0;
    }
    #sign-up p a {
      background: transparent url('http://assets.tijuanaflats.local/images/sprite-gui.png') 0 -663px no-repeat;
      text-indent: -999em;
      display: block;
      width: 259px;
      height: 85px;
    }
    .scriptable #home-wrap .mask {
      overflow: hidden;
    }
    .scriptable #home-wrap .slide {
      float: left;
    }
/*    .scriptable #home-wrap div:first-child {
      width: 565px !important;
    }*/
    .scriptable #home-content #next-btn,
    .scriptable #home-content #previous-btn {
      position: absolute;
      z-index: 5;
      top: 358px;
    }
    .scriptable #home-content #next-btn a,
    .scriptable #home-content #previous-btn a {
      width: 42px;
      height: 45px;
      background: transparent url('http://assets.tijuanaflats.local/images/sprite-gui.png') 0 0px no-repeat;
      display: block;
      text-indent: -999em;
    }
    .scriptable #home-content #next-btn a {
      background-position: 0 -92px;
    }
    .scriptable #home-content #previous-btn {
      left: 88px;
    }
    .scriptable #home-content #next-btn {
      right: 262px;
    }
    .scriptable #home-content #previous-btn a:hover {
      background-position: 0 -185px;

      -webkit-transition: border .4s ease-out;
      -moz-transition: border .4s ease-out;
    }
    .scriptable #home-content #next-btn a:hover {
      background-position: 0 -287px;

      -webkit-transition: border .4s ease-out;
      -moz-transition: border .4s ease-out;
    }
    .scriptable #slides-mask .slide-item {
      padding: 0.35em 0.45em;
      background: #000;
      overflow: hidden;
      width: 551px;
    }

    
/*  FLAT SECTION SELECTOR
    --------------------------------------------  */
    #flats-wrap {
      right: 14px;
      top: 208px;
      width: 375px;
      height: 465px;
    }
    #flats-wrap .mask {
      width: 1165px;
    }
    #flats-wrap .content-step {
      background: transparent url('http://assets.tijuanaflats.local/images/sprite-flatheads.png') 1px -572px no-repeat;
      float: left;
      width: 295px;
      height: 370px;
      padding: 40px 30px 40px 50px;
      margin-right: 10px;
    }
/*    .scriptable #flats-wrap {
      overflow: hidden;
    }*/


/*  FLAT HEAD FLAT SECTION SELECTOR
    --------------------------------------------  */   
    #flats-wrap #flat-heads,
    #flats-wrap #select-location,
    #flats-wrap  #congrats {
      position: relative;
    }
    #flats-wrap #flat-heads h4,
    #flats-wrap #select-location h4.legend,
    #flats-wrap  #congrats h4,
    #flat-heads h5 {
      background: transparent url('http://assets.tijuanaflats.local/images/sprite-flatheads.png') 0 0 no-repeat;
      text-indent: -999em;
      width: 100%;
    }


/*  FLAT HEAD FLAT SECTION SELECTOR
    --------------------------------------------  */
    #flat-heads {
    }
    #flats-wrap  #flat-heads h4 {
      background-position: -10px -8px;
      height: 85px;
      margin: 0;
    }
    #flat-heads p {
      font-size: 0.95em;
      margin: 0.5em 0 1.2em;
      text-align: center;
    }
    .scriptable #flat-heads p {
      font-size: 1.1em;
    }
    #flat-heads h5 {
      background-position: 35px -281px;
      display: block;
      height: 25px;
    }
    #flat-heads ol {
      overflow: hidden;
      margin-bottom: 0.7em;
    }
    #flat-heads ol li,
    #find ol li {
      float: left;
      margin-right: 20px;
      display: block;
      width: 41%;
      padding: 0;
    }
    #flat-heads ol li input,
    #flat-heads ol li#flats-states select,
    #find ol li input,
    #find ol li#location-states select {
      padding: 7px 5px;
      border: 0 none;
      width: 91%;
      font-weight: 700;
      border: 5px solid rgb(54,187,49);
        
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
    }
    #flat-heads ol li:hover input,
    #flat-heads ol li#flats-states:hover select,
    #find ol li:hover input,
    #find ol li#location-states:hover select {
      border: 5px solid rgb(0,0,0);

      -webkit-transition: border .4s ease-out;
      -moz-transition: border .4s ease-out;
    }
    #flat-heads ol li#flats-zip,
    #flat-heads ol li#flats-states,
    #find ol li#location-zip {
      width: 22%;
    }
    #flat-heads ol li#flats-zip input,
    #flat-heads ol li#flats-states select,
    #find ol li#location-states select {
      width: 81%;
    }
    #flat-heads ol li#flats-states select,
    #find ol li#location-states select {
      width: 100%;
      padding: 6px 5px;
      height: 38px;
      background: rgb(255,255,255);
    }
    #flat-heads ol li#flats-states {
      margin: 0;
    }
    #flat-heads button,
    #find button {
      color: rgb(255,255,255);
      display: block;
      padding: 0 10px 5px;
      font-size: 1.1em;
      background: rgb(24,137,19);
      display: block;
      border: 4px solid rgb(54,187,49);
      width: 85px;
      margin: 5px auto;
      cursor: pointer;

      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;

      -webkit-transition: background .4s ease-out;
      -moz-transition: background .4s ease-out;      
    }
    .scriptable #flat-heads button {
      font-size: 1.4em;
    }
    #flat-heads button:hover {
      background: rgb(0,0,0);

      -webkit-transition: background .4s ease-out;
      -moz-transition: background .4s ease-out;      
    }
    
    
/*  LOCATIONS FLAT SECTION SELECTOR
    --------------------------------------------  */
    #select-location {

    }
    #flats-wrap #select-location h4 {
      height: 25px;
      background-position: -2px -340px;
    }
    #select-location #search-again {
      position: absolute;
      right: 27px;
      top: 35px;
      font-size: 1.1em;
    }
    .scriptable #select-location #search-again {
      font-size: 1.2em;
    }
    #select-location #search-again a {
      width: 200px;
      height: 25px;
      color: rgb(0,0,0);
    }
    #select-location button {
      color: rgb(255,255,255);
      display: block;
      padding: 0 10px 5px;
      font-size: 1.1em;
      background: rgb(24,137,19);
      display: block;
      border: 4px solid rgb(54,187,49);
      width: 85px;
      margin-top: 11px;
      position: absolute;
      bottom: 55px;
      right: 40px;

      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;

      -webkit-transition: background .4s ease-out;
      -moz-transition: background .4s ease-out;      
    }
    .scriptable #select-location button {
      font-size: 1.3em; 
    }
    #select-location button:hover {
      background: rgb(0,0,0);

      -webkit-transition: background .4s ease-out;
      -moz-transition: background .4s ease-out;  
    }
    #select-location #email-label {
      margin: 0 auto;
      display: block;
      width: 81%;
    }
    #select-location #location-input h4 {
      margin: 0 auto;
      display: block;
      width: 90%;
      background: transparent url('http://assets.tijuanaflats.local/images/sprite-flatheads.png') 2px -400px no-repeat;
      text-indent: -999em;
    }
    #select-location p#location-input:hover {
      border: 5px solid rgb(0,0,0);

      -webkit-transition: border .4s ease-out;
      -moz-transition: border .4s ease-out;
    }
    #select-location div#location-input input {
      border: 5px solid #36BB31;
      font-weight: 700;
      margin: 13px 0 0;
      padding: 7px 5px;
      width: 55%;
      
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      
    }
    #select-location ol {
      height: 210px;
      overflow: hidden;
    }
    #select-location ol li {
      background: #59cd4d;
      padding: 12px;
      margin: 10px 0;
      font-size: 1em;
      line-height: 1.1em;
      overflow: hidden;
    }
    .scriptable #select-location ol li {
      font-size: 1em;
      
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
    }
    #select-location ol li span {
      text-transform: uppercase;      
    }
    #select-location ol li input {
      display: block;
      float: left;    
    }
    #select-location ol li address {
      display: block;
      float: left;
      width: 205px;
      margin-left: 10px;      
    }
    #select-location ol li address span {
      display: block;
      margin-top: -15px;
    }
    #select-location ol li address span.street {
      margin-top: 0px;
      
    }
    #select-location h4 {
      background: transparent url('http://assets.tijuanaflats.local/images/sprite-flatheads.png') 20px -400px no-repeat;
      text-indent: -999em;
      height: 25px;
      margin: 0;
    }
    #select-location p {
      text-align: center;
      margin: 5px 0;
      font-size: 1.1em;
    }
    .scriptable #select-location p {
      font-size: 1em;
    }
    
    
/*  CONGRATS FLAT SECTION SELECTOR
    --------------------------------------------  */
    #flats-wrap #congrats {
      margin: 0;
      font-size: 1em;
      text-align: center;
    }
    #flats-wrap #congrats h4 {
      background-position: -8px -123px;
      height: 115px;
    }
    #congrats p#add-another,
    #congrats #congrats-twitter,
    #congrats #congrats-facebook {
      margin: 0 auto;
      width: 158px;
      color: rgb(0,0,0);

      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
    }
    #congrats #congrats-twitter {
      width: 155px;
    }
    #congrats p {
      font-size: 1em; 
      margin: 10px 0;     
    }
    .scriptable #congrats p {
      font-size: 1.3em;    
    }
    #congrats #congrats-facebook {
      margin-top: 20px; 
    }
    #congrats #congrats-facebook,
    #congrats #congrats-twitter {
      margin-bottom: 10px;
      text-align: right;
      font-size: 0.85em;
      background: rgba(24,137,19,0.2) url('http://assets.tijuanaflats.local/images/sprite-flatheads.png') -2px -454px no-repeat;
    }
    .scriptable #congrats #congrats-facebook,
    .scriptable #congrats #congrats-twitter {
      font-size: 1.1em;
    }
    #congrats #congrats-twitter {
      background-position: -2px -513px;
    }
    #congrats #congrats-facebook a,
    #congrats #congrats-twitter a {
      color: rgb(0,0,0);
      display: block;
      padding: 15px 15px 15px 5px;
    }
    #congrats #congrats-facebook a:hover,
    #congrats #congrats-twitter a:hover {
      color: rgb(255,255,255);
    }
    #congrats #add-another {
      width: 130px;
      background: none;
      display: block;
      margin: 10px auto;     
    }
    #congrats span#add-another a {
      font-size: 1.2em;
      color: rgb(255,255,255);
      background: rgb(24,137,19);
      display: block;
      font-size: 0.95em;
      border: 4px solid rgb(54,187,49);
      padding: 5px 0;

      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;

      -webkit-transition: background .4s ease-out;
      -moz-transition: background .4s ease-out;
    }
    .scriptable #congrats p#add-another a {
      font-size: 1.2em;
    }
    #congrats #add-another a:hover {
      background: rgb(0,0,0);

      -webkit-transition: background .4s ease-out;
      -moz-transition: background .4s ease-out;
    }
    
    
/*  LOCATIONS SECTION SELECTOR
    --------------------------------------------  */
    #location-wrap {
    }
    #location-wrap #find {
      background: transparent url('http://assets.tijuanaflats.local/images/sprite-location.png') 10px -1197px no-repeat;
      width: 200px;
      height: 340px;
      position: absolute;
      top: 245px;
      left: 156px;
      padding: 30px;
    }
    #find fieldset {
      padding: 0 10px;
    }
    #find h4 {
      background: transparent url('http://assets.tijuanaflats.local/images/sprite-location.png') 0 -17px no-repeat;
      height: 55px;
      text-indent: -999em;
    }
    #find p {
      text-align: center;
      line-height: 2em;
      margin: 20px 0;
    }
    .scriptable #find p {
      line-height: 1.4em;
      margin: 20px 0;
    }
    #find ol {
      overflow: hidden;
      margin: 0;
    }
    #find ol li {
      float: none;
      margin: 0 0 10px;
      width: 100%;
    }
    #find ol li#location-zip {
      width: 52%;
      margin-right: 10px;
      float: left;
    }
    #find ol li#location-zip input {
      width: 89%;
    }
    #find ol li#location-states {
      width: 30%;
      float: left;
      margin-left: 15px;
    }
    #find ol li#location-city {
      width: 94%;
    }
    #find ol li#location-city input {
      width: 90%;
    }
    #location-wrap #map-location {
      background: transparent url('http://assets.tijuanaflats.local/images/sprite-location.png') 10px -1667px no-repeat;
      height: 385px;
      padding: 30px;
      position: absolute;
      right: 23px;
      top: 214px;
      width: 442px;
      overflow: hidden;
    }
    #location-wrap #map-location.map-shell {
      background: none;
      height: 410px;
      overflow: hidden;
      padding: 20px;
      position: absolute;
      right: 21px;
      top: 215px;
      width: 465px;
    }
    #map-location #info {
      padding: 15px 30px 5px;
      width: 320px;
      margin: 80px auto 0;
      background: rgba(72,203,64,0.7);
      text-align: center;

      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
    }
    #map-location #info h4,
    #map-location #location-list h4 {
      background: transparent url('http://assets.tijuanaflats.local/images/sprite-location.png') 13px -128px no-repeat;
      text-indent: -999em;
      height: 38px;
    }
    #map-location #location-list h4 {
      background-position: 50px -235px;
      margin: 30px 0 20px;
      height: 80px;
    }
    #map-location #location-list ul {
      padding: 10px 0;
      overflow: auto;
      height: 230px;
    }    
    #map-location #location-list ul li {
      padding: 15px 40px 15px 70px;
      width: 200px;
      margin: 0 auto 10px;
      font-size: 0.75em;
      line-height: 1.5em;
      background: rgba(72,203,64,0.7);

      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      position: relative;
    }
    #location-list ul li strong {
      text-transform: uppercase;
    }
    #location-list ul li a {
      position: absolute;
      top: 11px;
      left: 10px;
      width: 47px;
      height: 45px;
      display: block;
      background: transparent url('http://assets.tijuanaflats.local/images/sprite-location.png') 0 -736px no-repeat;
      text-indent: -999em;     
    }
    #location-list ul li a:hover {
      background-position: -1px -810px;
    }


/*  ABOUT SECTION SELECTOR
    --------------------------------------------  */
    #about-wrap {
      background: transparent url('http://assets.tijuanaflats.local/images/sprite-about.png') 12px -101px no-repeat;
      height: 330px;
      left: 193px;
      padding: 30px;
      position: absolute;
      top: 231px;
      width: 260px;
    }
    #about-wrap h4 {
      background: transparent url('http://assets.tijuanaflats.local/images/sprite-about.png') 6px -21px no-repeat;
      height: 25px;
      margin: 5px 0 10px;
      text-indent: -999em;
    }
    #about-wrap p {
      text-align: center;
      line-height: 1.9em;
    }
    .scriptable #about-wrap p {
      line-height: 1.2em;
      font-size: 1.1em;
      width: 240px;
      margin: 0 0 0 15px;
    }
    #about-wrap a {
      color: rgb(255,255,255);
      display: block;
      padding: 7px 10px;
      font-size: 0.8em;
      background: rgb(24,137,19);
      display: block;
      border: 4px solid rgb(54,187,49);
      width: 145px;
      margin: 20px auto 0;

      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;

      -webkit-transition: background .4s ease-out;
      -moz-transition: background .4s ease-out;
    } 
    #about-wrap a:hover {
      background: rgb(0,0,0);

      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;

      -webkit-transition: background .4s ease-out;
      -moz-transition: background .4s ease-out;
    }
    #about-wrap a {
      font-size: 1.3em;
    }

/*  JUST IN QUESO SECTION SELECTOR
    --------------------------------------------  */
    #justin-wrap {
      background: transparent url('http://assets.tijuanaflats.local/images/sprite-jiq.png') 27px -347px no-repeat;
      height: 436px;
      left: 257px;
      padding: 160px 50px 30px;
      position: absolute;
      top: 166px;
      width: 330px;
    }
    #justin-wrap h4 {
      color: rgb(255,255,255);
      position: absolute;
      top: 8px;
      left: 135px;
    }
    .scriptable #justin-wrap h4 {
      font-size: 1.2em;
    }
    #justin-wrap #counter {
      background: transparent url('http://assets.tijuanaflats.local/images/sprite-jiq.png') 9px -49px no-repeat; 
      left: 0;
      padding-left: 44px;
      position: absolute;
      top: 34px;     
    }
    #justin-wrap #counter p {
      overflow: hidden;
      padding: 0;
    }
    #justin-wrap .count-0,
    #justin-wrap .count-1,    
    #justin-wrap .count-2,    
    #justin-wrap .count-3,    
    #justin-wrap .count-4,
    #justin-wrap .count-5,
    #justin-wrap .count-6 {
      background: transparent url('http://assets.tijuanaflats.local/images/sprite-jiq.png') 0 -174px no-repeat;
      width: 48px;
      height: 71px;
      display: block;
      float: left;
      text-indent: -999em;
    }
    #justin-wrap h5 {
      background: transparent url('http://assets.tijuanaflats.local/images/sprite-jiq.png') 9px -23px no-repeat;
      height: 25px;
      margin: 10px 0 5px;
      text-indent: -999em;
    }
    #justin-wrap p {
      line-height: 1.5em;
      font-size: 0.9em;
      color: rgb(255,255,255);
      padding: 0 20px;
    }
    .scriptable #justin-wrap p {
      font-size: 1.1em;
      line-height: 1.4em;
    }
    #justin-wrap a {
      color: rgb(255,255,255);
      display: block;
      padding: 7px 10px;
      font-size: 0.8em;
      background: rgb(0,0,0);
      display: block;
      border: 4px solid rgb(213,23,0);
      width: 126px;
      margin: 0 auto;

      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;

      -webkit-transition: background .4s ease-out;
      -moz-transition: background .4s ease-out;
    } 
    #justin-wrap a:hover {
      background: rgb(166,26,0);

      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;

      -webkit-transition: background .4s ease-out;
      -moz-transition: background .4s ease-out;
    }
    .scriptable #justin-wrap a {
      font-size: 1.2em;
    }


/*  CONTACT SECTION SELECTOR
    --------------------------------------------  */
    #contact-wrap {
      width: 454px;
      height: 314px;
      position: absolute;
      top: 256px;
      right: 46px;
      padding: 30px;
      background: transparent url('http://assets.tijuanaflats.local/images/sprite-contact.png') -14px -203px no-repeat;
    }
    #contact-wrap h4 {
      height: 25px;
      background: transparent url('http://assets.tijuanaflats.local/images/sprite-contact.png') 2px -14px no-repeat;
      text-indent: -999em;
      margin: 0;
    }
    #contact-wrap form {
      margin: 10px 0;
    }
    #contact-wrap p {
      text-align: center;
      font-size: 1.1em;
      margin: 0 0 15px;
      padding: 0 10px;
    }
    #contact-wrap ol {
      float: left;
      margin-right: 5px;
    }
    #contact-wrap ol li,
    #contact-details p select,
    #contact-details textarea {
      margin: 0 10px 10px 0;
      display: block;
      width: 140px;
      border: 5px solid rgb(54,187,49);

      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
    }
    #contact-wrap ol li:hover {
      border: 5px solid rgb(0,0,0);

      -webkit-transition: border .4s ease-out;
      -moz-transition: border .4s ease-out;
    }
    #contact-wrap ol li input {
      border: 0 none;
      font-weight: 700;
      padding: 7px 5px;
      width: 130px;
    }
    #contact-details {

    }
    #contact-details p {
      padding: 0;
      text-align: left;
      margin-bottom: 0;
    }
    #contact-details p select,
    #contact-details textarea {
      padding: 6px 5px 5px;
      width: 265px;
      margin-left: 0;
    }
    #contact-details textarea {
      margin: 0;
      width: 245px;
      height: 50px;
    }
    #contact-wrap #add-list {

    }
    #contact-wrap form button {
      color: rgb(255,255,255);
      display: block;
      padding: 0 10px 5px;
      font-size: 1.1em;
      background: rgb(24,137,19);
      display: block;
      border: 4px solid rgb(54,187,49);
      width: 85px;
      margin: 5px auto 0;
      position: absolute;
      bottom: 29px;
      right: 42px;

      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;

      -webkit-transition: background .4s ease-out;
      -moz-transition: background .4s ease-out;
      cursor: pointer;     
    }
    .scriptable #contact-wrap form button {
      font-size: 1.3em;
    }
    #contact-wrap form button:hover {
      background: rgb(0,0,0);

      -webkit-transition: background .4s ease-out;
      -moz-transition: background .4s ease-out;      
    }
    #contact-wrap p#add-list {
      position: relative;
      margin: 5px 0 0;
      padding: 15px 0 10px 196px;
      text-align: left;
      font-size: 0.85em;
      font-weight: 700;
    }
    #contact-wrap p#add-list span {
      display: block;
      padding: 3px 0px 3px 3px;
      background: rgb(54,187,49);
      display: block;
      border: 2px solid rgb(54,187,49);
      width: 25px;
      position: absolute;
      top: 10px;
      right: 235px;

      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;

      -webkit-transition: background .4s ease-out;
      -moz-transition: background .4s ease-out;
    }
    #contact-wrap p#add-list span:hover {
      background: rgb(0,0,0);
      border: 4px solid rgb(0,0,0 );

      -webkit-transition: background .4s ease-out;
      -moz-transition: background .4s ease-out;
    }
    #contact-wrap #contact-job {
      width: 121px;
      height: 60px;

      color: rgb(255,255,255);
      display: block;
      padding: 5px 10px 5px;
      font-size: 0.9em;
      background: rgb(24,137,19);
      display: block;
      border: 4px solid rgb(54,187,49);
      margin: 5px auto 0;
      position: absolute;
      bottom: 25px;
      left: 42px;

      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;

      -webkit-transition: background .4s ease-out;
      -moz-transition: background .4s ease-out;
      text-align: center;
    }
    #contact-wrap #contact-job h4 {
      background: transparent url('http://assets.tijuanaflats.local/images/sprite-contact.png') -4px -104px no-repeat;
      text-indent: -999em;
      margin: 2px 0 0;
      height: 20px;
    }
    #contact-wrap #contact-job a {
      color: rgb(255,255,255);
      font-size: 1.2em;
    }