body{margin:0;background:url(../images/bg.jpg) no-repeat top center;font-family:arial;}
img{border:0;}
#container{width:960px;margin:auto;position:relative;}
.header{float:left;width:100%;}
.header .logo{background:url(../images/logo.png) no-repeat top left;width:371px;height:85px;float:left;margin-left:6px;}
.header .header_right{float:right;margin-top:11px;width:573px;margin-right:-6px;}
.header .header_right .header_right_top{float:right;width:50%;}
.header .header_right .top_menu{float:right;}
.header .header_right .top_menu ul{list-style:none;margin:5px 0px 0px 0px;padding:0;}
.header .header_right .top_menu ul li{float:left;font-weight:bold;font-size:14px;color:#ffffff;padding:0px 17px;border-left:2px solid #ffffff;line-height:14px;}
.header .header_right .top_menu ul li:first-child{border-left:none;padding-left:0px;}
.header .header_right .top_menu ul li a{color:#ffffff;text-decoration:none;}

.header .header_right .socialicons{float:right;margin-right:16px;}
.header .header_right .socialicons ul{list-style:none;margin:0;padding:0;}
.header .header_right .socialicons ul li{float:left;margin:0px 2px;}
.header .header_right .socialicons ul li.twitter a{background:url(../images/socialicons.png) no-repeat 0px 0px;width:22px;height:22px;float:left;}
.header .header_right .socialicons ul li.instagram a{background:url(../images/socialicons.png) no-repeat -26px 0px;width:22px;height:22px;float:left;}
.header .header_right .socialicons ul li.facebook a{background:url(../images/socialicons.png) no-repeat -52px 0px;width:24px;height:22px;float:left;}

.header .header_right .search_field{float:right;margin-top:7px;width:51%;}
.header .header_right .search_field .search_input{background:url(../images/search_field.png) repeat-x;height:23px;border:0;width:258px;margin-right:16px;float:right;margin-top:4px;color:#646464;font-size:9px;padding:0px 0px 0px 8px;line-height:23px;}

.header .header_right .navigation{float:right;margin-top:13px;margin-right:-6px;}
.header .header_right .navigation ul{list-style:none;margin:0;padding:0;}
.header .header_right .navigation ul li{float:left;font-weight:bold;font-size:14px;color:#12481b;padding:0px 19px;border-left:2px solid #12481b;line-height:14px;}
.header .header_right .navigation ul li:first-child{border-left:none;padding-left:0;}
.header .header_right .navigation ul li a{color:#000000;text-decoration:none;}

.middle{float:left;width:100%;background:url(../images/middle_bg.png) repeat;min-height:800px;margin-top:9px;padding-top:2px;}

.middle .left_section{float:left;width: 194px;min-height:100px;padding-top: 2px;padding-left: 2px;}
.middle .left_section .languages{float:left; width:100%;}
.middle .left_section .languages ul{list-style:none; margin:0; padding:0;}
.middle .left_section .languages ul li{float:left; width: 48.2%; margin: 1px 0px 2px 2px; font-size: 9px;}
.middle .left_section .languages ul li a{background:#303030; color:#ffffff; text-decoration:none; float:left; width:100%; text-align:center;padding: 1px 0px 2px;font-family:'centurygothicbold'; text-transform:uppercase;letter-spacing: 1px;}
.middle .left_section .ramzan_dua{float:left;width:100%;}
.middle .left_section .ramzan_dua ul{list-style:none;margin:0;padding:0;border-top:1px solid #b5ba92;float:left;width:100%;margin-left:-7px;padding-left:7px;padding-top:10px;margin-top:25px;}
.middle .left_section .ramzan_dua ul li{float:left;width:94%;border-bottom:1px solid #b5ba92;padding:3px 0px 5px 0px;margin-left:2px;}
.middle .left_section .ramzan_dua ul li:first-child{padding-top:0;}
.middle .left_section .ramzan_dua ul li a{color:#003711;font-size:13px;text-decoration:none;}
.middle .left_section .ramzan_dua ul li a:hover{font-weight:bold;}
.middle .left_section .ramzan_dua ul li a.active{font-weight:bold;}
.middle .left_section .ramzan_dua .media_btn{float:left;width:100%;margin-top:21px;}
.middle .left_section .ramzan_dua .media_btn ul{margin:0;padding:0;list-style:none;border:none;}
.middle .left_section .ramzan_dua .media_btn ul li{float:left;border:none;width:auto;padding:0;}
.middle .left_section .ramzan_dua .media_btn ul li.prev a{background:url(../images/media_icons.png) no-repeat 0px -3px;width:30px;height:30px;float:left;border:none;margin-top:5px;}
.middle .left_section .ramzan_dua .media_btn ul li.stop a{background:url(../images/media_icons.png) no-repeat -36px -3px;width:30px;height:31px;float:left;margin-left:4px;margin-top:5px;}

.middle .left_section .ramzan_dua .media_btn ul li.play a{background:url(../images/media_icons.png) no-repeat -71px 0px;width:37px;height:37px;float:left;margin:2px 0px 0px 3px;}
.middle .left_section .ramzan_dua .media_btn ul li.pause a{background:url(../images/media_icons.png) no-repeat -114px -3px;width:30px;height:30px;float:left;margin:5px 0px 0px 4px;}
.middle .left_section .ramzan_dua .media_btn ul li.next a{background:url(../images/media_icons.png) no-repeat -149px -3px;width:30px;height:30px;float:left;margin:5px 0px 0px 3px;}
.middle .left_section .ramzan_dua .media_btn span{color:#003711;font-size:13px;text-align:center;float:left;width:100%;margin:1px 0px 0px -1px;}

.middle .right_section{float:left;width:764px;min-height:100px;}
.middle .right_heading{background:#282828;float:left;width: 726px;margin:0;height: 29px;border:1px solid #373835;padding: 5px 25px 7px 11px;}
.middle .right_heading h2{font-family:'centurygothic';color:#ffffff;font-weight:normal;text-transform:uppercase;font-size: 24px; margin:0;float: left;}
.middle .right_heading .readmore{color:#eccf00; text-decoration:none; font-family:arial; font-weight:bold; font-size: 11px; float:right;margin-top: 14px;}
.middle .right_section .ramzan_calendar{color:#FFFFFF;text-align:center;font-weight:bold;border:none;background:#eb8300;margin-top:-1px; float:left;}
.middle .right_section .ramzan_calendar td{padding:0;margin:0;font-size:15px;border:1px solid #febf00;width:49px;}
.middle .right_section .ramzan_calendar td:first-child{border-left:none;}
.middle .right_section .ramzan_calendar td:last-child{border-right:none;}
.middle .right_section .ramzan_calendar td a{color:#ffffff;text-decoration:none;}
.middle .right_section .ramzan_calendar td.highlighted{background:#000000;color:#ffffff;}
.middle .right_section .ramzan_calendar td.highlighted2{background:#90830f;color:#ffffff;}
.middle .right_section .ramzan_calendar .detail_calendar{background:#dec100;}
.middle .right_section .ramzan_calendar .detail_calendar td{border-color:#ae9900;color:#0a2200;padding:2px 0px;font-size:15px;}
.middle .right_section .ramzan_calendar .detail_calendar td a{color:#0a2200;}
.middle .right_section .ramzan_calendar .detail_calendar td:first-child{border-left:none;}
.middle .right_section .ramzan_calendar .detail_calendar td:last-child{border-right:none;}
.middle .right_section .ramzan_calendar .detail_calendar td.big_nights{background:#000000;color:#ffffff;border:1px solid #000}
.middle .right_section .ramzan_calendar .detail_calendar td.big_nights a{color:#ffffff;}
.middle .right_section .ramzan_calendar .detail_calendar td.double{font-size:10px;}
.middle .right_section .ramzan_calendar .last td{border-bottom:none;}
.middle .right_section .ramzan_calendar .odd td{color:#0c7800;}
.middle .right_section .ramzan_calendar .odd td a{color:#0c7800;}

.middle .right_section .martydom{font-family:arial;font-size:11px;color:#fff;text-align:center;line-height:11px;margin-top:2px;}
.middle .right_section .martydom td{padding:5px 0px;}
.middle .right_section .martydom td a{color:#ffffff;text-decoration:none;}

.middle .right_section .more_links{float:left;width:100%;background:#004917;height:32px;margin-top:2px; position:relative; z-index:1;}
.middle .right_section .more_links ul{list-style:none;margin:10px 0px;float:left;font-size:14px;font-weight:bold;padding:0;}
.middle .right_section .more_links ul li{float:left;border-left:2px solid #ffffff;padding: 0px 23px;line-height:13px;}
.middle .right_section .more_links ul li:first-child{border-left:none;}
.middle .right_section .more_links ul li a{color:#ffffff;text-decoration:none;}
.middle .right_section .more_links .read_more a{color:#eccf00;text-decoration:none;font-size:11px;font-weight:bold;float:right;margin:11px 20px 0px 0px;}

.middle .right_section .slider{float:left;width:100%;margin-top:2px;position:relative;}
.middle .right_section .slider ul{list-style:none;margin:0;padding:0;height:257px;overflow:hidden;}
.middle .right_section #controls{list-style:none;padding:0;float:right;position:absolute; right:10px;margin-top:41px;}
.middle .right_section #controls li{float:left;margin:0px 1px;}
.middle .right_section #controls li a{background:url(../images/slider_btn.png) no-repeat -21px 0px;width:17px;height:16px;float:left;text-indent:-99999px;}
.middle .right_section #controls li a:hover{background:url(../images/slider_btn.png) no-repeat 0px 0px;}
.middle .right_section #controls li.current a{background:url(../images/slider_btn.png) no-repeat 0px 0px;}

.middle .related_videos{float:left;width:100%;margin-top:2px;}
.middle .related_videos h2{background:#282828;float:left;width:912px;margin:0;height:28px;border:1px solid #373835;padding:2px 25px 7px 21px;font-family:'centurygothic';color:#ffffff;font-weight:normal;text-transform:uppercase;font-size:25px;}
.middle .related_videos h2 strong{font-family:'centurygothicbold';}
.middle .related_videos ul{list-style:none;margin:0px 0px 0px 2px;padding:0;margin-top:7px;float:left;width:926px;}
.middle .related_videos ul li{float:left; margin: 0px 20px 0px 59px;}
.middle .related_videos ul li a{text-align:center;color:#171717;text-decoration:none;font-size:11px;float:left;}
.middle .related_videos ul li .video_box .playbtn{background:url(../images/video_btns.png) no-repeat -22px 0px;width:33px;height:38px;float:left;margin:28px 0px 0px 75px;}
.middle .related_videos ul li .video_box a{width:100%;height:102px;}
.middle .related_videos ul li .video_box{background:#808080;float:left;width:100%;height:102px;margin-bottom:12px;}
.middle .related_videos .left_video{background:url(../images/video_btns.png) no-repeat 0px -12px;width:10px;height:13px;float:left;margin-top:57px;margin-left:6px;}
.middle .related_videos .right_video{background:url(../images/video_btns.png) no-repeat -62px -12px;width:10px;height:13px;float:right;margin-top:57px;margin-right:3px;}

.middle .related_websites{float:left;width:100%;margin-top:4px;}
.middle .related_websites h2{background:#282828;float:left;width:912px;margin:0;height:28px;border:1px solid #373835;padding:2px 25px 7px 21px;font-family:'centurygothic';color:#ffffff;font-weight:normal;text-transform:uppercase;font-size:25px;}
.middle .related_websites h2 strong{font-family:'centurygothicbold';}
.middle .related_websites .websites{float:left;margin:7px -11px 0px 19px;width:224px;text-align:center;}
.middle .related_websites .websites img{margin-bottom:13px;}
.middle .related_websites .websites a{color:#171717;text-decoration:none;font-size:12px;}

.middle .footer{float:left;width: 98%;border-top:1px solid #b5ba92;margin-top:2px;padding: 1% 1% 1%;}
.middle .app{float:left;}
.middle .app ul{list-style:none;margin: 15px 0px 15px 0px;padding:0;}
.middle .app ul li{float:left;margin: 7px 10px 0px 55px;text-align:center;}
.middle .app ul li a{color:#003711;text-decoration:none;font-size:12px;float:left;}

.middle .footer .ahlulbayt{float:left;margin:14px 0px 0px 61px;}

.middle .footer .footer_search_field{float:right;margin-top: 0px;width: 254px;position:relative;}
.middle .footer .footer_search_field .search_input{background:none;height:27px; width: 200px;margin-right: 8px;float:right;margin-top:0px;color:#646464;font-size:12px;padding:0px 30px 0px 8px;line-height:23px;border:1px solid #eaf1e7;}
.middle .footer .search_submit{background:url(../images/footer_search_icon.png) no-repeat top left;width:18px;height:15px;float:right;border:0;text-indent:-99999px;cursor:pointer;position:absolute;right: 18px;top:7px;}

.middle .footer .socialicons{float:right;margin-right: 0px;margin-top: 0px;}
.middle .footer .socialicons ul{list-style:none;margin:0;padding:0;}
.middle .footer .socialicons ul li{float:left;margin:0px 2px;}
.middle .footer .socialicons ul li.google a{background:url(../images/footer_socialicons.png) no-repeat 0px 0px;width: 28px;height: 29px;float:left;}
.middle .footer .socialicons ul li.linkedin a{background: url(../images/footer_socialicons.png) no-repeat -31px 0px;width: 28px;height: 29px;float:left;}
.middle .footer .socialicons ul li.twitter a{background: url(../images/footer_socialicons.png) no-repeat -62px 0px;width: 28px;height: 29px;float:left;}
.middle .footer .socialicons ul li.facebook a{background: url(../images/footer_socialicons.png) no-repeat -92px 0px;width: 28px;height: 29px;float:left;}

.middle .footer .footer_text{float:left;text-align:center;color:#003711;font-size: 11px;}

.jcarousel-skin-tango .jcarousel-container {
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 100%;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
	float:left;
    width: 925px;
	margin:14px 0px 0px 7px;
}


.jcarousel-skin-tango .jcarousel-item {
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 100px;
	
    right: 5px;
    width: 10px;
    height: 14px;
    cursor: pointer;
    background: url(../images/video_btns.png) no-repeat -62px -12px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    right: auto;
   background:url(../images/video_btns.png) no-repeat -62px -12px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 100px;
    width: 10px;
    height: 14px;
    cursor: pointer;
    background: url(../images/video_btns.png) no-repeat 0px -12px;
    left: 4px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    background:url(../images/video_btns.png) no-repeat 0px -12px;
}

@font-face{font-family:'centurygothic';src:url('../fonts/centurygothic.eot');src:url('../fonts/centurygothic.eot') format('embedded-opentype'),
url('../fonts/centurygothic.woff') format('woff'),
url('../fonts/centurygothic.ttf') format('truetype'),
url('../fonts/centurygothic.svg#centurygothic') format('svg');}

@font-face{font-family:'centurygothicbold';src:url('../fonts/centurygothicbold.eot');src:url('../fonts/centurygothicbold.eot') format('embedded-opentype'),
url('../fonts/centurygothicbold.woff') format('woff'),
url('../fonts/centurygothicbold.ttf') format('truetype'),
url('../fonts/centurygothicbold.svg#centurygothicbold') format('svg');}