﻿/* CSS FILE , Design By: Ahmed Alkatheeri , mubde3.net , mobde3net@gmail.com */
/* default element */
html {
	margin: 0;
	padding: 0;
}
body {
	margin: 0; 
	padding: 0;
	background-color: #F2F2F2;
	direction: rtl;
	background-image: url(images/background-default.jpg);  
	background-repeat: repeat-y; 
	background-position: center top;
	text-align: center;
}
h2 , h3 , h4 ,h5 { text-align: right }
h2 {
	margin: 0;
	padding: 0;
}
h3 {
	 margin: 10px 5px 0 0; 
	 padding: 0;
}
h4 {
	margin: 0; 
	padding: 0;
}
h5 {
	margin: 0; 
	padding: 0;
}
a {
	margin: 0;
	text-decoration: none;
}

span.nav-home {
	margin: 0;
	padding: 0 5px 0 5px;
	display:block;
	width: 102px;
	height: 33px;
	background-image:url("images/nav-home.gif");
	background-repeat:no-repeat; background-position: center;
}
span.nav-about-company {
	margin: 0;
	padding: 0 5px 0 5px;
	display:block;
	width: 102px;
	height: 33px;
	background-image:url('images/nav-about.gif');
	background-repeat:no-repeat; background-position: center;
}

span.nav-delivery {
	margin: 0;
	padding: 0 5px 0 5px;
	display:block;
	width: 94px;
	height: 33px;
	background-image:url('images/nav-delivery.gif');
	background-repeat:no-repeat; background-position: center;
}

span.nav-order {
	margin: 0;
	padding: 0 5px 0 5px;
	display: block;
	width: 112px;
	height: 33px;
	background-image:url('images/nav-order.gif');
	background-repeat:no-repeat; background-position: center;
}


span.nav-contact {
	margin: 0;
	padding: 0 5px 0 5px;
	display:block;
	width: 53px;
	height: 33px;
	background-image:url('images/nav-contact.gif');
	background-repeat:no-repeat; background-position: center;
}

span.categorylist { 
	margin: 0; 
	padding: 0 10px 0 0; 
	display: block; 
	background-image: url('images/categories-sidebarmainbackround.gif'); 
	background-repeat: repeat-x; 
	width: 96%; 
	height: 28px; 
}

span.picpriceold { 
	margin: 0; 
	padding: 0 5px 0 0; 
	float: right; 
	display: block;  
	width: 113px; 
	height: 22px; 
	background-image: url('images/product-price-old.gif'); 
	background-position: center; background-repeat: no-repeat;
}
span.picpricenew { 
	margin: 0; 
	padding: 0 5px 0 0; 
	float: right; 
	display: block; 
	width: 113px; 
	height: 22px; 
	background-image: url('images/product-price-now.gif'); 
	background-position: center; 
	background-repeat: no-repeat; 
}
#content {
	margin: 0 auto;
	padding: 0;
	width: 774px; 
	height: auto;
	background-color: #ffffff;
	text-align: center;
}

#header span span , #navigation span span {
	display: none;
}


#header { 
	margin: 0; 
	padding: 0; 
	width: 768px; 
	height: 120px; 
	background-image: url(images/logo.gif); 
	background-position: center; 
	background-repeat: no-repeat; 
	text-align: right;
}
#header form {
	margin: 0 3px 0 0; 
	padding: 28px 2px; 
	font-family: Simplified Arabic; 
	font-size: 15px; 
	font-weight: bold;
}
#header form p {
	margin: 0; 
	padding: 0;
}

#navigation {
	margin: 1px auto 0 auto; 
	padding: 1px;
	background-image: url('images/navigation.gif'); 
	background-repeat:no-repeat; background-position:center;
	width: 768px; height: 33px;
	text-align: right;
}
#navigation ul{
	margin: 0 auto; 
	padding: 0;
}
#navigation ul li {
	margin: 0; 
	padding: 0;
	display: inline; 
	list-style: none;
}
#navigation ul li a {
	margin: 0 5px 0 35px; 
	padding: 0 5px 0 5px; 
	float: right;
}


#main { 
	margin: 0 auto 10px auto; 
	padding: 0 4px; 
}

#main a {
	color: #993300;
	text-decoration: none;
}
#main p { 
	margin: 0 0 10px 0; 
	padding: 1px 10px 1px 3px; 
	font-family: Simplified Arabic; 
	font-weight: bold;
	font-size: 15px; 
	text-align: right; 
}

#main p.pricenow { 
	margin: 0; 
	padding: 2px; 
	font-size: 20px; 
	color: red;
}

#main p.priceold { 
	margin: 0; 
	padding: 2px; 
	font-size: 16px; 
	text-decoration: line-through; 
}

#leftpage { 
	margin: 0 auto; 
	padding: 0 0 10px 0; 
	width: 535px; 
	float: left; 
	text-align: right; 
}

#leftpage p { 
	margin: 0 0 10px 0; 
	padding: 0; 
	font-family: Simplified Arabic; 
	font-weight: bold; 
	font-size: 15px;
}

#leftpage h4 { 
	margin: 7px 0 0 0; 
	padding: 0; 
	font-family: "Simplified Arabic"; 
	font-size: 19px; 
	color: #AD3B71; 
	border-bottom: 1px solid #999999;
 }
 
#leftpage ul { 
	margin: 0 30px 0 0; 
	padding: 0; 
	list-style: disc;
 }
 
#leftpage ul li { 
	margin: 0; 
	padding: 0; 
	font-family: "Simplified Arabic"; 
	font-size: 15px; 
	font-weight: bold; 
}
#leftpage .search-result { 
	margin: 1px 0 0 0;
	padding: 5px; 
	border-bottom: 1px solid #999999; 
	display: block; 
	width: 97.5%; 
	height: auto; 
}
	
