﻿body 
{ 
	margin:0; padding:0;
	text-align:center;
	font-family:Arial;
	font-size:9pt;
	background:url(../../img/leftline.gif) repeat-y left top;	
	
}
div,p,b,ul,li{ margin:0; padding:0;}
.clear{ clear:both;}

#container
{
	position:relative;	
	margin:0 auto; 
	padding:0;
	width:890px;
	text-align:left;
	/*border-left:solid 5px #47575c;
	border-right:solid 5px #47575c;	*/
}

/* Header Start */
#header{ border:solid 2px #29717f;}
#header h1 {
	position: absolute;
	width: 270px;
	height: 60px;
	margin: 8px 0 0 0;
	text-indent: -10000px;
	/*background: url(../../img/head/1.jpg) no-repeat;*/
}
#top
{
	background:#82a3b4;
}
#banner
{
	height:163px;
}
#banner1,#banner2,#banner3,#banner4,#banner5
{ margin:0; padding:0; width:192px; height:162px; float:left; border:0;}
#banner1{ background:#29717f url(../../img/head/1.jpg);}
#banner2{ background:#29717f url(../../img/head/2.jpg);}
#banner3{ background:#29717f url(../../img/head/3.jpg);}
#banner4{ background:#29717f url(../../img/head/4.jpg);}
#banner5{ width:118px; background:#29717f url(../../img/head/5.jpg);}

/* Header End */

