/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the id "jcarousel-container".
 */
#jcarousel-container {
    position: relative;
		width: 640px;
		height:220px;
		border-bottom:1px solid #373737;
		background:transparent url('/media/images/minichooser_bg.jpg') no-repeat 0 0;
}
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin-top: 0;
    overflow: hidden;
    position: relative;
    height:193px;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
  width: 630px;
	height:220px;
}
.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: 196px;
    height: 200px;
}
.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:196px;
	left:365px;
  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:196px;
	left:255px;
    width:18px;
    height:17px;
    cursor: pointer;
    background: transparent url(/media/images/arrow_left.gif) no-repeat 0 0;
}
.jcarousel-controlDots{
	position:absolute;
	top:200px;
	left:279px;
}
/*
catagory page css
*/
.blurb_title{
	font-weight:bold;
	color:#7c7c7c;
}

.blurb_title:hover{
color:#fff;
}

div.head {
	font:bold .7em arial;
	width:632px;
	height:16px;
	background-color:#670133;
	color:#d6d6d6;
	padding:4px 4px 0;
	text-transform:uppercase;
	letter-spacing:.1em;
	border-top:solid 1px #646464;
}
#mycarousel ul{	
	margin:5px 5px 5px 12px;
}
#mycarousel ul p{	
	font:normal .7em arial;
	text-align:left;
	line-height:1.21em;
	margin:2px 1px;
	height:68px;
	width:194px;
}
#mycarousel ul li a{
	color:#666;
	text-decoration:none;
}
#mycarousel ul li img{
	width:196px;
	height:110px;
	border:solid 1px black;
}
#mycarousel ul li a:hover{
	color:#ccc;
}