/**
 * Apex Module
 * 
 * @LastRevised $LastChangedDate: 2009-05-30 17:00:47 +0800 (Sat, 30 May 2009) $ 
 * @version $Id: mainpage.css 62 2009-05-30 09:00:47Z eugim $ 
 */

@charset "utf-8";
/* CSS Document */
body{
	margin: 0;
	padding: 0;
	font-family: tahoma, Arial, Verdana;
	font-size: 12px;
	line-height: 16px;
	background: #fff url(../images/bg.png) repeat-x top;
}
p{
	color:#585858;
}
.txttitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#0059a5;
	font-weight: bold;
	text-transform:uppercase;
}
.left{
	float:left;
	margin-left: 10px;
}
.right{
	float:right;
}
.clearer{
	clear:left;
}
.clearerright{
	clear:right;
}
.clearerboth{
	clear:both;
}
.container{
	width: 996px;
	margin: 0 auto;
	background-color:#FFFFFF;
}
.containerfoot{
	width: 996px;
	margin: 0 auto;
	
}
.redtop{
	width: 996px;
	height: 65px;
	background: url(../images/redtop.png) no-repeat top;
}
.logohandler{
	width: 290px;
	height: 105px;
}
.bannerhandler{
	width: 723px;
	height: 115px;
	
}
/* TOP navigation */
.head-nav {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size: 13px;
	padding: 0;
	right: 0;
	float:right;
	width: 675px;
	height: 56px;
	padding-top: 3px;
	background: #FFFFFF url(../images/topnavbg.png) no-repeat;
}
.head-nav ul {
	float: left;
	margin: 0px;
	padding: 0px;
	margin-top: -2px;
	
}
.head-nav ul li {
	display: block;
	float: left;
	list-style: none;
	height: 22px;
	margin: 0;
	border-right: 1px solid #7E7E7E;
}
.head-nav ul li a {
	display: block;
	float: left;
	color: #fff;
	font-size:12px;
	
	text-decoration: none;
	padding: 12px 10px 10px 10px;
	
}
.head-nav ul li a:hover {
	color: #fff;
	background: #c4023e url(../images/navbg.gif) repeat-x;
}
.head-nav ul li a.current {
	color: #fff;
	background: #c4023e url(../images/navbg.gif) repeat-x;
}
.searchbox{
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	color:#7e7e7e;
	font-weight:bold;
	margin: 10px;
}
.searchbox input.searchfield{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	border: 1px solid #b5b5b5;
	padding: 4px 4px 4px 24px;
	background: url(../images/search-icon.png) no-repeat left;
}
.navlefttitile{
	height: 26px;
	width: 187px;
	text-transform:uppercase;
	font-weight:bold;
	color:#2796e7;
	padding-top: 8px;
	padding-left: 15px;
	border: 1px solid #e9e9e9;
	margin-left: 20px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#f5f5f5;
	margin-bottom: 10px;
	
}
.navlefttop{
	height: 26px;
	width: 187px;
	text-transform:uppercase;
	font-weight:bold;
	color:#c4023e;
	padding-top: 8px;
	padding-left: 15px;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	margin-left: 20px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	
}
.navlefttopfirst{
	height: 26px;
	width: 187px;
	text-transform:uppercase;
	font-weight:bold;
	color:#c4023e;
	padding-top: 8px;
	padding-left: 15px;
	border-top: 1px solid #e9e9e9;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	margin-left: 20px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	
}
.navleftcontent{
	width: 202px;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	margin-left: 20px;
	
}
.navleftbottom{
	height: 68px;
	width: 238px;
	background: url(../images/navfoot.png) no-repeat top;
}
.navleftbottomlast{
	height: 87px;
	width: 238px;
	background: url(../images/navfoot2.png) no-repeat top;
}
.navleftlisthandler {
	margin:0 auto;
	width: 188px;
	margin-left: 10px;

}
.navleftlist {
	margin:0;
	list-style:none;
	padding:0;

}
.navleftlist li {
	display:inline; /* For IE margins */
	margin:0;
	padding:0;
}
.navleftlist li a {
	padding:4px 4px 4px 15px;
	border-bottom:1px solid #fff;
	color:#0059a5;
	margin:0;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	display:block;
	background: #fff url(../images/0004_comment.png) no-repeat left center;
	line-height: 16px;
}
.navleftlist li a:hover {
	text-decoration:none;
	color:#C4023E;
	background: url(../images/0004_commenthover.png) no-repeat left center;
}
.productshandler{
	background-color:#f4f4f4;
	border-top: 1px solid #ddd;
	padding: 10px;
	margin-bottom: 10px;
}
.productstable{
	margin: 0 auto;
	
}
.productstable td{
	border: 1px solid #e7e7e7;
	padding: 5px;
	width: 228px;
	background: #fff url(../images/product-bg.png) repeat-x bottom;
}
.productstable td img{
	
}
.productstable td a img {
	padding: 4px 8px;
	border: 1px solid #b6daf7;
	padding-bottom: 10px;
	min-height:94px;
	height:auto !important;
	height:94px;
	
	
}
.productstable td a:hover img {
	padding: 4px 8px;
	border: 1px solid #f9b3c8;
	padding-bottom: 10px;
	min-height:94px;
	height:auto !important;
	height:94px;
}

