﻿.back
{
    /*background-color:#ccc;*/
}

.generic_rotate_pager
{
	background-color:#ffffff;
	border-bottom: solid 4px #f78919;
	border-left: solid 1px #b2b2b2;
	border-right: solid 1px #b2b2b2;
	border-top: solid 1px #b2b2b2;
}

.generic_rotate_prev
{
	background: url(leftarrow_rotator.png) no-repeat  transparent;
	width: 30px;
	height:127px;
	display: block;
	position: absolute;
	top: 129px;
	left: 20px;
	opacity:0.6; 
	filter:alpha(opacity=60);
}
.generic_rotate_prev span
{
    display:none;
}

.generic_rotate_next
{
	background: url(rightarrow_rotator.png) no-repeat transparent;
	width: 30px;
	height:127px;
	display: block;
	position: absolute;
	top: 129px;
	left:635px;
	opacity:0.6; 
	filter:alpha(opacity=60);
}

.generic_rotate_next span
{
    display:none;
}

.generic_rotate_contenthtml
{
    padding: 10px 10px 10px 10px;
    color:#000;
    position:relative;
}
 
.generic_rotate_img
{
    float: left; 
    position:relative;
    overflow:hidden;
    background-repeat:no-repeat;
    background-position:left top;
}

/*
* The following css are used by the carousel javascript.  
* Do not change the .pagination nameing
*/
.rotatepagination 
{
    position:relative;
    float:right;
    margin-top:5px;
    text-align:right;
    margin-bottom:10px;
}

.rotatepagination a {
    background: url(pager.png) 0 0px no-repeat transparent;
    width: 10px;
    height: 10px;
    margin: 0 3px 0 0;
    display: inline-block;
}

.rotatepagination a.selected {
    background-position: -16px 0px;
    cursor: default;
}

.rotatepagination a span 
{
    display:none;   
}
