/* @override http://lh.wimgo.com/media/css/jquery.jcarousel.css */

/* @override http://lh.wimgo.com/media/css/jquery.jcarousel.css */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
 .tab-content .inner { position: static; }
 
.jcarousel-container {
    position: relative;
}

.jcarousel-clip-horizontal{
    height: 125px;
    overflow: hidden;
}
/* Carousel requires specified widths, basing on grid system */
.grid_8 .jcarousel-clip-horizontal{ width: 575px; }
.grid_4 .jcarousel-clip-horizontal{ width: 255px; }

.homeCarousel {
    padding: 0 8px;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0 20px;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,#restaurantForm  li,
.jcarousel-item {
    float: left;
    list-style: none;
    width: 134px;
    text-align: left;
    position: relative; z-index: 1;
    clear:none;
}
.jcarousel-list li a.thumb, .jcarousel-item a.thumb {
    color: #626262;
    border: 3px solid #FFF;
    display: block;
    width: 125px;
    height: 92px;
    overflow:hidden;
}
.jcarousel-list li img:hover,
.jcarousel-item img:hover {
    border-color: #69a1c9; 
}

#videosCar .jcarousel-clip-horizontal, .video-carousel .jcarousel-clip-horizontal {
    height: 240px;
    /* this used to be 199px*/
   
}
#video-carousel .jcarousel-li li, #video-carousel .jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 550px;
    height: 240px;
    margin: 0;
    text-align: left;
}
#video-carousel .jcarousel-li li h2, #video-carousel .jcarousel-item h2 {
    margin-top: 10px;
    font-size: 13px;
    font-weight: bold;
}
#video-carousel .jcarousel-li li p, #video-carousel .jcarousel-item p {
    font-size: 11px;
    color: #676767;
}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
 
 #photoCarousel .addPhoto { background: #fff; padding: 3px; }
 
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
.jcarousel-next-horizontal {
    position: absolute;
    z-index: 20;
    top: 50%;
    margin-top: -14px;
    right: 0;
    width: 20px;
    height: 28px;
    cursor: pointer;
    background: url(http://s3.amazonaws.com/wimgo/images/carousel_right.gif);
}

.jcarousel-prev-horizontal {
    position: absolute;
    z-index: 20;
    top: 50%;
    margin-top: -14px;
    left: 0;
    width: 19px;
    height: 28px;
    cursor: pointer;
    background: url(http://s3.amazonaws.com/wimgo/images/carousel_left.gif);
}
#videosCar .jcarousel-next-horizontal, #videosCar .jcarousel-prev-horizontal {
    top: 80px;
}
.jcarousel-prev-disabled, .jcarousel-next-disabled {
    background: transparent;
    cursor: default;
}
.reportIcon {
    display: none;
    position: absolute;
    width: 11px;
    height: 11px;
    text-indent: -5000px;
    background: url(http://s3.amazonaws.com/wimgo/images/exclamation.gif) no-repeat;
    right: 0;
    top: 0;
    z-index: 10;
}
.gallery .reportIcon {
    top: -14px;
    right: 3px;
}
.home .reportIcon {
    top: -14px;
    right: 3px;
}
.reportIcon:hover {
    background: url(http://s3.amazonaws.com/wimgo/images/exclamation_hover.gif) no-repeat;
}
.relative {
    position: relative;
}
.embededVideo {
    width: 266px;
    float: left;
    margin-right: 15px;
}

/* Carousel Basics */
.counter { font-size:11px; padding:2px 8px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; position:relative; bottom:2px; }
.header-links { position:absolute; top:10px; right:10px; }
.header-links img, .no-content img {display:inline;}
.photo-carousel li.jcarousel-item a.reportIcon {height: 11px; width: 11px;}
.jcarousel-list {display: block !important;}
.photo-carousel ul, .movieImagesCarousel, #now-showing-carousel, #coming-soon-carousel {display: none;} /* Hide images until page is loaded */

/* Photo Carousel */
.photo-carousel li.jcarousel-item {font-size: 11px; line-height: 1.2; width: 110px; margin: 15px 17px; }
	.grid_4 .photo-carousel li.jcarousel-item {  margin: 15px 9px;  }
.photo-carousel li.jcarousel-item a {display: block; height: 81px; margin-bottom: 4px; width: 110px; overflow: hidden;}
.photo-carousel li.jcarousel-item img {width: 110px; }

/* Video Carousel */
.video-mediashowcase { height: 235px; margin: 10px 15px; }
.video-carousel-container .jcarousel-clip-horizontal {height: 235px; margin: 10px 20px;  }
.video-carousel-container .jcarousel-item { height: 235px; width: 545px; display: block; margin: 5px 15px; }
.embededVideo { width: 266px;  float: left; margin-right: 15px; }
.video-title, .video-info { width: 265px; position: relative; z-index: 1; }

/* Movie Photos Carousel */
.moviePhotosContainer .jcarousel-clip-horizontal { height: 100px; }
.movieImagesCarousel .jcarousel-item { width: 110px; margin: 10px 9px; }
.movieImagesCarousel .jcarousel-item img { width: 110px; }

/* Movie Poster Carousel */
.movie-poster-carousel .jcarousel-clip-horizontal { height: 270px; width: 850px; margin: 0 40px; }
	.movie-poster-carousel .jcarousel-item { height: 250px; width: 140px; margin: 15px; text-align: center; }

	/* build dots beneath carousel*/
	.carousel-numbers-box {width: 100%; text-align: center; padding: 0; }
	.carousel-numbers-box ul {margin: 0 auto; padding: 0 0 6px; display: inline-block; text-align: center; height: 25px;}
	.carousel-numbers-box ul li {display: inline; }
	.carousel-numbers-box ul li a, .carousel-numbers-box ul li a:hover {color: #bbb;font-size:32px; line-height: 12px; font-family: Times, "Times New Roman", Georgia, serif; padding: 2px;margin: 0;text-decoration: none; }
	.carousel-numbers-box ul li a span {display: none; }
	.carousel-numbers-box ul li a.current-carousel-link {font-weight: bold;color: #666;}

/* Article Carousel */
.grid_8 .article-photo-container .jcarousel-clip,
.grid_8 .article-photo-container .jcarousel-clip-horizontal {height: 55px; margin-bottom: 10px; overflow: hidden; width: 264px;}
.article-photo-container .photo-carousel li.jcarousel-item {margin: 0 0 0 13px; width: 75px;}
.article-photo-container .photo-carousel li.jcarousel-item a {height: auto; margin-bottom: 0; width: auto;}
.article-photo-container .photo-carousel li.jcarousel-item img {width: 100%;}

/* Homepage Blog Carousel */
#blogscontainer .bd, #blogscontainer .carousel-numbers-box {overflow: visible;}
#blogscontainer .carousel-numbers-box { height: 30px; }
#blogscontainer div.jcarousel-clip.jcarousel-clip-horizontal { height: 200px; width: 294px; margin-left: 0;}
#blogscontainer .carousel-numbers-box ul { height: 31px; }
#blogscontainer .carousel-numbers-box ul li a,#blogscontainer  .carousel-numbers-box ul li a:hover {padding:4px 2px 10px 2px;color: #999; }
	#blogscontainer .carousel-numbers-box ul li a.current-carousel-link { color: #666;}
#blogscontainer .blog-carousel-prev, #blogscontainer .blog-carousel-next {
	position: absolute; padding: 10px 10px 8px; cursor: pointer; border-right: 1px solid #aaa; -webkit-box-shadow: 1px 0 0 #ddd; -moz-box-shadow: 1px 0 0 #ddd; box-shadow: 1px 0 0 #ddd; left: 0; }
	#blogscontainer .blog-carousel-next { left: auto; right: 0; border-right: 0; border-left: 1px solid #999; -webkit-box-shadow: 1px 0 0 #ddd inset; -moz-box-shadow: 1px 0 0 #ddd inset; box-shadow: 1px 0 0 #ddd inset; }
#blog-carousel li.basic-row p.blog-name { font-size: 14px; background-color: #f4f4f4;}
#blog-carousel li.basic-row h3 { padding-top: 6px; font-size: 16px;}
#blog-carousel li.basic-row p.blog-date { font-size: 10px; padding: 4px 0 0 10px;}
#blog-carousel li.basic-row p.blog-summary { padding-top: 6px; padding-bottom: 0;}
#blog-carousel li.basic-row p.blog-summary-readmore {margin: 0; padding: 3px 0 0 10px;}
#blog-carousel li.basic-row { height: 200px; background-image: none;}
#blog-carousel li.basic-row.image div.blog-img { height: 51px;}
#blog-carousel li.basic-row.image h3 { margin: 0;padding: 6px 10px 0;}
