/*///////////////////////		contentslider			//////////////////////////*/
/*
 * Color, Border, and Button Rules
 */
.contentslider {
	padding: 0; /* This acts as a border for the content slider */
	background: none; /* This is the color of said border */
} 
.cs_wrapper, .cs_article {
	/* background-color: none; Background color for the entries */
}
.cs_leftBtn, .cs_rightBtn {
	width:43px; /* Should be as wide as the button graphic being used */
	background: none; /* This will probably match the contentslider bg color */
}

/*
 * Article styles (font, color, etc.)
 *
 * If textResize is set to TRUE, sizing shouldn't need to be touched. However,
 * depending on the sizes you have defined, additional tweaking may be
 * required in order to get the text to display properly.
 */

/*
 ******************************************************************************
 * These styles may be affected by the plugin, so avoid changing them if 
 * it's not absolutely necessary.
 ******************************************************************************
 */
.contentslider {
	position:relative;
	display:block;
	width: 910px;
	height: 210px;
	margin:0 auto;
	overflow:hidden;
}
.cs_wrapper {
	position:relative;
	display:block;
	width: 910px;
	height: 210px;
	margin: 0;
	padding: 0;
	overflow:hidden;
}
.cs_slider {
	position:absolute;
	width:10000px;
	height:100%;
	margin: 0;
	padding: 0;
}
.cs_article {
	float:left;
	position:relative;
	top:0;
	left:0;
	display:block;
	margin: 0 auto;
	/* background-color: none; */
}

.cs_article .article {
	padding: 0 80px;
}
.article .left {
	float: left;
	padding: 30px 0; 
	width: 300px;
	direction:rtl;

}

.article .right {
	float: right;
	width: 400px;
}

.article p {
	margin-bottom: 20px;
	direction:rtl;
}

.article img {
	width: 380px;
	height: 190px;
	background: #b9b49d;
	padding: 8px;
	border: 1px solid #e8e5d9;
}

.cs_leftBtn, .cs_rightBtn {
	position:absolute;
	top: 30px;
	padding:0;
	z-index:10000;
}
.cs_leftBtn {
	left : 0px;
	outline:0;
}
.cs_rightBtn {
	right : 0px;
	outline:0;
}
.cs_leftBtn img, .cs_rightBtn img {
	border:0;
	position:relative;
	margin:0;
}

.list_carousel table {
	float: right;
}
.clearfix {
	float: none;
	clear: both;
}
.space[id*="next"], .space[id*="prev"]{
	background: transparent -webkit-linear-gradient(right, #F8F8F8, #E9E9E9) repeat scroll 0% 0%;
	background: transparent -o-linear-gradient(right, #F8F8F8, #E9E9E9) repeat scroll 0% 0%;
	background: transparent linear-gradient(to left, #F8F8F8, #E9E9E9) repeat scroll 0% 0%;
	font-size: 0.875em;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	padding: 0px 9px;
	margin-right: 4px;
	border-radius: 3px;
	font: 14px/24px sans-serif;
	display: inline-block;
	border-radius: 3px;
	border: 1px solid #C0C0C0;
	color: #717171;
	text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}
.space a {
	background: transparent -webkit-linear-gradient(right, #F8F8F8, #E9E9E9) repeat scroll 0% 0%;
	background: transparent -o-linear-gradient(right, #F8F8F8, #E9E9E9) repeat scroll 0% 0%;
	background: transparent linear-gradient(to left, #F8F8F8, #E9E9E9) repeat scroll 0% 0%;
	font-size: 0.875em;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	padding: 0px 9px;
	font: 14px/24px sans-serif;
	font-weight: bold;
	display: inline-block;
	padding: 0px 9px;
	margin-right: 4px;
	border-radius: 20px;
	border: 1px solid #C0C0C0;
	color: #717171;
	text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}
.space span,.space a:hover span, .space .selected:hover span, .space[id*="next"]:hover span, .space[id*="prev"]:hover span {
	color: #717171 !important;
}
.space .selected {
	border: medium none;
	background: #616161 none repeat scroll 0% 0%;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5) inset, 0px 1px 0px rgba(255, 255, 255, 0.8);
	color: #F0F0F0;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
	font-size: 0.875em;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	padding: 0px 9px;
	margin-right: 4px;
	border-radius: 20px;
	font: 14px/24px sans-serif;
	text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}
.space .selected span {
	color: #f0f0f0 !important;
}
.space a:hover, .space .selected:hover, .space[id*="next"]:hover, .space[id*="prev"]:hover {
	background: #fefefe;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
	box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
	text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.pagination {
	text-align: center;
	margin-top: -7;
}
.pagination a {
	background: url(jscripts/images/paginationbg.png) 0 no-repeat transparent;
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
	display: inline-block;
}
.pagination a.selected {
	background-position: -25px -5px;
	cursor: default;
}
.pagination a span {
	display: none;
}