.productstable td p{
	padding: 4px;
	background-color:#fcfeff;
	border: 1px solid #e7e7e7;
	min-height:300px;
	height:auto !important;
	height:300px;
	
	
}
.productstable td a.title{
	font-weight: bold;
	text-decoration:underline;
	color:#c4023e;
	line-height: 28px;
}
.productstable td a.title:hover{
	text-decoration:none;
	color:#07528b;
}
.productstable td span.txtprice{
	text-decoration:none;
	color:#3389cd;
	font-weight: bold;
	text-transform:uppercase;
}
.productstable td span.pricevalue{
	text-decoration:none;
	color:#000;
	font-weight: bold;
}
.reviewshandler{
	background-color:#ffeded;
	padding: 10px;
	border-top: 1px solid #ffc2c2;
}
.reviewscontent{
	background-color:#fff;
	padding: 10px;
	border: 1px solid #e7e7e7;
	margin-top: 10px;
}
.reviewscontent img{
	margin: 0 auto;
}
.reviewscontent a img {
	padding: 5px;
	border: 1px solid #b6daf7;
}
.reviewscontent a:hover img {
	padding: 5px;
	border: 1px solid #f9b3c8;
}
.reviewscontent p{
	vertical-align:text-top;
}
.reviewscontent a.title{
	font-weight: bold;
	text-decoration:underline;
	color:#c4023e;
}
.veiwalltitle{
	text-align:right;
	
}
.veiwalltitle a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0059a5;
	font-weight:bold;
	margin-left: 5px;
	
}
.veiwalltitle a:hover{
	color:#C4023E;
	
}
.empdetailtd{
	padding: 10px;
	background-color:#fff;
	border: 1px solid #e7e7e7;
	background: #fff url(../images/product-bg.png) repeat-x bottom;
}
.employeebox{
	padding: 10px;
	margin-top: 10px;
	background-color:#f4f4f4;
	border: 1px solid #e7e7e7;
}
.employeebox img{
	padding: 5px;
	background-color:#fff;
	border: 1px solid #e7e7e7;
}
.employeebox p{
	padding: 4px;
	background-color:#fcfeff;
	border: 1px solid #e7e7e7;
	
}
.employeebox a.title{
	font-weight: bold;
	text-decoration:underline;
	color:#c4023e;
}
.productdetailscontent{
	background-color:#fff;
	padding: 20px;
	border: 1px solid #e7e7e7;
	margin-top: 10px;
}
.productdetailscontent img{
}
.productdetailscontent a img.detail {
	padding: 1px;
	border: 1px solid #b6daf7;
	background: url(../images/zoom-in2.png) no-repeat left bottom;
	padding-bottom: 30px;
}
.productdetailscontent a:hover img.detail {
	padding: 1px;
	border: 1px solid #f9b3c8;
	background: url(../images/zoom-in.png) no-repeat left bottom;
	padding-bottom: 30px;
}
.productdetailscontent p{

	vertical-align:text-top;
	line-height: 18px;
}
.productdetailscontent a.title{
	font-weight: bold;
	text-decoration:underline;
	color:#c4023e;
}
.productdetailscontent span.txtprice{
	text-decoration:none;
	color:#3389cd;
	font-weight: bold;
	text-transform:uppercase;
}
.productdetailscontent span.pricevalue{
	text-decoration:none;
	color:#000;
	font-weight: bold;
}
.contacthandler{
	background-color:#F5FAFF;
	border-top: 1px solid #ADC3DE;
	padding: 10px;
	width: 683px;
}
.contactcontents{
	background-color:#fff;
	padding: 20px;
	border: 1px solid #e7e7e7;
	margin-top: 10px;
}
.GTable td {
	padding-right: 10px;
}
.GTable td input,.GTable td input select,.GTable td input textarea {
	background-image:url(../images/formfieldbg.gif);
	background-repeat:repeat-x;
	border:1px solid #CBD6DE;
	font-family:tahoma, Arial, Verdana;
	font-size:12px;
	padding:6px 2px 6px 2px;
	background-color:#FFFFFF;
}
.GTable td input:focus,.GTable td input select:focus,.GTable td input textarea:focus {
	background-image:url(../images/formfieldbg.gif);
	background-repeat:repeat-x;
	font-family:tahoma, Arial, Verdana;
	font-size:12px;
	border:1px solid #029EE4;
}
.GTable td input.submit{
	background: url( ../images/fade-butt.gif );
	background-repeat:repeat-x;
	background-color:#E9E8E8;
	border: 3px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	padding: 3px;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	margin-top: 5px;
}
.asterisk {
	color:#CA0000;
	font-size:16px;
	margin-right: 4px;

}
.submit{
	background: url( ../images/fade-butt.gif );
	background-repeat:repeat-x;
	background-color:#E9E8E8;
	border: 3px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	padding: 3px;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	margin-top: 5px;
}
.aboutlist {
	margin:0;
	list-style:none;
	padding:0;
	margin-left: 15px;
	padding-left: 15px;
	background-color:#fff;

}
.aboutlist li {
	display:inline; /* For IE margins */
	margin:0;
	padding:0;
	padding:4px 4px 4px 25px;
	border-bottom:1px solid #fff;
	color:#878787;
	margin:0;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	display:block;
	background: #fff url(../images/apply_f2.jpg) no-repeat left center;
	line-height: 25px;
}
.productdetailimage {
	padding: 4px 8px;
	border: 1px solid #b6daf7;
	padding-bottom: 5px;
	
}
.login {
	background-color:#D2F3FF;
	border: 1px solid #ddd;
	width: 410px;
	margin: 0 auto;

}
.login2 {
	background-color:#87a446;
	background-image: url(../images/login.gif);
	background-repeat: repeat-x;
	height: 120px;
}

