body {
	font: 0.7em Tahoma, Arial, Sans-serif;
	color:#333;
	line-height: 150%;
	background-color: #fff;
	margin: 20px 0 20px 0;
	}
	
td p { margin: 0; padding:0; line-height: 130%;}
.tdborder { border-left: 1px solid #fff; }  
		

.imgborder {
	border: 1px solid #fff;
	}

.imgborder01{
	border: 1px solid #ccc ;
	}
form { margin: 0; }	
/* Layout */

#wrapper {
	margin: 0 auto;
	width: 980px;
	}
#backcolor { background-color:#BDCEFF; margin:0;}		
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
h1, h2, h3, h4, h5, h6 { margin: 0 }
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#header {	
	background-color: #fff; 
	height: 40px;
	}
	#header .logo	{
		margin:0;
	}
	#header .logo h1{
		color: #FF0000;
		background: #fff url('../images/logo.gif') no-repeat;
		text-indent:-9000px; height:50px; width:960px; margin:0; font-style:normal; font-variant:normal; font-weight:normal; font-size:3em; font-family:Tahoma, Arial, Sans-serif; background-color:#fff
		
	}
	#header .logo h1 a{
	display: block;
	text-decoration: none;
	height: 35px;
	}
#leftcolum {
	 background: #d01514 url('../images/back-leftcolumn.jpg') repeat-x top;
	 float:left; text-align:left; width:208px; margin:0; padding-left:0; padding-right:0; padding-top:0; padding-bottom:55px; background-color:#d01514
	 }
	 #title {	
	 margin: 0;
	 height: 75px;
	 }
	 #title h2 {
	 background: #fff url('../images/title.gif') no-repeat bottom;
	 text-indent:-9000px; width:208px; height:80px; margin:0; 
	 }
	 #tl-brand {
	 background: #99000 url('../images/back-titlenav.gif') repeat-x;
	 height:28px; width:208px; margin:0; 
	 }
	 #tl-brand h3{ 
	 font: bold 1.4em Arial, Sans-serif;
	 color: #fff;
	 margin: 0;
	 padding: 4px 0 0 18px ;
	 }
	 #tl-category {	
	 background: #99000 url('../images/back-titlenav.gif') repeat-x;
	 height:28px; width:208px; margin:0; 	 
	 }
	 #tl-categorydeep {
	 background: #99000 url('../images/back-titlenav.gif') repeat-x;
	 height:28px; width:208px; margin:0; 	 
	 }
	 
	 #tl-category h3, #tl-categorydeep h3{ 
	 font: bold 1.4em Arial, Sans-serif;
	 color: #fff;
	 margin: 0;
	 padding: 4px 0 0 18px ;
	 }
	 
	 
	 
	 
	.noborder{ border: none; }
	.clear { margin: 0; height:2px ;}
	 
	 #mn-brand  {	
	 margin: 0;
	 padding: 0;
	 }
	 #mn-category  {
	 margin: 0;
	 padding: 10px 0 0 0;
	 }
	 #mn-brand ul, #mn-category ul{
	 margin: 0;
	 padding: 10px;
	 }
	 #mn-brand li, #mn-category  li{
	 list-style-type: none;	 
	 border-bottom: 1px solid #5d0202;
	 padding: 4px 0 4px 0;
	 margin: 0;
	 }
	 #mn-brand a, #mn-category a {
	  display: block;
	  font: 1em Arial, Verdana, Sans-serif;
	  text-decoration: none;
	  color: #fff;
	  padding: 0 0 0 10px;
	  
	  }
	 #mn-brand a:hover, #mn-category a:hover {
	  text-decoration: none;
	  font-weight: bold;
	  color: #fff;
	  }
	  #mn-brand .noborder, #mn-category .noborder{ border: none; }
	
	 #ym-content {
	 background: url('../images/back-ym.gif') no-repeat top;
	 text-align: center;
	 height: 280px; margin-left:0; margin-right:0; margin-top:10px; margin-bottom:0
	 }
	 #ym-content-atas {
	 background: url('../images/back-ym-atas.gif') no-repeat top;
	 text-align: center;
	 height: 280px; margin-left:0; margin-right:0; margin-top:10px; margin-bottom:0
	 }
	 #ym-content h3 {
	 font: bold 1.4em Arial, Verdana, Sans-serif;
	 color: #fff;
	 margin: 0;	
	 padding: 6px 0 16px 0;
	 }
	  #ym-content img { 
	  margin: 0;
	  border: 0px none;; padding-left:0; padding-right:0; padding-top:3px; padding-bottom:0
	  }
	  
	  /*================================================================*/
	  
	  #photogallery{
	 text-align: center;
	 margin: 0 0 30px 0;
	 height: 157px;
	 }
	 #photogallery h3 {
	 font: bold 1.1em Arial, Verdana, Sans-serif;
	 color: #fff;
	 margin: 0;	


	 }
	  #photogallery img { 
	  margin: 0;
	  border: 0px none;; padding-left:0; padding-right:0; padding-top:3px; padding-bottom:0
	  }
	  
	  	  /*================================================================*/
	  
	 #info{
	 background: #FF6F78 url('../images/back-info.jpg') repeat-x top;
	 text-align:left; padding-bottom:20px; width:180px; margin-left:14px; margin-right:10px; margin-top:0; margin-bottom:0; background-color:#FF6F78
	
	 }
	 #info h3 {
	 font: bold 1.4em Arial, Verdana, Sans-serif;
	 color: #fff;
	 margin: 0;	
	 padding: 6px 0 0 8px;

	 }
	 #info p{ 
	  font: 1.2em Arial, Verdana, Sans-serif;
	  color: #fff;
	  padding: 3px 0 0 8px;
	  margin: 0;
	  }
	  #info .info-cont {
	margin: 0;
	
	  }
	  #info .info-cont p {
	  font: 1.2em Arial, Verdana, Sans-serif;
	  color: #fff;
	  padding: 0;
	  margin: 15px 0 0 8px;
	  }
	   #info .info-cont ul {
	   margin: 0;
	   padding: 0;
	   }
	  #info .info-cont ul li {
	  font: 1em Arial, Verdana, Sans-serif;
	  background-color: #FF6F78;
	  list-style-type: disc;
	  color: #fff;
	  margin: 10px 10px 0 22px;
	  padding: 0 0 0 -12px;
	  }
	  #info .info-cont a {
	  font: 1em Arial, Verdana, Sans-serif;
	   background-color: #FF6F78;
	  list-style-type: disc;
	  color: #fff;
	  }
	   #info .info-cont a:hover {
	  font: 1em Arial, Verdana, Sans-serif;
	  background-color:  #FF6F78;
	  list-style-type: disc;
	  color: #E8E8E8;
	  }
	 
	 
