/*
Theme Name: Sawaab publishing
Theme URI: http://sawaabpublishing.com/
Description: The Theme specially designed for the sawaab publishing the Islamic Site.
Author: Avenir Technologies

*/
@font-face {  
	  font-family: DIN ;  
	  src: url( 'font/DIN-Medium.eot' ); /* IE */
	  src: local('DIN-Medium.ttf'), url( 'font/DIN-Medium.ttf' ) format("truetype"); 
}
body{
	padding: 0px;
	margin: auto;
	width:1018px;
	background: url(images/bg.jpg) repeat-x #7B9BA6;
}

#wraper{
	margin: 0 auto;
	padding: 0px;
	background-color:#FEFDDF;
	height: 122px;
	
}
#top{
	margin: 0 auto;
	padding:0px;
	width: 1018px;
	height: 122px;
	background:url(images/top_bk.jpg) no-repeat;
	
}

.heder-bottom{
	background:url(images/top_logo_downbg.jpg) repeat-x;
	height:3px;
	width:1018px;
}

#logo{
	background:url(images/logo_02.jpg) no-repeat right;
	float:left;
	height: 122px;
	width: 300px;
}
#home{
	cursor:pointer;
	line-height:35px;
	vertical-align:middle;
	font-family: DIN;
	font-size:15px;
	font-weight:bold;
	color:#7798a3;
	margin:80px 0 0 134px;
	float:left;
	width: 67px;
	height: 35px;
	text-decoration:none;
}

#home:hover{
	text-decoration:none;
	cursor:pointer;
	vertical-align:middle;
	font-family: DIN;
	font-size:15px;
	font-weight:bold;
	background:#7798a3;
	color:#FFFFFF;
	margin:80px 0 0 134px;
	float:left;
	width: 67px;
	height: 35px;
}
#home1{
	text-decoration:none;
	cursor:pointer;
	line-height:35px;
	vertical-align:middle;
	font-family: DIN;
	font-size:15px;
	font-weight:bold;
	background:#7798a3;
	color:#FFFFFF;
	margin:80px 0 0 134px;
	float:left;
	width: 67px;
	height: 35px;
}

#product{
	text-decoration:none;
	cursor:pointer;
	line-height:35px;
	vertical-align:middle;
	font-family: DIN;
	font-size:15px;
	font-weight:bold;
	color:#7798a3;
	margin:80px 0 0 12px;
	float:left;
	width: 100px;
	height: 35px;
}

#product:hover{
	text-decoration:none;
	cursor:pointer;
	background:#7798a3;
	line-height:35px;
	vertical-align:middle;
	font-family: DIN;
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	margin:80px 0 0 12px;
	float:left;
	width: 100px;
	height: 35px;
}
#product1{
	text-decoration:none;
	cursor:pointer;
	background:#7798a3;
	line-height:35px;
	vertical-align:middle;
	font-family: DIN;
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	margin:80px 0 0 12px;
	float:left;
	width: 100px;
	height: 35px;
}

#sawaab{
	text-decoration:none;
	cursor:pointer;
	line-height:35px;
	vertical-align:middle;
	font-family: DIN;
	font-size:15px;
	font-weight:bold;
	color:#7798a3;
	margin:80px 0 0 12px;
	float:left;
	width: 163px;
	height: 35px;
}

#sawaab:hover{
	text-decoration:none;
	cursor:pointer;
	background:#7798a3;
	line-height:35px;
	vertical-align:middle;
	font-family: DIN;
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	margin:80px 0 0 12px;
	float:left;
	width: 163px;
	height: 35px;
}
#sawaab1{
	text-decoration:none;
	cursor:pointer;
	background:#7798a3;
	line-height:35px;
	vertical-align:middle;
	font-family: DIN;
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	margin:80px 0 0 12px;
	float:left;
	width: 163px;
	height: 35px;
}


#about{
	text-decoration:none;
	cursor:pointer;
	line-height:35px;
	vertical-align:middle;
	font-family: DIN;
	font-size:15px;
	font-weight:bold;
	color:#7798a3;
	margin:80px 0 0 12px;
	float:left;
	width: 74px;
	height: 35px;
}

#about:hover{
	text-decoration:none;
	cursor:pointer;
	background:#7798a3;
	line-height:35px;
	vertical-align:middle;
	font-family: DIN;
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	margin:80px 0 0 12px;
	float:left;
	width: 74px;
	height: 35px;
}
#about1{
	text-decoration:none;
	cursor:pointer;
	background:#7798a3;
	line-height:35px;
	vertical-align:middle;
	font-family: DIN;
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	margin:80px 0 0 12px;
	float:left;
	width: 74px;
	height: 35px;
}

