/*Embeded Fonts*/



@font-face {

font-family:'dinregular';

src:url('../fonts/font-webfont.eot');

src:url('../fonts/font-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/font-webfont.woff2') format('woff2'), url('../fonts/font-webfont.woff') format('woff'), url('../fonts/font-webfont.ttf') format('truetype'), url('../fonts/font-webfont.svg#dinregular') format('svg');

font-weight:normal;

font-style:normal

}

 @font-face {

font-family:'dinlight';

src:url('../fonts/dinlight-webfont.eot');

src:url('../fonts/dinlight-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/dinlight-webfont.woff2') format('woff2'), url('../fonts/dinlight-webfont.woff') format('woff'), url('../fonts/dinlight-webfont.ttf') format('truetype'), url('../fonts/dinlight-webfont.svg#dinlight') format('svg');

font-weight:normal;

font-style:normal

}

 @font-face {

font-family: 'Conv_MUHAMMADI QURANIC FONT';

src: url('../fonts/MUHAMMADI QURANIC FONT.eot');

src: local('☺'), url('../fonts/MUHAMMADI QURANIC FONT.woff') format('woff'), url('../fonts/MUHAMMADI QURANIC FONT.ttf') format('truetype'), url('../fonts/MUHAMMADI QURANIC FONT.svg') format('svg');

font-weight: normal;

font-style: normal;

}

/*General Styles*/







body {

	background:url(../im/main-bg.jpg) no-repeat center top #56A681;

	color:#fff;

	font-family:dinregular !important;

	font-size:14px !important;

}

p {

	color:#666;

	line-height:18px;

}

a {

	text-decoration:none;

	color:#666666;

}

span {

	color:#fff;

}

.btn {

	background-color:#6BCBCA;

	display:block;

	text-transform:uppercase;

	margin:15px auto 10px auto;

	text-align:center;

}

.btn:hover {

	background-color:#44b1b0;

}

.btn.sm {

	font-size:14px;

	padding:8px 15px 6px 15px;

	width:75px;

}

.btn.md {

	font-size:18px;

	padding:8px 15px 6px 15px;

	width:100px;

}

.btn.lg {

	font-size:20px;

	padding:8px 15px 6px 15px;

	width:125px;

}

h1 {

	font-size:25px;

	color:#6DADC6;

	font-weight:normal;

	margin:5px 0 10px 0;

}

h2 {

	font-size:22px;

	color:#6DADC6;

	font-weight:normal;

	margin:5px 0 10px 0;

}

.LinksListing {

	list-style:none;

	padding:10px;

	margin:10px 0;

}

.LinksListing li {

	border-bottom:1px solid #E6E6E6;

	padding:10px;

	text-align:left;

}

.LinksListing li:last-child {

	border:0px;

}

/*Resets*/







* {

	padding:0px;

	margin:0px;

}

.header:after, #MainWrapper:after, #HeaderWrapper:after, #TabListings:after, #TabContentArea:after, .Filters:after, .SearchFilterArea:after, #IndexContentWrapper:after, .lightbox .body:after, .About_Lb_Content:after {

	content:".";

	display:block;

	clear:both;

	visibility:hidden;

	line-height:0;

	height:0

}

/*Icons*/







i {

	background:url(../im/sprite.png) no-repeat 0 0;

}

i.ArrDown {

	width:15px;

	height:15px;

	display:inline-block;

	background-position:-287px 3px;

}

/*Layout & Columns*/







#MainWrapper {

	width:980px;

	margin:0 auto;

}

#FooterWrapper {

	width:100%;

	font-family: 'dinlight';

	font-size:15px;

	text-align:center;

	margin:10px 0;

	color:#fff; /*text-shadow:#195B5A 0px 1px 0, #fff 0 2px 0;*/

}

#HeaderWrapper {

	width:100%;

	margin:8px 0;

}

#HeaderWrapper .ColLeft {

	width:10%;

	float:left;

}

#HeaderWrapper .ColLeft img {

	max-width:71%;

	max-height:100%;

}

#HeaderWrapper .ColMid {

	width:38%;

	float:left;

	padding:19px 0 0 0px;

}

#HeaderWrapper .ColMid span {

	display:block;

	font-size:25px;

	color:#6DADC6;

}

#HeaderWrapper .ColMid span + span {

	display:block;

	font-size:14px;

	color:#666;

}

#HeaderWrapper .ColRight {

	width:auto;

	float:right;

	text-align:right;

}

