﻿/*
	-- -- -- -- -- -- --
	Work section specific styles for jcarousel - to adjust base styles, edit jquery.jcarousel.css 
	-- -- -- -- -- -- --
*/
DIV.jcarousel-skin-name {float:left; padding-bottom:30px;}
#ctl00_main .jcarousel-container UL {margin: 10px 0 5px 0; padding: 0 0 0 6px; }
		/*#main .jcarousel-container UL LI {margin: 0; padding: 0;}*/

.jcarousel-clip {
    z-index: 2;
	width: 620px; /*Width and height needed to set mask for carousel*/
	height: 139px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
	float: left;
	/*background-color:#9F9;*/
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 7px;
	/*background-color: #0FF;*/
}


.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
   /* padding-right:15px !important;*/
	/*padding: 0 30px;*/
	width:124px; 
	height:112px; 
}

#ctl00_main ul.jcarousel-list li {padding: 0 0;}

.jcarousel-list li a img {
	width:109px;
	height:93px;
	margin: 6px 0 0 0;
}

/**
 * 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;
    width:28px;
	height:139px;
	text-indent: -9999em;
	overflow: hidden;
	background: url(/_images/css/ui.png) no-repeat 0 -140px;
    float:left;
}

.jcarousel-prev {
    z-index:3;
    width:28px;
	height:139px;
	text-indent: -9999em;
	overflow: hidden;
	background: url(/_images/css/ui.png) no-repeat 0 0;
    float:left;
}

.jcarousel-prev-disabled {background-position:-42px 0;}
.jcarousel-next-disabled {background-position:-42px -140px;}

.jcarousel-prev-hover {background-position:-21px 0; cursor:pointer;}
.jcarousel-next-hover {background-position:-21px -140px; cursor:pointer;}


#carousel ul.sortable li{float:left; clear:none; background:none; padding:0;}
/*.carouselOn {
    width:137px;
    margin:-6px;
}*/

.jcarousel-list li a IMG.carouselOn {
    width:120px;
	height:103px;
    /*margin:-11px;*/
    border:solid 4px #fff !important;
	margin:0 -6px -6px -6px;
}