#contact{
	text-decoration:none;
	cursor:pointer;
	line-height:35px;
	vertical-align:middle;
	font-family: DIN;
	font-size:15px;
	font-weight:bold;
	color:#7798a3;
	margin:80px 0 0 12px;
	float:left;
	width: 114px;
	height: 35px;
		
}
#contact:hover{
	text-decoration:none;
	cursor:pointer;
	background:#7798a3;
	line-height:35px;
	vertical-align:middle;
	font-family: DIN;
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	margin:80px 0 0 12px;
	float:left;
	width: 114px;
	height: 35px;
}
#contact1{
	text-decoration:none;
	cursor:pointer;
	background:#7798a3;
	line-height:35px;
	vertical-align:middle;
	font-family: DIN;
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	margin:80px 0 0 12px;
	float:left;
	width: 114px;
	height: 35px;
		
}

#center{
	min-height:520px;
	background-repeat:inherit;
	background-color:#FFFFFF;
}
#main_center{
	width: 1000px;
	margin: 0 auto;
	padding: 0px;
	float: inherit;
	/*background: url(images/bg.jpg);*/
}
#top_space_center{
	width:1000px;
	padding:0px;
}
#center_area{
	width:1000px;
	margin:0 auto;
	background-color:#ffffff;
	background:url(images/c_bg1.jpg);

}
#top_banner_bg{
	width:710px;
	float:left;
	min-height:600px;
	/*background:url(images/banner_bg.jpg) no-repeat;*/
}
#top_rite_bg{
	width: 280px;
	min-height: 300px;
	float:left;
	background:url(images/top_rite_bg.jpg) no-repeat;
	background-color: #ffffff;
}
#banner_pic{
	margin: 9px 17px 0 16px;
	/*background:url(images/banner_image.jpg) no-repeat;*/
	width:675px;
	min-height:241px;
}
#space1{
	min-height: 30px;
	width: 1000px;
	background:#ffffff;
	border: 2px #5a9900 solid;
	float:inherit;
	}
#aoa_heading{
	width: 699px;
	height: 10px;
	font-family: DIN;
	font-size:26px;
	color:#62a458;
	padding-top:10px;
	padding-left:20px;
}
#highlit{
	width: 281px;
	height: 50px;
	background-color: #ffffff;
	float:left;
	margin-top:23px;
}
#high_txt{
	margin: 10px 0 14px 20px;
	font-size: 25px;
	font-family: DIN;
	color:#35484d;

}

#main_center1{
	width:1000px;
	min-height:300px;
	padding:0;
	float:inherit;
	background-color:#003366;
	background-color: #ffffff;
	
}
#ctop{
	width: 719px;
	min-height: 325px;
	background-color:#ffffff;
	float:left;
	

}
#high{
	min-height: 300px;
	width: 281px;
	background-color:#ffffff;
	float:right;
}
#cen_top_bg{
	width:719px;
	height: 14px;
	margin-top:0;
	/*background:url(images/c.txt_bg_tp.jpg) no-repeat;*/
	margin-bottom:0px;
}