#HeaderWrapper ul {

	list-style:none;

	color:#fff;

}

#HeaderWrapper ul li {

	float:left;

}

#HeaderWrapper ul li a {

	color:#fff;

	padding:0px 10px;

	border-right:solid 1px #fff;

}

#HeaderWrapper ul li a:hover {

	color:#666;

}

#HeaderWrapper ul li:last-child a {

	border:none;

}

#ContentWrapper {

	min-height:400px;

}

.Col3Set {

	width:95%;

	margin:0 auto;

}

.Col3Set.Col1 {

	float:left;

	width:31%;

	margin:0 20px 0 0;

}

.Col3Set.Col2 {

	float:left;

	width:31%;

	margin:0 20px 0 0;

}

.Col3Set.Col3 {

	float:left;

	width:31%;

	margin:0 0px 0 0;

}

.Col2Set {

	width:68%;

	margin:0 auto;

}

.Col2Set.Col1 {

	float:left;

	width:46%;

	margin:0 20px 0 0;

}

.Col2Set.Col2 {

	float:left;

	width:46%;

	margin:0 0 0 0;

}

/*Tabbed  Content Styles*/







#TabListings {

	width:100%;

	position:relative;

}

#TabListings ul {

	list-style:none;

}

#TabListings ul li {

	float:left;

	background:#97CE68;

	margin:0 3px 0 0;

	border-radius:5px 5px 0px 0px;

}

#TabListings ul li a {

	color:#fff;

	padding:7px 33px;

	display:block;

}

#TabListings ul li.active, #TabListings ul li:hover {

	background-color:#E5EDC8;

	color:#6DB5CE;

}

#TabListings ul li.active a, #TabListings ul li:hover a {

	color:#6DB5CE;

}

#TabContentArea {

	background-color:#e5edc8;

	border-radius:0px 5px 5px 5px;

	min-height:370px;

	overflow:hidden;

}

#TabContentArea .SingleColumn {

	width:93%;

	padding:2%;

	background-color:#fff;

	border-radius:5px;

	margin:15px;

	float:left;

}

#TabContentArea .SingleColumn .inner {

	height:370px;

	color:#666;

	overflow-y:auto;

}

#TabContentArea .SingleColumn .inner p {

	font-family:dinlight;

	font-size:21px;

	line-height:30px;

	text-align:center;

}

#TabContentArea .ColLeft {

	float:left;

	width:25%;

	margin:15px;

	position:relative;

}

#TabContentArea .ColRight {

	float:left;

	width:67%;

	background-color:#fff;

	margin:15px 5px 15px 5px;

	border-radius:5px;

	min-height:425px;

	padding:15px;

}

#TabContentArea .ColRight .content {

	overflow-y:auto;

	height:425px;

}

#TabContentArea .ColRight .content .TabContent {

	display:block;

	padding:0 10px;

}

#TabContentArea .ColRight .content .TabContent + .TabContent {

	display:none;

}

/*Search Filters*/















.SearchFilterArea {

	border:solid 1px #c5ce9f;

	border-radius:5px;

	margin:0 0 20px 0;

}

.SearchFilterArea .Hd {

	background-color:#97ce68;

	border-radius:5px 5px 0px 0px;

	color:#fff;

	padding:8px;

	min-height:18px;

	font-size:17px;

	text-transform:uppercase;

}

.SearchFilterArea .Filters {

	margin:0;

}

.SearchFilterArea .Filters a {

	margin:10px;

	display:block;

	color:#666;

}

.SearchFilterArea .input-select-bg select {

	cursor:pointer;

	background:none;

	padding:5px 0;

	-webkit-appearance:none;

	width:90%

}

.SearchFilterArea .input-select-bg {

	background:#fff url(../im/select_bg.png) right 0 no-repeat;

	width:90%;

	height:23px;

	overflow:hidden;

	margin:10px auto;

	position:relative;

	border-radius:3px 0 0 3px

}

.SearchFilterArea .input-select-bg select {

	cursor:pointer;

	background:none;

	height:23px;

	padding:3px 0 5px 0;

	-webkit-appearance:none;

	width:110%;

	border:0px;

	outline:0px;

	font-size:12px;

	color:#999

}

.SearchFilterArea .input-select-bg select option {

	height:20px;

	padding:5px;

}

.SearchFilterArea .input-select-bg select.urduHurf option:first-child {

	font-family:Arial;

	font-size:14px;

}

