﻿.list_carousel {
	overflow:auto;
	width: 700px;
	height: 119px;
	padding-top: 20px;
	margin: 20px 0;
	margin-right: 6px;
	background:white url('../images/slider_bg.jpg') repeat-x top;
	border: 1px #c7c7c7 solid;
	float: right;
}

.right_btn {
	float: right;
	position: relative;
	margin-top: 70px;
	margin-left: -40px;
	cursor: pointer;
}
.left_btn {
	float: right;
	position: relative;
	margin-top: 70px;
	margin-right: -28px;
	cursor: pointer;
}
#footerScroller {
	margin-right: 35px;
	
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	text-align: center;
	border-left: 1px #999 dotted;
	padding:0 10px;
	display: block;
	float: left;
}
.list_carousel li:first-child {
	border: 0;
}
.list_carousel li img {
	vertical-align:middle;
	margin:0 auto;
}
.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}
.clearfix {
	float: none;
	clear: both;
}
.list_carousel .prev {
	
	float:left;
	position: relative;
	left:0;
	margin-top: 40px;
}
.list_carousel .next {
	float: right;
	position: relative;
	right:0;
	margin-top: 40px;

}
.pager {
	margin:0 auto;
	width: 300px;
	text-align: center;
}
.pager a {
	margin: 0 5px;
	text-decoration: none;
}
.pager a.selected {
	text-decoration: underline;
}
.timer {
	background-color: #999;
	height: 6px;
	width: 0px;
}
.mydiv {
    overflow: auto;
    width: 712px;
    height: 350px;
    background: white url(../images/slider_bg.jpg) repeat-x top;
    border: 1px #c7c7c7 solid;
    float: right;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
}
.mydiv a{
    margin-right:8px;
    padding-right:10px;
    padding-left:2px;
    padding-top:1px;
    display: block;
    padding: 4px;
    color: #444444;
    text-decoration: none;
    border-bottom: 1px #CCCCCC dotted;
    font: normal 82% 'DroidSansArabic' , Arial;
    font: normal 82% 'DroidSansArabic' , Arial;
    box-sizing: content-box;
}

.mydiv a:hover{
    color: maroon;
}
.mydiv input:checked + label,
.mydiv input:checked + label:hover
{
    background: #95A0A4;
    color: #ffffff;
    text-shadow: 0px 1px 1px rgba(0,0,0, 0.3);
}
.divClass{
    background: #95A0A4; 
    color: #ffffff; 
    text-shadow: 0px 1px 1px rgba(0,0,0, 0.3); 
    line-height: 33px;
    font-size: 19px;
    font: normal 95% 'DroidSansArabic', Arial !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px; 
    width:712px;
    height:25px;
    position: relative; 
    z-index: 20; 
    display: block; 
    cursor: pointer;  
    border-right: 1px solid rgba(255, 255, 255, 0.5); 
    border-left: 1px solid rgba(255, 255, 255, 0.5); 
    border-bottom: 1px solid rgba(255, 255, 255, 0.5); 
    border-top: 1px solid rgba(255, 255, 255, 0.5); 
    box-sizing: border-box;
}