@charset "utf-8";
/* CSS Document for FitaPharma Website - ARABIC */


/*--------------- # # -- CSS GLOBAL RESET -- # # ---------------  (DO NOT CHANGE) */
body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#f7ffdc url(images/body_bg.jpg) center top repeat-y;
	color:#353535;
	font-size:18px;
}
html {
	min-height:100%;
	margin-bottom:1px;
	overflow:-moz-scrollbars-vertical !important;
}
a, img {
	border:0;
	outline-style:none;
}
ul, li {
	margin:0;
	padding:0;
}
/*--------------- # # -- CONTAINERS -- # # ---------------*/
#wrapper {
	width:1000px;
	margin:0 auto;
}
#top {
	background:url(images/top_bg.jpg) left top repeat-x;
}
#header {
	background:#f4fecf url(images/header_bg.jpg) center top repeat-y;
}
#content_outer, #footer_outer, .spacer {
	background-color:#FFFFFF;
}
#content_outer {
	line-height:2em;
	text-align:right;
	font-size:18px;
}
.content_img_r {
	padding-left:30px;
}
.content_img_l {
	padding-right:30px;
}
#order_outer {
	background-color:#f2ffe7;
}
/* FOR STYLING OF THE ORDER SUMMARY PART */
#order_summary {
	background:#387d08 url(images/summary_bg.jpg) left top repeat-x;
	color:#FFFFFF;
	font-size:12px;
	padding:10px 4px 0 4px;
}
/* FOR STYLING OF THE HEADINGS */
h1 {
	font-size:32px;
	color:#003471;
	line-height:34px;
	padding:5px 0 0 8px;
	width:688px;
	text-align:right;
	font-weight:normal;
	margin:0;
}
#sidebar, #searches {
	background:url(images/products_bg.jpg) center top repeat-y;
	margin-left:8px;
}
.products {
	font-size:12px;
	line-height:14px;
	color:#4b4b4b;
	text-align:right;
}
.products td {
	padding:6px 0;
}
.search {
	font-size:16px;
	line-height:18px;
	color:#4b4b4b;
	width:150px;
	height:120px;
	overflow:auto;
	margin:0 auto;
}
.search td {
	padding:6px 0;
}
.products a {
	color:#4b4b4b;
	background:url(images/bullet_sidebar.jpg) right no-repeat;
	font-size:15px;
	padding:0 16px 0 0;
	font-weight:bold;
	text-decoration:none;
}
.products a:hover {
	text-decoration:underline;
	background:url(images/bullet_sidebar_1.jpg) right no-repeat;
	color:#e19200;
}
.flags {
	padding-bottom:19px;
}
/* FOR STYLING OF THE INTRO PART */
#intro {
	font-size:18px;
	text-align:justify;
	direction:rtl;
	padding:0 0 0 8px;
	line-height:2em;
	width:688px;
}
#text_order {
	font-size:12px;
	text-align:center;
	padding:0 30px 0 30px;
}
/* FOR STYLING OF THE TITLES */
.title {
	width:688px;
	padding:30px 0 20px 8px;
	color:#ff7800;
	font-size:26px;
	text-align:right;
}
/* FOR STYLING OF THE MAIN TEXT CONTENT */
.para {
	padding:0 0 10px 8px;
	width:688px;
	font-size:18px;
	line-height:2em;
	text-align:justify;
	direction:rtl;
}
#order_table {
	width:550px;
	margin:0 auto;
}
/* FOR STYLING OF THE FOOTER PART */
.footer {
	background:url(images/footer_bg.jpg) left top repeat-x;
	font-size:12px;
	padding:10px 0;
}
.footer a {
	color:#353535;
	text-decoration:none;
}
.footer a:hover {
	text-decoration:underline;
}
/*--------------- # # -- ANCHORS & LISTS -- # # ---------------*/
ul.benefits {
	padding:0;
	margin:0;
	text-align:right;
}
ul.benfits li {
	list-style-type:none;
	margin:0;
	background:url(images/bullet_check.jpg) right top no-repeat;
	color:#015000;
	padding:0 25px 0 0;
	line-height:26px;
}
a.black {
	color:#353535;
	text-decoration:underline;
}
a.black:hover {
	text-decoration:none;
}
.sub_title {
	color:#e99801;
	text-align:right;
}
.sub_title2 {
	color:#046803;
}
/*--------------- # # -- FORMS & BUTTONS -- # # ---------------*/
.textbox {
	border:1px solid #CCCCCC;
	width:270px;
	height:22px;
}
.dropdown {
	border:1px solid #CCCCCC;
	width:272px;
	padding:4px 4px 4px 0;
}
.textarea {
	border:1px solid #CCCCCC;
	width:270px;
}
.button {
	padding:6px 14px;
	border:1px solid #CCCCCC;
	background:#c52121 url(images/button_bg.jpg) left top repeat-x;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
.instruction {
	font-style:italic;
	font-size:12px;
}
#emailt {
	border:1px solid #EBEBEB;
	background-color:#F5F5F5;
}
/*--------------- # # -- NAVIGATION -- # # ---------------*/

