/* CSS Document */

p.en {
padding-right:5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #333;
	font-weight: normal;
	text-align: right;
	}
	
	
p.enright {
padding-right:5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
color: #903;
text-align: right;
	}
	
	p.enrightgray {
padding-right:5px;
	font-family: times;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
color: #333;
text-align: right;
	}
	
span.en {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	}
	
span.enright {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	text-align: right;
	}
	
a:link, a:visited {
	font-weight: bold;
	font-size: 11pt;
	font-face: Traditional Arabic;
	color: #333;
	text-decoration : none;
	}

a:hover, a:active {
	text-decoration : none;
	color: #903;
	}
	
a.english:link, a.english:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;	
	font-weight : bold; 
	text-decoration : none;
	color: #333;
	font-size: 11px;
	line-height: 12px;
	}

a.english:hover, a.english:active {
	text-decoration : none;
	color: #903;
	}

html,body {
	background-color: #EAEAEA;
	margin: 0;
	padding: 0;
}

table {
	width: 100%;
	height: 100%;
}

td {
	vertical-align: middle;
}

div.center {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 900px;
}

#smmain 	{
	margin: 0;
	background-image:  url(../img/smbg.gif); 
	width: 800px;
	height: 722px;
	}
	
#lgplusplusmain 	{
	margin: 0;
	background-image:  url(../img/lgbgplusplus.gif); 
	width: 800px;
	height: 1500px;
	}
	
#lgplusplusmainsimp 	{
	margin: 0;
	background-image:  url(../img/lgbgplusimp.gif); 
	width: 800px;
	height: 1500px;
	}
	
#lgplusmain 	{
	margin: 0;
	background-image:  url(../img/lgbgplus.gif); 
	width: 800px;
	height: 1100px;
	}
	
#lgmain 	{
	margin: 0;
	background-image:  url(../img/lgbg.gif); 
	width: 800px;
	height: 1100px;
	}

#homemain 	{
	margin: 0;
	background-image:  url(../img/homebg.gif); 
	width: 800px;
	height: 900px;
	}
	
#logo 	{
	position: absolute;
	margin-top: 8px;
	margin-left: 18px;
	height:70px; 
	width:765px;
	background:url(../img/top_bg.gif) no-repeat; 
	}
	
#header		{
	position: absolute;
	margin-top: 87px;
	margin-left: 13px;
	height:170px; 
	width:775px;
	background:url(../img/header_bg.jpg) no-repeat; 
	}
	
#footerhome		{
	position: absolute;
	margin-top: 807px;
	margin-left: 13px;
	height:80px; 
	width:775px;
	background:url(../img/footer.gif) no-repeat; 
	}
	
#footersm		{
	position: absolute;
	margin-top: 632px;
	margin-left: 13px;
	height:80px; 
	width:775px;
	background:url(../img/footer.gif) no-repeat; 
	}
	
#footerlg		{
	position: absolute;
	margin-top: 1007px;
	margin-left: 13px;
	height:80px; 
	width:775px;
	background:url(../img/footer.gif) no-repeat; 
	}
	
#footerlgplus		{
	position: absolute;
	margin-top: 1407px;
	margin-left: 13px;
	height:80px; 
	width:775px;
	background:url(../img/footer.gif) no-repeat; 
	}
	
#smnav  {
	position: absolute;
	margin-top: 87px;
	margin-left: 13px;
	}
	
#mainnav  {
	position: absolute;
	margin-top: 262px;
	margin-left: 13px;
	}
	
#newnav ul {	
	display: inline;
	margin: 0;
	padding: 0;
	}
#newnav li {
	display : inline;
	}

#newnav li a {
	display : inline;
	float : left;
	height: 35px;	/*EACH BUTTON */	
	width: 100px; /*EACH BUTTON */	
	}	

#newnav li a:hover {	
	color : #CF3;
	}
	
body#home #newnav li#thome a {background-position: -200px;}		
body#about #newnav li#tabout a {background-position: -200px;}		
body#products #newnav li#tproducts a {background-position: -200px;}
body#enquire #newnav li#tenquire a {background-position: -200px;}		 				
body#contact #newnav li#tcontact a {background-position: -200px ;}

#thome a{background-image: url(../img/nav/home.gif);background-repeat: no-repeat;}	
#thome a:hover{background-position: -100px ;}		
#thome li a{background-position: -200px ;}	

#tabout a{background-image: url(../img/nav/about.gif);background-repeat: no-repeat;}	
#tabout a:hover{background-position: -100px ;}		
#tabout li a{background-position: -200px ;}	

#tproducts a{background-image: url(../img/nav/products.gif);background-repeat: no-repeat;}	
#tproducts a:hover{background-position: -100px ;}	
#tproducts li a{background-position: -200px ;}	