#center {
	float: left ;
	margin: 0;
	width: 569px ;
	text-align: left;
	}
	
	#date {
	background-color: #fff;
	margin: 0;
	padding-top: 20px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 0;
	}

	#date p{ background-color: #fff;  margin: 0;text-align: right; }

/*********************************  MENU   *************************************/
	#menu {
	margin: 0;
	height: 30px;
	}
		#home {
		float: left;
		margin: 0;
		background-color: #6699FF;		
		height: 30px;
		width:	100px;
		
			
		}
		
		#home a {
		display: block;		
		background:url('../images/mn-home.gif') no-repeat;
		text-indent: -9000px;
	    color: #E8E8E8;
		height: 30px;
		width:	100px;
		margin: 0; font-style:normal; font-variant:normal; font-weight:normal; font-size:1em; font-family:Arial, Verdana, Sans-serif
		}
		#home a:hover {
		display: block;		
		background:url('../images/mn-home-on.gif') no-repeat;
		text-indent: -9000px;
	    color: #E8E8E8;
		height: 30px;
		width:	100px;
		margin: 0; font-style:normal; font-variant:normal; font-weight:normal; font-size:1em; font-family:Arial, Verdana, Sans-serif
		}
			
		#aboutus {
		float: left;
		margin: 0;
		background-color: #6699FF;	
		height: 30px;
		width:	105px;		
		}
		
		#aboutus a {
		display: block;		
		background: url('../images/mn-aboutus.gif') no-repeat;
		text-indent: -9000px;
		margin: 0;
	    color: #E8E8E8;
		height: 30px;
		width:	105px; font-style:normal; font-variant:normal; font-weight:normal; font-size:1em; font-family:Arial, Verdana, Sans-serif
		}
		
		#aboutus a:hover {
		display: block;		
		background: url('../images/mn-aboutus-on.gif') no-repeat;
		text-indent: -9000px;
		margin: 0;
	    color: #E8E8E8;
		height: 30px;
		width:	105px; font-style:normal; font-variant:normal; font-weight:normal; font-size:1em; font-family:Arial, Verdana, Sans-serif
		}
	
		
		#services {
		float: left;
		margin: 0;
		background-color: #6699FF;	
		height: 30px;
		width:	125x;		
		}
		
		#services a {
		display: block;		
		background: url('../images/mn-services.gif') no-repeat;
		text-indent: -9000px;
		margin: 0;
	    color: #E8E8E8;
		height: 30px;
		width:	125px; font-style:normal; font-variant:normal; font-weight:normal; font-size:1em; font-family:Arial, Verdana, Sans-serif
		}
		
		#services a:hover {
		display: block;		
		background: url('../images/mn-services-on.gif') no-repeat;
		text-indent: -9000px;
		margin: 0;
	    color: #E8E8E8;
		height: 30px;
		width:	125px; font-style:normal; font-variant:normal; font-weight:normal; font-size:1em; font-family:Arial, Verdana, Sans-serif
		}
		
		#contactus {
		float: left;
		margin: 0;
		background-color: #6699FF;	
		height: 30px;
		width:	117px;		
		}
		
		#contactus a {
		display: block;		
		background: url('../images/mn-contactus.gif') no-repeat;
		text-indent: -9000px;
		margin: 0;
	    color: #E8E8E8;
		height: 30px;
		width:	117px; font-style:normal; font-variant:normal; font-weight:normal; font-size:1em; font-family:Arial, Verdana, Sans-serif
		}
		#contactus a:hover {
		display: block;		
		background: url('../images/mn-contactus-on.gif') no-repeat;
		text-indent: -9000px;
		margin: 0;
	    color: #E8E8E8;
		height: 30px;
		width:	117px; font-style:normal; font-variant:normal; font-weight:normal; font-size:1em; font-family:Arial, Verdana, Sans-serif
		}
		
		#transaction {
		float: left;
		margin: 0;
		background-color: #6699FF;	
		height: 30px;
		width:	122px;		
		}
		
		#transaction a {
		display: block;		
		background: url('../images/mn-transaction.gif') no-repeat;
		text-indent: -9000px;
		margin: 0;
	    color: #E8E8E8;
		height: 30px;
		width:	122px; font-style:normal; font-variant:normal; font-weight:normal; font-size:1em; font-family:Arial, Verdana, Sans-serif
		}
		#transaction a:hover {
		display: block;		
		background: url('../images/mn-transaction-on.gif') no-repeat;
		text-indent: -9000px;
		margin: 0;
	    color: #E8E8E8;
		height: 30px;
		width:	122px; font-style:normal; font-variant:normal; font-weight:normal; font-size:1em; font-family:Arial, Verdana, Sans-serif
		}
		