/* Mainbody Start */
#mainbody
{
	border:solid 2px #29717f; border-top:0; border-bottom:0;
	background:#96c4c4;
}
#mainbody table{ margin:0; padding:0; border:0;}
/* rc style */
.rcbox{ margin:0;}
.t1,.t2,.t3,.t4 
{
	display:block; overflow:hidden; height:1px; font-size:1px;
	border-left:solid 1px #29717f; border-right:solid 1px #29717f; 
	background:#fff;
}
.t1{ margin:0 5px; background:#29717f;}
.t2{ margin:0 3px; border-left:solid 2px #29717f; border-right:solid 2px #29717f;}
.t3{ margin:0 2px;}
.t4{ height:2px; margin:0 1px;}
.rcbox p{ margin:0; padding:0; }
.ltitle,.rtitle
{
	margin:0; padding:0; 
	vertical-align:middle; 
	text-align:center; 
	font-family:Verdana Sans-Serif;
	font-weight:bold;
	font-size:16px;	color:#f38065;
}
.content
{
	margin:0; padding:0; 	
	line-height:1.5;
	color:#630;
	border-left:solid 1px #29717f; border-right:solid 1px #29717f;
	background:#eef;background:#fff;
}
/* rc */

	/* Left Part */
#leftpart 
{
	margin:0; padding:10px 20px; 
	width:246px; 
	vertical-align:top;
	border-right:solid 2px #29717f;
}

/* div .lbox */
.lbox{ margin:0; margin-bottom:10px;}
.lbox .ltitle 
{	 
	padding-top:8px; 
	height:28px;	
	background:url(../../img/ltitle.gif) no-repeat left top;
}
.lbox .content{ padding:5px 0 8px 8px;}/* can't add 'padding:0',? */
.content b a{ text-decoration:none; color:#c60;}
.content b a:hover{ text-decoration:underline; color:#6cc;}

/* serverkind */
#serverkind{}
#serverkind ul{ margin:0; padding:0;}
#serverkind li{ list-style:url(../../img/i.gif) inside; list-style-position:outside; vertical-align:middle;}
#serverkind a{ color:Black;}
#serverkind a:hover{}
/* serverkind over */

/* lchat */
#lchat{}
#lchat .ltitle{ padding-top:2px; height:38px;}
#lchat span{ padding-top:2px; height:38px; color:#6c9; font-size:24px;}
#lchat ul{ margin:0; padding:0;}
#lchat li{ margin:0; padding:0; list-style:none; vertical-align:bottom; font-weight:bold;}
#lchat li a,#lchat li p{ margin:0; padding:0;}
#lchat li p{ color:#c60; font-weight:normal;}
#lchat .chatType{ color:#f39; font-weight:bold;}
/* lchat over*/

/* Note */
#Note ol{ margin:5px 0 5px 25px; padding:0;}
/* Note Over*/

/* Link */
#Link{ padding-left:20px; }
#Link ul 
{
	margin:0; margin-left:10px;
	text-align:left; 
	list-style-type:disc; 
	font-size:9pt;
}
#Link ul li{ margin-bottom:3px; color:#c60;}
#Link li a{ text-decoration:none; color:#c60; font-weight:bold;}
#Link li a:hover{ text-decoration:underline; color:#6cc;}

	/* right part */
#rightpart 
{
	float:right; 
	margin:0; padding:10px 20px; 
	width:554px;
	vertical-align:top;
}
/* div .rbox */
.rbox{ margin:15px 0;}
.rbox .rtitle
{
	height:28px; line-height:28px;
	background:url(../../img/rtitle.gif) repeat-x;
}
/*
.rbox .rtitle span
{
	display:block; width:100%; height:100%;
	margin:0; padding:0;
	height:28px; line-height:28px;
	background:url(../../img/rtitleR.gif) no-repeat right top;
}
*/
.rbox .content{ padding:5px 0 10px 10px;}
/* repeater */
#mainbodyUp .para{ margin-bottom:10px; padding-top:10px;}
#mainbodyUp h1{ margin:5px 0; text-align:center; font-weight:bold;color:#640;}
#mainbodyUp h2{ margin:5px 0; text-align:center; font-weight:bold;color:#640;}
#mainbodyUp h3{ margin:5px 0; font-size:medium;color:#640;}
#mainbodyUp .para p{ margin:0 0 5px 0; color:#640; font-weight:bold;}
.divRpt p{ margin:5px 0;}
.divRpt p font{ color:#f39; font:bold 11pt Arial Sans-serf;}
.divRpt table thead{ font-weight:bold; color:#fff; text-align:center; background-color:#330;}
.divRpt tr{ text-align:center; font-weight:bold;}
.divRpt .tr1{ background-color:#d4e7e5;}/* light blue */
.divRpt .tr2{ background-color:#f4f4f4;}/* light gray */
/* repeater over */

#Introduction{ font-weight:bold;}

/* FAQ Page */
#FAQ{ padding:0 5px; font-weight:bold;}
#FAQ .Q{ color:#c60; font-family:Verdana Sans-Serif; font-size:14px;}
#FAQ .A{ margin-bottom:10px; color:#630;}

/* News Page */
#News{ padding:0; padding-right:8px;}
#News td{ padding:5px 0; font-weight:bold;}
#News table{ margin:0; position:relative; width:100%; border-top:dotted 1px #630; border-bottom:dotted 1px #630;}
#News a{ text-decoration:none; color:#c60;}
#News a:hover{ text-decoration:underline; color:#6cc;}

#NewsDetail #sitemap{ color:#c60; font-family:Verdana Sans-Serif; font-size:14px; font-weight:bold;}
#NewsDetail #sitemap a{ text-decoration:none; color:#c60;}
#NewsDetail #sitemap a:hover{ text-decoration:underline; color:#6cc;}
#NewsDetail #detail{}
/* ContactUS Page */
#ContactUS{}
#ContactUS p{ margin-bottom:5px; color:#c60; font-weight:bold;}
#ContactUS #img{ text-align:center;}
#ContactUS ul{ margin:0; padding:0; text-align:center; list-style:none; color:#630;}
#ContactUS a{ margin-left:5px; text-decoration:none; color:#5DAEDD; color:#4474cc;}

/* AboutUS Page */
#AboutUS p{ margin:5px 0;}

/* mainbody end */


/* footer start */
#footer{ margin-bottom:5px; padding-bottom:10px; text-align:center; background:#29717f;}

#footerIcons{}
#footerIcons img{ margin:10px; vertical-align:middle;}
#copyright{ color:#96c4c4; font-weight:bold;}
#copyright p{ margin-bottom:10px;}
#copyright a{ color:#f7d859; margin:0 3px;}
#copyright a:hover{ color:#f38065;}
/* footer end */

/*CheckOut*/
.btn_buyNow
{
	width: 64px;
	height: 20px;
	border: none;
	cursor: pointer;
	background: url(../../img/btn_buynow.gif) no-repeat 0 0;
}

.QuickShopping p { width: 200px; margin: 5px 0 5px 10px;}

.QuickShopping p select { width: 200px;}

/* CheckOut.aspx */

.CheckOutMainBox
{
	color: #2A343A;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;	
}

.CheckOutMainBox .nav { margin: 5px; height: 30px;}
.CheckOutMainBox a { color: #666; text-decoration: none; font-weight: bold; font-size: 13px;}
.CheckOutMainBox a:hover { text-decoration: underline;}

.CheckOutMainBox #mainbodyUp h6
{
	margin: 4px 0;
	margin-top: 12px;
	font-weight: bold;
	font-size: 12px;
}

.CheckOutMainBox #mainbodyUp td { height: 23px;}
.CheckOutMainBox #mainbodyUp td.tdColor { color: #A92C00;}