/**********************************/
/*   DYNAMICALLY LOADED STYLES    */
/**********************************/

/**
 * 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:0px; margin:0px; overflow: hidden; position: relative;}
.jcarousel-list 	 {z-index:1; overflow: hidden; position: relative; top:0px; left:0px; margin:0px; padding:0px;}


/* We set the width/height explicitly. No width/height causes infinite loops. */
.jcarousel-list li, .jcarousel-item 				  {float:left; list-style:none; width:80px; height:160px; margin-right:10px; padding:0px;}
.jcarousel-list-vertical li, .jcarousel-item-vertical {list-style:none; width:300px; height:195px; float:none; margin:0px;} 

/**
 * 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; margin-left:960px; float:right;}
.jcarousel-prev {z-index: 3; display: none; margin-left:0px; float:left;}

.jcarousel-next-vertical	{z-index: 3; display: none; margin:10px 0px 0px 0px; float:none;} /* down */
.jcarousel-prev-vertical	{z-index: 3; display: none; margin:10px 0px 10px 0px; float:none;} /* up */


/**********************************/
/*   SCROLLER STYLING  */
/**********************************/


#hcarousel ul	{margin:0px; padding:0px; float:right; height:160px;}


#hcarousel li.selectedGreen 	{width:80px; height:100px; float:left; margin:0px 10px 0px 0px; border-bottom:4px solid #72A700;}
#hcarousel li.selectedRed 		{width:80px; height:100px; float:left; margin:0px 10px 0px 0px; border-bottom:4px solid #C20816;}


#hcarousel li.itemBlockRed, #hcarousel li.itemBlockGreen 		{width:80px; height:100px; float:left; margin:0px 10px 0px 0px; border-bottom:4px solid #CCCCCC;}
#hcarousel li.itemBlockRed:hover								{border-bottom:4px solid #C20816;}
#hcarousel li.itemBlockGreen:hover								{border-bottom:4px solid #72A700;}

.itemBlockHTxt						{padding:2px 0px 0px 0px; line-height:14px;}

.itemBlockVspacer		{width:300px; height:195px; background-color:#FFFFFF; display:block;}


.jcarousel-skin .jcarousel-container {padding:0px;}

.jcarousel-skin .jcarousel-container-horizontal {width:760px; height:160px;}
.jcarousel-skin .jcarousel-clip-horizontal 		{width:720px; height:160px;}


.jcarousel-skin .jcarousel-container-vertical {width:300px; height: 720px;}
.jcarousel-skin .jcarousel-clip-vertical 	  {width:300px; height: 700px;}


.jcarousel-skin .jcarousel-item 		 {width: 80px; height:160px;}
.jcarousel-skin .jcarousel-item-vertical {width: 300px; height:195px;}

.jcarousel-skin .jcarousel-item-horizontal {margin-right:10px;}
.jcarousel-skin .jcarousel-item-vertical   {margin-bottom:0px;}


.jcarousel-skin .jcarousel-item-placeholder {background: #fff; color:#000;}



/**********************************/
/*   HORIZONTAL BUTTONS  */
/**********************************/

.jcarousel-skin .jcarousel-next-horizontal        {position:relative; top:0px; right:0px; width:15px; height:160px; cursor:pointer;
												  background: url(images/furniture/hor_next.gif) no-repeat 0 0; margin-left:0px;}

.jcarousel-skin .jcarousel-next-horizontal:hover  {background-position: -15px 0;}
.jcarousel-skin .jcarousel-next-horizontal:active {background-position: -30px 0;}

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

.jcarousel-skin .jcarousel-prev-horizontal        {position: relative; top: 0px; left: 0px; width: 15px; height: 160px; cursor: pointer;
												  background: url(images/furniture/hor_prev.gif) no-repeat 0 0; margin-right:10px;}

.jcarousel-skin .jcarousel-prev-horizontal:hover  {background-position: -15px 0;}
.jcarousel-skin .jcarousel-prev-horizontal:active {background-position: -30px 0;}

.jcarousel-skin .jcarousel-prev-disabled-horizontal,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:active {cursor: default; background-position: -30px 0;}



/**********************************/
/*   VERTICAL BUTTONS             */
/**********************************/

.jcarousel-skin .jcarousel-next-vertical {position: absolute; left: 0px; top:690px; width: 300px; height: 15px; cursor: pointer; background: url(images/furniture/vert_down.gif) no-repeat 0 0; border-top: 10px solid #FFFFFF;}

.jcarousel-skin .jcarousel-next-vertical:hover  {background-position: 0 -15px;}
.jcarousel-skin .jcarousel-next-vertical:active {background-position: 0 -30px;}

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

.jcarousel-skin .jcarousel-prev-vertical {position: relative; top: 0px; left: 0px; width: 300px; height: 15px; cursor: pointer; background: url(images/furniture/vert_up.gif) no-repeat 0 0;}

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

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

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




/************************************/
/*    	RHC VERTICAL IMAGE DISPLAY    
 		FOR THE SHOWCASE + LEADERS
		SECTION      
 		Required for both scrolling   
 		and non-scrolling option.   */
/************************************/

/*  Vertical scroller styling */

.arrowVideo a		 {width:300px; height:195px; background:url(images/furniture/img_play_video_off.png) no-repeat top left; display:block; position:absolute; z-index:999;}
.arrowVideo a:hover  {width:300px; height:195px; background:url(images/furniture/img_play_video_on.png) no-repeat top left; display:block; position:absolute; z-index:999;}

.itemBlockV 		 {width:300px; height:195px;}

#staticVert			 {margin-top:10px;}

#vertcarousel .itemBlockVTextTools, #staticVert .itemBlockVTextTools	{padding:0px; background-color:#F7F7F7; width:300px; vertical-align:text-top; height:auto; margin:0px 0px 10px 0px; display:block;}

.itemBlockVTextTools ul			{padding:0px; margin:0px; width:300px;}
.itemBlockVTextTools li.text	{width:252px; padding:2px 5px 5px 3px;}
.itemBlockVTextTools li.tools	{width:15px; padding:3px 2px 0px 2px; display:block;}

/*  Horizontal scroller styling */

.sliderContainer	{background-color:#F7F7F7; display:block; border:1px solid #CCCCCC; height:160px; padding:12px;overflow:hidden;}

.sliderSearch	{float:left; width:auto; height:160px; display:block;}
.sliderWrapper	{float:right; width:auto; height:160px; display:block;}


/**********************************/
/*  REFINED SEARCH STYLING FOR THE  
    SHOWCASE + LEADERS PAGE       */
/**********************************/

#optionsWrapper	{width:175px; height:160px; overflow:auto; margin:0px; padding:0px;}

#optionsWrapper #optionsList ul	{padding:0px; border:0px; margin:0px; width:160px;}

#optionsWrapper #optionsList li	{display:list-item; display:block; float:none; width:145px; margin:0px; padding: 3px 0px 3px 0px; border-top: 1px solid #F7F7F7; border-bottom: 1px solid #F7F7F7;}

#optionsWrapper #optionsList li:hover	{border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background-color:#E5E5E5; cursor:pointer;}
	
#optionsWrapper #optionsList a			{color:#2D2D2D !important; text-decoration:none; margin-left:5px;}
#optionsWrapper #optionsList a:hover	{text-decoration:none;}