/* Netsuite CSS */
#server_commands {display:none !important}
#div__body,#div__header {
    margin: 0 !important;
}

.header .nav > li:last-child {
	display: none;
}

.header-top div ul li:first-child a {
    border-right: medium none !important;
}

.header-top div ul li:nth-child(2) a {
    border-left: 1px solid grey;
}

.nonborderbox * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.carousel .item {
    -webkit-transition: opacity 3s; 
    -moz-transition: opacity 3s; 
    -ms-transition: opacity 3s; 
    -o-transition: opacity 3s; 
    transition: opacity 3s;
}
.carousel .active.left {
    left:0;
    opacity:0;
    z-index:2;
}
.carousel .next {
    left:0;
    opacity:1;
    z-index:1;
}


#main input[type="text"], #main input[type="password"], #main input[type="datetime"], #main input[type="datetime-local"], #main input[type="date"], #main input[type="month"], #main input[type="time"], #main input[type="week"], #main input[type="number"], #main input[type="email"], #main input[type="url"], #main input[type="search"], #main input[type="tel"], #main input[type="color"] {
    line-height: normal;
    height: 25px;
}

#main input[type="text"], #main input[type="password"], #main input[type="datetime"], #main input[type="datetime-local"], #main input[type="date"], #main input[type="month"], #main input[type="time"], #main input[type="week"], #main input[type="number"], #main input[type="email"], #main input[type="url"], #main input[type="search"], #main input[type="tel"], #main input[type="color"] {
    height: 25px;
}

/**
 * Store Locator CSS
 **/

/* Infowindow Roboto font override */
.gm-style div,
.gm-style span,
.gm-style label,
.gm-style a {
  font-family: Arial, Helvetica, sans-serif;
}

.container .bh-sl-map-container {
/*			clear: left;
    float: left;*/
    margin-top: 27px;
/*			height: 530px;
    width: 70%;*/
    border: 0px dotted #DEDEDE;
}

.container .bh-sl-map-container a {
    color: #286090;
    text-decoration: none;
}

.container .bh-sl-map-container a:hover,
.container .bh-sl-map-container a:active {
  text-decoration: underline;
}

.container .bh-sl-loc-list {
    height: 530px;
    overflow-x: auto;
    font-size: 11px;
}

.container .bh-sl-loc-list ul {
  display: block;
  clear: left;
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

.container .bh-sl-loc-list ul li {
  display: block;
  clear: left;
  float: left;
  margin: 0% 0%;
  cursor: pointer;
  width: 92%;
  border: 1px solid #ffffff;
  /* Adding this to prevent moving li elements when adding the list-focus class*/
}

.container .bh-sl-loc-list .list-label {
    float: left;
    margin: 10px 0 0 6px;
    padding: 2px 3px;
    width: 10%;
    max-width: 25px;
    text-align: center;
    background: #286090;
    color: #ffffff;
    font-weight: bold;
}

.container .bh-sl-loc-list .list-details {
    float: left;
    margin-left: 6px;
    width: 80%;
}

.container .bh-sl-loc-list .list-details .list-content {
    padding: 8px;
}

.container .bh-sl-loc-list .list-details .loc-dist {
    font-weight: bold;
    font-style: italic;
    color: #8e8e8e;
}

.container .bh-sl-loc-list .list-focus {
    border: 1px solid rgba(73, 119, 191, 0.4);
    -moz-box-shadow: 0 0 8px rgba(73, 119, 191, 0.4);
    -webkit-box-shadow: 0 0 8px rgba(73, 119, 191, 0.4);
    box-shadow: 0 0 8px rgba(73, 119, 191, 0.4);
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

.container .bh-sl-loc-list .bh-sl-close-directions-container {
    width: 100%;
    height: 20px;
    position: relative;
}

.container .bh-sl-loc-list .bh-sl-close-directions-container .bh-sl-close-icon {
    top: 0;
    right: 6px;
}

.container .bh-sl-loc-list .bh-sl-noresults-title {
  font-weight: bold;
  color: #023E75;
}

.container .loc-name {
  /* Picked up by both list and infowindows */
  color: #023E75;
  font-weight: bold;
}

.container .bh-sl-map {
    height: 530px;
}

/* Modal window */
.bh-sl-overlay {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background: url(../img/overlay-bg.png) repeat;
}

.bh-sl-overlay .bh-sl-modal-window {
  position: absolute;
  left: 50%;
  margin-left: -460px;
  /* width divided by 2 */
  margin-top: 60px;
  width: 920px;
  height: 590px;
  z-index: 10010;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 0 10px #656565;
}

.bh-sl-overlay .bh-sl-modal-window .bh-sl-modal-content {
  float: left;
  padding: 0 22px;
  /* there's already a margin on the top of the map-container div */
}

.bh-sl-overlay .bh-sl-modal-window .bh-sl-close-icon {
  top: -6px;
  right: -6px;
}

.bh-sl-close-icon {
  position: absolute;
  width: 18px;
  height: 18px;
  cursor: pointer;
  background: #2c2c2c url(../img/close-icon.png) 3px 3px no-repeat;
  border: 1px solid #000000;
  border-radius: 3px;
  box-shadow: 0 0 3px #656565;
}

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}