.SearchFilterArea .input-select-bg select.urduHurf option {

	direction:rtl;

	font-family: 'HussainiNastaleeqRegular';

	text-rendering: optimizelegibility;

	font-size:16px

}

.SearchFilterArea input {

	width:86%;

	margin:0 auto;

	display:block;

	font-size:12px;

	color:#999;

	padding:4px;

	border:none;

	border-radius:3px;

}

.SearchFilterArea input[type="button"] {

	border-radius:0px;

	color:#fff;

	width:90%;

	cursor:pointer;

	margin:0 auto 10px auto;

	border-radius:5px;

}

.SearchFilterArea input[type="checkbox"] {

	width:15%;

	float:left;

	margin:7px 0 7px 0;

}

.SearchFilterArea label {

	width:75%;

	float:left;

	margin:7px 0 7px 0;

	color:#666

}

.SearchFilterArea input[type="radio"] {

	width:15%;

	float:left;

	margin:2px 0 7px 3px;

}

.SearchFilterArea .RadioLable {

	margin:2px 0 7px 3px;

}

/*Styles For Inner DB Data*/















#ayaatPanel {

	padding:0 15px

}

#AyaatDetails .arabicHurf {

	text-align: right;

	color:#390;

	direction:rtl;

	font-family:'Conv_MUHAMMADI QURANIC FONT', Sans-Serif;

	font-size:32px

}

#ayaatPanel .arabicHurf {

	color:#390;

	direction:rtl;

	font-family:'Conv_MUHAMMADI QURANIC FONT', Sans-Serif;

	font-size:32px

}

#ayaatPanel .englishHurf {

	color:#666;

	direction:ltr;

	font:16px/22px Georgia, Tahoma, Geneva, sans-serif

}

#AyaatDetails .englishHurf {

	color:#666;

	direction:ltr;

	text-align: left;

	font:16px/22px Georgia, Tahoma, Geneva, sans-serif

}

#ayaatPanel .englishHurf span {

	color:#666;

}

#AyaatDetails .englishHurf span {

	color:#666;

	text-align: left;

}

#AyaatDetails .urduHurf {

	direction:rtl;

	text-align: right;

	font-family: 'HussainiNastaleeqRegular';

	text-rendering: optimizelegibility;

	font-size:18px;

	line-height: 34px;

}




#ayaatPanel .urduHurf {

	direction:rtl;

	font-family: 'HussainiNastaleeqRegular';

	text-rendering: optimizelegibility;

	font-size:18px;

	line-height: 34px;

}

#ayaatPanel div {

	color:#666;

	margin:4px 0;

	padding:17px 8px;

	text-shadow:1px 1px 0 #FFF;

	transition:all 500ms ease 0s;

	border-bottom:4px solid #ececec;

	border-top:4px solid #ececec

}

#ayaatPanel div:hover {

	-webkit-box-shadow:inset 2px 2px 15px 0px #ccc;

	box-shadow:inset 2px 2px 15px 0px #ccc

}

#ayaatPanel div.tabveeb div {

	border:0px;

	text-shadow:none;

	box-shadow:none;

}

#ayaatPanel div.tabveeb div:hover {

	border:0px;

	text-shadow:none;

	box-shadow:none;

}

#ayaatPanel div.stopexpend {

	background:none repeat scroll 0 0 #F9EDBE !important;

	border:1px solid #F0C36D;

	color:#333

}

.stopexpend {

	background:none repeat scroll 0 0 #F9EDBE !important;

	border:1px solid #F0C36D;

	color:#333;

	font-size: 13px

}

#AyaatDetails div.stopexpend {

	background:none repeat scroll 0 0 #F9EDBE !important;

	border:1px solid #F0C36D;

	color:#333

}

#ayaatPanel .oddrow {

	background:none repeat scroll 0 0 #F9F9F9;

	border:none

}

#ayaatPanel .everow {

}

#last_msg_loader {

	margin-left:280px;

	padding:15px

}

#last_msg_loader .englishHurf {

	font-size:24px;

	color:#666;

	margin:10px 0 0 -100px !important;

}

#ayaatPanel .highlighter {

	background:none repeat scroll 0 0 #97CE68;

	color:#333;

	font-weight:bold;

	padding:0 1px;

	text-shadow:none;

	margin:0 4px

}

/* Urdu Keyboard  */







.urudukeyimage {

	left:235px;

	position:absolute;

	top:78px;

	z-index:5;

	display:none

}

.urudukeyimage.adj {

	top:205px;

}

.urudukeyimage.adj2 {

	top:205px;

}

