/*
  CSS for jmst.com.hk
*/

*					{ margin: 0; padding: 0; line-height: 135%; }

html, body 			{ font: 11px simsun, Tahoma, Arial, Serif;
					  color: #000;
					  height: 100%;
	 				  background: #0c4b6d url('images/topbg.gif') repeat-x top left; }

img, div	 		{ behavior: url(iepngfix.htc) } 

a					{ cursor: pointer; }

img					{ border: 0px; }

.left				{ width: 290px; 
					  float: left; }
.right				{ width: 290px;
					  float: right; }
.center				{ margin-top: 5px; 
					  margin-bottom: 5px;
					  text-align: center; }

.clear				{ clear: both;
					  height: 0;
					  visibility: hidden;
					  display: block; }

.red				{ color: #e92323; 
					  font-weight: bold; }

#wrapper 			{ margin: 0px;
					  margin-bottom: 300px;
					  width: 100%;
					  min-height: 840px;
					  clear: both;
					  position: absolute; }

#footer				{ width: 900px;
				      height: 200px;
					  min-height: 200px; }	
				   
#logo				{ width: 295px;
					  height: 70px;
					  position: absolute;
					  top: 25px;
					  left: 25px; 
					  background: url('images/logo.png') no-repeat top left; 
					  z-index: 99;}

#mainbg				{ position: absolute;
					  top: 0px;
					  left: 0px;
					  width: 900px;
					  height: 720px;
					  background: url('images/mainbg.png') no-repeat top left; }
					  
#sidemenubg			{ position: absolute;
					  top: 120px;
					  left: 105px;
					  width: 500px;
					  height: 500px;
					  background: url('images/sidemenubg.png') no-repeat top left; }

#sidemenuhead		{ position: absolute;
					  top: 130px;
					  left: 115px;
					  width: 134px;
					  height: 22px;
					  padding: 3px;
					  padding-left: 20px;
					  font: 10pt simsun, Tahoma, Arial, Serif;
					  font-weight: bold;
					  color: #000;
					  background: url('images/sidemenuhead.png') no-repeat top left; }
					  
#sidemenu			{ width: 135px;
					  position: absolute;
					  left: 110px;
					  top: 170px;	
					  text-align: left; 
					  font: 10pt simsun, Tahoma, Arial, Serif;
					  color: #fff; 
					  text-decoration: none;
					  line-height: 25px; }
					  
#sidemenu ul		{ list-style: none;
					  list-style-image: url('images/menuitem.gif'); 
					  margin: 0px; 
					  padding: 0px; }		  

#sidemenu li		{ margin-left: 1px;
					  margin-bottom: 1px;
					  margin-left: 15px;
					  vertical-align: middle; }

#sidemenu a			{ font: 10pt simsun, Tahoma, Arial, Serif;
					  color: #fff; 
					  text-decoration: none;
					  line-height: 25px; }

#sidemenu a:hover	{ color: #18bde0;
					  background-color: #fff; }		

#sidemenu h3		{ margin-top: 8px;
					  font: 10pt simsun, Tahoma, Arial, Serif;
					  color: #fff; 
					  font-weight: bold;
					  text-decoration: none; }
					  
#nav_left			{ position: absolute;
					  top: 130px;
					  left: 145px;
					  width: 220px;
					  height: 22px;
					  padding: 3px;
					  padding-left: 130px;
					  font: 10pt simsun, Tahoma, Arial, Serif;
					  color: #2d6381;
					  background: url('images/nav_left.png') no-repeat top left; }

#contenttop			{ width: 753px;
					  height: 156px;   /* height: 645px; */
					  position: absolute;
					  left: 250px;
					  top: 120px;	
					  background: url('images/contentbg_top.gif') no-repeat top left; 
					  text-align: left; }

#contentbg			{ width: 753px;
					  min-height: 490px;   /* height: 645px; */
					  position: absolute;
					  left: 250px;
					  top: 275px;	
					  background: url('images/contentbg_bottom.gif') no-repeat bottom left; 
					  text-align: left; }

