/*
 * store.css Styles for the front-end store section of the site
 */

/* GENERAL FRAMEWORK (cardboard background and dirt) */

.store-page {
}

#store-page-upper {
  /*background: url('images/local_home_bg_top.png') 0px 0px no-repeat;  */
  /*padding-top: 60px;*/
  height: 630px;
}

#store-page-upper .left-border {
    background: url('images/store_home-upper_left.png');
    width: 4px;
    height: 100%;
    float: left;
}

#store-page-upper .center {
    background: url('images/store_home-upper_center.jpg');
    width: 942px;
    height: 100%;
    float: left;
}

#store-page-upper .right-border {
    background: url('images/store_home-upper_right.png');
    width: 4px;
    height: 100%;
    float: left;
}

#store-page-lower {
    height: 1105px;
}

#store-page-lower .left-border {
  background: url('images/store_home-lower_left.png') 0px 0px;  
  width: 4px;
  height: 100%;
  float: left;
}

#store-page-lower .center {
  background: url('images/store_home-lower_center.jpg') 0px 0px;  
  width: 942px;
  padding-top: 30px;
  height: 1075px;
  float: left;
}

#store-page-lower .right-border{
  background: url('images/store_home-lower_right.png') 0px 0px;  
  width: 4px;
  height: 100%;
  float: left;
}


/* INFO BLOCK (Location and Photo Slideshow) */

  #store-page-info-block {
    height: 470px;       
    position: relative;
    left: 0px;    
    top: 130px;
  }
  
  #store-page-location {
      color: #e3d2a9;
      text-decoration: none;
      font-family: 'AsapBold';
      z-index: 3;
      position: relative;
      top: 85px;
      height: 310px;
  }

    #store-page-info-block-name {
      font-family: 'ChangingMedium';
      font-weight: normal;
      font-size: 23px;/* 2em; */
      color: #f1a540;
      margin-bottom: 5px;
      text-transform: uppercase;
      width: 230px;
      height: 50px;
      line-height: 1.3;
    }
      
    #store-page-info-block-phone {
      margin-left: 50px; 
      margin-bottom: 10px;
      width: 180px;
      height: 50px;
      margin-top: 5px;
    }

    #store-page-info-block-address {
      margin-left: 50px;
      margin-bottom: 5px;
      margin-top: 0px;
      width: 185px;
      height: 55px;
    }
    
    #store-page-location .map-link a {
      position: absolute;
      top: 126px;
      left: -2px;
      display: block;
      height: 40px;
      width: 40px;
      background-color: transparent;
    }

    .map-link {
      margin-bottom: 25px;
    }
    
    #store-page-info-block-hours {
      margin-left: 50px;   
      margin-bottom: 10px;      
      width: 185px;
      height: 70px;
    }

    #store-page-info-block-hours p {
        margin-bottom: 0px;
    }

    
    
    #fishbowl-link {
      display: block;
      background: transparent;
      height: 35px;
      width: 215px;
      top: 0px;
      left: 0px;
    }

/* PHOTOSHOW */

  #store-page-photoshow {
    /*background: url('images/photo_slideshow_bg.png') no-repeat;    */
    z-index: 4;
    height: 473px;
    /*top: 130px;*/
  }
  
  #store-page-photoshow .view-content {
    top: 30px; /* was 36px;*/
    left: 49px; /* was 60px; */
    position: relative;
  }

  #store-page-photoshow .view-content img {
      border-radius: 10px;
  }

  #store-page-photoshow .views_slideshow_pause {
    display: none;
  }

  .storeslideshow {
      width: 354px;
      height: 241px;
      background: transparent;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      zoom: 1;
      z-index: 4;
  }
  
  .views_slideshow_controls a {
    display: block;
    height: 30px;
    width: 30px;
    opacity: 0.5;
    position: relative;
  }
  
  .views_slideshow_previous {
    top: 13px /* was 15px; */
    left: 295px;
  }
  
  .views_slideshow_next {
    top: -19px; /* was -15px; */
    left: 353px;
  }