#txt1 {

	border-radius: 3px;

	margin: 0 auto 10px auto;

	color: #999999;

	display:none;

	font-family: 'HussainiNastaleeqRegular';

	font-size:18px;

	padding: 4px;

	width: 86%;

	border: medium none;

	height:30px;

	text-rendering: optimizelegibility;

}

#totRecord {

	margin:0 auto;

	width:217px;

	color:#666;

	height:36px;

}

/* Popup Box*/















.close-int {

}

.overlay {

	display:none;

	position:absolute;

	top:0;

	z-index:4000;

	background:url(../images/overlay.png) repeat;

	width:100%;

	height:100%

}

.lughat-popup {

	display:none;

	position:absolute;

	z-index:4000;

	left:50%;

	top:52%;

	width:700px;

	height:460px;

	margin:-260px 0 0 -296px;

	background:#fff;

	border:solid 5px #97CE68;

	border-radius:10px;

	height:477px;

	overflow-x:hidden;

	overflow-y:auto;

	padding:15px 0;

}

.lughat-popup .close {

	position:absolute;

	right:15px;

	top:15px

}

.lughat-popup .words {

	overflow-x:hidden;

	overflow-y:auto;

	width:25%;

	margin:8px 0 0 0;

	height:333px;

	padding:0px 5px 0 0

}

.lughat-popup .arabic {

	background:#f2f2f2;

	float:right;

	width:36%;

	margin:3px 0 0 0;

	text-align:center;

	direction:rtl;

	border:1px solid #97CE68;

	padding:8px;

	cursor:pointer;

	font-family:'Conv_MUHAMMADI QURANIC FONT', Sans-Serif;

	font-size:20px

}

.lughat-popup .rootword {

	background:#f2f2f2;

	float:right;

	width:36%;

	margin:3px 0 0 0;

	text-align:center;

	direction:rtl;

	border:1px solid #97CE68;

	border-right:none 0px;

	padding:8px;

	cursor:pointer;

	font-family:'Conv_MUHAMMADI QURANIC FONT', Sans-Serif;

	font-size:20px

}

.lughat-popup .lughat {

	font-size: 16px;

	line-height: 29px;

	background:#fff;

	float:left;

	width:70%;

	margin:16px 0 0 12px;

	text-align:right;

	direction:rtl;

	height:333px;

	padding:0 8px;

	overflow-x:hidden;

	overflow-y:auto;

	font-family: 'HussainiNastaleeqRegular';

	text-rendering: optimizelegibility;

}

.lughat-popup .controls {

	padding:10px 0 0 36px;

}

.lughat-popup .controls select {

	padding:5px;

	height:44px;

	border:solid 2px #97CE68;

	min-width:229px;

	border-radius:5px;

	font-family:'Conv_MUHAMMADI QURANIC FONT', Sans-Serif;

	font-size:18px;

	text-align:right;

	background-color:rgba(84, 197, 113, 0.5);

}

.lughat-popup .controls div + div select {

	font-family:arial;

	font-size:21px;

	text-align:right;

}

.clearfix, .clr {

	clear:both;

	margin:0;

	padding:0;

	display:block;

	height:0

}

/* Full Screen App*/















#FullScreenApp {

	display:none;

}

.OlderVersions {

	display:none;

}

/*Feedback Form*/















#FeedbackForm {

	margin: 0 auto;

	padding: 5px 0;

	width:95%;

}

#FeedbackForm ol {

	list-style: none outside none;

	margin: 0;

	padding: 0;

}

#FeedbackForm li {

	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

	border: medium none;

	display: block;

	margin: 0 12px 0 12px;

	padding: 0;

	width:47%;

	float:left;

	color:#666;

}

#FeedbackForm li.adj {

	width:97%;

}

#FeedbackForm li.buttons {

	margin:0;

}

#FeedbackForm label {

	color: #666;

	float: left;

	font: bold 14px/17px dinlight;

	margin: 7px 0 0;

	padding:0px;

	text-transform: capitalize;

	width: 145px;

}

#FeedbackForm label span {

	font: 10px Arial, Helvetica, sans-serif;

}

#FeedbackForm input.text {

	background: none repeat scroll 0 0 #F8F8F8;

	border: 1px solid #E1E1E1;

	height: 15px;

	margin: 5px 0;

	padding: 5px 2px;

	width: 100%;

	color:#666;

}

#FeedbackForm textarea {

	background: none repeat scroll 0 0 #F8F8F8;

	border: 1px solid #E1E1E1;

	height: 72px;

	margin: 10px 0;

	padding: 2px;

	width: 100%;

	color:#666;

}

