.rg-image-wrapper{
    position: relative;
    padding: 10px 30px;
	background: none repeat scroll 0 0 #F7F7F7;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 400px;  
}
.rg-image
{    
    position: relative;
    text-align: center;
    line-height: 0px;
}
.rg-image img
{
    max-height: 100%;
    max-width: 100%;
}
.rg-image-nav a{
	position:absolute;
	top:0px;
	left:0px;
	background:#000 url(../images/nav.png) no-repeat -20% 50%;
	width:28px;
	height:100%;
	text-indent:-9000px;
	cursor:pointer;
    opacity: 0.1;
	outline:none;
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
    z-index: 10;
}
.rg-image-nav a.rg-image-nav-next{
	right:0px;
	left:auto;
	background-position:115% 50%;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
}
.rg-image-nav a:hover{
	opacity:0.2;
}
.rg-caption {
	text-align:center;
	margin-top:15px;
	position:relative;
    display: none;
}
.rg-caption p{
	line-height:16px;
	padding:0 15px;
    color: #000;
    text-align: center;
}
.rg-view{
	height:30px;
    padding-top: 6px;
}
.rg-view a{
	display:block;
	float:right;
	width:16px;
	height:16px;
	margin-right:3px;
	background:#464646 url(../images/views.png) no-repeat top left;
	border:3px solid #464646;
	opacity:0.8;
}
.rg-view a:hover{
	opacity:1.0;
}
.rg-view a.rg-view-full{
	background-position:0px 0px;
}
.rg-view a.rg-view-selected{
	background-color:#6f6f6f;
	border-color:#6f6f6f;
}
.rg-view a.rg-view-thumbs{
	background-position:0px -16px;
}
.rg-loading{
	width:46px;
	height:46px;
	position:absolute;
	top:50%;
	left:50%;
	background:#777 url(../images/ajax-loader.gif) no-repeat center center;
	margin:-23px 0px 0px -23px;
	z-index:100;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	opacity:0.7;
}

@media (max-width: 480px) {
    .rg-image-wrapper
    {
    	min-height: 230px;  
    }
    .rg-image-wrapper img
    {
    	max-height: 180px;  
    }
}
@media (min-width: 481px) {
    .rg-image-wrapper img
    {
    	max-height: 317px;  
    }
}