@charset "utf-8";
/* CSS Document */

/* Gallery Starts */		

.ad-gallery .ad-image-wrapper {	position:relative; 	overflow:hidden;}
#ad-image-wrapper{	padding:0;}
.ad-gallery .ad-image-wrapper .ad-image {  position: absolute;  overflow: hidden;  top: 0;  left: 0;  z-index: 9;}
.ad-image-wrapper{	height:355px;	overflow:hidden;	margin-bottom:34px;}

/* Gallery Loader Starts */

.ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
}
.ad-gallery .ad-image-wrapper .ad-cont-menu {position: absolute;z-index: 12;top: 0px;left: 60px;width:200px;height:355px;background:#fff;opacity:0.5;filter:alpha(opacity=50)}
.ad-gallery .ad-image-wrapper .ad-contmenu {position: absolute;z-index: 12;top: 0px;left: 60px;width:200px;height:466px;background:#fff;opacity:0.5;filter:alpha(opacity=50)}
.ad-gallery .ad-image-wrapper .ad-menu {position: absolute;z-index: 12;top: 0px;left: 60px;width:200px;height:355px;}
.ad-gallery .ad-image-wrapper .ad-menu ul{list-style:none;width:190px; padding:5px;}
.ad-gallery .ad-image-wrapper .ad-menu li{list-style:none;display:block;background:url(images/bg-menu.jpg) top left repeat-x;text-indent:24px;}
.ad-gallery .ad-image-wrapper .ad-menu li a{list-style:none;display:block;color:#6e7083;font-size:13px;text-decoration:none;height:40px;line-height:40px;background:url(images/bg-menu-a.jpg) no-repeat;}
.ad-gallery .ad-image-wrapper .ad-menu li a:hover{background:url(images/bg-menu-a-sel.jpg) no-repeat;height:40px;line-height:40px;color:#8b93ab;text-decoration:none;}
.ad-gallery .ad-image-wrapper .ad-menu li a.current, .ad-menu li a:hover.current{list-style:none;display:block;background:url(images/bg-menu-a-sel.jpg) no-repeat;color:#8b93ab;font-size:13px;text-decoration:none;height:40px;line-height:40px;}
.ad-gallery .ad-image-wrapper .basic  {position: absolute;z-index: 12;top: 0px;left: 60px;width:200px;height:355px;}
.ad-gallery .ad-image-wrapper .basic div {	background-color: #eee;}

.ad-gallery .ad-image-wrapper .basic p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
	padding: 10px;
}
.ad-gallery .ad-image-wrapper .basic a {
	cursor:pointer;
	display:block;
	height:40px;line-height:40px;
	margin-top: 0;
	text-decoration: none;
	font-size: 13px;
	background:url(images/bg-menu.jpg) top left repeat-x;
}
.ad-gallery .ad-image-wrapper .basic a:hover {color:#8b93ab;text-decoration:none;background:url(images/bg-menu-a-sel.jpg) no-repeat;}
.ad-gallery .ad-image-wrapper .basic a.selected {color:#8b93ab;text-decoration:none;background:url(images/bg-menu-a-sel.jpg) no-repeat;}

/* Thumb Arrows Styles */
	.ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 60px;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 60px;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(images/non-existing.jpg)\9
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(images/ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(images/ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
	  .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0px;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: 0px;
      width: 25px;
	height:121px;
      display: block;
      background: url(images/arrow-left.jpg) 0px 0px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: 0px;
      width: 25px;
	height:121px;
      background: url(images/arrow-right.jpg) 0px 0px no-repeat;
    }
/* Gallery Nav Thumb List Styles Starts */	
.ad-nav{
	background:#e9e9e9;
	width:885px;
	height:121px;
	margin:0 auto;
	padding:0;
	position: relative;
}
.ad-thumbs{
	height:121px;
	width:835px;
	margin:0 auto;
}
/* Gallery Nav Thumb List UL Styles Starts */	
#gallery .ad-thumbs ul{
	margin:0;
}
	ul.ad-thumb-list{
		list-style:none;
		margin:0;
	}
	  .ad-gallery .ad-nav .ad-thumbs {
		  overflow: hidden;
		}
		  .ad-gallery .ad-thumbs .ad-thumb-list {
			float: left;
			width: 9000px;
			list-style: none;
		  }
			.ad-gallery .ad-thumbs li {
			  float: left;
			  padding-right: 8px;
			}
			  .ad-gallery .ad-thumbs li a {
				display: block;
			  }
				.ad-gallery .ad-thumbs li a img {
				  /* border: 1px solid #CCC;*/
				  display: block;
				}
				.ad-gallery .ad-thumbs li a.ad-active img {
				  /*border: 3px solid #616161;*/
				}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}

/* Gallery Ends */