/*resize the thumb when selected*/
ul#mycarousel li.on img { width: 62px;	height: 28px; padding:5px; background-color:#fff; border: 1px solid #d7a900; margin: 0px; }

/*my css*/
ul#mycarousel { padding:0; margin:5px 0 0 0; width:488px;}
ul#mycarousel ul li { padding:0; margin:0;  }

#thumb-wrap .jcarousel-skin-tango .jcarousel-container { margin-left:20px; width:420px;    }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 420px; height:56px; padding: 5px 20px 0 20px;}
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }
.jcarousel-skin-tango li {padding:0; margin:0;width:84px !important;}

/* this fixed the IE6 bug that was showing all the carousel images */
/*ul#mycarousel*/ .jcarousel-clip-horizontal {width: 100%!important; }
ul#mycarousel .jcarousel-item {height: 100%!important; }

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


/* ---------------------------  vertical carousel -------------------------------  */
#mycarousel-vert li.on  {background:url(../../../../../images/vertc-on2.gif) no-repeat top left;margin: 0;  }
#mycarousel-vert .jcarousel-item { margin:0;  padding-bottom:0 }
.jcarousel-skin-tango .jcarousel-container-vertical { width: 237px;  height: 246px; *height: 240px;   }
.jcarousel-skin-tango .jcarousel-clip-vertical { width:  237px;   height: 245px; *height: 240px;}
.jcarousel-skin-tango .jcarousel-item-vertical { margin: 0;}
#mycarousel-vert li {padding:0; margin:0!important; width:237px !important; height:50px!important; *height:48px!important ;   }




/* ---------------------------  Horizontal Buttons --------------------------- */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 15px;
    right: -7px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../../../../../images/right-arrow.png) no-repeat 0 0;

}

.jcarousel-skin-tango .jcarousel-next-horizontal { behavior: url(iepngfix.htc) }

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

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

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

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 15px;
    left: -20px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../../../../../images/left-arrow.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal { behavior: url(iepngfix.htc) }


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

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

.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: -96px 0;
}



/*  ---------------------------  Vertical Buttons  ---------------------------  */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: -23px; _bottom: -32px; 
    left: 100px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../../../../../images/down-arrows.png) no-repeat 0 0;	
	}

/*ie6 hack*/
.jcarousel-skin-tango .jcarousel-next-vertical { _background:none; _background:url(../../../../../images/down-arrowsie6.gif) no-repeat 0 0; }


	

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: -25px; _top:-33px;
    left: 100px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../../../../../images/up-arrows.png) no-repeat 0 0;
  
	}

/*ie6 hack*/
.jcarousel-skin-tango .jcarousel-prev-vertical {_background:none;  _background:url(../../../../../images/up-arrowsie6.gif) no-repeat 0 0; }


.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

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