
/* Gallery styles */

#gallery{
  /* CSS3 Box Shadow */
  -moz-box-shadow:0 0 3px #AAAAAA;
  -webkit-box-shadow:0 0 3px #AAAAAA;
  box-shadow:0 0 3px #AAAAAA;

  /* CSS3 Rounded Corners */

  -moz-border-radius-bottomleft:4px;
  -webkit-border-bottom-left-radius:4px;
  border-bottom-left-radius:4px;

  -moz-border-radius-bottomright:4px;
  -webkit-border-bottom-right-radius:4px;
  border-bottom-right-radius:4px;

  border:1px solid white;

  /* The width of the gallery */
  overflow:hidden;
  margin: 0 auto;
}

#gallery #slides{
  /* jQuery changes the width later on to the sum of the widths of all the slides. */
  overflow:hidden;
}

#gallery .slide{
  float:left;
}

#gallery #menu{
  /* This is the container for the thumbnails */
  height:45px;
}

#gallery .ul{
  margin:0px;
  padding:0px;
  text-align: center;
}

#gallery .li{
  /* Every thumbnail is a li element */
  width:62px;
  display:inline-block;
  list-style:none;
  height:45px;
  overflow:hidden;
  vertical-align: top;
  margin-right: -4px;
}

#gallery .li.inact:hover{
  /* The inactive state, highlighted on mouse over */
  background:url(img/pic_bg.png) repeat;
}

#gallery .li.act,.li.act:hover{
  /* The active state of the thumb */
  background:url(img/active_bg.png) no-repeat;
}

#gallery .li.act a{
  cursor:default;
}

#gallery .fbar{
  /* The left-most vertical bar, next to the first thumbnail */
  width:2px !important;
  background:url(img/divider.png) no-repeat right;
}

#gallery .li a{
  display:block;
  background:url(img/divider.png) no-repeat right;
  height:35px;
  padding-top:7px;
}

#gallery a img{
  border:none;
}

.menuItem img {
  max-height: 38px;
  max-width: 56px;
}




#gallery .li_small{
  /* Every thumbnail is a li element */
  width:40px;
  display:inline-block;
  list-style:none;
  height:30px;
  overflow:hidden;
  vertical-align: top;
  margin-right: -4px;
}

#gallery .li_small.inact:hover{
  /* The inactive state, highlighted on mouse over */
  background:url(img/pic_bg.png) repeat;
}

#gallery .li_small.act,.li.act:hover{
  /* The active state of the thumb */
  background:url(img/active_bg_small.png) no-repeat;
}

#gallery .li_small.act a{
  cursor:default;
}

#gallery .li_small a{
  display:block;
  background:url(img/divider.png) no-repeat right;
  height:35px;
  padding-top:7px;
}


.li_small img {
  max-height: 23px;
  max-width: 40px;
}

#featured_homepage .button, #featured_category_page .button, #featured_product_page .button{
  padding: 0.28em 0.78em 0.28em 0.78em;
  cursor: pointer;
  border-radius: 7px !important;
  text-shadow: 0 -1px 0 #333;
  box-shadow: 2px 2px 3px 0 #cecece;
  font-size: 14px;
  border: 1px solid #2b6ea2;
  color: #fff !important;
  outline: none;
  background: #4485b2;
  cursor: pointer;
  background: -moz-linear-gradient(top,#4485b2 0%,#4485b2 50%,#2b6ea2 50%,#2b6ea2 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#4485b2),color-stop(50%,#4485b2),color-stop(50%,#2b6ea2),color-stop(100%,#2b6ea2));
  background: -webkit-linear-gradient(top,#4485b2 0%,#4485b2 50%,#2b6ea2 50%,#2b6ea2 100%);
  background: -o-linear-gradient(top,#4485b2 0%,#4485b2 50%,#2b6ea2 50%,#2b6ea2 100%);
  background: -ms-linear-gradient(top,#4485b2 0%,#4485b2 50%,#2b6ea2 50%,#2b6ea2 100%);
  background: linear-gradient(top,#4485b2 0%,#4485b2 50%,#2b6ea2 50%,#2b6ea2 100%);
}

#featured_homepage .button:hover, #featured_category_page .button:hover, #featured_product_page .button:hover{
  background:#4495ce;text-decoration:none;
  background:-moz-linear-gradient(top,#4495ce 0%,#4495ce 50%,#2b80c2 50%,#2b80c2 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4495ce),color-stop(50%,#4495ce),color-stop(50%,#2b80c2),color-stop(100%,#2b80c2));
  background:-webkit-linear-gradient(top,#4495ce 0%,#4495ce 50%,#2b80c2 50%,#2b80c2 100%);
  background:-o-linear-gradient(top,#4495ce 0%,#4495ce 50%,#2b80c2 50%,#2b80c2 100%);
  background:-ms-linear-gradient(top,#4495ce 0%,#4495ce 50%,#2b80c2 50%,#2b80c2 100%);
  background:linear-gradient(top,#4495ce 0%,#4495ce 50%,#2b80c2 50%,#2b80c2 100%);
}

#featured_homepage .fb-like, #featured_category_page .fb-like, #featured_product_page .fb-like{
  position: absolute;
  margin: 3px 0 0 140px;
  display: inline-block;
}
