/* UI ELEMENTS */

/* ####################### RIVER ####################### */

/*  jScroll  */
#scroll-container			{ height:425px; width: 640px; }
#scroll-container.three		{ height: 310px; }
#river-contents             { overflow: visible; height: auto; width: 600px; 
                              padding-right: 10px; position: absolute; top: 0px; }
.jScrollPaneContainer       { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack           { position: absolute; cursor: pointer; right: 0; top: 0; width:14px; height: 100%;
	                            background: #FFFFFF url(river-gutter.gif) repeat scroll 0; }
.jScrollPaneDrag            { position: absolute; background: #FFFFFF url(scroller.gif) no-repeat scroll 0;
                              cursor: pointer;	overflow: hidden; height: 54px; }
.jScrollPaneDragTop         {position: absolute;top: 0; left: 0;overflow: hidden;}
.jScrollPaneDragBottom      {position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp            {display: block; position: absolute; z-index: 1; top: 0; right: 0; 
                             text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; }
a.jScrollArrowUp:hover      { /*background-color: #f60;*/ }
a.jScrollArrowDown          { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; 
                             text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px;}
a.jScrollArrowDown:hover    {	/*background-color: #f60;*/ }
a.jScrollActiveArrowButton, 
a.jScrollActiveArrowButton:hover 
                            { /*background-color: #f00;*/ }
.scroll-pane                {-moz-background-clip:border; -moz-background-inline-policy:continuous;
                            -moz-background-origin:padding; float:left; height:200px; overflow:auto; width:200px; }

/* -------------------------------------------------------------------------------------- */
/* river style */

.agenda									{ margin:14px 0;padding:0 0 10px;height:1%;border:1px solid #ccc;overflow:hidden; }
.agenda-bar				                { height:1%;border-bottom:8px solid #939598;overflow:hidden; padding:6px 6px 0 10px;}
.agenda-bar h2							{ float:left;margin:2px 0 0;font:19px Arial, Helvetica, sans-serif; }
.agenda-content							{ position:relative; overflow:auto; padding:10px 0 0 0; }
.agenda-content ul						{ margin:0;padding:0 0 0 10px;list-style:none;overflow:hidden; }
.agenda-content ul li					{ margin:2px 0 -2px;padding:10px 8px 18px 0;  border-bottom:2px solid #ccc;
										  overflow:hidden;}
.agenda-content h3						{ margin:0;font-size:20px; }
.agenda-content p						{ margin:0;font:12px Verdana, Geneva, Arial, Helvetica, sans-serif;font-weight: normal; }
.agenda-content .image-holder			{ float:right;margin:9px 0 0 22px;text-align:center; }
.agenda-content .image-holder strong	{ padding-bottom:5px;display:block;color:#939598;
										 font:bold 10px Verdana, Arial, Helvetica, sans-serif; }
.agenda-content .image-holder img		{ float:none;margin:0;display:block; }
.agenda-content .data 					{ float:left;padding:0;width:457px;border-top:0; }
.agenda-content .data .rating-holder				{ padding-bottom:7px;height:1%;overflow:hidden; }
.agenda-content .data .rating-holder ul				{ float:left;margin:3px 0 0 1px;padding:0;width:225px;list-style:none; }
.agenda-content .data .rating-holder ul li			{ margin:0;padding:0 0 3px 0;width:auto;border-bottom:0;overflow:hidden; }
.agenda-content .data .rating-holder ul li strong	{ float:left;width:82px;font-weight:bold;font-size:11px;color:#939598; }	
.agenda-content .data .rating-holder ul li img		{ margin:4px 5px 0 0; } 
.agenda-content .data .rating-holder ul li a		{ float:left;padding-left:3px;font:11px Verdana, Arial, Helvetica, sans-serif; 
													  color:#ca8500; }
.agenda-content .data .rating-holder img 			{ float:left;margin:1px 0px 0 0; }
.agenda-content .data p								{ padding-bottom:7px;line-height:14px;font:12px Verdana, Arial, Helvetica, 
													  sans-serif;}
.agenda-content .data p strong.small				{ font-size:11px; }

/* post info: time river item posted + author + location */
.post-info								{ margin:10px 0 0 -5px !important;padding:0 !important;width:100% !important;
										  list-style:none;font-size:12px; font-weight:bold; font-family: Arial, Helvetica,sans-serif;overflow:hidden;
										}
.post-info li							{ float:left;margin:0 1px 0 -1px !important;padding:0 5px 0 7px !important;width:auto 
										  !important;background:url(sep-post-info.gif) no-repeat 0 50%;color:#828282;
										  border:none !important; }
.post-info a							{ color:#ca8500;}

/* testimonials: Twitter comments in the River (cream comment bubble) */
.testimonials							{ padding:0 0 0 6px;height:1%;overflow:hidden; }
.testimonials img						{ float:left;}
.testimonials .box						{ float:right; width:500px;background:url(bg-testimonials-strip.gif) repeat-y; }
.testimonials .frame						{ width:100%;background:url(bg-testimonials-top.gif) no-repeat;overflow:hidden; }
.testimonials .bg						{ padding:10px 18px 10px 38px;height:1%;
										  background:url(bg-testimonials-bottom.gif) no-repeat 0 100%;overflow:hidden;
										}
.testimonials q							{ padding:0 0 0 20px;display:block;background:url(bg-opening-quote.gif) 
										  no-repeat 0 4px;font-size:18px;
										}
.closing-quote							{ float:none !important;margin:0 0 0 20px; } /* for testimonial */
.post-ico								{ margin:0 0 0 2px; vertical-align:middle; } /* Twitter icon in post-info */

/* No reference to agenda-google in home page source */
.agenda-google							{ float:left;margin:0 0 -10px;padding:3px 16px 14px;width:540px;border:10px solid #e9e9e9; }
.google-link							{ font:10px Verdana, Geneva, Arial, Helvetica, sans-serif;color:#3e9be0; }
.agenda-google p						{ margin:5px 0 0; color:#666; }
.agenda-google p a						{ font-weight:bold;text-decoration:underline;color:#666; }
.agenda-google p a:hover				{ text-decoration:none;}

/* ####################### CAROUSEL ####################### */

/* Base Carousel */
.carousel					{ position:relative;margin:13px 0 0; width:100%; /* z-index:1; */}
.carousel .frame			{ float:left;position:relative;left:0;width:624px;height:183px;
							visibility:visible; /* z-index:2;  */	overflow:hidden;
							background:url(divider-person-nav.gif) repeat-x 0  0; }
.carousel .frame ul			{ background:url(divider-person-nav.gif) repeat-x 0
							100%; float:left;margin:0;padding:0 0 0 0px;list-style:none; }
.carousel .frame ul li		{ float:left;padding:0 3px 0px 4px;	width:198px;height:183px; border-left:1px solid #ccc; }
.carousel-button			{ float:left; background-color: ; height: 183px; width: 15px; border:none; display: block; cursor:pointer;}
.carousel .prev             { background:#0082B6 url(bg-link-prev-little.gif) no-repeat center center}
.carousel .next             { background:#0082B6 url(bg-link-next-little.gif) no-repeat center center}

/* Carousel Skins */
.person-quote				{ position:relative;padding:10px 0 0 11px;height:133px;
										  background:url(bg-person-box.gif) repeat-x 0 100%; }
.person-quote img			{ position:absolute; bottom:0; right:0; }
.person-nav p				{ margin:0;	color:#828282;font-size:11px; }
.person-nav p a				{ color:#ca8500;}
.person-nav h3				{ position:relative;margin:7px 0 0;width:100px;color:#fff;font-size:15px;z-index:1; }
.product-nav li				{ height:136px !important; }
.product-nav li a			{ text-decoration:none !important; }
.product-nav li h3			{ margin-top:3px; }
.person-info				{ float:right;position:relative;margin:6px 0 0;padding:6px 5px 0 0;width:128px;
										  height:21px; z-index:3;}
.person-info strong			{ float:right; margin:0 0 0 12px;font-weight:normal; }
.person-info2 /* name */	{ float:right; position:relative;margin:6px 0 0;padding:6px 5px 0 0;width:128px;										  height:21px;z-index:3; }
.person-info2 a				{ color:#000; }
.person-info2 strong		{ float:right; margin:0 0 0 12px;font-weight:normal; }
.info-link					{ float:right; margin:2px 0 0;width: 11px;height: 11px;text-indent:-9999px; 
							background:url(ico-info.gif) no-repeat; overflow:hidden; }
.person-info:hover, .person-info.drop-hold								{ background:#424546;}
.person-info:hover strong, .person-info.drop-hold strong					{ color:#fff;}
.person-info:hover .editor-drop, .person-info.drop-hold .editor-drop		{ display:block;}
.person-info:hover .info-link, .person-info.drop-hold .info-link			{ background-position:0 -11px;}
.from-labs					{ padding:11px 0 0 9px;}
.from-labs h3				{ 
font-size:13px;
margin:5px 0 0;
width:185px;

}
.from-labs a				{ color:#000;}
.from-labs img				{ border:1px solid #676767;padding:1px;}
.from-labs .editor-rating	{ }
.video						{ width:182px;overflow:hidden;/* border:1px solid #676767; */ }
.video img					{ margin:0 auto;border:none; }


/* ############## TABS ############# */

.tabs 							    { overflow:hidden; }
.tabs li							{ float:left; }
.tabs li:last-child, .tabs .last	{ margin:0; }
.tabs a							    { display:block; cursor:pointer; }

/* Tabs Skins */
.blue-tabs li 			{ margin:0 1px 0 0; padding:0 }
.blue-tabs a			{ padding:5px 0 0 0; height:20px; color:#fff; text-decoration:none; text-align:center; text-transform:uppercase; background:#424546;}
.blue-tabs a:hover,
.blue-tabs a.active		{ height:30px; background:url(bg-agenda-tab-active.gif) no-repeat 50% 0;  }
.narrow-tabs 			{ height:30px; }
.narrow-tabs2 			{ height:30px; margin:0 -4px 0 0 }
.narrow-tabs a			{ width:149px; }
.narrow-tabs2 a			{ width:156px; }
.wide-tabs ul			{ margin:3px -2px 0 0; height:30px}
.wide-tabs a			{ width:215px; }
.wide-tabs2 a			{ width:209px; }
.xwide-tabs a			{ width:315px; }
.agenda-bar .tabs		{ float:right; height:30px; }
.mini-tabs 				{ margin:5px -2px 0 0;width:244px;height:30px;}
.mini-tabs li			{ margin:0 2px 0 0; width: 120px; }
.mini-tabs a			{ padding:5px 0 2px;display:block;white-space:nowrap;text-align:center;height:13px;
						color:#fff;text-decoration:none !important;text-transform:uppercase;background:#424546;	font-size:10px;	}
.mini-tabs3 			{ margin:5px -2px 0 0;height:30px;}
.mini-tabs3 li			{ margin:0 1px 0 0; width: 104px; }
.mini-tabs3 a			{ padding:5px 0 0; display:block; white-space:nowrap;text-align:center; 
						color:#fff;text-decoration:none !important;text-transform:uppercase;background:#424546;	font-size:10px;	}						

.mini-tabs a:hover, .mini-tabs a.active		{ background:url(bg-tab-set-arrow.gif) no-repeat 50% 100%;height:18px; }

.xwide-full-tabs a		{ width:323px; }
.xwide-full-tabs		{ margin:0 -2px 0 0; height:30px }

/* Shop Search Bar */

.shop-search-bar 		{ border:1px solid #ccc; color:#3E4243; background:#E9F3F4; padding:6px 10px; font-size:15px; font-weight:bold;}
.shop-search-bar  input	{ margin:0 0 0 8px; color:#3E4243; vertical-align:middle;}
.shop-search-bar .txt	{ border:1px solid #D1DEDF; height:14px; padding:4px 6px; width:432px; }

/* Button */
.pcb, .pcb span					{ background: url('button-sprites.png') no-repeat; height: 23px; line-height: 23px; padding: 3px 0 7px 0; }
.pcb, a.pcb:link, a.pcb:visited	{ color: #333; font-size: 11px; padding-left: 14px; text-decoration: none !important; }
* html div#frame .pcb			{ color: #333; padding-bottom: 0px; padding-top: 0px; text-decoration: none; }
*:first-child+html .pcb			{ color: #333; padding-bottom: 0px; padding-top: 0px; text-decoration: none; }
.pcb span						{ background-position: right -326px; padding-right: 14px; }
a.green-button, 
a.green-button:link, 
a.green-button:visited, 
.green-active-button, 
.green-disabled-button			{ color: #fff !important; font-size: 12px; font-weight: bold; }
a.green-button:hover			{ background-position: left -27px; }
a.green-button:hover span		{ background-position: right -353px; }
a.green-button:active, 
.green-active-button			{ background-position: left -54px; }
a.green-button:active span, 
.green-active-button span		{ background-position: right -380px; }
body .green-disabled-button		{ background-position: left -81px !important; color: #A8BE69 !important; }
body .green-disabled-button span{ background-position: right -407px; }
a.grey-button					{ background-position: left -219px; padding-top: 3px; }
a.grey-button span				{ background-position: right -545px; padding-top: 3px; }
a.grey-button:hover				{ background-position: left -246px; }
a.grey-button:hover span		{ background-position: right -572px; }
a.grey-button:active, 
.grey-active-button				{ background-position: left -273px; }
a.grey-button:active span, 
.grey-active-button span		{ background-position: right -599px; }
body .grey-disabled-button		{ background-position: left -300px; color: #bbb !important; }
body .grey-disabled-button span	{ background-position: right -626px; }
a.red-button, 
.red-active-button, 
.red-disabled-button			{ background-position: left -109px; color: #fff !important; font-weight: bold; padding-top: 3px; }
a.red-button span				{ background-position: right -435px; padding-top: 3px; }
a.red-button:hover				{ background-position: left -137px; }
a.red-button:hover span			{ background-position: right -463px; }
a.red-button:active, 
.red-active-button				{ background-position: left -165px; }
a.red-button:active span, 
.red-active-button span	
								{ background-position: right -491px; }
body .red-disabled-button		{ background-position: left -192px; color: #DC4143 !important; }
body .red-disabled-button span	{ background-position: right -518px; }




.reviews_banner img{
 float:left;
 margin:2px 5px 2px 0;
 border:1px solid #000;
 padding:3px;
 background:#fff;
}

.reviews_tbl{
    border-bottom:1px dashed #457C92;
	margin:5px 0 10px;
	padding:0 0 5px;
}


.reviews_tbl h4, .reviews_tbl h4 a{
 padding:0;
 margin:0;
 text-align:left;
 color:#000;
 text-decoration:none;
 font-size:14px;
 margin:0 0 3px 0;
 font-weight:bold;
}