#center_bg{
	width:719px;
	min-height:400px;
	/*background:url(images/c_bg.jpg) repeat-y;*/
	margin-top:0px;
}
#btm_bg{
	height:14px;
	width: 719px;
	/*background:url(images/c.txt_bg_dwn.jpg) no-repeat; */
}
#txt{

	padding: 0px 20px 20px 40px;
	font-family:DIN;
	color:#595959;
	font-size:14px;
	line-height: 22px;

}
#read_more_btn{
	width:135px;
	height:29px;
	margin-top: 6px;
	margin-left: 550px;
}
#cspace{

	height: 40px;

}
#high_txt_icn{
	width: 280px;
	min-height:250px;
}
#ayat_icn{
	width:66px;
	height:50px;
	float:left;
	margin-left:0px;
}
#ayat_txt{
	width: 190px;
	height: 50px;
	float:left;
	margin-top:0px;
	font-family:arial;
	font-size:15pt;
	color:#5b7680;
}
#hand{
	width: 216px;
	min-height:261px;
	background:url(images/hand.png) no-repeat;
	float:right;
	margin-top: 9px;

}
#bottom_bg{
	height:250px;
	background-color:#34474c;
	margin:0 auto;

}
#cen_bg{
	width:1000px;
	min-height:230px;
	margin: 0 auto;
	margin-top:0px;
}
#cont_area{
	width:1000px;
	min-height:230px;

}
.inputhome
{
	font-size:12px;
	border:none;
	background-color:#7D9DA8;
	color:#888686;
	padding-left:5px;
}
.inputhome1
{
	border:none;
	background-color:#7D9DA8;
	color:#888686;
	width:205px;
	height:150px;
	margin: 2px 2px 8px 2px;
}
#c_1{
	width:150px;
	height:230px;
}
#c_2{
	width:223px;
	height:230px;
	margin-left:40px;
	margin-top:-230px;
	padding:4px 0 0 2px;
	
}
#inputhome1{
	width:223px;
	height:30px;
	margin-top:52px;
	padding:4px 0 0 2px;	
}
#inputhome2{
	width:223px;
	height:30px;
	margin-top:12px;
	padding:4px 0 0 2px;
	
}
#inputhome3{
	width:223px;
	height:30px;
	margin-top:12px;
	padding:4px 0 0 2px;
	
}
#c_3{
	width:244px;
	height:230px;
	margin-left:467px;
	margin-top:-230px;
	
	
}
#hometextarea
{
	padding:30px 0 0 20px;
	margin:30px 0 0 20px;
	background:url(images/hometextarea.jpg) no-repeat;
}
#hometextarea1
{
	
}
#c_4{
	width:2px;
	height:250px;
	margin-left:711px;
	margin-top:-233px;
	background-image:url(images/line_bg.jpg);
}
#c_5{
	width:287px;
	height:200px;
	margin-left:713px;
	margin-top:-242px;
}
#con_area{
	width:244px;
	height:70px;
	margin-top:0px;

}
#contact_us{
	font-family:Myriad Pro;
	font-size:20pt;
	color:#518900;
	padding-left:15px;
	padding-top:20px
}
#cont_btm{
	padding-left:15px;
	margin-top:15px;
}
#icons{
	width:200px;
	height:70px;
	margin: 30px 0 0 40px;
}
#1txt{
	width:140px;
	height:60px;
	background-color:#000000;
	float:left;

}
#mianfsaf{
	width:140px;
	height:50px;
	color:#6a6a6a;
	text-align:center;
	font-family:Arial;
	font-size:12px;
	margin-top:-20px;
}
#mianfsaf1{
	width:100px;
	height:50px;
	margin-left:140px;
	margin-top:-50px;
	color:#6a6a6a;
	text-align:center;
	font-family:Arial;
	font-size:12px
}
#fb_icon{
	width:100px;
	height:50px;
	font-family:arial;
	font-size:18px;
	color:#508800;
	float:left;
	margin-left:70px;
	text-align:left;
	text-align:left;
}
#icn{
	width:51px;
	height:58px;
	margin-left:80px;
	margin-top:-35px;

}
#btom{
	height:57px;
	/*background:#EEEBDA;*/
	background:url(images/btm_bg.jpg) repeat-x;
}
#btm_txt{
	font-size:12px;
	font-family:arial;
	color:#34474C;
	text-align:center;
}
#txt_fld{
	width:210px;
	height:155px;
	margin-top:10px;

}
#submit_btn{
	width:51px;
	height:22px;
	margin-top:10px;
	margin-left: 150px;

}
#1st{
	width:280px;


}

