@font-face{font-family:'goth';src:url(//:) format('no404'), url('DroidKufi-Regular.ttf') format('truetype');font-weight:normal;font-style:normal;}
body{margin:0;padding:0;font-family:goth,Arial;font-size:14px;color:#29235c;background:#fff;}
p{margin:0px;padding:0px;}
.site_logo{background:#ee2e24;}
.site_logo_mob, .site_logo_mob img{display:none;}
.desktop_barrier{height:100px;}
@media (max-width:768px){
li.site_logo, .site_logo img{display:none;}
.site_logo_mob{display:block;background:#ee2e24;text-align:center;}
.site_logo_mob img{display:block;float:none;}
.desktop_barrier {display:none;}
}
.divider .red{width:50%;height:10px;float:left;background:#ee2e24}
.divider .black{width:50%;height:10px;float:left;background:#000}
h1.home_title{border-bottom:3px solid #ee2e24;text-align:center;height:25px;margin-bottom:25px;}
h1.home_title span{background:#fff;font-size:40px;font-weight:bold;padding:3px 20px;}
h1.about_title{border-bottom:3px solid #fff;text-align:center;height:25px;margin-bottom:25px;}
h1.about_title span{background:#ee2e24;font-size:40px;font-weight:bold;padding:3px 20px;}
.align-center{text-align:center}
.table th{text-align:center}
table.listing{width:100%;font-size:12px;color:#016db9;border-collapse:collapse;border-spacing:0;}
table.listing tr{border-bottom:1px solid #eee;}
table.listing tr.even{background:#f2f8fa;}
table.listing tr:hover{background:#f0f0f0;}
table.listing tr td{padding:5px;}
table.listing th{text-align:center;color:white;padding:7px;font-size:12px;background:#298680;}
table.listing tr td a{font-size:inherit;color:inherit;text-decoration:none;}
img{margin:0px;padding:0px;border:none;}
input[type="submit"]{border:0px;padding:3px 8px;text-align:center;color:#fff;background:#ee2e24;cursor:pointer;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;}
input[type="submit"]:hover{background:#4a4a4a;}
input[type="text"], input[type="password"]{padding:5px;border:1px solid #ccc;background:#fff;}
textarea{padding:5px;border:1px solid #ccc;background:#fff;}
.article_box{margin-bottom:5px;width:500px;border-collapse:collapse;border-color:#615336;border-radius:4px;-moz-border-radius:4px;}
.product_box{width:250px;margin:7px auto;text-align:center;}
.product_box .article_content{padding-top:25px;padding-bottom:10px;color:#ee2e24;width:250px;}
.product_box .article_content a{color:#ee2e24;}
.product_box img{width:250px;height:250px;border-radius:150px;border:1px solid #ee2e24}
.product_box a.more{font-weight:bold;background:#ee2e24;color:#fff;padding:2px 15px;margin:3px;border-radius:5px;}
#lang{width:100px;float:right;position:relative;}
#lang a{color:#ffffff;text-decoration:none;}
#lang_ar{width:100px;float:left;position:relative;margin-left:50px;}
#lang_ar a{color:#ffffff;text-decoration:none;}
#gallery_img{text-align:center; float:left; margin:10px; border:1px solid #ccc; width:185px; height:150px; font:11px tahoma; padding:10px 0 0 0;border-radius:2px;-moz-border-radius:2px;background:#fff;}
#gallery_img:hover{border:1px solid #f0f0f0;}
#gallery_img img{width:160px;height:110px;}
#albums{text-align:center; float:left; margin:10px; border:1px solid #ccc; width:185px; height:150px; font:11px tahoma; padding:10px 0 0 0;border-radius:2px;-moz-border-radius:2px;background:#fff;}
#albums:hover{border:1px solid #f0f0f0;}
#albums img{width:160px;height:110px;}
#home_slideshow{text-align:center; float:left; margin:10px; border:1px solid #615336; width:250px; height:125px; font:11px tahoma; padding:10px 0 0 0;border-radius:4px;-moz-border-radius:4px;}
#home_slideshow img{width:240px;height:90px;}
.article_shortcut{width:100%;margin:10px;padding:5px;min-height:110px;border:1px solid #ccc;border-radius:2px;-moz-border-radius:2px;float:left;background:#fff;}
.article_shortcut img{width:100px;height:85px;float:left;margin:0 10px 15px 5px;}
.article_shortcut_ar{width:100%;margin:10px;padding:5px;min-height:110px;border:1px solid #ccc;border-radius:2px;-moz-border-radius:2px;float:right;text-align:right;direction:rtl;background:#fff;}
.article_shortcut_ar img{width:100px;height:85px;float:right;margin:0 5px 15px 10px;}
#error_note{color:#ff0000;background:#fff7a3 url(images/error_note.png) no-repeat;background-position:4px 3px;padding:2px 2px 2px 20px;margin:10px;border-radius:4px;}
#success_note{margin:20px 30px 20px 30px;background:#eff8d7 url(images/success_note.png) no-repeat 10px 3px;padding:10px 20px 10px 50px;border:1px solid #d6f094;color:#4a630a;border-radius:5px;-moz-border-radius:5px;}
.more{margin-left:10px;}
.more_ar{margin-right:10px;}
#paging a{border:1px solid #615336;padding:3px 5px 4px 5px;margin:3px;border-radius:3px;}
#paging span{border:1px solid #615336;padding:3px 5px 4px 5px;margin:3px;border-radius:3px;}
#codeincode_header_wrapper{width:100%;height:95px;margin:0 auto;border-bottom:1px solid #ee2e24;background:#f9f9f9;}
#codeincode_header{width:1024px;margin:0 auto;}
#codeincode_header #site_logo{float:left;margin:5px;max-height:85px;}
#codeincode_header #site_logo_ar{float:right;margin:5px;max-height:85px;}
#codeincode_header #site_logo span{color:#f0f0f0;}
#codeincode_menu{width:800px;float:right;}
#codeincode_menu ul{margin:40px 20px 0 0;padding:0px;list-style:none;}
#codeincode_menu ul li{padding:0px;margin:0px;display:inline;}
#codeincode_menu ul li a{float:left;display:block;padding:10px 20px;background:url(images/codeincode_menu_divider.jpg) right repeat-y;text-align:center;font-size:14px;text-decoration:none;color:#ee2e24;font-weight:normal;outline:none;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;}
#codeincode_menu ul li.right a{float:right;display:block;padding:10px 20px;background:url(images/codeincode_menu_divider.jpg) left repeat-y;text-align:center;font-size:14px;text-decoration:none;color:#ee2e24;font-weight:normal;outline:none;}
#codeincode_menu li a:hover, #codeincode_menu li.right a:hover, #codeincode_menu li .current, #codeincode_menu li.right a.current{color:#fff;background:#ee2e24;border-radius:5px;}
#codeincode_menu li .last{border:none;}
#codeincode_content_wrapper{padding:20px;width:100%;max-width:1300px;min-height:500px;margin:10px auto;}
#codeincode_footer_wrapper{width:100%;margin:0 auto;background:#000000;}
#codeincode_footer{width:100%;max-width:1000px;text-align:center;padding:30px 0px 35px 0px;margin:0 auto;color:#fff;}
#codeincode_footer a{text-decoration:none;color:#fff;}
#codeincode_footer #designed{float:right;position:relative;top:-15px;}
#codeincode_content_wrapper:after{content:".";display:block;height:0;clear:both;visibility:hidden;}