/*
  Stylesheet for Golden Lite Trading Dmcc
  Media: screen
  Author: WebMunky.com
*/

/*
	Stylesheet for Golden Lite Trading Dmcc
	Media: screen
	Author: WebMunky.com
*/

body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#989999; margin:0px; padding:0px; background:#fff url(../images/page-top-bg.jpg) top repeat-x;}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -130px; /* the bottom margin is the negative value of the footer's height */
}
h1, h2, h3, h4, h5, h6, p, ul, li { margin:0px; padding:0px; text-align:left; font-weight:normal; }
img, form, input, textarea { border:0; margin:0px; padding:0px; outline:none;}
a { text-decoration:none; cursor:pointer; outline:none;}
.img_left {float:left;}
.img_right {float:right;}
.clear {clear:both;}
.hidden { display:none;}
.last { border:0px!important; margin:0px !important;}

#wrapper { background:url(../images/page-bg-v2.jpg) center top no-repeat;}
#subpage {  background:url(../images/subpage-bg.jpg) center top no-repeat;}
#container { width:980px; margin:0 auto;}

	.header { float:right; width:980px; position:relative; direction:rtl;}
	
	#top-nav { float:right; height: 61px; width: 860px; margin: 9px 0px 0px 0px;}
	#top-nav li { float:right; list-style:none; background:url(../images/top-nav-mid-line.gif) left no-repeat; height:58px; padding:0px 4px; }
	#top-nav li.last { background:none; padding:0px 0px 0px 4px;}
	#top-nav li a { font-size:14px; color: #fff; background:none; padding:0px 6px 0px 0px; height:45px; float:right; line-height:45px;}
	#top-nav li a span { background:none; height:45px; float:right; padding:0px 0px 0px 6px; font-size:18px;}
	#top-nav li a:hover, #top-nav li a.active {background:url(../images/lava.gif) bottom right no-repeat; }
	#top-nav li a:hover span, #top-nav li a.active span {background:url(../images/lava.gif) left top no-repeat;}
	
	.social-links { width:80px; float:left; margin:9px 0px 0px 0px;}
	.social-links a { float:left; background-position:top; height:61px;}
	.social-links a.linkedin { background:url(../images/icon-in.jpg) top no-repeat; width:43px;}
	.social-links a.fb { background:url(../images/icon-fb.jpg) top no-repeat; width:36px;}
	.social-links a.twitter { background:url(../images/icon-twitter.jpg) top no-repeat; width:39px;}
	.social-links a:hover { background-position:bottom;}

	h1.logo { float:right; width:290px; clear:both; direction:rtl;}
	h1.logo a { background: url(../images/logo.jpg) no-repeat; width:287px; height:123px; float:right; display:block; cursor:pointer; }
	h1.logo a span { display:none;}

	.arabic { width:105px; height:46px; margin:10px 0px 0px 0px; z-index:10px; position:absolute; left:0px; z-index:10;}
	.arabic a { color:#000; background:url(../images/btn-english.png) top no-repeat; float:left;  width:105px; height:46px;}
	.arabic a:hover { background-position:bottom;}
	.arabic span { display:none;}
	
	.tagline { background:url(../images/secret-of-a-healthy.png) no-repeat; width:481px; height:146px; position:absolute; left:0px; top:83px;}
	.tagline span { display:none;}

	.banner { width:980px; height:330px; float:left; clear:both; margin:03px 0px 20px 0px;}
	
	.content { float:right; clear:both; width:980px; padding:0px 0px 20px 0px; direction:rtl;}
	.cont-box { float:right; background:url(../images/content-box.png) no-repeat; width:282px; height:210px; padding:20px; direction:rtl; }
	.cont-box h2 { font-size:20px; color:#2f2f2f; font-family:DIN; border-bottom:3px solid #ff8900; padding:0px 0px 5px 0px; margin:0px;text-align:right; direction:rtl}
	.cont-box p { font-size:12px; line-height:20px; color:#646262; padding:10px 0px; text-align:justify;}
	.cont-box p a { color:#0b8e3f; font-weight:bold;} 
	.cont-box p a:hover { text-decoration:underline;}
	.cont-box p img { float:left; margin:10px 10px 0px 0px;}	
	
	.big-cont-box { float:right; width:655px; height:250px; background:url(../images/big-content-box.png) no-repeat;}
	
	ul.photos { margin:14px 14px; padding:0px; width:627px; float:left;}
	ul.photos li { list-style:none; width:627px; float:left; text-align:center; height:222px;}
	ul.photos li img {}


/* footer */
#footer { background:url(../images/page-bot-bg.jpg) left bottom repeat-x; width:100%; clear:both; height:130px;}
.push {
	height: 130px; /* .push must be the same height as .footer */
}
.footer { margin:10px 0px 0px 0px; width:980px; background:url(../images/footer-bg.jpg) no-repeat; height:43px; margin:0 auto;  line-height:43px;}
	.footer p.left { float:left; padding:0px 0px 0px 10px; color:#706049; direction:rtl;}
	.footer p.left a {color:#706049;}
	.footer p.left a:hover { text-decoration:underline;}
	.footer p.right { float:right; padding:0px 10px 0px 0px; color:#706049; direction:rtl;}
	.footer p.right a {color:#706049;}
	.footer p.right a:hover { text-decoration:underline;}
	
	
/* sub pages */
	.subpage-banner { float:left; width:980px; height:230px; clear:both; clear:both; margin:40px 0px 20px 0px;}
	.sub-page-cont-box { float:right; width:980px; background:url(../images/cont-box-bot.png) bottom no-repeat; padding:0px 0px 14px 0px; direction:rtl;}
	.sub-page-cont-box-top { background:url(../images/cont-box-top.png) top no-repeat; width:980px; height:14px; float:left;}
	.sub-page-cont-mid { background:url(../images/cont-box-mid.png) repeat-y; width:940px; float:right; padding:0px 20px; direction:rtl;}
	
	.sub-page-cont-box h2 { font-size:24px; color:#2f2f2f; font-family:DIN; border-bottom:3px solid #ff8900; padding:0px 0px 5px 0px; margin:0px 0px 10px 0px; text-align:right; direction:rtl;}
	.sub-page-cont-box h3 { font-size:20px; color:#ff8900;margin:5px 0px; text-align:right; direction:rtl;}
	.sub-page-cont-box p { font-size:14px; line-height:22px; color:#646262; padding:5px 0px; text-align:justify; direction:rtl;}
	.sub-page-cont-box p a { color:#0b8e3f; font-weight:bold;} 
	.sub-page-cont-box p a:hover { text-decoration:underline;}
	.sub-page-cont-box ul { margin:0px; padding:0px; list-style:none;}
	.sub-page-cont-box ul li { list-style: none; line-height:22px; }
	.sub-page-cont-box ul li a { color:#0b8e3f; font-weight:bold;} 
	.sub-page-cont-box ul li a:hover { text-decoration:underline;}
	.sub-page-cont-box .photo-left { float:right; margin:0px 0px 20px 20px; display:inline;}
	
	.sub-page-cont-box ul.pro-list { margin:10px 0px; padding:0px; list-style:none; float:right; width:420px; direction:rtl;}
	.sub-page-cont-box ul.pro-list ul{float:right; direction:rtl;}
	.sub-page-cont-box ul.pro-list li { list-style: none; color:#0b8e3f; line-height:26px; border-bottom:1px solid #ddd; width:400px; background:url(../images/bullet.jpg) 5px 9px no-repeat; padding:0px 0px 0px 20px;float:right; direction:rtl; } 
	.sub-page-cont-box ul.pro-list li a { color:#0b8e3f; font-weight:bold; font-size:14px;float:right; direction:rtl;} 
	.sub-page-cont-box ul.pro-list li a:hover { text-decoration:underline;float:right; direction:rtl;}
	
	
	.text-col { float:right; width:440px; padding:0px 0px 0px 24px; direction:rtl;}
	
	.form { float:right; width:400px; margin:0px 0px 20px 0px;  }
	.form label { float:right; text-align:left; width:100px; padding:0px 0px 0px 15px; font-size:12px; color:#6b6b6b; line-height:22px; direction:rtl;}
	.form input,textarea {font-size:12px; color:#6b6b6b;}
	.form input.inputbg { width:220px; float:right; border:1px solid #ccc;  height:24px; padding:0px 10px 0px 0px; line-height:24px; margin:0px 0px 10px 0px;}
	.form textarea.textbg { width:220px; float:right; border:1px solid #ccc;  height:110px; padding:10px 0px 0px 10px; margin:0px 0px 10px 0px; }
	.form select { width:232px; float:right; border:1px solid #ccc; padding:3px; margin:0px 0px 10px 0px; }
	.form input.submit { background:#ff8900; width:79px;  -moz-border-radius: 10px;	border-radius: 10px;  height:30px; float:right; border:0px; font-size:15px;  line-height:18px!important; color:#fff; margin:0px 0px; cursor:pointer;}
	.form input.submit:hover { background:#85bf37;}
	
	.address { width:300px; float:right; }
	.address p { padding:0px; line-height:24px;}
	#contact .map { width:350px; height:auto; float:left; }


/** sub banners */
.sub-banner { margin:0px; padding:0px;}
.sub-banner li { list-style:none;}

.pro-box { float:right; border-bottom:1px solid #ccc; width:934px; margin:0px 0px 10px 0px;}

.big-subpage-banner {float:left; width:980px; height:330px; clear:both; clear:both; margin:40px 0px 20px 0px;}

.info-table { float:right; margin:0px 0px 10px 20px; border:1px solid #ccc;}
.info-img { float:right; margin:5px 0px 15px 15px; border:1px solid #ccc; padding:5px;}

.dealer-network-table { width:722px; margin:10px 0px; padding:0px; border-left:1px solid #ccc; border-top:1px solid #ccc;}
.dealer-network-table td { border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:5px; font-size:12px; line-height:20px; color:#646262;}
.dealer-network-table td a { color:#0b8e3f;text-decoration:underline; } 
.dealer-network-table td a:hover { text-decoration:none;}
.dealer-network-table td strong { color:#0b8e3f; font-weight:bold;}
.dealer-network-table tr.green td { background:#6da633; color:#fff; font-weight:bold ; font-size:13px; }
.dealer-network-table tr.org td { background:#ff8900; color:#fff; font-weight:bold; font-size:13px; }

	.pop-up {width:700px; padding:20px;}
	.pop-up h2 { font-size:16px; font-weight:bold; color:#000; padding:0px 0px 10px 0px; direction:rtl; text-align:right;}
	.pop-up p { font-size:12px; line-height:18px; color:#333; padding:5px 0px; direction:rtl; text-align:right;}
	.pop-up ul { margin:0px; padding:0px; list-style:none; text-align:right; direction:rtl; text-align:right;}
	.pop-up ul li { list-style: circle; line-height:22px;  color:#333; margin:0px 0px 0px 15px; text-align:right; direction:rtl; text-align:right;}}


/* about us tabs */
	.aboutus-tab-content { float:right; width:934px; margin:0px 0px 30px 0px; direction:rtl;}
	.aboutus-tab-content  ul.aboutus-tabs { margin: 10px 0px 0px 10px; padding:0; display:inline; float:right; list-style: none;width: 200px; }
	.aboutus-tab-content  ul.aboutus-tabs li { float: right;   padding:0px; border-left: none; margin:0px; overflow: hidden; width: 200px; background:#eeeeee; text-align:center; height:30px; line-height:30px; border:0px; margin:0px 0px 5px 0px;}
	.aboutus-tab-content  ul.aboutus-tabs li a { text-decoration: none; font-weight:bold; color: #717075; float:right; text-align:right; width: 190px; font-size: 13px; outline: none; height:30px; padding:0px 10px 0px 0px;}
	.aboutus-tab-content  ul.aboutus-tabs li a:hover , html ul.aboutus-tabs li.active a:hover  {background:#f78f1e; color:#FFFFFF!important;}	
	 html .aboutus-tab-content ul.aboutus-tabs  li.active a { background:#f78f1e; color:#FFFFFF!important;}

	.aboutus-tab-content  .aboutus_tab_container  { float: left; width: 724px!important;}
	.aboutus-tab-content  .aboutus_tab_content { font-size:14px; color:#757575; line-height:24px; padding:0px 0px 0px 0px; }
	.aboutus-tab-content  .aboutus_tab_content h3 { font-size:20px; color:#ff8900;  margin:5px 0px; direction:rtl; text-align:right;}
	.aboutus-tab-content  .aboutus_tab_content p { font-size:14px; line-height:22px; color:#646262; padding:5px 0px;}
	.aboutus-tab-content  .aboutus_tab_content ul { margin:0px 0px 0px 20px; padding:0px;}
	.aboutus-tab-content  .aboutus_tab_content ul li { list-style:none; font-size:14px; line-height:28px; border:0px!important;  color:#757575; background:url(../images/bullet.jpg) left 10px no-repeat; padding:0px 0px 0px 15px;}
		.alert {  background:#FFFF9F; width:400px;  padding:30px 20px 30px 20px; text-align:center; line-height:15px; }
	.alert p { margin:0; padding:0; text-align:center; }