.txt{
	font-family:arial;
	font-size:18px;
	color:#ffffff;

}
#txt2{
	font-family:arial;
	font-size:12px;
	color:#84e000;

}
#txt3{
	font-family:arial;
	font-size:11px;
	color:#cae800;
	margin-left:100px;

}
#ayat_icn1{

	width:83px;
	height:83px;
	margin-top:33px;
	margin-left:22px;

}
#det_txt{
	margin-top:-84px;
	margin-left:115px;
}
#ayat_txt1{
	font-family: DIN;
	font-size:18px;
	color:#FFFFFF;
}
#det_txt1{
	font-family:arial;
	font-size:12px;
	color:#33454a;
	margin-top:22px;
	margin-right:40px;
}
#read_txt{
	font-family:arial;
	font-size:11px;
	color:#cae800;
	padding-left:40px;
	padding-top:7px;
	height:25px;
}
#join{
	width:280px;
	margin-top:5px;
}
#join_txt{
	font-family: DIN;
	font-size:18px;
	color:#FFFFFF;
	padding-left:25px;
	margin-top:25px;
}
#fld{
	padding-left:25px;
	padding-top:10px;
}
#btn{
	height:22px;
	width:69px;
	margin-left:150px;
	margin-top:5px;
}
.txt1{
	height:40px;
	width:145px;
	font-family:arial;
	font-size:11px;
	color:#FFFFFF;
	text-align:left;
	padding-left:10px;
}
.txt5{
	height:40px;
	width:145px;
	margin-top:-40px;
	padding-left:150px;
	font-family:arial;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;

}
.touch_txt{
	font-family:arial;
	font-size:12px;
	color:#888686;
	font-weight:bold;

}
.inquiry_txt{
	font-family:arial;
	font-size:12px;
	color:#457f00;
}
.link{
	font-family: DIN;
	font-size:14px;
	color:#565656;
	font-weight:normal;
}
.link:hover{
	font-family: DIN;
	font-size:14px;
	color:#565656;
	text-decoration:underline;
}
#c2{
	width:60px;
	height:50px;
	float:right;

}
#c1{
	width:60px;
	height:50px;
	float:left;
}
#left_main{
	width:719px;
	float:left;
	margin-top:0px;
	background:#FFFFFF;
}
#left_right{
	width:280px;
	float:right;
	margin-top:0px;
	background-color:#ffffff;
}
.icn1{
	width:110px;
	height:69px;
	float:left;
}
#icon1{
	float:right;
	margin-top:10px;
}
#icn2{
	width:110px;
	height:69px;
	float:left;

}
img{
	border:none;
}
a.linksbottom{
	color:#34474C;
	text-decoration:none;
}
a.linksbottom:hover{
	color:#34474C;
	text-decoration:underline;
}
span.linksbottom{
	color: #FFFFFF;
	text-decoration:none;
}
span.linksbottom:hover{
	color: #FFFFFF;
	text-decoration:underline;
}
a{
	text-decoration:none;
}
label{
		font-family:arial;
		font-size:12px;
		color:#7E9EA9;
		font-weight:bold;
	}
	textarea{
		font-family:arial;
		font-size:13px;
	}
	input{
		font-family:arial;
		font-size:13px;
	}
a.bottomlinks{
	line-height:20px;
	font-family:DIN;
	font-size:13px;
	font-weight:normal;
	color: #FFFFFF;
	text-decoration:none;
}
a.bottomlinks:hover{
	line-height:20px;
	font-family:DIN;
	font-size:13px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:underline;
}

a.bottomlinksSite{
	line-height:20px;
	font-family:DIN;
	font-size:13px;
	font-weight:normal;
	color: #595959;
	text-decoration:none;
}
a.bottomlinksSite:hover{
	line-height:20px;
	font-family:DIN;
	font-size:13px;
	font-weight:bold;
	color: #595959;
	text-decoration:underline;
}
.brh{
	line-height:8px;
}
#left_main2{
	width:999px;
	float:left;
	margin-top:0px;
	background:#FFFFFF;
}
#aoa_heading2{
	width: 999px;
	height: 50px;
	font-family: DIN;
	font-size:30px;
	color:#62a458;
	padding-top:10px;
	padding-left:20px;
}
#ctop2{
	width: 999px;
	min-height: 325px;
	background-color:#ffffff;
	float:left;
}
#cen_top_bg2{
	width:999px;
	height: 14px;
	margin-top:0;
	background:url(images/top.jpg) no-repeat;
	margin-bottom:0px;
}
#center_bg2{
	width:999px;
	min-height:310px;
	background:url(images/center.jpg) repeat-y;
	margin-top:0px;
}
#txt2{

	padding: 5px 20px 20px 40px;
	font-family:arial;
	color:#595959;
	font-size:13px;
	line-height: 18px;

}
#center{
	min-height:540px;
	background-repeat:inherit;
	background-color:#FFFFFF;
}
#btm_bg2{
	height:14px;
	width: 999px;
	background:url(images/botom.jpg) no-repeat; 
}
#long {
	float: left;
	width: 910px;
	padding-right: 15px;
	padding-top: 20px;
}
#product-banner2 {
	background-image: url(images/main2.jpg);
	background-repeat: no-repeat;
	width: 930px;
	float: left;
	height: 290px;
}
#price {
	float: left;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color:#FFFFFF;
	margin-top: 85px;
	margin-left: 320px;
}
#product-text {
	float: right;
	width: 470px;
	margin-top: 82px;
}
#slide-show2 {
	float: right;
	width: 630px;
}
ul{
	list-style-type:none;
}


