/* tajawal-regular - latin_arabic */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/tajawal-v3-latin_arabic-regular.eot'); /* IE9 Compat Modes */
  src: local('Tajawal'), local('Tajawal-Regular'),
       url('../fonts/tajawal-v3-latin_arabic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/tajawal-v3-latin_arabic-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/tajawal-v3-latin_arabic-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/tajawal-v3-latin_arabic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/tajawal-v3-latin_arabic-regular.svg#Tajawal') format('svg'); /* Legacy iOS */
}
body {
	font-family: 'Tajawal';
	line-height: 20px;
	width: 100%;
	background-image: linear-gradient(to bottom, #dcedc8, #b8bbbe);
	background-repeat: repeat-x;
	border-color: #ccff90 #ccff90 #76ff03;
}
.thumbnail { border-radius: 16px; height: 310px;}
/*#mainBody { */
/*	font-family: 'Tajawal';*/
/*	border-top:2px; padding: 6px; */
/*	background-image: linear-gradient(to bottom, #dcedc8, #b8bbbe);*/
/*	background-repeat: repeat-x;*/
/*	border-color: #ccff90 #ccff90 #76ff03;*/
/*	min-height: 40px;*/
/* }*/
 #mainBody { 
	font-family: 'Tajawal';
	border-top:2px; padding: 6px; 
	background-image: url("../images/islamicart.png");
	/*background-image: linear-gradient(to bottom, #dcedc8, #b8bbbe);*/
	background-repeat: repeat;
	border-color: #ccff90 #ccff90 #76ff03;
	min-height: 40px;
 }
