/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText
{ /*font-family: Verdana, Arial, sans-serif; font-size: 10px;*/
font normal 7px Arial, Helvetica, sans-serif; color:#66714d; text-decoration: none; background-color:#FFFFFF;
}
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
/*background: #ffffff;
  color: #000000;
  margin: 0px;*/
    height: 100%;
	background:url(images/header_bg.jpg) top left repeat-x;
	background-color: #e4e3ce;
	margin: 0px;
}

A {
  color:#66714d;
  text-decoration: none;
}

A:hover {
  color:#000000;
  text-decoration:none;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
 /*background: #b6b7cb;*/
	border-bottom:1px solid #b4baa0;
	border-left:1px solid #b4baa0;
	border-right:1px solid #b4baa0;
	border-top:1px solid #b4baa0;
	 
}

.infoBoxContents {
	background: #fffef8;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;  
}

.infoBoxNotice {
	background: #FF8E90;
}

.infoBoxNoticeContents {
	background: #FFE6E6;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

TD.infoBoxHeading {

	height:33px;
	background:url(images/catagoriesbg.jpg) center center no-repeat;
	font:bold 11px tahoma;
	color:#414537;
	text-transform:uppercase;
	text-align:center;
}

TD.infoBox, SPAN.infoBox {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
	background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
	background: #f8f8f9;
}

TABLE.productListing {
	border: 1px; 
	border-style: solid;
	border-color: #b6b7cb;
	border-spacing: 1px;
}

.productListing-heading {
  /*font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;*/

	height:24px;
	background: #e4e3ce;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#666600;
}

TD.productListing-data {
	background-color:#FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

A.pageResults {
	color: #0000FF;
}

A.pageResults:hover {
	color: #0000FF;
	background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
	background-color:#e4e3ce;
	font-family: Verdana, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #66714d ; /*#e7e7d9;  #9a9a9a */
}

TR.subBar {
	background: #f4f7fd;
}

TD.subBar {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
}

TD.main, P.main {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color:#999900;
 /*font normal 7px Arial, Helvetica, sans-serif; color:#66714d; text-decoration: none; padding-left:22px; line-height:18px;*/
}

TD.smallText, SPAN.smallText, P.smallText {
  background-color:#FFFFFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #66714d ; /*#66714d; */
 /*font normal 7px Arial, Helvetica, sans-serif; color:#66714d; text-decoration: none; padding-left:22px; line-height:18px;*/
}
.smallText a{
color: #66714d;
}

.smallText a:hover{
color:#ff0000;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color:#66714d;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement {  font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

.adminheader
{

    height:160px;
	width:960px;
    background:url(images/flash.jpg) repeat-x top left;
	background-color:#e4e3ce;
}

.hadith {
padding-left:480px;
padding-top:98px;
color:#e7e7d9;
font: bold 11px arial;
}

* html .hadith {
padding-left:480px;
padding-top:98px;
color:#e7e7d9;
font: bold 11px arial;
}

 .quranvs
 {
width: 380px; height: 50px;
padding-left:80px;
position: absolute;
float:left;
padding-top:110px;
color:#e7e7d9;
font: bold 11px arial;
}

* html .quranvs
 {
width: 440px; height: 45px;
padding-left:80px;
position: absolute;
float:left;
padding-top:110px;
color:#e7e7d9;
font: bold 11px arial;
}



/****** Menu******/
.menu
{
margin:0;
padding:0;
width:960px;
/*height:44px;*/
}
.indentmenu{
font: bold 13px Calibri, Cambria, "Franklin Gothic Book";
width: 100%; 
/*height:40px;/*leave this value as is in most cases*/
overflow: hidden;
background:url(images/menucenterbg.jpg) repeat-x top left;
color: #6F6F00;
}

.indentmenu ul{

margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
}

.indentmenu ul li{

display: inline;
height:34px;
}

.indentmenu ul li a{

float: left;
height:24px;
padding: 10px 20px;
text-decoration: none;
}

.indentmenu ul li a:visited{

}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color:#ffffff;
background: url(images/menucenteroverbg.png) left top repeat-x;
}

* html .content
{
width:960px;
margin:0 auto 0 auto;
}

.content
{
width:960px;
margin:0px auto 0 auto;
}

#container
	{
	width: 960px;
	margin: 0px auto;
	background:url(images/container_bg.jpg) top left repeat-y;
	}

* html #container
	{
	margin-left:21px;
	}

#subheader 
{
	width:960px;
	height:110px;
	clear:both;
	background:url(images/sub_header_bg.jpg) no-repeat top left;
}
.menuright
{
	width:14px;
	height:44px;
	float:right;
	background:url(images/menurightbg.jpg) top left no-repeat;
}
.menuleft
{
	width:11px;
	height:44px;
	float:left;
	background:url(images/menuleftbg.jpg) top left no-repeat;
}
.menucenter
{
width:935px;
height:30px;
float:left;
background:url(images/menucenterbg.jpg) repeat-x top left;
}
/**Footer**/
/*.footer
{

width:960px;
height:35px;
background:url(images/footerart.jpg) top left no-repeat;
}
.footer_bottom
{
margin-top:20px;
width:100%;
background:url(images/footertop_4.jpg) top left repeat-x;
background-color:#656f4c;
}

.footer_inner
{
width:900px;
margin:0 auto 0 auto;
padding:40px 0 20px 0;
font:12px Arial, Helvetica, sans-serif;
color:#999966;
word-spacing:2px;
}
.footer_inner a
{
color:#e4e3ce;
text-decoration:none;
}

.footer_inner a:hover
{
color:#000000;
text-decoration:underline;
}

.footer
{
width:960px;
height:35px;
background:url(images/footerart.jpg) top left no-repeat;
}

.footer_top
{
margin-top:20px;
width:100%;
height:34px;
background:url(images/footertop_4.jpg) top left repeat-x;
background-color:#656f4c;
}

.footer_top1
{
width:100%;
height:244px;
background:url(images/footerbottom.jpg) repeat-x left top;
}

.footer_inner
{
width:900px;
margin:0 auto 0 auto;
padding:100px 0 20px 0;
font:12px Arial, Helvetica, sans-serif;
color:#999966;
word-spacing:2px;
}

.footer_inner a
{
color:#e4e3ce;
text-decoration:none;
}

.footer_inner a:hover
{
color:#000000;
text-decoration:underline;
}
*/

.footer
{
width:960px;
height:35px;
background:url(images/footerart.jpg) top left no-repeat;
}

.footer_top
{
margin-top:20px;
width:100%;
height:34px;
background:url(images/footertop_4.jpg) top left repeat-x;
background-color:#656f4c;
}

.footer_top1
{
width:100%;
height:200px;
background:url(images/footerbottom.jpg) repeat-x left top;
}


.footer_inner
{
width:900px;
margin:0 auto 0 auto;
padding:30px 0 10px 0;
font:12px Arial, Helvetica, sans-serif;
color:#999966;
word-spacing:2px;
}

.footer_inner a
{
color:#e4e3ce;
text-decoration:none;
}

.footer_inner a:hover
{
color:#000000;
text-decoration:underline;
}

/**List Menu**/
.arrowlistmenu{
width: 194px; /*width of menu*/
}

.arrowlistmenu .headerbar{
margin-top:8px;
height:23px;
padding-top:10px;
background:url(images/catagoriesbg.jpg) center center no-repeat;
font:bold 11px tahoma;
color:#414537;
text-transform:uppercase;
text-align:center;
}

.arrowlistmenu ul{
border-bottom:1px solid #b4baa0;
border-left:1px solid #b4baa0;
border-right:1px solid #b4baa0;
list-style-type: none;
margin: 0;
padding: 0;
}

.arrowlistmenu ul li{
padding:0 5px 2px 5px;
}

.arrowlistmenu ul li a{
color: #66714d;
font:bold 12px Arial, Helvetica, sans-serif;
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px dashed #dadada;
}

* html .arrowlistmenu ul li a{
color: #66714d;
font:bold 12px Arial, Helvetica, sans-serif;
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px dashed #dadada;
}

.arrowlistmenu ul li a:visited{
color: #66714d;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

/*
#navcontainer { 
width:192px;
}

#navcontainer ul
{

	list-style-type: none;
	font-weight: bold;
	color: #990000;
}

#navcontainer a
{
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
/*width: 150px;
color: #66714d;
font:bold 11px Arial, Helvetica, sans-serif;
display: block;
padding-left: 25px; /*link text is indented 19px*/
/*text-decoration: none;
border-bottom: 1px dashed #dadada;
}


#navcontainer a:link, #navlist a:visited
{
color: #66714d;
text-decoration: none;
}

#navcontainer a:hover 
{	
color: #A70303;
}
*//**Flash**/
.flash
{
width:669px;
height:170px;
border:1px solid #e4e3ce;
margin-bottom:2px;
}
/**Text Font Color**/
.text_menu {font:bold 20px Arial, Helvetica, sans-serif; color:#66714d;text-decoration: none;
 }
.text_paragraph{font normal 11px Arial, Helvetica, sans-serif; color:#66714d; text-decoration: none; padding-left:22px; line-height:18px;}


.title
{
float:left;
width:652px;
height:24px;
padding:10px 0 0 20px;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#666600;
margin-top:3px;
/*background-image:url(../images/contenthd_bar.jpg) left no-repeat;*/
background: url(images/contenthd_bar.jpg) top left no-repeat;
#
}
.title
{
float:left;
width:652px;
height:34px;
padding:10px 0 0 20px;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#666600;
margin-top:3px;
/*background-image:url(../images/contenthd_bar.jpg) left no-repeat;*/
background: url(images/contenthd_bar.jpg) top left no-repeat;
}

* html .title
{
float:left;
width:600px;
height:34px;
padding:0 0 0 20px;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#666600;
margin-top:3px;
/*background-image:url(../images/contenthd_bar.jpg) left no-repeat;*/
background: url(images/contenthd_bar.jpg) top left no-repeat;
#
}

.title_name
{
margin:0;
padding:10px 0 0 20px;
height:34px;
background:url(images/tittle_left.jpg) top left no-repeat;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#666600;
}
/**Demo**/

.first
{
width:218px;
height:130px;
float:left;
background:url(images/menufacture.jpg) top left no-repeat;
}
/**Manufactures**/
.manufacture_font
{
width:210px;
height:35px;
float:left;
font-size:9px;
color:#808000;
font-weight:bold;
}
.manufacture_font1
{
width:210px;
float:left;
font-size:10px;
color:#000000;
font-weight:bold;
}

.second
{
margin:0 1px 0 1px;
width:218px;
height:130px;
background:url(images/new_offer.jpg) top left no-repeat;
float:left;
}

.third
{
width:231px;
height:130px;
background:url(images/season_discount.jpg) top left no-repeat;
float:left;
margin:2px;
}

.pic1
{
padding-right:10px;
margin:15px 0 20px 0;
float:left;
width:205px;
height:115px;
}

* html .pic1
{
padding-right:10px;
margin:10px 0 20px 0;
float:left;
/*width:100px;*/
height:115px;
}

.pic_catagories
{
margin:0;
/*padding-right:10px;*/
padding-left:6px;
/*width:80px;*/
float:left;
}

* html .pic_catagories_name
{
float:left;
margin-left:0px;
padding:0;
width:50px;
font: bold 10px arial;
color:#000000;
}



.pic_catagories_name
{
float:left;
margin-left:0px;
vertical-align:top;
padding:0;
width:100px;
font: bold 10px arial;
color:#000000;

}

* html .pic_catagories_details
{
float:left;
margin:0;
padding:0;
/*width:50px;*/
}

.pic_catagories_details
{
float:left;
margin:0;
padding:0;
/*width:100px;*/
}


* html .cart
{
margin:2px 0 0 13px;
}
.currency
{
float:left;
width:671px;
height:28px;
background-color:#e4e3ce;
margin:0;
padding:0;
}
.cart
{
margin:2px 0 0 25px;
padding:0;
float:left;
text-align:center;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#666600;
}

* html .cartimg
{
margin:5px 0 0 25px;
}
.cartimg
{
float:left;
padding:0;
margin:5px 0 0 15px;
}

.live
{
padding-left:5px;
border:1px solid #e4e3ce;
font:14px Calibri, arial, Cambria, "Segoe UI", "Bernhard Modern Std Roman";
color:#99a184;
}
.livehead
{
padding-left:3px;
width:200px;
height:30px;
margin-top: 10px;
font:18px Cambria, arial;
color:#5a9013;
}


.audio_and_New
{
/*margin:5px;*/
margin-left:0px;
/*width:125px;*/
vertical-align:top;
height:155px;
background-color:#fffef8;
border:1px solid #e4e3ce;
font:14px Calibri, arial, Cambria, "Segoe UI", "Bernhard Modern Std Roman";
color:#99a184;
}

.audio
{
width:123px;
height:65px;
border-bottom:1px dashed #e4e3ce;
padding:10px 10px 0 20px;
}

.new
{
width:123px;
height:65px;
padding:10px 10px 0 20px;
}

.audio_text
{
width:130px;
background:url(images/red_button.jpg) right bottom no-repeat;
font:18px Cambria, arial;
color:#5a9013;
}

<!--End Audios & Videos-->
.sitemap_text
{
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#666600;
text-decoration:underline;
}
<!--Search-->
.search
{
margin-top:10px;
width:182px;
height:28px;
background-color:#fffef8;
border:1px solid #e4e3ce;
padding:5px 0 0 10px;
}
.search_box
{
width:115px;
height:20px;
border:1px solid #e4e3ce;
font:12px Calibri, Cambria, "Segoe UI", "Bernhard Modern Std Roman";
color:#99a184;
float:left;
}

.navcontainer{
width:185px;
border-bottom: 1px dashed #dadada;
}



.leftpnlsub {
margin-left:10px;
color: #66714d;
font:bold 11px Arial, Helvetica, sans-serif;
padding-left: 20px; /*link text is indented 19px*/
background: url(images/arrowbullet.png) no-repeat center left;
line-height:25px;
}
.leftpnlsub a:link
{
color: #66714d;
text-decoration: none;
}

A.leftpnlsub:hover 
{
color: #A70303;
}

A.leftpnlsub:active 
{
color: #A70303;
}

.combobox_text
{
font-size:11px;
color:#66714d;
}
.tt
{
width:100px;
}

.subtxt01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #6C4027;
	background-color: #F9F9F9;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left:0px;
}

.prodimg {
	/*background-color: #F9F9F9;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E8E8E5;
	border-right-color: #E8E8E5;
	border-bottom-color: #E8E8E5;
	border-left-color: #E8E8E5;
	padding: 10px;*/
	background-color: #F9F9F9;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E8E8E5;
	border-right-color: #E8E8E5;
	border-bottom-color: #E8E8E5;
	border-left-color: #E8E8E5;
	padding: 10px;

}
.subtxt02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #494949;
	background-color: #F9F9F9;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 18px;

}

.subtxt03 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #6C4027;
	background-color: #F9F9F9;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left:0px;
}

.smallText1
{
  background-color:#e7e7d9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  border-bottom:1px dashed #000000;
  color: #66714d ;	
  }
	
.storetit{
font: bold 13px Calibri, Cambria, "Franklin Gothic Book";
width: 100%; 
/*height:40px;/*leave this value as is in most cases*/
overflow: hidden;
padding-left:10px;
background:url(images/menucenterbg.jpg) repeat-x top left;
color: #6F6F00;
}
.main1{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.5;
	border-bottom:1px dashed #000000;
	color:#999900;
 /*font normal 7px Arial, Helvetica, sans-serif; color:#66714d; text-decoration: none; padding-left:22px; line-height:18px;*/
}
.main2
{
background-color:#e7e7d9;
border-bottom:1px dashed #000000;
}
.titlelogin
{
float:left;
width:300px;
height:24px;
padding:10px 0 0 20px;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#666600;
margin-top:3px;
/*background-image:url(../images/contenthd_bar.jpg) left no-repeat;*/
background: url(images/contenthd_bar.jpg) top left no-repeat;
}

.logimgcal
{
float:left;
width:300px;
height:400px;
background-color:#e7e7d9;
background: url(images/login.jpg) top left no-repeat;
}

* html  .logimgcal
{
float:left;
width:350px;
height:400px;
background-color:#e7e7d9;
background: url(images/login.jpg) top left no-repeat;
}