#logintxt{
 font-size: 12px;
 font-weight: bold;
 color:#FFFFFF;
 margin-left: 5px;
}
.login a{
 color:#FF6619;
 font-size: 11px;
 text-decoration:underline;
}
.login a:hover{
 color:#FF6619;
 text-decoration:none;
}
.field{
	color: #000000;
	border: 1px solid #cbd6de;
	background-color: #ffffff;
	background-image: url(../images/formfieldbg.gif);
	background-repeat: repeat-x;
	padding-left: 5px;
	margin-top: 5px;
	height: 22px;
	padding-top:3px;
}
.field:focus{
	border: 1px solid #029EE4;
	background-image: url(../images/formfieldbg.gif);
	background-repeat: repeat-x;
}

.footer{
	background-color:#8fb9da;
	padding-top: 15px;
	margin-top: 10px;
}
.footer p{
	color:#FFFFFF;
}
.noshow{
	background: url(../images/noshow.png) no-repeat left bottom;
	padding-left: 45px;
	padding-top: 30px;
	padding-bottom: 10px;
	line-height: 45px;
	
}
.navemployee{
	background-color: #F4F4F4;
	border: 1px solid #DDDDDD;
	padding: 4px;
	color:#3D89C3;
	font-size: 12px;

}
.navemployee:hover{
	background-color: #E32861;
	border: 1px solid #DDDDDD;
	padding: 4px;
	color:#fff;
	font-size: 12px;
}
.category-nav{
	color:#0059A5;
}
.category-nav a{
	border-bottom:1px solid #FFFFFF;
	color:#0059A5;
	/*display:block;*/
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	margin:0;
	/*padding:4px 4px 4px 15px;*/
	text-decoration:none;	
}

.category-nav a:hover{
	color:#C4023E;
	text-decoration:none;
}