#navhome a {
	background:url(images/nav_home_0.jpg) center top no-repeat;
	width:121px;
	height:50px;
	display:block;
	text-decoration:none;
}
#navhome a:hover {
	background:url(images/nav_home_1.jpg) center top no-repeat;
}
body#home a.current {
	background:url(images/nav_home_1.jpg) center top no-repeat;
	width:121px;
	height:50px;
	text-decoration:none;
}
#navgurantees a {
	background:url(images/nav_gurantees_0.jpg) center top no-repeat;
	width:109px;
	height:50px;
	display:block;
	text-decoration:none;
}
#navgurantees a:hover {
	background:url(images/nav_gurantees_1.jpg) center top no-repeat;
}
body#gurantees a.current {
	background:url(images/nav_gurantees_1.jpg) center top no-repeat;
	width:109px;
	height:50px;
	text-decoration:none;
}
#navfaq a {
	background:url(images/nav_faqs_0.jpg) center top no-repeat;
	width:149px;
	height:50px;
	display:block;
	text-decoration:none;
}
#navfaq a:hover {
	background:url(images/nav_faqs_1.jpg) center top no-repeat;
}
body#faq a.current {
	background:url(images/nav_faqs_1.jpg) center top no-repeat;
	width:149px;
	height:50px;
	text-decoration:none;
}
#navabout a {
	background:url(images/nav_about_0.jpg) center top no-repeat;
	width:109px;
	height:50px;
	display:block;
	text-decoration:none;
}
#navabout a:hover {
	background:url(images/nav_about_1.jpg) center top no-repeat;
}
body#about a.current {
	background:url(images/nav_about_1.jpg) center top no-repeat;
	width:109px;
	height:50px;
	text-decoration:none;
}
#navcontact a {
	background:url(images/nav_contact_us_0.jpg) center top no-repeat;
	width:133px;
	height:50px;
	display:block;
	text-decoration:none;
}
#navcontact a:hover {
	background:url(images/nav_contact_us_1.jpg) center top no-repeat;
}
body#contact a.current {
	background:url(images/nav_contact_us_1.jpg) center top no-repeat;
	width:133px;
	height:50px;
	text-decoration:none;
}
/* -------- CART DETAILS ------------------ */

/*--- this line is to change the alternating color of the table (form white to this light color) ----*/ 
.ordertab {
	font-size:12px;
	direction:ltr;
}
.lightb {
	background-color:#f7ffdc;
}
/*--- this line is to change color of the main text of the table, line height, text-align and font-size ----*/ 
.ordertb {
	color:#353535;
	line-height:1.2em;
	text-align:center;
	font-size: 12px;
}
/*--- this line is to change the height of the td and padding of the table ----*/ 
.ordertb td {
	padding:5px 0px;
	height:40px;
	vertical-align:middle;
	font-size:12px;
}
/*--- this line is to change the height of the td with a class of tdblue and tdblue2  ----*/ 
.ordertb tr.tdblue2 td, .ordertb tr.tdblue td {
	height:30px;
}
/*--- this line is the default color of the BONUS text if you take away the class of "oran" ----*/ 
.ordertb td strong {
	font-size:11px;
	color:#82c618;
	font-weight:normal;
}
/*--- this line is to change the color of the BONUS text  ----*/ 
.ordertb td strong.oran {
	font-size:11px;
	color:#f13500;
	font-weight:normal;
}
/*--- this lines is to change the background color of the titles and the background color of the coupon part  ----*/ 
.tdblue {
	background-color:#018e01;
	color:#fff;
	font-size:12px;
}
.tdblue2 {
	background-color:#018e01;
	color:#fff;
	font-weight:bold;
}
.tdblue td, .tdblue2 td {
	vertical-align:middle;
}