#FeedbackForm li.buttons input {

	border: 0 none;

	color: #FFFFFF;

	margin: 0 0 0 145px;

	padding: 3px 0;

}

#FeedbackForm .FormRes {

	margin:150px 0;

}

/*Index Widgets*/















#IndexContentWrapper {

	width:100%;

	min-height:400px;

	margin:3% auto 0 auto;

}

.WidgetBoxSt1 {

	width:100%;

	float:left;

	margin:0px 0px 20px 0;

	background-color:#fff;

	border-radius:10px;

	box-shadow:0 0 6px 0 #666;

}

.WidgetBoxSt1.BrdAll {

	border:solid 0px #fff;

}

.WidgetBoxSt1 .header {

	width:auto;

	padding:10px 15px 10px 15px;

	border-radius:10px 10px 0px 0px;

	background-color:#97CE68;

}

.WidgetBoxSt1 span {

	display:block;

}

.WidgetBoxSt1 .header .title {

	font-size:18px;

	line-height:27px;

}

.WidgetBoxSt1 .header .ColLeft {

	width:12%;

	float:left;

	display:block;

}

.WidgetBoxSt1 .header .ColRight {

	width:auto;

	padding:0;

	float:left;

	display:block;

}

.WidgetBoxSt1 .content {

	color:#666666;

	line-height:18px;

	padding:20px 40px;

	text-align:center;

	position:relative;

}

.WidgetBoxSt1 .content span {

	color:#666666;

}

.WidgetBoxSt1 .content.npad {

	padding:0px;

}

.WidgetBoxSt1 .content.npad img {

	max-width:100%;

	border-radius:0 0 10px 10px;

}

.WidgetBoxSt1 .content .ColLeft {

	float:left;

	display:block;

	background-color:#6bcbca;

	padding:25px;

	border-radius:0 0 0 10px;

}

.WidgetBoxSt1 .content .ColRight {

	width:73%;

	padding:15px 0;

	float:left;

	display:block;

}

.WidgetBoxSt2 {

	width:100%;

	float:left;

	margin:0px 0px 20px 0;

	background-color:#fff;

	border-radius:10px;

	box-shadow:0 0 6px 0 #666;

}

.WidgetBoxSt2 .header {

	width:auto;

	min-height:77px;

	padding:10px 15px 13px 15px;

	border-radius:10px 10px 0px 0px;

	background-color:#97CE68;

}

.WidgetBoxSt2 .header .ColLeft {

	width:30%;

	height:80px;

	float:left;

	display:block;

}

.WidgetBoxSt2 .header .ColLeft img {

	max-width:100%;

	max-height:100%;

}

.WidgetBoxSt2 .header .ColLeft span {

	display:block;

}

.WidgetBoxSt2 .header .ColRight {

	width:auto;

	height:60px;

	padding:20px 0 0 5px;

	float:left;

	display:block;

}

.WidgetBoxSt2 .header .ColRight span {

	display:block;

	font-size:18px;

}

.WidgetBoxSt2 .header .ColRight span + span {

	display:block;

	font-size:14px;

}

.WidgetBoxSt2 .content {

	color:#666666;

	line-height:18px;

	padding:20px 22px;

	text-align:center;

}

.WidgetBoxSt3 {

	width:100%;

	float:left;

	margin:0px 0px 20px 0;

	box-shadow:0 0 5px 0 #666;

	border-radius:5px;

}

.WidgetBoxSt3 span {

	display:block;

	text-align:center;

}

.WidgetBoxSt3 .header {

	width:18%;

	float:left;

	background-color:#97CE68;

	padding:9px;

	min-height:28px;

	border-radius:5px 0 0 5px;

}

.WidgetBoxSt3 .content {

	width:69%;

	float:left;

	color:#666666;

	line-height:28px;

	min-height:28px;

	padding:10px;

	text-align:center;

	background-color:#fff;

	border-radius:0px 5px 5px 0px;

}

.WidgetBoxSt3 .content.FullWidth {

	width:97%;

	line-height:28px;

	min-height:28px;

	padding:5px;

	background-color:#fff;

	border-radius:5px;

}

.WidgetBoxSt3 ul {

	list-style:none;

}

.WidgetBoxSt3 ul li {

	float:left;

	padding:0 5px;

}

.WidgetBoxSt3 .pLeft {

	padding:0 0 0 71px;

}

