/************************
Usman Bashir
http://ensuite-me.com

Default Arabic Stylesheet
http://mecl.com.sa

Version: 0.0.1

Start Date & Time: 19/10/2008 - 11:11 AM
Last Build Date & Time: 19/10/2008 - 11:11:00 AM
************************/

body {
	width: 100%;
	height: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	background: #7199b3 url('../images/back.jpg') repeat-x;
	text-align: center;
}

body, td, th, p {
	font-family:"Tahoma", "Arabic Transparent", "Traditional Arabic";
	font-size:12px;
}

a, a:active, a:focus, a:hover, a:visited {
	color: #fff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 12pt;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.blue {
	color: #0099CC;
}

.black {
	color: #333333;
}

.smallLight {
	font-size: 7pt;
	color: #666666;
}

#container {
	margin: 0 auto 0 auto;
	width: 933px;
	height: 100%;
	margin-top: 30px;
	text-align: left;
}

#container #header {
	width: 100%;
	height: 22px;
	/*height: auto; --------------------------*/
	text-align: left;
	padding-bottom: 5px;
	color: #fff;
}

#container #header img#logo {
	float: right;
	margin-right: 15px;
}

#container #header #header-right-links {
	padding: 3px 0;
}

#logo-right {
	float: left;
	margin-left: 15px;
	margin-right: 15px;
}

#nav {
	width: 100%;
	background: #fff url('../images/topBackRep.jpg') repeat-x;
	height: 34px;
}

#jsQWERT {
	margin: 0px 0px 0 0;
	/*float: left;*/
}

#jsQWERT form {
	display: inline;
}

#jsQWERT form input {
	border: 1px #888 solid; 
	background-color: transparent; 
	width: 104px;
	font-size: 11px;
}

#jsQWERT form button {
	border: 0; 
	background-color: #558db0; 
	color: #fff; 
	width: 26px;
	font-size: 11px;
}


/*
#nav #nav-search {
	margin: 10px 18px 0 0;
	float: left;
}

#nav #nav-search form {
	display: inline;
}

#nav #nav-search form input {
	border: 1px #888 solid; 
	background-color: transparent; 
	width: 104px;
	font-size: 11px;
}

#nav #nav-search form button {
	border: 0; 
	background-color: #558db0; 
	color: #fff; 
	width: 26px;
	font-size: 11px;
}
*/

#nav #nav-top-left{
	float: left;
	width: auto;
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right !important;
}

#nav ul li {
	float: right;
	margin: 4px 0px 2px 0; /*12px 20px 0 0*/
	font-size:11px;
}

#nav ul li a {
	color: #40444d;
	text-transform: capitalize;
}

#nav ul li a:hover {
	color: #0099cc;
}

#nav ul li ul li {
	margin: 0;
	padding: 0;
}

#nav ul li ul li a:hover {
	background-color: #0099cc;
	color: #fff;
}

#nav #nav-top-right {
	float: right;
}

#container #content {
	width: 100%;
	height: 448px;
	background-color: #fff;
}

#container #content #content-footer {
	background-color: #ffffff;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #49494b;
}

#container #content #content-footer #content-footer-left-images {
	float: left;
	margin: 7px 0 0 10px;
}

#container #content #content-footer #content-footer-links {
	float: right;
	margin: 10px 10px 0 0;
	font-size: x-small;
}

#container #content #content-footer #content-footer-links a:hover {
	color: #0099cc;
}

#container #content #content-footer a {
	color: #49494b;
	text-transform: capitalize;
}

#container #content #content-footer #content-footer-left {
	float: left;
}

#container #content #content-footer #content-footer-right {
	float: right;
}

#container #footer {
	width: 100%;
	height: 40px;
	font-size: x-small;
	color: #fff;
}

#container #footer #footer-company {
	font-size: small;
	font-weight: bold;
	float: right;
	margin: 0;
	padding: 16px 20px 0 0;
}

#container #footer #footer-copyright {
	float: left;
	margin: 0;
	padding: 5px 0 0 30px;
}

#container #footer #footer-copyright #footer-copyright-tollfree {
	margin: 0 15px 0;
	padding: 7px 0;
}