#carouselBlk,#header {
	padding: 6px;
	background-image: -webkit-linear-gradient(#b8bbbe, #dcedc8);
	background-image: -o-linear-gradient(#b8bbbe, #dcedc8);
	background-image: linear-gradient(#b8bbbe, #dcedc8);
	background-repeat: repeat-x;
	border-color: #ccff90 #ccff90 #76ff03;
	min-height: 40px;
}
#srchFld {background: url(../images/search.png) no-repeat 4px center #fff;}
.tag {background:url(../images/new.png) no-repeat 0 0; position: absolute; display:block; top: -4px;right: -18px; height:48px; width:48px;}
.clr{clear:both;}
/*.btn {color: #ccff90; background-color: #33691e; background-image: none; text-shadow: none; margin-bottom: 16px;}*/
/*.btn:hover{background-color:#E0B745;}*/
.cntr{text-align:center}
.marginLess{margin:0}
/*.btn-sabeel {color: #ccff90; background-color: #33691e; background-image: none;}*/
.well {background-color:#eee; border-radius: 16px; border: 3px solid #b8bbbe; }
.box { display: inline-block; border-width:3px; border-style:groove; border-radius: 16px; background-color: #ecfae1; margin: 2px; border-color: #b8bbbe;}
.box>a{line-height: 6px; text-align: center; font-weight: bold;  }
.container {padding-top: 2px; padding-bottom: 2px}
#logoArea .btn, #logoArea .btn-group {margin-top: 5px; }
#logo {padding-right:28px;}
#welcomeLine{padding: 8px 0 4px}
.modal-header { background-color: #fff; }
.modal-body { background-color: #CFD8DC; }
/* Sidebar--------- */
#myCart  img{float:left; margin-right:8px; }
#myCart .badge {padding: 9px;}
#myCart {font-size: 13px;font-weight: bold; line-height: 33px;}
#sidebar ul ul li a{ font-size:12px;}
#sidebar ul {list-style: none;padding: 0;margin: 0;width: 100%;}
#sidebar  li  a{font-weight:bold; background:url(../images/tabRepeatInactive.png) repeat-x 0 0; color:#262626;}
#sidebar ul li li a{background:#eee; padding-left:14px;font-weight:normal;display:block;   font-size:13px; line-height:26px;}
/* body--- */
.thumbnail>a{display:block; text-align:center}
.thumbnail h5,.thumbnail p{text-align:center}
/* Product page--- */
.alignR{text-align:right;}
.control-label.alignL, .alignL{text-align:left;}
.loginFrm{ margin-bottom:8px; }
.loginFrm .control-group{padding:8px 14px 0; margin-bottom:0; background-color: #ecfae1; }
/* Compair product page */
.checkbox input[type="checkbox"]{ margin:4px 0 8px -20px }
#sm{text-align:right}
#sm a {margin: 4px;width:32px;}
/* Carousel  */
#myCarousel{text-align:center; margin-bottom:0}
#myCarousel .btn{position:absolute; bottom:10%; right:17%; padding:2% 6%; z-index:9999}
#myCarousel .carousel-caption{display:none;}
#myCarousel.homCar .item img{width:100%; max-height:506px}
#productView .btn-toolbar{padding-left:3px;}
#productDetail > li, .nav-pills > li {float: right;}
#myTabContent{text-align:justify}
#compairTbl td{text-align:center;}
#accordion2, #legalNotice, .justify, #mainCol{text-align:justify}
#myCarousel .carousel-control{display:none}
#myCarousel:hover .carousel-control{display:block}
.table {background-color: #ecfae1; border-style: groove; border-color:lavender;border-width: 2px;}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {color:#fff; background-color: #CF0007;text-shadow: none;}
.navbar .btn-navbar {background-image: linear-gradient(to bottom, #33691e, #43a047); border-color: #33691e #43a047 #43a047; margin: 10px;}
/* Footer section--------------- */
#footerSection {background: #202020;color: white;padding: 28px 0 44px;margin-top: 20px;border-top: 1px solid #444;}
#footerSection a{color:#ccc; font-size:11px; padding:0; line-height:24px; display:block; }
#footerSection a:hover{color:#fff;  }
#footerSection  #socialMedia a{ min-width:25px; display:inline; margin-right:6px; text-align:center; line-height:1.5em;}
#socialMedia img{max-width:60px;}
#footerSection  #socialMedia a:hover{background:none;}
/* ===================================================== */
/* Light Box------------------- */
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {	position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}#lightbox-container-image-box > #lightbox-nav { left: 0; }#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {	padding: 0 10px; 	color: #666; }
#lightbox-container-image-data #lightbox-image-details {width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;}
#lightbox-secNav-btnClose {width: 66px; float: right;padding-bottom: 0.7em;	}
/* ------------------------------- */
.navbar-search .srchTxt {border-radius: 0;border: 1px solid #444;}
[class^="icon-"], [class*=" icon-"] {background-image: none;}
.navbar .nav > li > a {color: #555555;text-shadow: none;font-size: 16px; }
.navbar .nav > li > a:hover{color:#000;}
#logoArea, #logoArea a{outline:none;}
.alignR .checkbox input[type="checkbox"] {float: right;margin: 4px 0 8px 11px;}
.navbar .nav.pull-right, #sideManu {overflow:hidden;}
#logoArea  #smallScreen {margin: 21px 14px 0 0;}
.navbar-search {margin-top: 8px;}
/* Responsive--------------------- */
/* Large desktop */
@media (min-width: 1200px) {  }
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
#logoArea a{line-height:30px; padding: 6px; }
.navbar .brand {float: none;text-align: center;}
.navbar-search {margin-top: 8px;width: 100%;float: none;}
#sideManu,#topMenu{height:0}
#topMenu{height: auto;float: none; width: 50%; margin: auto;}
#topMenu li{float: none;}
#sideManu,#topMenu{height:0}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
body{width: 95%;}
#logoArea a{line-height:30px;padding: 6px;}
.navbar .brand {float: none;text-align: center;}
.navbar-search {margin-top: 8px;width: 100%;float: none;}
#header, #carouselBlk{margin: 0 -20px;}
#sideManu,#topMenu{height:0}
#topMenu{height: auto;float: none;width: 50%; margin: auto;}
#topMenu li{float: none;}
}
/* Landscape phones and down */
@media (max-width: 480px) {
body{width: 90%;}
#logoArea a{line-height:30px; padding: 6px;}
#header, #carouselBlk{margin: 0 -20px;}
#sideManu, #topMenu{height:0}
#topMenu{height: auto;float: none; width: 88%; margin: auto;}
#topMenu li{float: none;}
}