/* ===== category-rotator styles ===== */
.wrap-category-rotator {margin:0 0 40px 10px;}
.category-rotator {background:#d3d9ab; height:308px; display:none;}

.category-rotator-image {background-color:#b0bc4e; border:5px solid #b0bc4e; float:left; display:inline; width:335px; height:300px; overflow:hidden; position:relative; z-index:10; }
.category-rotator-image img {}
.category-rotator-image div.block {position:absolute; left:0; top:0;}
	.category-rotator-image div.block div {position:relative;}
		.category-rotator-image div.block div img {}
.category-rotator-image p {position:absolute; left:10px; bottom:0px; width:92%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:rgba(50,50,50,0.5); padding:2px 4px; color:#fff;}

.category-rotator-list{float:right; display:inline; width:240px; font-size:14px; line-height:16px; z-index:20; position:relative;}
	.category-rotator-list ul {list-style-type:none; margin:0; padding:0;}
		.category-rotator-list ul li {list-style-type:none; margin:0; padding:0 20px 0 20px;}
			.category-rotator-list ul li a {color:#5a6032; text-decoration:none; padding:12px 0 12px 0; display:block;}
		.category-rotator-list ul li.active {background: url("../images/category-rotator-arrow.png") left center no-repeat; margin-left:-20px; padding-left:40px;}
			.category-rotator-list ul li.active a {color:#fff;}
			
.category-rotator-pager {float:right; display:inline; clear:right; font-size:15px; line-height:15px; color:#c5cba9;}
	.category-rotator-pager ul {float:left; display:inline; list-style-type:none; margin:0 28px 0 0; padding:0;}
		.category-rotator-pager ul li {float:left; display:inline; margin:0 4px 0 0; padding:5px 10px; background:#dee3c3; cursor:pointer;}
			.category-rotator-pager ul li.active {background:#d3d9ab; color:#959d6e;}