/**********************************************************************/
	
	
#splash {
	width: 569px;
	height: 181px;
	margin: 0;
 }	
#cont-padd{
	margin: 0 ;
	background-color: #BDCEFF;
	padding: 5px 8px 10px 8px;
	} 
	#cont-padd p{ margin: 10px 0 0 0;} 
	#cont-padd ul, #cont-padd ol{
	margin: 0; 
	padding: 10px  12px 10px 30px; 
	}
	#cont-padd li{	
	margin: 0;
	padding: 0 ; 
	} 	
#cont-os {
	margin: 0 ;
	background-color: #D1DBFD;
	padding: 5px 8px 10px 8px;
	} 
#link-os {
	margin: 0;
	padding: 0 0 20px 0;
	
	}
#link-os ul{
	margin: 8px 0 0 0;
	padding: 0;
	}
#link-os li{
	list-style-type: none;
	display: inline;
	padding: 0;	
	}
	
#link-os li a {
	font: bold 1em Tahoma, Arial, Sans-serif;
	color: #326098;	
	background-color: #fff;
	padding: 5px 12px 5px 12px;
	text-decoration: none;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}	
#link-os li a:hover {
	font: bold 1em Tahoma, Arial, Sans-serif;
	color: #CC0000;
	background-color: #efefef;
	text-decoration: none;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}
													
