/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
	margin-left:170px;
}
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin-top: 0;
    overflow: hidden;
    position: relative;
    height:366px;

}
.jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 640px;
	height:400px;
	overflow:hidden;
}
.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.jcarousel-list li, .jcarousel-item {
    margin-right: 14px;
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 630px;
    height: 356px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #333;
    color: #000;
}
/**
 * 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 {
    z-index: 3;
    display: none;
}
.jcarousel-prev {
    z-index: 3;
    display: none;
}
.discOn, .discOff{
	padding:2px;
	float:left;
}
.discOff a {
	background: transparent url(/media/images/disc_off.png) no-repeat;
}
.discOff a:active, .discOff a:hover {
	background: transparent url(/media/images/disc_on.png) no-repeat;
}
.discOn a {
	background: transparent url(/media/images/disc_on.png) no-repeat;
}
.discOn img, .discOff img {
	width:10px;
	height:10px;
}
.jcarousel-next-horizontal {
	float:right;
	 position: absolute;
	top:370px;
	left:361px;
	width:18px;
	height:17px;
	cursor: pointer;
	background: transparent url(/media/images/arrow_right.gif) no-repeat 0 0;
}
.jcarousel-prev-horizontal {
	float:left;
	position: absolute;
	top:370px;
	left:260px;
	width:18px;
	height:17px;
	cursor: pointer;
	background: transparent url(/media/images/arrow_left.gif) no-repeat 0 0;
}
.jcarousel-controlDots{
	position:absolute;
	top:373px;
	left:287px;
}
/*
catagory page css
*/

#mycarousel ul{	
	margin:5px;
	position:relative;
}
#mycarousel ul p{	
	font:normal .7em arial;
	text-align:left;
	line-height:1.21em;
	margin:2px 1px;
	height:360px;
	width:68px;
}
#mycarousel ul li a{
	color:#666;
	text-decoration:none;
}
#mycarousel ul li img{
	width:628px;
	height:354px;
	border:solid 1px #666;
}
#mycarousel ul li a:hover{
	color:#fff;
}

#pauseOff{
	float:right;
	position: absolute;
	top:370px;
	left:390px;
	z-index:87;
	cursor: pointer;
}

#pauseOn{
	float:right;
	position: absolute;
	top:370px;
	left:390px;
	z-index:88;
	cursor: pointer;
}