#tenquire a{background-image: url(../img/nav/enquire.gif);background-repeat: no-repeat;}	
#tenquire a:hover{background-position: -100px;}	
#tenquire li a{background-position: -200px ;}	

#tcontact a{background-image: url(../img/nav/contact.gif);background-repeat: no-repeat;}
#tcontact a:hover{background-position: -100px;}			
#tcontact li a{background-position: -200px;}

#foreign {
	position: absolute;
	top: 8px;
	left: 570px;
	width: 200px;
	height: 50px;
}

#usefulnav	{
	position: absolute;
	margin-left: 15px;
	margin-top: 350px;
	width: 140px;	
	height: 100px;
	}

#usefulnav li a {
	color : #fff;	
	text-decoration : none;
	}	

#usefulnav li a:hover {	
	color: #CCC;
	}
	
#usefulnav li {	
	font-weight: bold;
	font-size: 11pt;
font-face: Traditional Arabic;
	list-style: none;
	line-height: 17px;
	}
	
#usefulnav ul {	
	margin-top: 0;
	margin-left: 0;
	padding: 0;
	}
	
#prodnav	{
	position: absolute;
	margin-left: 15px;
	margin-top: 180px;
	width: 140px;	
	height: 100px;
	}

#prodnav li a {
	color : #fff;	
	text-decoration : none;
	}	

#prodnav li a:hover {	
	color: #CCC;
	}
	
#prodnav li {	
	font-weight : bold; 
	font-size: 11pt;
font-face: Traditional Arabic;
	list-style: none;
	line-height: 17px;
	}
	
#prodnav ul {	
	margin-top: 0;
	margin-left: 0;
	padding: 0;
	}
	
#usefulsmnav	{
	position: absolute;
	margin-left: 15px;
	margin-top: 180px;
	width: 140px;	
	height: 100px;
	}

#usefulsmnav li a {
	color : #fff;	
	text-decoration : none;
	}	

#usefulsmnav li a:hover {	
	color: #CCC;
	}
	
#usefulsmnav li {	
	font-weight : bold; 
	font-size: 11pt;
font-face: Traditional Arabic;
	list-style: none;
	line-height: 17px;
	}
	
#usefulsmnav ul {	
	margin-top: 0;
	margin-left: 0;
	padding: 0;
	}
	
#usefullgnav	{
	position: absolute;
	margin-left: 15px;
	margin-top: 369px;
	width: 140px;	
	height: 100px;
	}

#usefullgnav li a {
	color : #fff;	
	text-decoration : none;
	}	

#usefullgnav li a:hover {	
	color: #CCC;
	}
	
#usefullgnav li {	
	font-weight : bold; 
	font-size: 11pt;
font-face: Traditional Arabic;
	list-style: none;
	line-height: 17px;
	}
	
#usefullgnav ul {	
	margin-top: 0;
	margin-left: 0;
	padding: 0;
	}
	
#contentsm { 
  	position: absolute;
  	margin-top: 142px;
  	margin-left:184px;
  	width: 430px;
	height: 750px;
  }
  
 #contentright { 
  	position: absolute;
  	margin-top: 142px;
  	margin-left:165px;
  	width: 450px;
	height: 750px;
  }
  
#contentlg { 
  	position: absolute;
  	margin-top: 142px;
  	margin-left:184px;
  	width: 430px;
	height: 1400px;
  }
	
#content { 
  	position: absolute;
  	margin-top: 317px;
  	margin-left:185px;
  	width: 450px;
	height: 550px;
  }
  
  
#contenttitle { 
	padding-right: 5px;
	font-weight : bold; 
font-face: Traditional Arabic;
	list-style: none;
	font-size: 19px;
	line-height: 20px;
	color: #903;
  }
  
#titleen { 
padding-top:5px;
	padding-right: 5px;
	font-weight : bold; 
font-family: Times;
	list-style: none;
	font-size: 19px;
	line-height: 20px;
	color: #903;
	text-align: right;
  }
  
  
div.one {
	position: absolute;
	margin-left: 0;
	width: 95px;
	text-align: center;
	font-size: 11px;
	}
	
div.two {
	position: absolute;
	margin-left: 101px;
	width: 95px;
	text-align: center;
	font-size: 11px;
		}
	
div.three {
	position: absolute;
	margin-left: 202px;
	width: 95px;
	text-align: center;
	font-size: 11px;
		}
	
div.four {
	position: absolute;
	margin-left: 303px;
	width: 95px;
	text-align: center;
	font-size: 11px;
		}
		
div.five {
	position: absolute;
	margin-left: 0px;
	width: 95px;
	text-align: center;
	font-size: 11px;
		}
	
