/* ---
	Site: common carousel styles
	Author: Ben Copping
	Version: 2010.21.06
---*/
.carousel-absent {
	margin-left: 24px;
}

.carousel-absent a span.play {
	display: block;
}

#clips {
	margin: 0;
	overflow: hidden;
	zoom: 1;
	padding-bottom: 16px;
	color: #FFF;
	background: #CCC;
}

#clips h2 {
	font-size: 2em;
	line-height: 1em;
	padding: 0 0 10px 0;
	color: #FFF;
}

#clips #clips-outer-container {
	float: left;
	width: 778px;
	position: relative;
}

/** Vid/Audio tabs for Media Carosuel **/
#clips #clips-outer-container #media-tabs {
	position: absolute;
	top: 0px;
	right: 25px;
	width: 200px;
}

#clips #clips-outer-container #media-tabs li {
	float: left;
	width: 100px;
	background: #443B22;
	text-align: center;
	height: 50px;
	padding-top: 5px;
}

#clips #clips-outer-container #media-tabs li:hover {
	background: #746F51;
}

#clips #clips-outer-container #media-tabs li a {
	color: #fff;
	font-size: 1.6em;
	font-weight: bold;
}

#clips #clips-outer-container #media-tabs li a:hover {
	text-decoration: none;
}

#clips #clips-outer-container h2 span.clips-count {
	font-size: 0.9em;
}

#clips #clips-outer-container h2 {
	padding-left: 24px;
}

#clips #introResource {
	width: 146px;
	float: left;
	padding-right: 13px;
}

#introResource a {
	display: block;
	height: 140px;
	width: 144px;
}

#introResource a:hover {
	text-decoration: none;
}

#introResource a {
	color:#fff;
	}

#introResource span {
	display: inline-block;
	padding: 2px 7px;
	font-size: 1.3em;
	line-height: 1.3em;
}

/*-- overwrite basic carousel control styles --*/
.carousel-light .carousel-nav {
	background: none !important;
	background-repeat: no-repeat;
	width: 23px !important;
	height: 80px !important;
	display: block;
	outline: none;
}

#clips-outer-container a.carNext,
#clips-outer-container a.carPrev {
	top: 35px;
}

.carousel-light .carousel-nav span {
	background-image: none !important
}

#clips .box {
	background: none;
	margin: 14px 6px 0 16px;
}

#clips .carousel-light .carousel-window {
	background: none !important;
	width: 755px !important;
	padding-left: 25px;
}

#clips div.clips-container {
	overflow: hidden;
	zoom: 1;
	list-style: none;
	float: left;
}

#listen div.carousel-window {
	padding-left: 24px
}

#clips div.clip-promo,#listenCarousel li {
	width: 144px;
	float: left;
	position: relative;
	margin: 0 2px 0 0;
}

#clips div.clip-promo {
	height: 140px;
}

#listenCarousel li {
	width: 135px;
	height: 135px;
	background: #a9a9a9;
	position: relative;
}

#listenCarousel li.carousel-pad {
	background: #F0F0F0;
}

/*-- clips heading --*/
#clips div.clip-promo h3 a {
	line-height: 1.3em;
	font-size: 1.3em;
	display: inline-block;
	background: none !important;
	height: 138px;
}

#clips div.clip-promo h3 a b,#listenCarousel li h3 a b,
#clips div.clip-promo h3 a span.clip-title {
	padding: 2px 7px;
	display: block;
}

#clips div.clip-promo .short-synopsis { display: none; }

#clips div.clip-promo h3 a:hover {
	text-decoration: none;
}

#listenCarousel li h3 a {
	font-size: 1.3em;
	line-height: 1.3em;
	color: #FFF;
	line-height: 1.3em;
	font-size: 1.3em;
	display: inline-block;
	font-weight: bold;
}

#listenCarousel li h3 a img,#clips .clip-promo h3 a img {
	position: relative;
	display: block;
}

