/* Carousel */
/*Carousel skin*/
.jcarousel-container {
    margin-bottom: 25px;
}
#mycarousel li{
	background-color:#fff;
	position:relative;
}
.jcarousel-skin-tango .jcarousel-container {
    background: url(../../images/TTT/carousel_bg.gif) no-repeat;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 675px;
    padding: 10px 40px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  675px;
    height: 238px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 225px;
    height: 236px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
/* Scroll Boxes */
#mycarousel li .lozenge{
	width:208px;
	height:224px;
	display:block;
	margin-left:2px;
	padding:6px;
}
#mycarousel li .lozenge h2{
	color:#FFF;
	font-weight:normal;
	margin-bottom:8px;
	padding-left:8px;
}



#mycarousel li img{
	/*width:207px;*/
	margin-bottom:4px;
}

#mycarousel li.scrollbox3 img 
{
    margin-bottom:4px;
    *margin-bottom: 5px;
}
#mycarousel li.scrollbox1 .lozenge{
	background:url(../../images/ttt/scrollbox4_bg.gif) no-repeat;
	background-color:#DA2C00;
}
#mycarousel li.scrollbox1 .button{
	background-image:url(../../images/ttt/red_home_btn.gif);
	width:207px;
	height:28px;
	position:absolute;
	top:200px;
}
#mycarousel li.scrollbox2 .lozenge{
	background:url(../../images/ttt/scrollbox1_bg.gif) no-repeat;
	background-color:#457A00;
}
#mycarousel li.scrollbox2 .button{
	background-image:url(../../images/ttt/green_home_btn.gif);
	width:207px;
	height:28px;
}
#mycarousel li.scrollbox3 .lozenge{
	background:url(../../images/ttt/scrollbox3_bg.gif) no-repeat;
	background-color:#3366CC;
}
#mycarousel li.scrollbox3 .button{
	background-image:url(../../images/ttt/purple_mfl_home_btn.gif);
	width:207px;
	height:28px;
}
#mycarousel li.scrollbox4 .lozenge{
	background:url(../../images/ttt/scrollbox2_bg.gif) no-repeat;
	background-color:#215aaa;
}
#mycarousel li.scrollbox4 .button{
	background-image:url(../../images/ttt/blue_home_btn.gif);
	width:207px;
	height:28px;
}
#mycarousel li.scrollbox5 .lozenge{
	background:url(../../images/ttt/scrollbox4_bg.gif) no-repeat;
	background-color:#da2c00;
}

#mycarousel li.scrollbox5 .button 
{
    background-image:url(../../images/ttt/red_home_btn.gif);
    width:207px;
	height:28px;
}

#mycarousel li.scrollbox6 .lozenge{
	background:url(../../images/ttt/scrollbox3_bg.gif) no-repeat;
	background-color:#660066;
}

#mycarousel li.scrollbox6 .button{
	background-image:url(../../images/ttt/purple_home_btn.gif);
	width:207px;
	height:28px;
}
#mycarousel li.scrollbox1 .video{
	position:absolute;
	padding:2px 0px 0px 10px;
	z-index:1;
}

#mycarousel li.scrollbox5 .video {
    margin: 17px 0 13px 5px!important;
    *margin-bottom: 15px !important;
}
.hide{
	display:none;
}




/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 113px;
    right: 0px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    background:url(../../images/ttt/next_btn.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: 0 -22px;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: 0 -22px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    background-position: 0 -44px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 113px;
    left: 0px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    background:url(../../images/ttt/prev_btn.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: 0 -22px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: 0 -22px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 -44px;
}


/*No Javascript options*/
.noJS #mycarousel {
    width: 675px;
    padding: 20px 40px;
    background: url(../../images/TTT/carousel_bg_noJS.gif) no-repeat;
	height:506px;
}
.noJS #mycarousel li {
    float: left;
    list-style: none;
    width: 225px;
    height: 236px;
	margin-bottom:15px;
}