﻿/* classes for our ProductRotator user control */
/* ProductRotator classes - header, pager, etc */
.product-rotator-header-row, .product-rotator-header-row td
{
	background-image: url('images/bar_tan_753x36_category.gif');
	background-position: 0 0;
	background-repeat: repeat-x;
	margin: 0;
	padding: 5px;
	border-collapse: collapse;
}

.product-rotator-header
{
	font-size: 18px;
	color: #858c01;
}

.product-rotator-separator
{
	vertical-align: middle;
	margin: 0px 10px; 
	/*	
	background-image: url('images/line_tan_1x18_middle_category.gif'); 	
	background-repeat: no-repeat;
	*/
	background-color: #dcd3cb;
	display: -moz-inline-box;
	display: inline-block;
	height: 18px;
	width: 1px;
}

.pager-count
{
	font-weight: bold;
	font-size: 10px;
	color: #614d36;
	margin-left: 12px;
	margin-right: 12px;
}

.pager-viewall
{
	font-weight: bold;
	font-size: 10px;
	color: #858c01;
}

.pager-button
{
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 16px;
	width: 17px;
	display: -moz-inline-box;
	display: inline-block;
	text-decoration: none;
}

.pager-button .right
{
	background-image: url('images/btn_brwn_nav_17x16_right.gif');
}

.pager-button .left
{
	background-image: url('images/btn_brwn_nav_17x16_left.gif');
}

.pager-button:hover
{
	text-decoration: none;
	filter: alpha(opacity=80);
	opacity: .8;
	-moz-opacity: .8;
}

.pager-button .disabled
{
	filter: alpha(opacity=50);
	opacity: .5;
	-moz-opacity: .5;
}

.product-rotator-wrapper
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	height: 196px;
}

.rotator-left, .rotator-right
{
	width: 72px !important;
	height: 196px;
	background-repeat: no-repeat;
}

.rotator-left
{
	background-image: url('Rotator/SliderProductBoxLeft.gif');
	background-position: right;
}

.rotator-left.cellDisabled, .rotator-right.cellDisabled
{
	background: none !important;
}

.rotator-right
{
	background-image: url('Rotator/SliderProductBoxRight.gif');
	background-position: left;
}

.rotator-middle
{
	width: 621px;
}

/* rotator classes - used inside the RadRotator template */
.rotator-item-wrapper, .rotator-item-wrapper-left
{
	padding: 6px 10px 0px 10px;
	background-image: url('Rotator/SliderProductBox.gif');
	margin-left: 4px;
}

.rotator-item-wrapper-left
{
	margin-left: 0px;
}

.rotator-item
{
	text-align: left;
	width: 101px;
	height: 196px;
	border: none;
}

.rotator-item-image
{
	height: 137px;
/*	padding: 10px 0px 0px 0px; */
	margin: 0px;
	vertical-align: top;
}

.rotator-item-name
{
/*	padding: 10px 15px; */
	vertical-align: top;
	height: 43px;
	margin-top: 3px;
}

.rotator-item-buttons
{
}

.rotator-link, .rotator-price
{
	color: #686868;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-transform: capitalize;
	display: block;
}
.rotator-price
{
	font-weight: normal;
}

.rotator-link:hover, .rotator-price:hover
{
	color: #b87d7f;
}

.rotator-info
{
	font-size: 10px;
	color: #686868;
}


/* classes for RadRotator */
/* new styles */
.RadRotator_OrganicBouquet2
{
	padding: 0px !important;
	margin: 0px !important;
}

.RadRotator_OrganicBouquet2 .rrClipRegion
{
	width: 100%;
	height: 100%;
	margin: 0px !important;
	padding: 0px !important;
}

/*================== The list ========================*/

.RadRotator_OrganicBouquet2 .rrClipRegion .rrItemsList
{
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
}

/* For vertical carousel, not set, width defaults to auto */
/* Note if you explicitly set width to auto, this might cause */
/* problems with Safari */

.RadRotator_OrganicBouquet2 .rrButton, .rButton
{
	background-repeat: no-repeat;
	height: 80px;
	width: 20px;
	top: 40px !important;
}
.rButton
{
	top: -30px !important;
	position: relative !important;
}

.RadRotator_OrganicBouquet2 .rrButton.rrButtonRight, .rButton.rButtonRight
{
	background-image: url(Rotator/SlidingProduct_Right.gif);
	background-position: 0 0;
	right: -45px;
}
.rButtonRight
{
	right: -15px !important;
}

.RadRotator_OrganicBouquet2 .rrButton.rrButtonLeft, .rButton.rButtonLeft
{
	background-image: url(Rotator/SlidingProduct_Left.gif);
	background-position: 0 0;
	left: -45px;
}
.rButtonLeft
{
	left: 34px !important;
}

.RadRotator_OrganicBouquet2 .rrButton:hover, .rButton:hover
{
	filter: alpha(opacity=80);
	opacity: .8;
	-moz-opacity: .8;
}

/*
.RadRotator_OrganicBouquet2 .rrButton.rrButtonDisabled, .rButton.rrButtonDisabled
{
	filter: alpha(opacity=20);
	opacity: .2;
	-moz-opacity: .2; 
}
*/

.rrButtonDisabled:hover
{
	filter: alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
}

.RadRotator_OrganicBouquet2 .rrButtonLeft.rrButtonDisabled, .rButtonLeft.rrButtonDisabled
{
	background-image: url(Rotator/SlidingProduct_Left_Grey.gif);
}

.RadRotator_OrganicBouquet2 .rrButtonRight.rrButtonDisabled, .rButtonRight.rrButtonDisabled
{
	background-image: url(Rotator/SlidingProduct_Right_Grey.gif);
}

