/****************************************/
/* renovationsbydesign.com */
/* Copyright (c) The Worx Group - 2008 */
/* carousel.css */
/****************************************/

/**
* 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; width:576px; 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; width:200px; height:120px; }

/**
* 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; }

/**
* Use the below to skin the carousel
*/
.jcarousel-skin-tango .jcarousel-container-horizontal { width:576px; padding:0; }
.jcarousel-skin-tango .jcarousel-item { width:180px; height:120px; margin-right:15px; border:1px solid #311e0e; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin:0; margin-right:15px; padding:0; }
.jcarousel-skin-tango .jcarousel-next-horizontal { position:absolute; top:-20px; right:0px; width:20px; height:20px; cursor:pointer; background:transparent url(next-horizontal.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position:-20px 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position:-40px 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:-60px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { position:absolute; top:-20px; right:20px; width:20px; height:20px; cursor:pointer; background:transparent url(prev-horizontal.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position:-20px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position:-40px 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:-60px 0; }