#pc {
	position: absolute;
	margin-top: 20px;
	margin-left: 20px;
 	height: 150px;
  	width: 430px;
	}
	
#pc img {
	margin-top: 10px;
	margin-bottom: 3px;
	}
	
#pctwo {
	position: absolute;
	margin-top: 165px;
	margin-left: 20px;
 	height: 150px;
  	width: 430px;
	}
	
#pctwo img {
	margin-top: 5px;
	margin-bottom: 3px;
	}
	
#wc {
	position: absolute;
	margin-top: 297px;
	margin-left: 20px;
 	height: 150px;
  	width: 430px;
	}
	
#wc img {
	margin-top: 10px;
	margin-bottom: 3px;
		}
	
#wb {
	position: absolute;
	margin-top: 462px;
	margin-left: 20px;
 	height: 150px;
  	width: 430px;
	}
	
#wb img {
	margin-top: 10px;
	margin-bottom: 3px;
		}

#ss {
	position: absolute;
	margin-top: 627px;
	margin-left: 20px;
 	height: 150px;
  	width: 430px;
	}
	
#ss img {
	margin-top: 10px;
	margin-bottom: 3px;
		}
	
#ie {
	position: absolute;
	margin-top: 792px;
	margin-left: 20px;
 	height: 150px;
  	width: 430px;
	}

#ie img {
	margin-top: 10px;
	margin-bottom: 3px;
		}
		
#prodtxt {
	margin-top: 21px;
	margin-left: 29px;
 	height: 800px;
  	width: 380px;
	}
	
#prodtxt li {
    list-style-type: square;
	}
	
#prodtxtlg {
	margin-top: 21px;
	margin-left: 29px;
 	height: 1400px;
  	width: 430px;
	}
	
#prodtxtlg img {
	width:70px;
	height:70px; 
	padding-right: 3px;
	padding-bottom: 3px;
	}
	
#prodtxt img {
	width:150px;
	height:150px; 
	padding-right: 5px;
	padding-bottom: 5px;
	}
  
#abouttxt {
	margin-top: 21px;
	margin-left: 29px;
 	height: 400px;
  	width: 380px;
	}
	
#extxt {
	margin-top: 21px;
	margin-left: 29px;
	padding-bottom: 15px;
	padding-right: 25px;
 	height: 380px;
  	width: 392px;
   	overflow: auto;
 	border: 0;
 	background-color: #ccc;
	}
  
#news {
	margin-top: 30px;
	margin-left: 29px;
	padding-bottom: 15px;
	padding-right: 25px;
 	height: 308px;
  	width: 392px;
   	overflow: auto;
 	border: 0;
 	background-color: #ccc;
	}
	
p {
	font-weight : bold; 
	font-size: 11pt;
font-face: Traditional Arabic;
	list-style: none;
	color: #333;
	}

span.products {
	font-weight : bold; 
	font-size: 11pt;
font-face: Traditional Arabic;
color: #903;
}

h2 {
	font-weight : bold; 
	font-size: 11pt;
font-face: Traditional Arabic;
	color: #903;
	line-height: 9px;
}

h3 {
	font-weight : bold; 
	font-size: 11pt;
font-face: Traditional Arabic;
	color: #333;
}

span {
	font-weight : bold; 
	font-size: 11pt;
font-face: Traditional Arabic;
	color: #333;
	}

#smimg a:visited, #smimg a:link, #smimgtwo a:visited, #smimgtwo a:link, #homeimg a:visited, #homeimg a:link, #homeimgtwo a:visited, #homeimgtwo a:link  {
	text-decoration : none;
	color: #666;
	}

#smimg a:hover, #smimg a:active, #smimgtwo a:hover, #smimgtwo a:active, #homeimg a:hover, #homeimg a:active, #homeimgtwo a:hover, #homeimgtwo a:active {
	text-decoration : none;
	color: #333;
	}

#homeimg {
	background:url(../img/homeimg.jpg) no-repeat; 
	position: absolute;
	width: 150px;
	height: 470px;
	margin-top: 303px;
	margin-left: 638px;
	}
	
#homeimgtwo {
	background:url(../img/lg_ranger.jpg) no-repeat; 
	position: absolute;
	width: 150px;
	height: 470px;
	margin-top: 524px;
	margin-left: 14px;
	}
	
#smimg {
	background:url(../img/homeimg.jpg) no-repeat; 
	position: absolute;
	width: 150px;
	height: 470px;
	margin-top: 127px;
	margin-left: 638px;
	}
	
#smimgtwo {
	background:url(../img/lg_ranger.jpg) no-repeat; 
	position: absolute;
	width: 150px;
	height: 470px;
	margin-top: 348px;
	margin-left: 14px;
	}
	
#cap {
	position: absolute;
		font-weight : bold; 
	font-size: 10pt;
