/* http://www.menucool.com */
/*slider frame*/
#sliderFrame {
  position: relative;
  z-index: 0; }

#slider {
  background: url("loading.gif") no-repeat scroll 50% 50% transparent;
  height: 272px;
  position: relative;
  width: 677px;
  /* 	margin:0 auto;this makes the image slider center-aligned. Remove this line if you want to align the whole slider to the left side */ }

#slider img {
  position: absolute;
  border: none;
  visibility: hidden; }

/* the link style (if slide image is wrapped in a link) */
#slider a.imgLink {
  z-index: 5;
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  border: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%; }

/* ----------- thumbnails ----------- */
#thumbs {
  /*background:white url(thumbs-bar.gif) repeat-x 0 0; 
  border:1px solid white; text-align:center; 
  font-size:0px;
  line-height:45px; Setting the expected height to line-height fixes many IE8 erratic behaviours*/
  /* 	position:absolute; */
  /*     z-index:20; */
  /*     top:140px; */
  /*     margin-left:550px;position it in the middle of #sliderFrame */
  /*     width:220px; */ }

#thumbs .thumb {
  /*     width:60px;height:45px; */
  /*     cursor:pointer; */
  /*     text-align:center; */
  /*     border-left:1px solid #FFF; border-right:1px solid #DDD;  */
  /*     display:inline-block; */
  /*     *display:inline;zoom:1; IE Hack */ }

#thumbs .thumb-on {
  background-image: url(active-bg.png); }

#thumbs .thumb img {
  vertical-align: middle; }

/* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
  position: absolute;
  width: 190px;
  height: auto;
  padding: 20px;
  right: 30px;
  /* or left: ??px; */
  bottom: 30px;
  /* or top: ??px; */
  z-index: 3;
  overflow: hidden;
  font-size: 0;
  display: none; }

div.mc-caption-bg {
  background-color: White;
  /*Caption background color. Can be set to "background:transparent;", or set to semi-transparent through the sliderOptions.captionOpacity setting in the javascript.*/
  border-radius: 5px;
  display: none; }

div.mc-caption {
  font: bold 15px/20px Arial;
  color: #000000;
  z-index: 4;
  padding: 0px;
  text-align: center;
  display: none; }

div.mc-caption a {
  color: #66FFFF;
  display: none; }

/* ------ built-in navigation bullets wrapper ------*/
div.navBulletsWrapper {
  top: 200px;
  margin-left: 500px;
  /* Its position is relative to the #slider. Don't set #slider "overflow:hidden;" if bullets are to be positioned outside of the #slider. */
  /* 	width:150px; */
  background: none;
  position: relative;
  z-index: 50;
  cursor: pointer; }

/* each bullet */
div.navBulletsWrapper div {
  width: 11px;
  height: 11px;
  background: transparent url(../images/bullet.png) no-repeat 0 0;
  float: left;
  overflow: hidden;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
  /* distance between each bullet*/
  _position: relative;
  /*IE6 hack*/
  z-index: 50; }

div.navBulletsWrapper div.active {
  background-position: 0 -11px; }

/* ----------- navigation buttons in the thumbnails bar ---------- */
a.group2-Prev {
  width: 16px;
  height: 16px;
  background: transparent url(../images/previous.png) no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  /*IE hack*/
  margin-left: 485px;
  vertical-align: middle;
  cursor: pointer;
  z-index: 20;
  position: absolute;
  top: 199px; }

a.group2-Next {
  width: 16px;
  height: 16px;
  background: transparent url(../images/next.png) no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  /*IE hack*/
  margin-left: 617px;
  vertical-align: middle;
  cursor: pointer;
  z-index: 20;
  position: absolute;
  top: 199px; }

a.group2-Pause {
  width: 16px;
  height: 16px;
  background: transparent url(../images/pause.png) no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  /*IE hack*/
  margin-left: 635px;
  vertical-align: middle;
  cursor: pointer;
  z-index: 20;
  position: absolute;
  top: 199px; }

a.group2-Play {
  width: 16px;
  height: 16px;
  background: transparent url(../images/play.png) no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  /*IE hack*/
  margin-left: 635px;
  vertical-align: middle;
  cursor: pointer;
  z-index: 20;
  position: absolute;
  top: 199px; }

/* --------- Others ------- */
#slider {
  transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0); }