#link-os li a .focus{
	font: bold 1em Tahoma, Arial, Sans-serif;
	color: #CC0000;
	background-color: #efefef;
	text-decoration: none;
	}
		
	
#titleproduct { 
	background: #6698FB url('../images/grad-title.jpg') repeat-x;
	margin:0; height:30px; background-color:#6698FB
	}
	#titleproduct h3 {
	font: 1.8em  Tahoma, Arial, Sans-serif;
	background-color: #6698FB;
	color: #fff;	
	padding: 0 0 0 12px;
	}
	#titleproduct .span {
	font: bold 0.6em Tahoma, Arial, Sans-serif;
	color: #fff;
	background-color: #6698FB;
	margin: 0;
	}
#title-browse { 
	background: #6698FB url('../images/grad-redtitle.jpg') repeat-x;
	margin:0; height:30px; background-color:#6698FB
	}
	#title-browse h3 {
	font: 1.8em  Tahoma, Arial, Sans-serif;
	background-color:#94000C;
	color: #fff;	
	padding: 0 0 0 12px;
	}
	#title-browse .span {
	font: bold 0.6em Tahoma, Arial, Sans-serif;
	color: #fff;
	background-color: #94000C;
	margin: 0;
	}		
#box-viewall{ 
	background: #BDCEFF url('../images/bg-viewall.gif') no-repeat right;
	border-bottom:2px solid #6698FB; margin:0; height:22px; background-color:#BDCEFF
	}
	#box-viewall p {
	padding: 4px 0 0 460px;
	margin: 0;
	}
	#box-viewall a {
	font: bold 1em Tahoma, Arial, Sans-serif;
	color: #fff;
	background-color: #4F77E8;
	text-decoration: none;
	}
	#box-viewall a:hover {
	font: bold 1em Tahoma, Arial, Sans-serif;
	color: #fff;
	background-color: #4F77E8;
	text-decoration: underline;
	}
	
#testimonial {  height: 80px; padding:5px; }
#testi-link { margin: 10px 0 30px 0; height: 18px; background-color:#CC0000; }
	#testi-link a {
	font: bold 1em Tahoma, Arial, Sans-serif;
	color: #fff;
	background-color: #FF0000;
	text-decoration: none;
	margin: 0 0 0 50px;
	padding: 2px 2px 2px 2px;
	}
	#testi-link a:hover {
	font: bold 1em Tahoma, Arial, Sans-serif;
	color: #FF0000;
	background-color: #fff;
	text-decoration: none;
	padding: 2px 2px 2px 2px;
	margin: 0 0 0 50px;
	}
#nextpage {
  	margintop: 0;
	padding: 10px 0 5px 200px;
	}
	#nextpage p {
	font: bold 1em Tahoma, Arial, Sans-serif;
	color: #333;
	background-color: #BDCEFF;
	text-decoration: none;
	margin: 0;
	}
#cont-global {
	text-align: left;
	background-color: #bdceff;
	margin: 0;
	padding: 0 10px  0 10px;
	width: 549px ;
	}
	#cont-global p{ margin: 10px 0 0 0;} 
	#cont-global ul, #cont-global ol{
	margin: 0; 
	padding: 10px  12px 10px 30px; 
	}
	#cont-global li{	
	margin: 0;
	padding: 0 ; 
	}
		