/*Icon Set */















.Icon {

	background:url(../im/main-sprite.png) 0 0 no-repeat;

	display:block;

}

.Icon.Question {

	height:25px;

	width:25px;

	background-position:-13px -46px;

}

.Icon.Play {

	height:40px;

	width:40px;

	background-position:0 -264px;

}

.Icon.Okay {

	height:27px;

	width:27px;

	background-position:-9px -83px;

}

.Icon.Envelop {

	height:15px;

	width:auto;

	background-position:-0px -127px;

}

.Icon.Facebook {

	height:40px;

	width:40px;

	background-position:0 -181px;

}

.Icon.Twitter {

	height:40px;

	width:40px;

	background-position:0 -140px;

}

.Icon.Gplus {

	height:40px;

	width:40px;

	background-position:0 -221px;

}

.Icon.Download {

	height:35px;

	width:30px;

	background-position:-10px -4px;

}

.Icon.Back {

	height:32px;

	width:30px;

	background-position:-7px -311px;

}

.VideoWrapp {

	width:auto;

	min-height:138px;

	margin:25px 15px;

	border-radius:10px;

	border:solid 1px #97ce68;

}

.VideoWrapp span {

	margin:18% auto;

}

/*Feedback Form */















#FeedBackFormhome {

	margin:9px 0;

}

#FeedBackFormhome ul {

	list-style:none;

	overflow:hidden;

}

#FeedBackFormhome ul li.FrmLable {

	width:30%;

	text-align:left;

	text-indent:17px;

}

#FeedBackFormhome ul li {

	float:left;

	width:66%;

	margin:5px 0;

}

#FeedBackFormhome ul li input {

	width:94%;

	padding:5px;

	border:solid 1px #e6e6e6;

	outline:0px;

	color:#666666;

	font-family:dinregular;

}

#FeedBackFormhome ul li textarea {

	width:94%;

	min-height:50px;

	padding:5px;

	border:solid 1px #e6e6e6;

	outline:0px;

	color:#666666;

	font-family:dinregular;

}

#FeedBackFormhome ul li .SubmitBtn {

	display:block;

	background-color:#6BCBCA;

	color:#fff;

	cursor:pointer;

	font-family:dinregular;

	font-size:14px;

	padding:9px 0;

	margin:0 0 10px 0;

}

#FeedBackFormhome ul li .SubmitBtn:hover {

	background-color:#44b1b0;

}

#FeedBackFormhome .FormRes {

	margin:102px 0;

}

#FeedBackFormhome ul li .SubmitBtn a {

	color:#fff;

}

/* Lightbox */







.screen {

	display:none;

	position:fixed;

	z-index:100;

	left:0;

	top:0;

	width:100%;

	height:100%;

	background:url(../im/screen-bg.png) repeat;

}

.lightbox {

	display:none;

	position:absolute;

	z-index:9999;

	top:10%;

	left:50%;

	margin-left:-381px;

	border:3px solid #333;

	width:725px;

	min-height:495px;

	background:#fff;

	border-radius:10px;

}

.lightbox-header {

	background:#fff;

	display:block;

	width:100%;

}

.lightbox-header .close {

	position:absolute;

	right:-15px;

	top:-15px;

	width:19px;

	height:19px;

	border-radius:100%;

	padding:10px;

	background-color:#94ce6a;

	border: solid 2px #666;

}

.lightbox-header .close a {

	color:#707070;

	text-decoration:none;

	display:block;

	text-transform:uppercase;

	font-size:22px;

	text-align:center;

}

.lightbox .body {

	padding:20px;

	color:#666;

}

.lightbox .body h3 {

	color:#666;

	font-size:26px;

	font-weight:normal;

	margin:0 0 20px 0;

	text-align:center;

}

.lightbox .body h4 {

	color:#666;

	font-size:20px;

	font-weight:normal;

	margin:0 0 10px 0;

	text-align:left;

}

.lightbox .body h4.Styled {

	display:inline-block;

	padding:7px 30px;

	color:#fff;

}

.lightbox .body h3.ExtMar25 {

	margin:25px 0 25px 0;

}

.lightbox .body h3.ExtMar50 {

	margin:50px 0 50px 0;

}

.lightbox .body p {

	padding:3px 0 7px 0;

}

.lightbox .body .ParaHighlighted {

	width:95%;

	padding:10px;

	margin:10px 0 0 0;

	background-color:#E6E6E6;

}