/* --------------- feedback ---------------- */

#feed-back {
	background-color: #e7e7e7;
	width: 350px;
	height: 330px;
	margin: 10px 0;
	color: #66b0df;
	font-size: 10pt;
	margin: 10px auto 0 auto;
	position: relative;
}

#feed-back-top-left {
	background-image: url('../images/feedbackTopLeft.jpg');
	background-repeat: no-repeat;
	width: 11px;
	height: 8px;
	position: absolute;
	top: 0;
	left: 0;
}

#feed-back-top-right {
	background-image: url('../images/feedbackTopRight.jpg');
	background-repeat: no-repeat;
	width: 11px;
	height: 8px;
	position: absolute;
	top: 0;
	right: 0;
}


#feed-back-bottom-left {
	background-image: url('../images/feedbackBottomLeft.jpg');
	background-repeat: no-repeat;
	width: 11px;
	height: 8px;
	position: absolute;
	bottom: 0;
	left: 0;
}


#feed-back-bottom-right {
	background-image: url('../images/feedbackBottomRight.jpg');
	background-repeat: no-repeat;
	width: 11px;
	height: 8px;
	position: absolute;
	bottom: 0;
	right: 0;
}


#feed-back-table {
	margin: 10px;
}

#txtName, #txtMobile, #txtEmail, #txtCity {
	height: 20px;
	width: 200px;
}

#txtComment {
	width: 200px;
	height: 65px;
}

#feed-back-form-reset {
	width: 110px;
	height: 44px;
	border: 0;
	background-image: url('../images/reset.jpg');
}

#feed-back-form-submit {
	width: 111px;
	height: 44px;
	border: 0;
	background-image: url('../images/send.jpg');
}

.textbox-container {
	float: left;
	margin: 0;
	padding: 0;
	background-image: url(../images/textBackRep.png);
	height: 37px;
}

.textarea-container {
	float: left;
	margin: 0;
	padding: 0;
	background-image: url(../images/textAreaBackRep.png);
	background-position: left top;
	background-repeat: repeat-x;
	height: 85px;
}

.textarea-container textarea {
	float: left;
	margin: 8px 0;
	background-color: Transparent;
	border: none;
	color: #000;
	overflow: auto;
	font-family:"Tahoma", "Arabic Transparent", "Traditional Arabic";
	font-size: 8pt;
	/* --------------------------------------------------------------------------------------------------------- TO BE REMOVED WHEN DONE ---------------------- */
	/*scrollbar-face-color : #ccc;
	scrollbar-highlight-color : #444;
	scrollbar-3dlight-color : #333;
	scrollbar-darkshadow-color : #111;
	scrollbar-arrow-color : #888888;
	scrollbar-shadow-color : #ffffff;
	scrollbar-track-color: #333333;*/

}

.textbox-container input {
	float: left;
	margin: 8px 0;
	background-color: Transparent;
	border: none;
	color: #000;
	font-size: 8pt;
}

.textbox-container-left {
	float: left;
	margin: 0;
	padding: 0;
}

.textbox-container-right {
	position: relative;
	right: 0px;
}

#working {
	display: none;
	margin: 0 auto 0 auto;
	padding: 10px;
}

#feedback-error {
	display: none;
	padding: 10px;
}

#feedback-result {
	display: none;
	padding: 10px;
}

input.blur {
	color: #999;
}

textarea.blur {
	color: #999;
}

/* Style for invalid input */
.invalidInput{
	border:1px dotted #F00;
	background-color: #FFECE6;
}

/* Style for valid input */
.validInput{
	border: 1px dotted #FF0000;
}

/***********************************************************************************************/


#container #content-container {
	width: 100%;
	height: 100%;
	float: right;
	/*min-height: 100%; height: auto !important; height: 100%;*/
	/*height: 452px;*/
	background-color: #fff;
	position: relative;
	text-align: right;
}

#container #content-container #bar-left {
	width: 180px;
	/*height: 413px;*/
	float: right;
	background: #e9e9e9 url('../images/bottomLeftBack.jpg')	no-repeat left bottom;
	border-left: 2px solid #fff;
	position:relative;
	font-size:11px;
}