#contentbg2			{ width: 753px;
					  min-height: 490px;   /* height: 645px; */
					  height: 490px;
					  position: absolute;
					  left: 250px;
					  top: 205px;	
					  background: url('images/contentbg_bottom.gif') no-repeat bottom left; 
					  text-align: left; }
					  
#content			{ margin: 30px 15px 10px 20px;
					  padding-bottom: 30px;
					  width: 650px;
					  font: 11pt simsun, Tahoma, Arial, Serif;
					  color: #000; 
					  text-align: justify; }					  

#content h3			{ font: 13pt simsun, Tahoma, Arial, Serif;
					  font-weight: bold;
					  color: #cf6e0f;  
					  margin-bottom: 10px; 
					  clear: both;}

#content h4			{ font: 11pt simsun, Tahoma, Arial, Serif;
					  font-weight: bold;
					  text-decoration: underline;
					  color: #000;  
					  margin-top: 10px;
					  margin-bottom: 5px; }
					  
#content p			{ margin-bottom: 15px; }
					  
#content ul.def			{ list-style: none;
					  list-style-image: url('images/li.gif');
					  margin: 0px; 
					  padding: 0px; }		  

#content li			{ margin-left: 17px;
					  margin-bottom: 1px;
					  vertical-align: middle; }

#content div.s01	{ margin: 5px;
					  margin-bottom: 30px;
					  padding-left: 80px;
					  padding-bottom: 20px;
					  border-bottom: #b7b7b7 1px dotted; 
					  background: url('images/s01.png') no-repeat top left; }

#content div.s01 h3	{ font: 13pt simsun, Tahoma, Arial, Serif;
					  font-weight: bold;
					  color: #cf6e0f;  
					  margin-bottom: 5px; }
					  
#content div.s02	{ margin: 5px;
					  margin-bottom: 30px;
					  padding-left: 80px;
					  padding-bottom: 20px;
					  border-bottom: #b7b7b7 1px dotted; 
					  background: url('images/s02.png') no-repeat top left; }

#content div.s02 h3	{ font: 13pt simsun, Tahoma, Arial, Serif;
					  font-weight: bold;
					  color: #a8c33a;  
					  margin-bottom: 5px; }

#content div.s03	{ margin: 5px;
					  margin-bottom: 30px;
					  padding-left: 80px;
					  padding-bottom: 20px;
					  border-bottom: #b7b7b7 1px dotted; 
					  background: url('images/s03.png') no-repeat top left; }

#content div.s03 h3	{ font: 13pt simsun, Tahoma, Arial, Serif;
					  font-weight: bold;
					  color: #53c8ea;  
					  margin-bottom: 5px; }

#content div.s04	{ margin: 5px;
					  margin-bottom: 30px;
					  padding-left: 80px;
					  padding-bottom: 20px;
					  border-bottom: #b7b7b7 1px dotted; 
					  background: url('images/s04.png') no-repeat top left; }

#content div.s04 h3	{ font: 13pt simsun, Tahoma, Arial, Serif;
					  font-weight: bold;
					  color: #9242a9;  
					  margin-bottom: 5px; }
					  					  
#content div.s05	{ margin: 5px;
					  margin-bottom: 30px;
					  padding-left: 80px;
					  padding-bottom: 20px;
					  border-bottom: #b7b7b7 1px dotted; 
					  background: url('images/s05.png') no-repeat top left; }

#content div.s05 h3	{ font: 13pt simsun, Tahoma, Arial, Serif;
					  font-weight: bold;
					  color: #aaa639;  
					  margin-bottom: 5px; }

#langbar			{ width: 52px;
					  height: 100px;
					  position: absolute;
					  left: 905px;
					  top: 28px;	
					  color: #fff;
					  font-size: 9pt;
					  text-align: left; }
					  
#langbar ul			{ list-style-type: none;
					  margin: 0px; 
					  padding: 0px; }		  