/*-- clips broadcast date --*/
#clips div.clip-promo span.bDate,#listenCarousel li span.bDate {
	text-transform: uppercase;
	font-size: 1.1em;
	display: inline-block;
	bottom: 2px;
	left: 0;
	font-weight: bold;
	position: absolute;
	padding: 0 7px;
}

#listenCarousel li span.bDate {
	color: #4E4E4E;
}

#clips div.carNextFurniture,#clips div.carPrevFurniture {
	position: absolute;
	width: 28px;
	height: 65px;
	background: #f0f0f0;
	z-index: 100;
	bottom: 0;
}

#clips div.carPrevFurniture {
	left: 0;
}

#clips div.carNextFurniture {
	right: 0;
}

/*-- listen carousel content --*/
.col-b #listen.box .box-content {
	padding: 0;
	position: relative;
	width: 320px;
	height: 176px;
	margin: -40px 0 0 0;
}

.col-b #listen.box .box-content .carousel-light {
	width: 320px !important;
	position: relative;
}

.col-b #listen.box .box-content .carousel-window {
	margin: 40px 0 0 0;
	width: 298px !important;
}

/*-- listen carousel navigation position --*/
.col-b #listen.box .box-content .pageNav
	{
	position: absolute;
	right: 8px;
	top: 4px;
}

#clips-outer-container ul.pageNav {
	position: absolute;
	left: -10000px;
}

/*-- carousel dot navigation  --*/
.pageNav li.dot {
	display: inline-block;
	float: left;
	padding: 0 !important;
	height: 8px;
	overflow: hidden;
	width: 8px;
	background: #666;
	background-image: none;
	margin: 0 2px 0 0;
}

.pageNav li.dot .dotLabel {
	height: 8px !important;
	width: 8px;
	text-indent: -5000px;
	cursor: pointer !important;
}

.pageNav li.dotActive {
	background: #000
}

.pageNav li.dot:hover {
	background: #999
}

/*-- listen carousel previous/next  --*/
.col-b #listen.box .box-content .pageNav li#leftarrow,.col-b #listen.box .box-content .pageNav li#rightarrow,#clips .pageNav li#leftarrow,#clips .pageNav li#rightarrow
	{
	display: none;
}

.col-b #listen.box .box-content a.carNext,.col-b #listen.box .box-content a.carPrev
	{
	top: 40px;
	width: 22px !important;
}

.col-b #listen.box .box-content div.carPrevFurniture,.col-b #listen.box .box-content div.carNextFurniture
	{
	position: absolute;
	width: 22px;
	height: 60px;
	z-index: 100;
	bottom: 0;
	background: #F0F0F0
}

.col-b #listen.box .box-content div.carPrevFurniture {
	left: 0;
}

.col-b #listen.box .box-content div.carNextFurniture {
	right: 0;
	bottom: 0 !important;
}

a.carNext,a.carPrev {
	position: absolute;
	background-repeat: no-repeat;
	display: block;
	outline: none;
	z-index: 20;
}

a.carPrev {
	background-position: -10px -10px;
	left: 0 !important
}

a.carNext {
	background-position: -79px -10px;
	right: 0 !important
}

a.carPrev:hover {
	background-position: -33px -10px;
}

a.carNext:hover {
	background-position: -102px -10px;
}

a.carNext span,a.carPrev span {
	display: none;
}



#clips a.carNext,#clips a.carPrev {
	width: 23px;
	height: 80px;
}

#listen a.carNext,#listen a.carPrev {
	width: 22px;
	height: 80px;
}

#clips #clips-prevCar.dissabled,#clips #clips-nextCar.dissabled,#listen #listen-prevCar.dissabled,#listen #listen-nextCar.dissabled
	{
	cursor: default;
	opacity: 0.5;
	filter: alpha(opacity =   50);
}

#listen #listen-prevCar.dissabled:hover,#clips #clips-prevCar.dissabled
	{
	background-position: -10px -10px !important;
}

