.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 665px; /*width of featured content slider*/
height:100%;
margin-top:20px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width: 665px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.content-slider-prev{background:url(../../images/icon/arrow-left.png) no-repeat top left; width:17px; height:28px; display:block; float:left; text-indent: -99999px; cursor:pointer; margin-right:5px;}
	.content-slider-prev:hover {
				background-position: bottom left;
			}
.content-slider-next{background:url(../../images/icon/arrow-right.png) no-repeat top right; width:17px; height:28px; display:block; float:right; text-indent: -99999px; cursor:pointer;}
	.content-slider-next:hover {
				background-position: bottom left;
			}

.pagination{padding-top:8px; font-size:18px; color:#444444; }
.pagination a{}
.pagination a:hover, .pagination a.selected{}

/*		Mobile Layout: 320px.
		Inherits styles from: Default Layout. mobile320*/
@media only screen and (min-width: 300px) and (max-width: 500px) {
	.sliderwrapper{width:300px; height:650px;}	
	.sliderwrapper .contentdiv{width:300px;}
}

/*		Mobile Layout: 568px.
		Inherits styles from: Default Layout. mobile568*/
@media only screen and (min-width: 510px) and (max-width: 810px) {
	.sliderwrapper{width:548px; height:680px;}	
	.sliderwrapper .contentdiv{width:548px; padding-left:30px;}	
}