#preview { position:absolute; border:1px solid #000; background:#333; padding:10px; font-size: 12px; text-align: center; width: 300px; display:none; color:#fff; z-index: 10; }

/* Easy Slider */
#slider-wrapper { position: relative; float: left;  }
#slider ul, #slider li,  #slider2 ul, #slider2 li { margin:0; padding:0; list-style:none; }
#slider { width: 674px; height: 328px; }
#slider2 { margin-top:1em; }
#slider li, #slider2 li { width: 674px; height: 328px; overflow:hidden; }
#prevBtn, #nextBtn,  #slider1next, #slider1prev { display:block; width:30px; height:77px; position:absolute; left:-30px; top:71px; z-index:1000; }
#nextBtn, #slider1next { left:696px; }
#prevBtn a, #nextBtn a,  #slider1next a, #slider1prev a { display:block; position:relative; width:30px; height:77px; background:url(../images/slider/btn_prev.gif) no-repeat 0 0; }
#nextBtn a, #slider1next a { background:url(../images/slider/btn_next.gif) no-repeat 0 0; }

/* numeric controls */	
ol#controls { margin:1em 0; padding:0; height:20px; position: absolute; right: 10px; top: 10px; }
ol#controls li { margin:0 5px 0 0; padding:0; font-size: 12px; float:left; list-style:none; height:20px; line-height:20px;}
ol#controls li a { float:left; height:20px; line-height:20px; color:#999999; background: #000; padding:1px 7px; text-decoration:none; }
ol#controls li.current a { background: #000; font-weight: bold; color:#fff; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus { outline:none; }


/* // Easy Slider */


#slider li span.comment 
{
	color:#FFFFFF;
  	float:left;
	position:relative;
	top:-60px;
    font-size: 15px;
	text-align: right;
	width: 654px;
 	padding-right: 20px;
  	background: #000;
    line-height: 60px;
    height: 60px;
}

/* //Cycle */


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container { position: relative; }

.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }

.jcarousel-list { z-index: 1; overflow: hidden; position: relative; 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: 150px; 
	height: 60px; 
	border: 0px solid #cdcdcd; 
}

.jcarousel-list li:hover, 
.jcarousel-item:hover 
{ 
}


/**
	jCarousel - Product Image Slider
	
*/
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }

.jcarousel-skin-tango .jcarousel-container 
{ 
	float: left;
	margin: 15px 0 0 0;
	background: #F4F4F4; 
}

.jcarousel-skin-tango .jcarousel-container-horizontal 
{ 
	width: 870px; 
	padding: 15px 40px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
}

.jcarousel-skin-tango .jcarousel-container-vertical { width: 75px; height: 245px; padding: 40px 20px; }

.jcarousel-skin-tango .jcarousel-clip-horizontal { width:  870px; height: 60px; }

.jcarousel-skin-tango .jcarousel-clip-vertical { width:  75px; height: 245px; }


.jcarousel-skin-tango .jcarousel-item 
{ 
	width: 145px; 
	height: 60px; 
	background: url('../bg-brandsitem2.gif') no-repeat;
	/*background: #fff;
	border: 1px solid #ccc;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;*/
	
}

.jcarousel-skin-tango .jcarousel-item img
{ 
	width: 145px; 
	height: 60px;
}


.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 15px; }
.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 15px; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }

/**
 *  Horizontal Buttons
*/

.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 30px; right: 8px; width: 27px; height: 27px; cursor: pointer; background: transparent url(../next-horizontal.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -27px 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -27px 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: -54px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 30px; left: 8px; width: 27px; height: 27px; cursor: pointer; background: transparent url(../prev-horizontal.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -27px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -27px 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: -54px 0; }


/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/buttons/next-vertical.png) 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: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/buttons/prev-vertical.png) 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; }