.lightbox .body ul:after {

	content:".";

	display:block;

	clear:both;

	visibility:hidden;

	line-height:0;

	height:0

}

.lightbox .body ul {

	list-style:none;

	margin:20px 0;

}

.lightbox .body ul li {

	float:left;

	width:47%;

	padding:5px 5px 5px 15px;

	background:url(../im/main-sprite.png) no-repeat -24px -348px;

	color:#72aea4;

}

.lightbox .body ul.BulNum {

	margin:12px 0 20px 5px !important;

}

.lightbox .body ul.BulNum li {

	background:none;

	list-style:decimal;

	padding:5px;

	margin:0 0 0 15px;

}

.lightbox .body ul.Styled2 {

	font-size:16px;

}

.lightbox .body ul.Styled2 li {

	width:96%;

}

.lightbox .body ul.Styled2 ul {

	margin:20px 0 20px 5px;

}

.lightbox .body ul.Styled2 ul li {

	width:100%;

}

.lightbox .body ul.Styled2 ul li ul {

	margin:20px 0 20px 15px;

}

.lightbox .body ul.Styled2 ul li ul li {

	width:30%;

}

/*Lightbox Boxes*/















.Lb_Boxes {

	display:block;

	width:auto;

	border-radius:5px;

	padding:58px 12px 60px 12px;

	margin:0 0 20px 0;

	min-height:36px;

	color:#fff;

	text-align:center;

	font-size:17px;

}

.Lb_Boxes:hover {

	opacity:0.9;

}

/*Color Set*/







.SeaBlue {

	background-color:#51b0ac;

}

.DarkGreen {

	background-color:#97ce68;

}

.LightGreen {

	background-color:#c9e169;

}

/*Back Button*/







.Lb_Back {

	width:83px;

	text-align:left;

	position:absolute;

	left:20px;

	bottom:10px;

	display:block;

	font-size:18px;

}

.Lb_Back span {

	display:inline-block;

	margin:0 0 -6px 0;

}

/**/















.LB_Content {

	max-height:425px;

	overflow-y:auto;

}

.LB_Featured_Section {

	margin:0 0 20px 0;

}

.LB_Featured_Section:after {

	content:".";

	display:block;

	clear:both;

	visibility:hidden;

	line-height:0;

	height:0

}

.LB_Featured_img {

	background-color:#94CE6A;

	padding:43px 15px 15px 15px;

	width:27%;

	float:left;

	margin:-20px 20px 0 0;

}

.LB_Featured_img img {

	max-width:100%;

}

.LB_Featured_Desc {

	width:65%;

	float:left;

}

/*Sub Navigation*/







.SubNav {

	display:none;

	width:200px;

	position:absolute;

	top:28px;

	background-color:#E5EDC8;

	z-index:100000;

	border-radius:0 0 6px 6px;

	min-height:35px;

	box-shadow:3px 7px 12px -9px #000000;

}

.SubNav li {

	width:200px;

	background-color:transparent !important;

	border-radius:0px;

}

.SubNav2 {

	display:none;

	width:200px;

	position:absolute;

	top:0px;

	left:180px;

	background-color:#E5EDC8;

	z-index:100001;

	border-radius:0px;

	box-shadow:-1px 2px 16px -10px #000000;

	border-radius:0 0 6px 6px;

}

.SubNav2 li {

	width:200px;

}





/*Alert Popup*/



.overlay-alert {

	display:none;

	position:absolute;

	top:0;

	z-index:99999;

	background:url(../images/overlay.png);

	width:100%;

	height:100%;

	left: 0;

}

.redeeem-offer {

	display:none;

	position:fixed;

	z-index:9999999;

	top: 20%;

	left: 25%;

	width:36%;

	right: 25%;

	margin: 0 auto;

	-webkit-box-shadow: 1px 1px 6px 2px #333333;

	box-shadow: 1px 1px 6px 2px #333333;

	background-color: #fff;

	color: #333;

	padding: 20px;

	border: 5px solid #97ce68;

}

.redeeem-offer .redeem-close {

	float: right;

	position: absolute;

	right: -10px;

	top: -10px;

	z-index: 99999999;

}





/*Comparison*/



.TafComWrap {

	overflow:hidden;

	width:93%;

	padding:2%;

	background-color:#fff;

	border-radius:5px;

	margin:15px;

}

.TafComWrap select {

	width:100%;

	height:35px;

	border:solid 1px #6dadc6;

}