#cont-deepglobal {
	background-color: #bdceff;
	margin: 0;
	width: 569px ;
	}
		
#cont-products {
	background-color: #bdceff;
	margin: 0;
	width: 569px ;
	}
#specification {
	margin: 0;
	text-align: center;
	padding: 10px 10px 0 10px;
	}
	#specification img { border: none; margin: 0;}
	
#rightcolumn {
	 float: left;
	 text-align: left;
	 width: 203px;
	 background-color: #d8e2ff;
	 margin: 0;
	 }
	 #user {
	 background-color: #fff;
	 text-align: right;
	 height: 49px;
	 
	 }
	 #user p{ margin: 0; padding-right: 5px;}
	 #bordertop {
	 background: #6699FF url('../images/back-smalltitle.gif'); height:16px; repeat-x; background-color:#6699FF }
	 #cont-topright01 { margin: 0; padding: 5px; text-align: center; }
	 #cont-topright01 p { margin: 0; }
	 #cont-topright02 { margin: 0; padding: 5px 5px 0 5px; text-align: center; border-top: 1px solid #bdceff;}
	 #cont-topright02 p { margin: 0; padding: 0; }	
	 #tl-banner, #tl-order, #tl-transaction { background: #6699FF url('../images/back-titlenav01.gif') repeat-x;  height:30px; margin-left:0; margin-right:0; margin-top:20px; margin-bottom:0; background-color:#6699FF }
	 #tl-banner h3{ 
	 font: bold 1.4em Arial, Sans-serif;
	 color: #fff;
	 margin: 0;
	 padding: 5px 0 0 100px ;
	 }
	 #tl-order h3{ 
	 font: bold 1.4em Arial, Sans-serif;
	 color: #fff;
	 margin: 0;
	 padding: 5px 0 0 50px ;
	 }
	 #tl-transaction  h3{ 
	 font: bold 1.4em Arial, Sans-serif;
	 color: #fff;
	 margin: 0;
	 padding: 5px 0 0 42px ;
	 }
	 
	 #cont-banner { text-align: center; margin: 0; padding: 3px; }
	 #cont-banner img { margin: 2px;}
	 
	 #cont-help{ text-align: center; margin: 0; padding: 3px; }
	 #cont-help img { margin: 2px;}
	 
	 #cont-transaction  { text-align: left; margin: 0; padding: 3px; }
	 #cont-transaction ol {
	  margin: 6px 14px 0 14px;
	  padding: 0;
	    
	  }
	  #cont-transaction li {
	   font: bold 1.3em  Arial, Sans-serif;
	   color: #CC0000;
	    margin: 0 0 8px 12px;	  
	  }
	  
	   #cont-transaction p {
	   font: 0.7em  Tahoma, Arial, Sans-serif;
	 	color: #333;
	   margin: 0;
	   }
	 
#footer {
	background: #ebebec url('../images/guarantee.gif') no-repeat left bottom;
	text-align: center;
 	clear:both; height:250px; margin:0; 
	}
#footer P {
	text-align: center;
	margin: 0 0 0 220px;
	padding: 8px 0 0 0;
	}
	.backtotop { font: 0.9em Tahoma, Arial, Sans-serif; background-color: #ebebec; margin-left: 140px; color:#333; text-decoration: none; }
	.backtotop:hover { font: 0.9em Tahoma,, Sans-serif; background-color: #ebebec; margin-left: 140px; color: #CC3300; text-decoration: none; }	
	
#copyright {
	margin: 2px auto;
	background: url('../images/bg-copyright.gif') no-repeat bottom;
	height: 21px;
	text-align: center;
	width: 500px
	}	
#dhtmltooltip{
	position: absolute;
	width: 175px;
	border: 1px solid black;
	padding: 3px;
	background-color: #BDCEFF;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	}
#albumlist {
	list-style-type: none;
	width: auto;
	margin-right: auto;
	margin-left: auto;
}

#albumlist li {
	float: left;
	margin-right: 9px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #333333;
}
#albumlist img {
	border: 1px solid #333300;
}
.testi { 
border: #3366CC 1px dashed;
}