#leftpage .search-result img { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	float: right; 
}
	
#leftpage .search-result li { 
	margin: 0; 
	padding: 0;
}
	
#leftpage .search-result li div { 
	margin: 0; 
	padding: 0; 
	width: 70%; 
	float: left; 
}
	
#leftpage .search-result div p { 
	margin: 0; 
	padding: 5px; 
	border-bottom: 0; 
	line-height: 15px; 
	font-family: "Simplified Arabic"; 
	font-size: 14px; 
	font-weight: bold;
 }

#sidebar { 
	margin: 0;
	padding: 10px 0; 
	width: 230px; 
	float: right; 
	text-align: center; 
}

#sidebar img { 
	margin: 0; 
	padding: 0; 
	border: 0;
}
#categories-name {
	margin: 0 15px 0 0;
	padding: 0;
	background-color: #333333;
	color: #fff; 
	width: 201px;
	font-family: Simplified Arabic; 
	font-size:14.5px;
}
#categories-list {
	margin: 2px 15px 0 0;
	padding: 0;
	width: 201px;
	background-color: #F3E7E7;
}
#category-list-sidebar {
	 margin: 0; 
	 padding: 0; 
	 width: 200px;
	 text-align: right;
}

#category-list-sidebar h3 { margin: 0; padding: 0 5px 0 0; }

#category-list-sidebar ul { 
	margin: 0;
	padding: 0 20px;
	list-style: disc;
}

#category-list-sidebar ul li { 
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13.5px;
	line-height: 19px;
	font-weight: bold;
}

#category-list-sidebar a { color: #666666; text-decoration: none; }

#product-info-box { 
	margin: 10px auto; 
	padding: 2px; 
	background-color: #FFFCFA; 
	border: 1px #999999 solid; 
	width: 87%;
} 

#product-information { 
	margin: 0 auto; 
	padding: 0; 
	width: 88%; 
}

#product-information .productshowimage { 
	margin: 0px auto 2px auto; 
	padding: 0; 
	width: 200px; 
	border: 1px solid silver; 
}

#product-information .productshowimage_a { 
	margin: 1px 0 2px 2px; 
	padding: 0; 
	width: 63px; 
	hieght: 63px;
	border: 1px solid silver; 
	float: right; 
}

.productmenu {
	margin: 1px 4px 1px 2px; padding: 0;
	width: 245px; height: auto; border: 2px solid #BB2F71;
	float: right;
}

.productmenu h4 { 
	margin: 0; 
	padding: 0 10px 0 0; 
	color: #831258; 
}

.productmenubottom {
	margin: 0; padding: 0;
	width: 245px; height: 24px; text-align: left; 
	background-image: url(images/top-menu-bottom-product.gif); 
	background-position: bottom; background-repeat: no-repeat;
}
.productprice {
	margin: 0;
	padding: 3px; 
	width: 30%; 
	float: left; 
	text-align: center;
}
.productimage {
	margin: 0; 
	padding: 2px 5px 2px 0;
	width: 65%; 
	height: 132px; 
	float: right; 
	display: block;
}

#orderform {
	margin: 5px auto; 
	padding: 5px; 
	width: 650px; 
	background-color: #666666; 
	font-family: Simplified Arabic;
	font-size: 15px; 
	font-weight: bold; 
	text-align: right;
}


#orderform fieldset { 
	margin: 0; 
	padding: 0; 
	border: 0; 
}

#orderform fieldset h4 { 
	margin: 15px 5px 10px 0; 
	padding: 0; 
	color: #FFFFFF; 
	font-size: 110%; 
	color:#FFFF00; 
}

#orderform fieldset label { 
	margin: 0 0 10px 0; 
	padding:0 5px 0 0; 
	color: #FFFFFF; 
	display: block; 
	float: right;
	width: 200px; 
}

#orderform fieldset .text { 
	margin: 0 0 10px 0; 
	padding: 0 2px 0 2px; 
	border: 0; font-family: 
	Simplified Arabic; 
	font-size: 15px; 
	font-weight: bold; 
	width: 250px; 
}

#orderform fieldset select { 
	margin: 0; 
	padding: 1px 2px 1px 2px; 
	border: 0; 
	font-family: Simplified Arabic; 
	font-size: 14px; 
	font-weight: bold; 
	width: 40.5%; 
}

#orderform fieldset textarea { 
	margin: 0 0 3px 0; 
	padding: 1px 2px 1px 2px; 
	width: 250; 
	border: 0; 
	font-family: Simplified Arabic; 
	font-size: 14px; 
	font-weight: bold; 
	height: 100px; 
}

#orderform fieldset .submit { 
	margin: 0; 
	padding: 0;
	font-family: Simplified Arabic; 
	font-size: 14px; 
	font-weight: bold; 
	border: 1px solid #CCCCCC; 
}

#footer { 
	margin: 0 auto; 
	padding: 1px; 
	width: 768px; 
	background-image: url(images/footer.gif);
	background-position:top; 
	background-repeat: repeat-x; 
	text-align: center; 
	clear: both; 
}

#footer p { 
	margin: 0; 
	padding: 5px; 
	font-family: Simplified Arabic; 
	font-size: 14px; 
	font-weight: bold; 
	color: #787878
 }

input.searchform { 
	margin: 0 0 -5px 0; 
	padding: 0; 
}
	
.right { 
	margin: 6px; 
	padding: 0; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	font-weight: bold; 
	float: right; 
	color: #99045A; 
	background-color: #FFF2FD; 
}

.left { 
	margin: 6px; 
	padding: 0; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	font-weight: bold; 
	float: left; 
	background-color: #FFF2FD;
}