.TafComWrap select option {

	padding:10px 5px;

	border:solid 1px #6dadc6;

	border-top:0px;

	border-left:0px;

}
.TafComWrap .ContenDispaly {
	margin:10px 0;
	color:#666;
	height:250px;
	overflow-y:auto;
	font-family: 'HussainiNastaleeqRegular', Georgia;
	text-rendering: optimizelegibility;
	font-size:16px;
	line-height: 30px;
}

.TafComWrap .Filters .input-select-bg {
	background:#fff url(../im/select_bg.png) 175px 7px no-repeat;
	width:282px;
	float:left;
	height:23px;
	overflow:hidden;
	margin:10px 10px;
	border:solid 1px #ccc;
	border-radius:5px;
	padding:0px 0 12px 0;
}


.TafComWrap .Filters .input-select-bg select {
	cursor:pointer;
	background:none;
	height:35px;
	padding:0px 0 5px 0;
	-webkit-appearance:none;
	width:110%;
	border:0px;
	outline:0px;
	color:#999;
	font-family:Jameel Noori Nastaleeq, Nafees nastaleeq, Nafees Web Naskh, Arial, Verdana;
	font-size:18px
}


.TafComWrap .Filters .input-select-bg select option {
	text-align:right;
	direction:rtl;
	padding:5px 10px 5px 5px;
	font-family:Jameel Noori Nastaleeq, Nafees nastaleeq, Nafees Web Naskh, Arial, Verdana;
	font-size:18px
}

.TafComWrap .SetOpt {

	display:block;

	width:63px;

	background-color:#6dadc6;

	position:absolute;

	right:0px;

	top:0px;

	padding:2px 5px;

	border-radius:0px 5px 0px 5px;

}

.TafComWrap div {

 -webkit-transition: all .5s ease-in-out;

 -o-transition: all .5s ease-in-out;

 transition: all .5s ease-in-out;

}

.TafComWrap .FaIcons {

	font-family:'FontAwesome';

	font-style:normal;

	font-size:21px;

	padding:0 5px;

}

.TafComWrap a {

	color:#fff;

}

.TafComWrap a:hover {

	color:#CBDDAD;

}

.TafComWrap .CloseIcon:before {

	content:"\f057";

}

.TafComWrap .ExpandIcon:before {

	content:"\f07e";

}

.TafComWrap .ResetIcon:before {

	content:"\f0db";

}

.TafComWrap .Column.FullWidth {

	width:95% !important;

}

.TafComWrap .ThreeColumns {

	overflow:hidden;

	max-height:429px;

}

.TafComWrap .ThreeColumns .Column {

	width:28.7%;

	float:left;

	background-color:#f8f8f8;

	min-height:350px;

	margin:10px;

	padding:40px 10px 10px 10px;

	border:solid 1px #6dadc6;

	border-radius:5px;

	position:relative;

}

.TafComWrap .TwoColumns {

	overflow:hidden;

	max-height:429px;

}

.TafComWrap .TwoColumns .Column {

	width:45.3%;

	float:left;

	background-color:#f8f8f8;

	min-height:350px;

	margin:10px;

	padding:40px 10px 10px 10px;

	border:solid 1px #6dadc6;

	border-radius:5px;

	position:relative;

}



.TafComWrap .Filters .input-select-bg{background:#fff url(../im/select_bg.png) 175px 7px no-repeat; width:282px; float:left; height:23px; overflow:hidden; margin:10px 10px; border:solid 1px #ccc; border-radius:5px; padding:7px 0;}

.TafComWrap .Filters .input-select-bg select{ cursor:pointer; background:none; height:23px; padding:3px 0 5px 0;  width:110%; border:0px;outline:0px;font-size:12px;color:#999}

.TafComWrap .Filters .input-select-bg select option:first-child{font-family:Arial; font-size:14px; padding:12px 5px;}

.TafComWrap .Filters .input-select-bg select option{ text-align:right; direction:rtl; padding:5px 10px 5px 5px; font-family:Jameel Noori Nastaleeq,Nafees nastaleeq,Nafees Web Naskh,Arial,Verdana; font-size:20px}



.TransLang{ margin:0px 0 10px 0; width:100%; float:left;}

.TransLang span{ color:#666; display:block;}

.TransLang input[type="checkbox"]{ margin:8px 5px 0 0; width:20px; float:left; }
.TransLang input[type="radio"]{ float:left; height:25px; margin:0 5px 0 0;}
.TransLang label{float:left; color:#97ce68; margin:0 20px 0 0; line-height:27px;}
.iconsize{
	height:20px;
	width:20px;
}