/* Z-index of #mask must lower than #boxes .window */
#mask {
  position: absolute;
  z-index:9000;
  background-color:#666666;
  display:none;
}
  
#boxes .window {
  position:absolute;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:0px;
}


/* Customize your modal window here, you can add background image too */
#boxes #dialog {
 position:absolute;
  width:500px; 
  height:300px;
  background-color:#FFFFFF;
  color:#595959;
  border-style: groove;
  border-color:#FEFDDF;
}
.poll{
	background-image:url(images/pollbg.gif);
	height:8px;
}
.bg{
	background:url(images/bg_breadcrumbs.gif);
	width:500px;
	height:30px;
	margin:0px;
}
li label{
	color:#FFFFFF;
}
li a{
	color:#565656;
}
.aoa_heading_text{
	font-family: DIN;
	font-size:26px;
	color:#62a458;
}
.white{
	color:#FFFFFF;
}


/*-------------------------CSS FOR SAWAAB PROGRAM---------------------------------------*/
#center_top{
	width:702px;
	height:9px;
	float:left;
	background:url(images/canter_top.jpg) no-repeat;
        margin-top: 25px;
}


#center_cn{
	width:702px;
	float:left;
	background:url(images/center_cn.jpg) repeat-y;
        min-height: 710px;
}

#center_btm{
	width:702px;
	height:9px;
	float:left;
	background:url(images/canter_btm.jpg) no-repeat;

}

#cnt{
	width:656px;
	float:left;
	padding-left:22px;
	padding-top:10px;
	margin-right:22px;
	
}
#cnt_top_txt{
	font-family:din;
	font-size:14px;
	color:#34474c;
        margin-top: -20px;
        margin-left: -45px;
        width: 673px;
}
#flds1_main{
	width:305px;
	height:50px;
	float:left;
	margin-left:22px;
	margin-top:13px;
}
#flds1_main_{
	width:199px;
	height:50px;
	float:left;
	margin-left:22px;
	margin-top:13px;
}


#flds1_main1{
	width:305px;
	height:50px;
	float:left;
	margin-left:48px;
	margin-top:13px;
}

.hdng{
	font-family:din;
	font-size:14px;
	color:#4f6364;
}

.hdng_{
	width:199px;
	font-family:din;
	font-size:14px;
	color:#4f6364;
	float:left;
}
.flds{
	width:305px;
	height:23px;
	float:left;
	margin-top:7px;
	background:url(images/fld.jpg) no-repeat;
        border: 1px solid #E1E2D4;
}
.flds_{
	width:199px;
	height:26px;
	float:left;
	margin-top:7px;
	background:url(images/fld1.jpg) no-repeat;
}
.fld_{
	border:none;
	background:transparent;
	width:293px;
	margin-left:5px;
}
.fld_1{
	border:none;
	background:transparent;
	width:190px;
	margin-left:5px;
}

#temp{
	width:651px;
	height:349px;
	margin-left:22px;
	float:left;
	margin-top:20px;
}
#tabsDiv{
	height:20px;
	width:651px;
}
.emptyClass{
	width:0px;
}
#bgDiv{
	background:url(bg.jpg) no-repeat;
	height:326px;
}

#toName {
	background: none;
	text-align:left; 
	border:none; 
    font-family: DIN;
}
#fromName {
	background: none;
	text-align:left; 
	border:none; 
    font-family: DIN;
}
#keyValue {
	background: none;
	text-align:left; 
	padding:10px; 
	border:none; 
	color:#FFFFFF;
    font-family: DIN;
}
.flds_{
	width:199px;
	height:26px;
	float:left;
	margin-top:7px;
	background:url(images/fld1.jpg) no-repeat;
	border:none;
	
}
#greetings{
font-weight:bold;
	font-family:DIN;
	font-size:28px;
	text-transform: uppercase;
}
.class1{
	color: #5d3a27;
}
.class2{
	color: #ffcd0a;
}
.class3{
	color: #9b5845;
}
.class4{
	color: #3b3e51;
}
.class5{
	color: #3d6b4f;
}
.class6{
	color: #5e3927;
}
/*-----------------------SAWAAB PROGRAM------------------------------------------------------------*/