/* CSS Document */
body,td,form,input,option,select,textare {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#222222;}
p {margin-top:8px; margin-bottom:8px; line-height:16px}
a {color:#222222; text-decoration:none;}
a:hover {color:#FF0000;}

body {margin:0px; background:url(images/bg.gif) repeat-x;}

h1 {color:#CCCCCC; font-size:11px; font-weight:lighter; margin:20px 0 0 70px; padding:0;}

h2 {color:#666666; font-size:11px; font-weight:lighter; margin:0px 0px 2px 0px;}
h2 a{color:#666666; text-decoration:none;}
h2 a:hover{color:#017BF8; text-decoration:underline;}

h3 {font-size:13px; line-height:14px; background:url(images/point.gif) no-repeat; margin:0; padding:0 0 0 16px;}

h4 {color:#CC9900; font-size:13px; margin:4px 0px 10px 0px;}

h5 {color:#990000; font-size:12px; margin:5px 0px 5px 0px;}

.title {float:left; margin:0px; padding:0px;}
.title a{color:#002C6B; text-decoration:none;}

#logo {background:url(images/fong-ho.gif) no-repeat;}
	
#logo ul {margin:0; padding:0;}	
#logo ul li {float:left; line-height:78px; list-style:none; font-size:12px;}
#logo ul li a {color:#FFFFFF; text-decoration:none; margin:0px 5px 0px 35px; padding:0;}
#logo ul li a:hover {color:#FFCC00;}

#banner {height:221px; background:url(images/banner.gif) no-repeat center; vertical-align:top;}

#menu {width:270px; vertical-align:top; padding:5px 0px 10px 0px;}
#menu-top {background-image:url(images/menu-top.jpg); background-repeat:no-repeat; height:20px;}	
#menu-end {background-image:url(images/menu-end.jpg); background-repeat:no-repeat; height:20px;}

#menu ul {margin:0; padding:0; background-color:#EEEEEE; list-style-type:none;}
#menu ul li {color:#002C6B; margin:0; padding:5px 10px;}
#menu ul li a {color:#002C6B; text-decoration:none;}
#menu ul li a:hover {color:#FF0000; text-decoration:none;}
#menu ol {background-color:#EEEEEE; list-style-type:none; font-size:11px; margin:0; padding:0;}
#menu ol li {color:#000000; margin:3px 0; padding:0;}
#menu ol li a {color:#000000; text-decoration:none;}
#menu ol li a:hover {color:#FF0000; text-decoration:underline;}
	
#main {width:710px; background:url(images/main-bg.gif) repeat-x #FFFFFF; margin:0; padding:10px; vertical-align:top;}

#main-i {width:960px; background:url(images/main-bg.gif) repeat-x #FFFFFF; margin:0; padding:10px 20px; vertical-align:top;}

#product {width:700px; margin:0; padding:0; font-size:11px;}
#product img {margin:4px; padding:0;}
#product ul {margin:0; padding:0;}
#product ul img {vertical-align:middle;}
#product ul li {width:350px; float:left; height:235px; margin:0; padding:0; list-style:none;}
#product ul li a {color:#FF0000; text-decoration:none;}
#product ul li a:hover {color:#000000; text-decoration:none;}

#products {width:690px; margin:0; padding:10px; font-size:11px;}
#products img {margin:4px; padding:0;}
#products ul {margin:0; padding:0;}
#products ul img {vertical-align:middle; float:left;}
#products ul li {width:330px; float:left; font-weight:bold; margin:0 15px 15px 0; padding:0; list-style:none;}
#products ul li a {color:#002C6B; text-decoration:none; margin:0px 0px 0px 15px;}
#products ul li a:hover {color:#FF0000; text-decoration:none;}

#product-i {margin:0; padding:0;}
#product-i img {margin:4px; padding:0;}
#product-i ul {margin:0 0 0 20px; padding:0;}
#product-i ul li {float:left; width:450px; display:block; font-weight:bold; margin:0 0 15px 0; padding:0; list-style:none}
#product-i ul li a {color:#FF0000; text-decoration:none; margin:0;}
#product-i ul li a:hover {color:#000000; text-decoration:none;}
#product-i ol {margin:0; padding:0;}
#product-i ol li {font-weight:lighter; line-height:13px; background:url(images/circle.gif) no-repeat left; margin:0; padding:0 0 0 12px;}
#product-i ol li a {color:#000066; text-decoration:none;}
#product-i ol li a:hover {color:#FF0000; text-decoration:none;}

.td0 {border:#EEEEEE solid 1px;}

.td1 {text-align:center; font-weight:bold; background:url(images/td-bg.jpg) repeat-x; height:24px;}
	
.td2 {text-align:center; border:#EEEEEE solid 1px;}

.td3 {background-color:#EEEEEE; border:#EEEEEE solid 1px;}

.td4 {text-align:center; background-color:#EEEEEE; border:#EEEEEE solid 1px;}

.td5 {background-color:#CCCCCC; border:#CCCCCC solid 1px; font-weight:bold;}

.note {color:#F26522; font-size:10px; line-height:12px;}

.video {color:#F26522;}

#relative {width:710px; color:#777777; font-size:10px; clear:both; margin-top:20px;}
#relative ul {margin:0px 0px 0px 15px;}
#relative ul li a {color:#777777; text-decoration:none;}
#relative ul li a:hover {color:#379FEB; text-decoration:underline;}

#ad {background-color:#639ACE; color:#FFFFFF; font-size:15px; font-weight:bold; text-align:center; padding:10px 0px 10px 0px; margin:20px 0px 20px 0px; clear:both}
#ad a{color:#DADADA; text-decoration:none;}
#ad a:hover{color:#FFF200; text-decoration:underline;}

.top {text-align:center; font-size:10px;}
.top a {color:#999999; text-decoration:none;}
.top a:hover {color:#FF9900; text-decoration:none;}

#copyright {clear:both; background:url(images/foot.gif) repeat-x; font-size:10px; text-align:center; padding:8px 0px 8px 0px; margin:10px 0px 0px 0px; color:#3E3E3E; border-bottom:3px solid #FE0000;}