/* HAPPENING BLOCK */


  #store-page-happening-block {
    position: relative;
    top: -20px;
    height: 580px;
    overflow: hidden;
  }
  
/* WHAT'S  ON */
  
  #store-page-goingon-block {
    background: url('images/going_on_bg.png') no-repeat; 
    height: 595px;         
    position: relative;
    top: -20px;
    width: 340px;
  }

    .goingon-feed-block {
      position: absolute;
      margin: 0px 20px 0px 20px;
      top: 175px;
      width: 275px;
      height: 320px;
      background: transparent;
    }
    
    .goingon-feed-block.facebook {
      display: none;
    }
  
      .goingon-feed-block .views-row {
            font-family: "AsapBold";
            color: #633F1E;
            width: 235px;
            padding: 10px 0 10px 35px;
            font-size: 0.85em;
            overflow: hidden;
            line-height: 12px;
		  	width: 95%;
            border-bottom: 1px #dfd0b2 dashed;
      }

      .goingon-feed-block .views-row .views-field-php {
        margin-top: 0px;
        line-height: 12px;
      }

      .goingon-feed-block .views-row .views-field-php-1 {
        height:12px;
        line-height: 12px;
      }
      .goingon-feed-block .views-row.facebook {
               background: url('images/going_on_bullet_fb.png') 0px 17px no-repeat;
 
      }  

      .goingon-feed-block .views-row.twitter {
               background: url('images/going_on_bullet_tw.png') 0px 17px no-repeat;
 
      }  

        .goingon-feed-block a {
          color: #e09811;
          text-decoration: none;
        }
        
     .goingon-nav-block {
       position: relative;
       top: 520px;
       left: 20px;
     } 
       
     .goingon-nav {
        width: 90px;
        height: 27px;
        float: left;
        font-family: "AsapRegular";
        font-weight: normal;
        color: #633F1E;
        line-height: 27px;
     }
     
     .goingon-nav a, .goingon-nav a:hover {
       text-decoration: none;
       color: #633F1E;
     }

     #goingon-facebook {
      display: block;
      width: 100px;
        padding-left: 30px;
      height: 27px;
      background: url('images/going-on-link-facebook.jpg') 0px no-repeat; 
     }

     #goingon-twitter {
      display: block;
      width: 100px;
        padding-left: 30px;
      height: 27px;
      background: url('images/going-on-link-twitter.jpg') 0px no-repeat; 
     }
     
     #goingon-ig {
      display: block;
      width: 100px;
        padding-left: 30px;
      height: 27px;
      background: url('images/going-on-link-ig.jpg') 0px no-repeat; 
     }
     
     
 /* STORE INFORMATION BLOCK */

#store-page-store-information-block {
  height: 530px;
  background: url('images/store_info_bg.png') 45px no-repeat;
} 

.store-info-tabs {
  padding-top: 172px;
  padding-left: 45px;
}

.store-information-tab {
  font-family: "AsapRegular";
  font-size: 1.2em;
  color: #f1e7d0;
  background: #557355;
  height: 42px;
  width: 95px;
  position: relative;
  text-align: center;
  line-height: 42px;
  float: left;
  margin-left: 20px;
}

.rounded-top-15 {
   -moz-border-top-left-radius: 15px;
   -moz-border-top-right-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -khtml-border-top-left-radius: 15px;
    -khtml-border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}




.store-information-tab.active {
  color: #48321d;
  background: #efe4c4;
}

.store-information-text {
  display: none;
  height: 192px;
  width: 803px;
  padding: 25px;
  margin: 42px 45px 0 45px;
  font-family: "AsapRegular";
  font-size: 1.2em;
}

.store-information-text ul li {
  list-style: disc inside !important;
}

.store-information-text ol li {
  list-style: decimal inside !important;
}

.store-information-text.active {
  display: block;
  color: #48321d;
}
 