font-face: Traditional Arabic;
	line-height: 13px;
	width: 150px;
	height: 325px;
	margin-top: 127px;
	margin-left: 638px;
	text-align: center;
	}
	
#capone {
	font-weight : bold; 
	font-size: 10pt;
font-face: Traditional Arabic;
	line-height: 13px;
	position: absolute;
	width: 150px;
	height: 470px;
	margin-top: 160px;
	margin-left: 0px;
	text-align: center;
	}
	
#captwo {
	font-weight : bold; 
	font-size: 10pt;
font-face: Traditional Arabic;
	line-height: 13px;
	position: absolute;
	width: 150px;
	height: 470px;
	margin-top: 381px;
	margin-left: 0px;
	text-align: center;
	}
	
#capthree {
	font-weight : bold; 
	font-size: 10pt;
font-face: Traditional Arabic;
	line-height: 13px;
	position: absolute;
	width: 150px;
	height: 470px;
	margin-top: 160px;
	margin-left: 0px;
	text-align: center;
	}
	
/* FORM ELEMENTS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

td {
	border:0;	
	font-weight: bold; 
	font-size: 11pt;
font-face: Traditional Arabic;
	}
	
td h1 {
	border:0;	
	font-weight: bold; 
	font-size: 11pt;
font-face: Traditional Arabic;
	color: #FFF;
	}
	
form {
	width:390px;
	height:180px;
	margin:10px 0 10px 15px;	
	padding:0;
	}

.input-box{
	width: 250px;	
	margin-bottom:5px;
	background: #FFF;
	border: #333 solid 1px;	
	font-weight: bold; 
	font-size: 11pt;
font-face: Traditional Arabic;
	}

select{
	float: left;
	width: 250px;	
	margin-bottom:5px;
	background: #FFF;
	border: #333 solid 1px;	
	font-weight: bold; 
	font-size: 11pt;
font-face: Traditional Arabic;
	}
	
textarea{
	width: 250px;	
	margin-bottom:5px;
	background: #FFF;
	border: #333 solid 1px;
	font-weight: bold; 
	font-size: 11pt;
font-face: Traditional Arabic;
	}

.submit-button{	
	margin-right: 140px;
	color: #FFF;
	background: #69C;
	border: 1px #696 outset;
	margin-top: 3px;
	font-weight: bold; 
	font-size: 11pt;
font-face: Traditional Arabic;
	}

label	{
	float: right;
	text-align: left;
	font-size: 11px;
	width: 133px;	
	margin-left: 5px;
	margin-top: 3px;
	font-weight: bold; 
	font-size: 11pt;
font-face: Traditional Arabic;
	}
	
div.foldimg {
	position: absolute;
	margin-top: 395px;
	}
	
div.snugimg {
	position: absolute;
	margin-top: 200px;
	}
	
div.measure {
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	line-height: 18px;
	}
	
div.measurepreone {
	position: absolute;
	margin-top: 0px;
	line-height: 18px;
	margin-left: 60px;
	}
	
div.measureone {
	position: absolute;
	margin-top: 0px;
	line-height: 18px;
	margin-left: 153px;
	}
	
div.measuretwo {
	position: absolute;
	margin-top: 0px;
	line-height: 18px;
	margin-left: 283px;
	}
	
div.measurethree {
	position: absolute;
	margin-top: 0px;
	line-height: 18px;
	margin-left: 165px;
	}
	
div.measurefour {
	position: absolute;
	margin-top: 0px;
	line-height: 18px;
	margin-left: 218px;
	}

div.measurefive {
	position: absolute;
	margin-top: 0px;
	line-height: 18px;
	margin-left: 180px;
	}
	
div.measuresix {
	position: absolute;
	margin-top: 0px;
	line-height: 18px;
	margin-left: 262px;
	}
	
div.measureseven {
	position: absolute;
	margin-top: 0px;
	line-height: 18px;
	margin-left: 335px;
	}
	
div.measureeight {
	position: absolute;
	margin-top: 0px;
	line-height: 18px;
	margin-left: 190px;
	}
	
div.measurenine {
	position: absolute;
	margin-top: 0px;
	line-height: 18px;
	margin-left: 300px;
	}
	
div.measureten {
	position: absolute;
	margin-top: 0px;
	line-height: 18px;
	margin-left: 328px;
	}
	
div.measureeleven {
	position: absolute;
	margin-top: 0px;
	line-height: 18px;
	margin-left: 86px;
	}
	
div.measuretwelve {
	position: absolute;
	margin-top: 0px;
	line-height: 18px;
	margin-left: 250px;
	}
	
div.measurethirteen {
	position: absolute;
	margin-top: 0px;
	line-height: 18px;
	margin-left: 107px;
	}