﻿.jcarousel-skin-tango .jcarousel-container-horizontal {
	*position:relative;
	margin-left:15px;
	width: 812px;
	padding: 0px 40px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
	padding-left: 0px;
	width: 812px;
	height: 316px;
}
.jcarousel-skin-tango .jcarousel-item {
	margin: 0 0 0 0;
	padding: 0 0 0 25px;
	width: 812px;
	height: 316px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-right: 0px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}



/**********   Small starts Jcarousel      **************/

.jcarousel-skin-tango-small .jcarousel-container-horizontal-small {
	margin-left:15px;
	width: 440px;
	padding: 0px 40px;
}
.jcarousel-skin-tango-small .jcarousel-clip-horizontal-small {
	padding-left: 0px;
	width: 440px;
	height: 155px;
}
.jcarousel-skin-tango-small .jcarousel-item-small {
	margin: 0 0 0 0;
	padding: 0 0 0 25px;
	width: 440px;
	height: 155px;
}

.jcarousel-skin-tango-small .jcarousel-item-horizontal-small {
	margin-right: 0px;
}

.jcarousel-skin-tango-small .jcarousel-item-placeholder-small {
	background: #fff;
	color: #000;
}

.jcarousel-container-small {
	left:5px;
	top:200px;
	width:440px;
	float:left;
	height: 155px;
	z-index:0;
}
.jcarousel-clip-small {
	width:440px;
	height: 155px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	left:40px;
	top:0;
}
.jcarousel-list-small {
	overflow: hidden;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.jcarousel-list-small li, .jcarousel-item-small {
	float: left;
	list-style: none;
/* We set the width/height explicitly. No width/height causes infinite loops. */
	width: 440px;
	height: 155px;
}
.jcarousel-skin-tango-small .jcarousel-next-horizontal-small {
	position: absolute;
	top: 150px;
	right: -25px;
	width: 35px;
	height: 35px;
	cursor: pointer;
	background: transparent url(../images/next-horizontal-small.gif) no-repeat 0 0;
}

.jcarousel-skin-tango-small .jcarousel-next-disabled-horizontal-small  {
	cursor: default;
}
.jcarousel-skin-tango-small .jcarousel-prev-horizontal-small {
	position: absolute;
	top: 150px;
	left: -25px;
	width: 35px;
	height: 35px;
	cursor: pointer;
	background: transparent url(../images/prev-horizontal-small.gif) no-repeat 0 0;
	z-index:500;
}
.jcarousel-skin-tango-small .jcarousel-prev-disabled-horizontal-small {
	cursor: default;
}


/**********   Small ends Jcarousel      **************/

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
	position: absolute;
	top: 150px;
	right: -25px;
	width: 57px;
	height: 57px;
	cursor: pointer;
	background: transparent url(../images/next-horizontal.gif) no-repeat 0 0;
	z-index:500;	
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,  {
	cursor: default;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
	position: absolute;
	top: 150px;
	left: -25px;
	width: 100px;
	height: 57px;
	cursor: pointer;
	background: transparent url(../images/prev-horizontal.gif) no-repeat 0 0;
	z-index:500;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal {
	cursor: default;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.loading{
	background: transparent url('../images/loading.gif') no-repeat center center ;
} 
.loading_2{
	background: transparent url('../images/loading2.gif') no-repeat center center ;
} 

.jcarousel-container {
	left:5px;
	top:200px;
	position: absolute;
	width:812px;
	float:left;
	height:316px;
	z-index:0;
}
.jcarousel-clip {
	width:812px;
	height:316px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: absolute;
	left:40px;
	top:0;
	z-index:-500;
}
.jcarousel-list {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.jcarousel-list li, .jcarousel-item {
	float: left;
	list-style: none;
/* We set the width/height explicitly. No width/height causes infinite loops. */
	width: 812px;
	height: 316px;
}
/**
 * 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".
 */
.jcarousel-next {
	display: none;
}
.jcarousel-prev {
	display: none;
}
