﻿   /*---------------CAROUSEL----------------*/
	 .carousel_container {  }
     
	 a.prev { 	width: 20px; height: 20px; background: url('../../../images/rebrand/caro_buttons_prev.jpg') no-repeat; float:left; background-position:top; }
	 a.next{ width:20px; height:20px; background:transparent url('../../../images/rebrand/caro_buttons_next.jpg') no-repeat; float:right; background-position:top;}
	 
     .carousel_container a.prev:hover {width: 20px; height: 20px; background: url('../../../images/rebrand/caro_buttons_prev.jpg') no-repeat; float:left; background-position:bottom; }
	 .carousel_container a.next:hover {width:20px; height:20px; background:transparent url('../../../images/rebrand/caro_buttons_next.jpg') no-repeat; float:right; background-position:bottom; }
	
	 .carousel_container a.prevInactive { width: 20px; height: 20px; background: url('../../../images/rebrand/caro_buttons_prev.jpg') no-repeat; float:left; background-position:top;  }
	 .carousel_container a.nextInactive {  width: 20px; height: 20px; background: url('../../../images/rebrand/caro_buttons_next.jpg') no-repeat; float:left; background-position:top; }
	
	
	 .carousel_container .object { }

	 /* ----- You may also add custom selectors. -------------- */
	 .carousel_container .object h3 { }
	 .carousel_container .object div { }
	 .carousel_container .object p { }
	 .carousel_container .object a { }
	 .carousel_container .object a:hover { }
  	 
  	 .carousel_container span.thumb img { border: 1px solid #cbcabd; }
     .carousel_container { overflow: hidden; }
	 .carousel_container .img { background: none; border: 0px; }
	 .carousel_container .clear { clear: both; }
	 .carousel_container .wrap { overflow: hidden; position: relative; }
	 .carousel { left: 0px; position: relative; width: 10000px;  } 									
	 .carousel_container .object  { float: left; display: inline; position: relative; }
	 .carousel_container .thumb { overflow: visible; }
	 .carousel_container .thumb img { cursor: pointer; }
	 
	 .carousel_container { overflow: hidden; }
	 .carousel_container .img { background: none; border: 0px; }
	 .carousel_container .clear { clear: both; }
	 .carousel_container a.prev { display: block; position:relative; top:80px; }
	 .carousel_container a.next { display: block; position:relative; top:80px; }
	 .carousel_container .wrap { overflow: hidden; position: relative; }
	 .carousel_container .carousel { left: 0px; position: relative; width: 10000px;  } 									
	 .carousel_container .object  { float: left; display: inline; position: relative; }
	 .carousel_container .thumb { overflow: visible; }
	 .carousel_container .thumb img { cursor: pointer; }
	 
	 /*--------------ON TV CAROUSEL--------------------*/
	.on_tv .carousel_container {
			background-image: url(../../../images/rebrand/ontv_background.jpg); width:600px; height:196px;
			background-repeat:no-repeat;
			background-position:center;
			margin:0 auto;
			margin-bottom:10px;
			clear:both;
	  }
	.on_tv .wrap { width: 534px; left: 34px; *top:-20px; }
	.on_tv .object { width: 122px; padding-right:15px; }
	.on_tv .item { width:120px;}
	.on_tv .item a { color: #1e7bac; width: 122px; }
	.on_tv .item a:hover { color: #711F74; width: 122px; }
	.on_tv span.thumb { width: 120px; height: 92px; }
	.on_tv .item span.title { width: 120px; font-size:13px; color:#333; font-weight:bold; display:block; }
	.on_tv .item span.chef {  width: 120px; font-size:11px; color:#333; font-weight:bold; display:block; margin-bottom:10px; }
	.on_tv .item span.program a { width: 120px; font-size:13px; *font-size:11px; color:#207bac; display:block; }
	.on_tv .item span.program a:hover { width: 120px; font-size:13px; *font-size:11px; color:#711F74; display:block; }


