@charset "UTF-8";
/* CSS Document */

#rgauthor {
	width: 480px;
	margin:20px 0px 0px 0px;
	background: #eff0f2;
	overflow:auto;
	}
	
	#rgauthorheader {
		width: 480px;
		height: 25px;
		background:url(/static/pages/bookclubs/images/author-header.jpg) no-repeat top left;
		text-indent:-9999px;
		}
	
	#rgauthor-image {
		float: left;
		}
		
		#rgauthor-image img {
			float: left;
			margin-right: 5px;
			}
	
	#rgauthor-copy {
		float: left;
		width: 295px;
		margin-left: 5px;
		}
		
		#rgauthor-copy p {
			margin-top: 0px;
			}
	
#rgcontent {
	margin: 0px 10px;
	}
	
.rgimage {
	float: left;
	margin: 0 10px 5px 0px;
	height: 105px;
	}
	
#rggreyfooter {
	width: 480px;
	height: 10px;
	background: #a5a8b3 ;
	float:left;
	}
	
#rgdiscount{
	width: 480px;
	margin:20px 0px 0px 0px;
	background: #eff0f2;
	overflow:auto;
	}
	
	#rgdiscountheader {
		width: 480px;
		height: 25px;
		background:url(/static/pages/bookclubs/images/discounts-header.gif) no-repeat top left;
		text-indent:-9999px;
		}
	
#rgvideo{
	width: 480px;
	margin:20px 0px 0px 0px;
	background: #eff0f2;
	overflow:auto;
	}
	
	#rgvideoheader {
		width: 480px;
		height: 25px;
		background:url(/static/pages/bookclubs/images/video-header.jpg) no-repeat top left;
		text-indent:-9999px;
		}


/* ---- Motion Gallery ---- */	
	#rgcontent #scroller-wrapper ul{
		margin:0;
		padding:0;
		}
		
	#rgcontent #scroller-wrapper ul li {
		float:left;
		width:76px;
		height:200px;
		margin-right: 20px;
		}
	
	.scroller{
		float:right;
		margin:-20px 5px 0px;
		width:44px;
		}
	
		
	.scroller #prev,
	.scroller #next {
		display: block;
		float: left;
		height: 16px;
		width: 22px;
		}
	
	/* ---- BUTTONS  ---- */
			
	    /* button defaults */
    #rgdiscount .scroller #prev {
        background:url('/static/pages/bookclubs/images/scroll_left.gif') 0 -16px no-repeat;
    }
    
	
	#rgdiscount .scroller #next {
      background: url('/static/pages/bookclubs/images/scroll_right.gif') 0 0 no-repeat;
    }
    
    
    /* what buttons are changed to */
    #rgdiscount .scroller #prev.active {
        background-position:0 0;
    }
    #rgdiscount .scroller #next.inactive{
        background-position:0 -16px;
    }
	
	
	/* ---- Required for Scroller ---- */
	#scroller-wrapper {
		overflow:hidden;
		position:relative;
		width:460px;
		height:200px;
		float:left;
		margin: 10px 0px;
		display:inline;
		text-align:left;
		}
		
	#scroller-inner {
		width: 4800px;
		height:200px;
		position:relative;
		list-style:none;
		}
		
/* ---- End Motion Gallery ---- */