/* remove the delete checkbox since there is no need to remove an address we can just edit. */
#edit-locations-0-delete-location-wrapper {
  display: none;
}

#tout {
  display: none;
  height: 202px;
  width: 202px;
  position: relative;
  top: 400px;
  margin: auto;
  background: blue;
  z-index: 99;
}

#tout.comingsoon {
  background: url('images/tout_coming_soon.png') no-repeat;
  display: block;
}

#tout.tempclosed {
  background: url('images/tout_temp_closed.png') no-repeat;
  display: block;
}

/*#tout.renovation {
  background: url('images/tout_under_renovation.png') no-repeat;
  display: block;
}*/

.scrollable {
  position: relative;
}

.scrollable:focus {
  outline: 0;
}

.scrollable .viewport {
  position: relative;
  overflow: hidden;
}

.scrollable .viewport .overview {
  position: absolute;
}

.scrollable .scroll-bar {
  display: none;
}

.scrollable .scroll-bar.vertical {
  position: absolute;
  right: 0;
  height: 100%;
}

.scrollable .scroll-bar.horizontal {
  position: relative;
  width: 100%;
}

.scrollable .scroll-bar .thumb {
  position: absolute;
}

.scrollable .scroll-bar.vertical .thumb {
  width: 100%;
  min-height: 10px;
}

.scrollable .scroll-bar.horizontal .thumb {
  height: 100%;
  min-width: 10px;
  left: 0;
}

.not-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*Default skin*/

.scrollable.default-skin {
  padding-right: 10px;
  padding-bottom: 6px;
}

.scrollable.default-skin .scroll-bar.vertical {
  width: 6px;
}

.scrollable.default-skin .scroll-bar.horizontal {
  height: 6px;
}

.scrollable.default-skin .scroll-bar .thumb {
  background-color: black;
  opacity: 0.4;
  border-radius: 3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.scrollable.default-skin .scroll-bar:hover .thumb {
  opacity: 0.6;
}

/*Gray skin*/

.scrollable.gray-skin {
  padding-right: 17px;
}

.scrollable.gray-skin .scroll-bar {
  border: 1px solid gray;
  background-color: #d3d3d3;
}

.scrollable.gray-skin .scroll-bar .thumb {
  background-color: gray;
}

.scrollable.gray-skin .scroll-bar:hover .thumb {
  background-color: black;
}

.scrollable.gray-skin .scroll-bar.vertical {
  width: 10px;
}

.scrollable.gray-skin .scroll-bar.horizontal {
  height: 10px;
  margin-top: 2px;
}

/*Modern skin*/
.scrollable.modern-skin {
  padding-right: 17px;
}

.scrollable.modern-skin .scroll-bar {
  border: 1px solid gray;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-box-shadow: inset 0 0 5px #888;
  -webkit-box-shadow: inset 0 0 5px #888;
  box-shadow: inset 0 0 5px #888;
}

.scrollable.modern-skin .scroll-bar .thumb {
  background-color: #95aabf;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #536984;
}

.scrollable.modern-skin .scroll-bar.vertical .thumb {
  width: 8px;
  background: -moz-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #95aabf), color-stop(100%, #547092));
  background: -webkit-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -o-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -ms-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: linear-gradient(to right, #95aabf 0%, #547092 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=1 )";
}

.scrollable.modern-skin .scroll-bar.horizontal .thumb {
  height: 8px;
  background-image: linear-gradient(#95aabf, #547092);
  background-image: -o-linear-gradient(#95aabf, #547092);
  background-image: -moz-linear-gradient(#95aabf, #547092);
  background-image: -webkit-linear-gradient(#95aabf, #547092);
  background-image: -ms-linear-gradient(#95aabf, #547092);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=0 )";
}

.scrollable.modern-skin .scroll-bar.vertical {
  width: 10px;
}

.scrollable.modern-skin .scroll-bar.horizontal {
  height: 10px;
  margin-top: 2px;
}