#listen #listen-nextCar.dissabled:hover,#clips #clips-nextCar.dissabled
	{
	background-position: -79px -10px !important;
}

/*-- col-b collections carousel --*/
.col-b #cb-collection.box .box-content {
	padding: 0;
	position: relative;
	overflow: hidden;
}

.col-b #cb-collection.box ul#cbc-carousel {
	width: 336px;
	overflow: hidden;
}

.col-b #cb-collection.box ul#cbc-carousel li {
	position: relative;
	float: left;
	display: inline-block;
	width: 174px;
	height: 218px;
	margin: 0 1px 0 0;
}

.col-b #cb-collection.box ul#cbc-carousel li div.cbc-carDesc {
	display: none;
}

.col-b #cb-collection.box #cbc-carDesc {
	position: absolute;
	z-index: 10;
	bottom: 0;
	left: 82px;
	height: 54px;
	width: 154px;
	background: url('/staticarchive/dc57a774fd95556bdec94d392ac2abd7fa9ce301.png') 0 0 repeat;
	padding: 8px 10px;
	display: none;
}

.col-b #cb-collection.box #cbc-carDesc h3 {
	font-size: 1.4em;
	line-height: 1.1em;
	padding: 0 0 3px 0;
}

.col-b #cb-collection.box #cbc-carDesc h3 a {
	color: #FFF;
}

.col-b #cb-collection.box #cbc-carDesc span {
	color: #FFF;
	font-size: 1.2em;
	line-height: 1.2em;
}

.col-b #cb-collection.box .carousel-nav,.col-a #ca-collection.box .carousel-nav
	{
	display: none;
}

.col-b #cb-collection.box #cbc-carousel {
	left: 82px;
}

#cb-collection a.carNext,#cb-collection a.carPrev,#ca-collection a.carNext,#ca-collection a.carPrev
	{
	width: 50px;
	height: 50px;
	bottom: 20px;
}

#cb-collection a.carPrev,#ca-collection a.carPrev {
	background-position: -476px -10px;
	left: 0 !important
}

#cb-collection a.carNext,#ca-collection a.carNext {
	background-position: -576px -10px;
	right: 0 !important
}

#cb-collection a.carPrev:hover,#ca-collection a.carPrev:hover {
	background-position: -526px -10px;
}

#cb-collection a.carNext:hover,#ca-collection a.carNext:hover {
	background-position: -626px -10px;
}

#cb-collection .carPrevFurniture,#cb-collection .carNextFurniture {
	position: absolute;
	height: 218px;
	width: 81px;
	z-index: 5;
	top: 0;
}

#cb-collection .carNextFurniture {
	right: 0;
}

#ca-collection .carPrevFurniture,#ca-collection .carNextFurniture {
	position: absolute;
	height: 390px;
	width: 156px;
	z-index: 5;
	top: 0;
	background: #FFF;
	opacity: 0.30;
	filter: alpha(opacity =   30);
}

#ca-collection .carPrevFurniture {
	left: 0;
}

#ca-collection .carNextFurniture {
	right: 0;
}

#ca-collection #cac-opac {
	position: absolute;
	height: 390px;
	width: 312px;
	z-index: 5;
	top: 0;
	left: 157px;
	background: #FFF;
	opacity: 0.30;
	filter: alpha(opacity =   30);
}

#clips #clips-outer-container { width: 788px; }
#clips #carousel-container {
	padding: 5px;
	width: 778px;
	float: left;
	min-height:140px;
}
#clips #clips-outer-container .carPrev {
	left: 5px !important;
}
#clips #clips-outer-container .carNext {
	right: 5px !important;
}

span.clip-count{display:block;color:#fff;position:absolute;z-index:23;height:35px;right:0;top:-5px;float:right;}
span.clip-count a{float:left;display:block;padding-top:5px;height:30px;width:110px;font-size:16px;font-weight:bold;text-align:center;outline:none;}
span.clip-count a b {font-size:19px;}