#langbar li			{ margin-bottom: 3px;
					  list-style-type: none; }					  

#langbar a				{ display: block; 
						  width: 52px; 
						  height: 14px; 
						  cursor: pointer; }
						  
#langbar a.en			{ background: url('images/lang_en.gif') no-repeat; }
#langbar a.en:hover		{ background-position: 0 -14px; }
#langbar a.en_s	 		{ background: url('images/lang_en.gif') no-repeat;
					  	  background-position: 0 -14px;
						  cursor: default; }

#langbar a.ch			{ background: url('images/lang_ch.gif') no-repeat; }
#langbar a.ch:hover		{ background-position: 0 -14px; }
#langbar a.ch_s	 		{ background: url('images/lang_ch.gif') no-repeat;
					  	  background-position: 0 -14px;
						  cursor: default; }
					  	  
#langbar a.jp			{ background: url('images/lang_jp.gif') no-repeat; }
#langbar a.jp:hover		{ background-position: 0 -14px; }
#langbar a.jp_s	 		{ background: url('images/lang_jp.gif') no-repeat;
					  	  background-position: 0 -14px;
						  cursor: default; }		

#topmenu			{ width: 550px;
					  height: 55px;
					  position: absolute;
					  left: 380px;
					  top: 25px;	
					  text-align: left; }
					  
#topmenu ul			{ list-style: none;
					  margin: 0px; 
					  padding: 0px;}		  

#topmenu li			{ float: left;
					  margin-left: 1px;}
					  

#history			{ float: left; 
					  width: 620px;
					  margin: 15px;
					  margin-top: 0px; }


#chairman div.clear		{ padding: 10px;
						  border-top: #b7b7b7 1px dotted; }	

#pcat, #partner, #contact		{ float: left;
						  		  width: 100%;
								  padding: 5px;
								  padding-bottom: 10px;
								  margin-bottom: 10px;
								  border-bottom: #b7b7b7 1px dotted; }
						  
#contact h4				{ margin-top: 5px;
						  color: #cf6e0f; }
						  		  				  
#contactform		{ padding-top: 5px; }

#contactform input, textarea	{ border: #999 1px solid; 
								  margin-right: 3px;}
#contactform button	{ border: #999 1px solid; 
					  padding: 3px; }

#contactform td.field 	{ float: none; color: red; padding-left: .5em; vertical-align: top; }


/** Product CSS **/

#category				{ float: left;
						  margin-left: 5px auto;
						  width: 600px; }

#category a				{ float: left; 
						  display: block;
						  margin-top: 20px;
						  margin-left: 50px;
						  width: 200px; 
					  	  height: 105px;
					  	  padding: 5px;
					  	  border: #999999 1px solid; 
					  	  color: #53c8ea;
						  font-weight: bold;
						  text-decoration: none;
						  background: url('images/red_arrow.jpg') no-repeat 188px 92px; }
					  	  
#category a:hover		{ border: #f44d51 1px solid; 
						  color: #f44d51;
						  cursor: pointer; }					  	  

#category p				{ margin-top: 6px; }

#preview				{	position:absolute;
							border:1px solid #ccc;
							background:#fff;
							padding:5px;
							display:none;
							color:#fff; }
							
.list3					{ width: 620px; }
.list3 div				{ float: left;
						  width: 185px;
						  height: 200px;
						  text-align: center;
						  margin: 7px; }
.list3 img				{ width: 180px; }						  							


/**  Dedicated Content Headers **/


#slogan01			{ margin: 10px;
					  width: 600px;
					  min-height: 90px;
					  padding-top: 100px; 
					  background: url('images/slogan01.jpg') no-repeat; }

#slogan02			{ margin: 10px;
					  width: 600px;
					  min-height: 90px;
					  padding-top: 100px;
					  background: url('images/slogan02.jpg') no-repeat; }
					  
#contenthead01		{ width: 753px;
					  height: 108px;
					  position: absolute;
					  left: 250px;
					  top: 152px;	
					  background: url('images/about_01.png') no-repeat; }

