@import url("../css/carousel.css");
/* TEMPORARY FIX - WHEN THERE IS NO ART FOR THE CAROUSEL DOT PAGINATION, CLICKING ON IT THROWS THE PAGE INTO A JAVASCRIPT ENDLESS LOOP 
                   UNTIL WE GET THE RIGHT ART FOR THE GREY SITE, WE WILL HIDE THIS AND JUST USE THE ARROWS FOR PAGINATION */
/*.carousel-page { visibility: hidden; }*/
.carousel-centerWell, .carousel { 
    overflow: hidden; 
    margin: 5px auto 0px; 
    width: 630px !important;
}
.fullWidth .carousel-view { 
    margin: 5px auto 0px; 
    width: 630px !important;
    overflow: hidden; 
    position: relative; 
 }
.boxPromo  .carousel-view { 
    width: 282px; 
    margin: 0px auto; 
 }
.boxInnerContent.promo.carouselPromo {
	background: url("../images_bz/mainContent/share_pageSprite.png") no-repeat scroll -4px bottom transparent;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.boxInnerContent  .carousel, .boxInnerContent .carousel-view { 
    width: 376px; 
 }
.boxInnerContent .carousel-view, .boxInnerContent .carousel-thumbs { 
    float: none; 
    padding: 0;
 }
/*
.mediumWidth, .smallWidth { 
    width: 630px !important;         
    margin: auto;
 }
*/ 
.carousel-thumbs { 
    width: 10000000px; 
    z-index: 1; 
    left: 0; 
    position: relative; 
    margin: 5px auto; 
    padding: 0; 
    position: relative; 
    overflow: hidden; 
  }
.carousel-thumbs li { 
    float: left; 
    overflow: hidden; 
    text-align: center; 
    padding: 0px 5px 0px 5px; 
    position: relative; 
    margin: 0 3px;
    display: inline; 
    padding: 0; 
  /* width: 88px; */
  }
.carousel-thumbs li a { 
    display: block; 
    color: #4d4d4d;
}
.carousel-thumbs li img { 
    display: block; 
    margin: 5px; 
    float: none; 
}
.carousel-thumbs li .frame { 
  position: absolute; 
  height: 88px; 
  width: 88px; 
  display: block; 
  top: 0px; 
  left: 0px; 
  }
.carouselPromo  .header {
	font-size: 20px;
	font-weight: normal;
	padding: 0 0 15px 25px;
}
.carouselPromo  .blurb {
    padding: 0 25px;
}
.mediumWidth .carousel-thumbs li {
    margin: 0 22px 0 23px;
    height: 150px;
    text-align: left;
    width: 160px; 
}  
.mediumWidth .carousel-thumbs li span {
    font-size: 14px;
}  
.mediumWidth .carousel-thumbs li .frame { 
  position: absolute; 
  width: 160px; 
  display: block; 
  top: 0px; 
  left: 0px; 
  height: auto;
  } 
.smallWidth .carousel-thumbs li {
    margin: 0 22px 0 23px;
    padding: 0;
    text-align: left;
    min-height: 120px;
    width: 80px;
}
.smallWidth .carousel-thumbs li .frame { 
  position: absolute; 
  height: 80px; 
  width: 80px; 
  display: block; 
  top: 0px; 
  left: 0px; 
} 
.smallWidth .carousel-thumbs li span { 
    display: block; 
    padding: 3px 5px 0px; 
    line-height: 15px; 
    width: 80px;
    font-size: 11px;
}
.smallWidth .carousel-page {
}
.carousel-thumbs li span {
    display: block;
    line-height: 15px;
    padding: 3px 5px 0;
}

.carousel-nav { 
    margin: 0px auto; 
    width: 130px; 
    clear: both; 
}
.carousel-prev, .carousel-next { 
    float: left; 
    z-index: 5;
}
.carousel-arrow.forward, .carousel-arrow.back { 
    width: 30px; 
    height: 26px; 
    overflow: hidden; 
    display: block; 
}
.carousel-prev span.enabled { }  
.carousel-next span.enabled { }

.carousel-page { 
    float: left; 
    width: 80px; 
    height: 26px; 
    text-align: center; 
    margin: 0; 
    padding: 0; 
}
.carousel-page li { 
    display: inline; 
    height: 26px; 
}
.carousel-page li span { 
    padding: 0px 3px 0 2px; 
    width: 7px; 
    height: 7px; 
    overflow: hidden; 
    float: none; 
    margin: 10px 0 0; 
    display: inline; 
    *padding: 5px 3px 3px 3px; 
}
.carousel-page li span em { 
    width: 7px; 
    height: 7px; 
}
.carouselNavHidden { 
    display: block !important; 
}
.mediumWidth .carousel-prev {
    position: absolute;
    top: 52px;
    left: 3px;
}
.mediumWidth .carousel-next {
    position: absolute;    
    top: 52px;
    right: 3px;
}
.smallWidth .carousel-prev {
    position: absolute;
    top: 33px;
    left: 3px;
}
.smallWidth .carousel-next {
    position: absolute;    
    top: 33px;
    right: -7px;
}
.carouselPromo .promoContent .solidRule  {
	border: none;
	margin-top: -20px;
}
.carouselHeader { 
    padding: 1px 0 0 6px; 
    background: none repeat scroll 0 0 #666666; 
}
.thumbnail_box_video { 
    display: block; 
    height: 92px; 
    position: absolute; 
    left: 0; CC
    top: 0; 
    width: 89px; 
}  
.videoThumb span { 
    padding: 5px 5px 0 !important; 
}
.videoImage { 
    padding-bottom: 20px; 
}
.carouselPromo .header,.featurePromo .header,.listPromo .header,.carouselRightRail .header,.boxPromo .header,.freeTextPromoCenter .header {
    background: none !important;
    color: #353535;
    padding: 0 5px 10px;
    font-weight: normal;
    border-bottom: 1px dashed #353535;
}
.carouselPromo .header a, .featurePromo .header a, .carouselRightRail .header a, .boxPromo .header a, .freeTextPromoCenter .header a {
	color: #353535;
	text-transform: lowercase;
}
.carouselPromo .promoContent h2 {
    font-size: 24px;
    letter-spacing: -.03em;
    color: #353535;
    font-weight: normal;
    line-height: 24px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    background: url("../images_bz/mainContent/share_pageSprite.png") no-repeat scroll -4px -1462px transparent;
}
.carouselPromo {
    padding-bottom: 15px;
}
.carousel-arrow {
    background: url("../images_bz/mainContent/share_pageSprite.png") no-repeat scroll -1px -1px transparent;
}
.page-dots {
    background-image: url(../images_bz/global/header/chunky_tab_sprites_new.png);
    background-position:  -6893px -338px;
}
.page-dots.enabled {
    background-position:  -6893px -338px;
}
.carousel-arrow.forward.enabled {
    background-position: -29px -31px;
}
.carousel-arrow.back.enabled {
    background-position: -30px 1px;
}
.carousel-arrow.forward.disabled {
    background-position: -6px -1px;
}
.carousel-arrow.back.disabled {
    background-position: -2px -33px;
}
/**** right rail carousel ***/
#rightRail .carouselRightRail .carousel {
    width: 300px !important;
    backgroud-color: #fff;
}
#rightRail .boxPromoContainer {

}
.carouselRightRail .carousel-view.smallWidth {
	width: 300px !important;
}
.carouselRightRail .carousel .carousel-view .smallWidth ul.carousel-thumbs {
}
.carouselRightRail .smallWidth .carousel-thumbs li {
	margin: 0 5px 0 6px;
	left: 5px;
}
.carouselRightRail .solidRule {
    display: none;	
}
.carouselRightRail .smallWidth .carousel-thumbs li .frame {
	height: auto;
}