#container #content-container #bar-left #bar-left-top {
	background-image: url('../images/topBarBackRep.jpg');
	background-repeat: repeat-x;
	padding: 2px 10px 2px 0;
	color: #fff;
	text-transform: capitalize;
	border-top: 2px solid #fff;
	border-bottom: 1px solid #fff;
}

#container #content-container #bar-right {
	width: 180px;
	/*height: 413px;*/
	float: left;
	background: #e9e9e9 url('../images/bottomRightBack.jpg') no-repeat left bottom;
	border-right: 2px solid #fff;
	position: relative;
	font-size:11px;
}

#container #content-container #bar-right #bar-right-top {
	background-image: url('../images/topBarBackRep.jpg');
	background-repeat: repeat-x;
	padding: 2px 10px 2px 0;
	color: #fff;
	text-transform: capitalize;
	border-top: 2px solid #fff;
	border-bottom: 1px solid #fff;
}

#container #content-container #bar-left ul, #container #content-container #bar-right ul {
	list-style: none;
	margin: 15px 10px 0 0;
	padding: 0;
}

#container #content-container #bar-left ul li, #container #content-container #bar-right ul li {
	padding: 5px 0;
}

#container #content-container #bar-left a, #container #content-container #bar-right a {
	color: #49494b;
}

#container #content-container #content-sub { /* {NOT BEING USED} */
	width: 568px;
	/*height: 100%;
	float: left;*/
	background-color: #fff;
}

#container #content-container #content-sub-top {
	width: 565px;
	height: 153px;
	float: right;
	border-top: 2px solid #fff;
}

#container #content-container #content-sub-body {
	width: 565px;
	min-height: 420px;
	height: 100%;
	/*height: 260px;*/
	float: right;
}

#container #content-container #content-sub-body #content-sub-body-x {
	padding: 4px;
	line-height:18px;
}

#container #content-container #content-sub-body #content-sub-body-x a {
	color: #0099cc;
	text-decoration: none;
}

#container #content-container #content-sub-body #content-sub-body-x a:hover {
	text-decoration: underline;
}

#container #content-container #content-sub-body #content-sub-body-x ul {
	list-style: none;
	margin: 5px;
	padding: 0;
}

#container #content-container #content-sub-footer {
	border-top: 2px solid #e2e2e2;
	background-color: #ffffff;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #49494b;
	float: left;
}

#container #content-container #content-sub-footer #content-sub-footer-left-images {
	float: left;
	margin: 7px 10px 0 0;
}

#container #content-container #content-sub-footer #content-sub-footer-links {
	float: right;
	margin: 10px 0 0 10px;
	font-size: x-small;
}

#container #content-container #content-sub-footer a {
	color: #49494b;
	text-transform: capitalize;
}

#container #content-container #content-sub-footer a:hover {
	color: #0099cc;
}

#container #content-container #content-sub-footer #content-sub-footer-left {
	float: left;
}

#container #content-container #content-sub-footer #content-sub-footer-right {
	float: right;
}

/* ---------------- b2b ----------------- */

#b2b-tabs-container {
	width: 100%;
	height: 200px;
}

#b2b-tabs-container #b2b-tabs-list {
	height: 42px;
}

#b2b-tabs-container #b2b-tabs-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#b2b-tabs-container #b2b-tabs-list ul li {
	float: right;
	width: 95px;
	height: 22px;
	margin: 0 1px 0 0;
	padding: 10px 0;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	cursor: pointer;
}

.white {
	color: #fff;
}

.whiteSelected {
	color: #fff;
}

.b2b-tab-normal {
	background-image: url('../images/tabBack.png');
}

.b2b-tab-selected {
	background-image: url('../images/tabBackSelHover.png');
}

.b2b-tab-over {
	background-image: url('../images/tabBackSelHover.png');
}

#b2b-tabs-content-container {
	width: 100%;
}

#b2b-tabs-content-body {
	border: 0px solid #fff;
	margin: 0 15px 0 5px;
	padding: 15px;
}

#central-region {
	display: none;
}

#eastern-region {
	display: none;
}

#wastern-region {
	display: none;
}

#north-region {
	display: none;
}

#south-region {
	display: none;
}