#contenthead02		{ width: 753px;
					  height: 108px;
					  position: absolute;
					  left: 250px;
					  top: 152px;	
					  background: url('images/about_02.png') no-repeat; }

#contenthead03		{ width: 753px;
					  height: 108px;
					  position: absolute;
					  left: 250px;
					  top: 152px;	
					  background: url('images/about_03.png') no-repeat; }

#contenthead04		{ width: 753px;
					  height: 108px;
					  position: absolute;
					  left: 250px;
					  top: 152px;	
					  background: url('images/about_04.png') no-repeat; }

#contenthead05		{ width: 753px;
					  height: 108px;
					  position: absolute;
					  left: 250px;
					  top: 152px;	
					  background: url('images/chair_01.png') no-repeat; }

#contenthead06		{ width: 753px;
					  height: 108px;
					  position: absolute;
					  left: 250px;
					  top: 152px;	
					  background: url('images/partner_01.png') no-repeat; }
					  
#contenthead07		{ width: 753px;
					  height: 108px;
					  position: absolute;
					  left: 250px;
					  top: 152px;	
					  background: url('images/contact_01.png') no-repeat; }						  		

#contenthead08		{ width: 753px;
					  height: 108px;
					  position: absolute;
					  left: 250px;
					  top: 152px;	
					  background: url('images/product_00.png') no-repeat; }					  	
					  

#contenthead_p011	{ width: 753px;
					  height: 108px;
					  position: absolute;
					  left: 250px;
					  top: 152px;	
					  background: url('images/product_01_01.png') no-repeat; }							  
					  
#contenthead_p012	{ width: 753px;
					  height: 108px;
					  position: absolute;
					  left: 250px;
					  top: 152px;	
					  background: url('images/product_01_02.png') no-repeat; }	
					  
#contenthead_p013	{ width: 753px;
					  height: 108px;
					  position: absolute;
					  left: 250px;
					  top: 152px;	
					  background: url('images/product_01_03.png') no-repeat; }						  
					  
					  
#contenthead_p021	{ width: 753px;
					  height: 108px;
					  position: absolute;
					  left: 250px;
					  top: 152px;	
					  background: url('images/product_02_01.png') no-repeat; }	
					  
					  
#contenthead_p031	{ width: 753px;
					  height: 108px;
					  position: absolute;
					  left: 250px;
					  top: 152px;	
					  background: url('images/product_03_01.png') no-repeat; }	
					  
#contenthead_p032	{ width: 753px;
					  height: 108px;
					  position: absolute;
					  left: 250px;
					  top: 152px;	
					  background: url('images/product_03_02.png') no-repeat; }						  	
					  
#contenthead_p033	{ width: 753px;
					  height: 108px;
					  position: absolute;
					  left: 250px;
					  top: 152px;	
					  background: url('images/product_03_03.png') no-repeat; }	
					  
#contenthead_p041	{ width: 753px;
					  height: 108px;
					  position: absolute;
					  left: 250px;
					  top: 152px;	
					  background: url('images/product_04_01.png') no-repeat; }	
					  
#contenthead_p042	{ width: 753px;
					  height: 108px;
					  position: absolute;
					  left: 250px;
					  top: 152px;	
					  background: url('images/product_04_02.png') no-repeat; }					  				  					  
					  
#contenthead_p051	{ width: 753px;
					  height: 108px;
					  position: absolute;
					  left: 250px;
					  top: 152px;	
					  background: url('images/product_05_01.png') no-repeat; }					  				  					  
					  
#contenthead_p052	{ width: 753px;
					  height: 108px;
					  position: absolute;
					  left: 250px;
					  top: 152px;	
					  background: url('images/product_05_02.png') no-repeat; }					  				  					  
					  
#contenthead_p0221	{ width: 753px;
					  height: 112px;
					  position: absolute;
					  left: 250px;
					  top: 152px;	
					  background: url('images/product_22_01.png') no-repeat; }