@charset "utf-8";
/* CSS Document */
/* Author: Ready-Market Online Corp. */
/* Version: 2009.01 */
/******************************/


/** basic ************************************************/
body {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #f0f0f0;
	padding: 0;
	text-align: center;
}

html, div, h1, h2, h3, h4, h5, h6, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

#bodystyle{
	width:1000px;
	padding:0px;
	margin:0 auto;
	background-color: #FFFFFF;
}

.space {clear: both;}


/** cutting ************************************************/
#LeftContentWrapper {
	background-color: #fff;
	margin: 0;
	padding: 0 20px 0 0;
	width: 730px;
	float: left;
}

#LeftContentWrapper h1 { position:absolute; text-indent:-10000px;}

#RightContentWrapper {
	background-color: #fff;
	border-left: 1px solid #d0d0d0;
	margin: 0;
	padding: 10px 20px 0 9px;
	width: 220px;
	float: right;
}

#Footer {
	clear: both;
	margin: 35px 0 0 0;
	padding: 0;
	height: 40px;
	background: url(../images/bg_footer.gif) repeat-x left;
	text-align: right;
}


/** left content ************************************************/
/** left content - main image and it's JQ fade**/
div.MainImg {
	margin: 0 0 25px 0;
	padding: 0;
	text-align: left;
	height: 350px;/** this value should be changed as same as image, and also needs to change the fuction.js **/
}

ul#portfolio {
	padding: 0;
	margin: 0;
}

li#portfolio {
	list-style: none;
	margin: 0;
}

div.MainImg img{
	border: none;
}

/** left content - artical**/
#ArticalArea {
	margin: 0 0 0 20px;
	text-align: left;	
}

H2 {
	border-bottom: 4px solid #d0d0d0;
	border-top: 4px solid #d0d0d0;
	color: #333;
	font-size: 17px;
	margin: 2px 0 30px 0;
	padding: 20px 6px;
	line-height: 22px;	
}

p {
	color: #333;
	font-size: 13px;
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 20px;
	text-align: justify;
}

#ArticalArea H3 {
	color: #333;
	font-size: 13px;
	line-height: 20px;
	margin: 0 0 6px 0;
	padding: 0;
}

img#InArtical {
	float: left;
	border: none;
	margin: 0 20px 10px 0;
}

img#InArtical2 {
	border: none;
	margin: 0 0 20px 0;
}

#ArticalArea ul {
	color: #333;
	font-size: 13px;
	margin: 0 0 16px 0;
	padding: 0;
	line-height: 20px;
	text-align: justify;
}

#ArticalArea li {
	list-style: outside square;
	margin: 5px 0 10px 25px;
}

/** left content - section 1**/
#Section1 {
	width: 345px;
	float: left;
}

#Section2 {
	width: 345px;
	float: right;
}

a {
	color: #af0101;
	text-decoration: underline;
}

a:hover {
	color: #af0101;
	text-decoration: underline;
}

/** left content - tip**/
#Tips {
	border: 1px solid #8a9c5d;
	text-align: left;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
}

#Tips p {
	color: #666666;
	font-size: 13px;
	margin: 12px;
	padding: 0;
	line-height: 20px;
	text-align: left;	
}

#Tips H3 {
	color: #666666;
	font-size: 13px;
	margin: 12px;
	padding: 0;
	line-height: 20px;
	text-align: left;	
}

.notice a {
	color: #666666;
	text-decoration: underline;
	font-size: 10px;
}

.notice a:hover {
	color: #af0101;
	text-decoration: underline;
	font-size: 10px;
}

#TipsTitle {
	background-color: #8a9c5d;
	background-image: url(../images/bg_tips.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	height: 35px;
}

#TipsTitle h4{
	color: #fff;
	font-size: 14px;
	padding: 10px 0 0 36px;
	margin: 0;
}

#Contact {
	text-align: left;
	background-color: #d8d8d8;
	margin: 0 0 20px 0;
	padding: 0 0 12px 0;
}

h6 {
	color: #333;
	font-size: 12px;
	margin: 12px;
	padding: 0;
	line-height: 20px;
	font-weight: normal;	
}

#Contact p {
	color: #333;
	font-size: 11px;
	margin: 20px 12px 12px 12px;
	padding: 8px;
	line-height: 16px;
	border: 1px solid #999;
	background-color: #bdc3bc;
}

#Contact a {
	color: #333;
	text-decoration: underline;
}

#Contact a:hover{
	color: #af0101;
	text-decoration: underline;
}

#ContactTitle {
	background-color: #969c92;
	padding: 0;
	margin: 0;
	height: 35px;
}

#ContactTitle h4{
	color: #fff;
	font-size: 14px;
	padding: 10px 0 0 10px;
	margin: 0;
}

/** left content - bottom**/
#PageSelect {
	text-align: right;
	clear: both;
	margin: 30px 0 0 0;
	padding: 0 4px 0 0;
	font-size: 12px;
	color: #333;
	border-top: 1px solid #d0d0d0;
}

#PageSelect a {
	color: #3f90eb;
	text-decoration: none;
	font-weight: bold;
}

#PageSelect a:hover {
	color: #333;
	text-decoration: none;
}

#PageSelectTop {
	text-align: right;
	margin: 0 0 20px 0;
	padding: 0 4px 2px 0;
	font-size: 12px;
	color: #333;
	border-bottom: 1px solid #d0d0d0;
}

#PageSelectTop a {
	color: #3f90eb;
	text-decoration: none;
	font-weight: bold;
}

#PageSelectTop a:hover {
	color: #333;
	text-decoration: none;
}

/** right content ************************************************/
#RightBox {
	margin: 0 0 30px 0;
	padding: 0;
	text-align: left;
}

#GSearchBox {
	background-image: url(../images/search.jpg);
	background-position: top;
	background-color: #efefef;
	background-repeat: no-repeat;
	padding: 0 0 10px 0;
}

.GSearch {
	color: #333;
	padding: 8px 0 0 80px;
	font-size: 13px;
	line-height: 18px;
}

.GSearchText {
	color: #666666;
	padding: 0 20px;
	font-size: 12px;
}

#BoxTitle {
	border-bottom: 2px solid #d0d0d0;
	padding: 0 2px 2px 0;
	margin: 0 0 10px 0;
}

H4 {
	color: #333;
	margin: 0;
	padding: 0;
	font-size: 13px;
}

#BoxItem {
	margin: 0 4px 4px 16px;
	padding: 0;
	color: #666666;
	font-size: 11px;
}

#BoxItem img {
	margin: 0 6px 0 0;
}

#BoxItem a {
	color: #3366cc;
	text-decoration: none;
}

#BoxItem a:hover {
	color: #3366cc;
	text-decoration: underline;
}

#ProductItem {
	background-color: #d0d0d0;
	padding: 6px;
	margin: 0 0 12px 0;
	height: 250px;
	overflow: auto;
	SCROLLBAR-FACE-COLOR: #d0d0d0;
	SCROLLBAR-HIGHLIGHT-COLOR: #d0d0d0;
	SCROLLBAR-SHADOW-COLOR: #d0d0d0;
	SCROLLBAR-3DLIGHT-COLOR: #828282;
	SCROLLBAR-ARROW-COLOR: #B77743;
	SCROLLBAR-TRACK-COLOR: #d0d0d0;
	SCROLLBAR-DARKSHADOW-COLOR: #828282;
}

#ProductItem img {
	margin: 0;
	border: 1px solid #fff;
}

H3 {
	color: #333;
	font-size: 11px;
	line-height: 16px;
	margin: 6px 0 0 0;
	padding: 0;
}

H5 {
	color: #333;
	font-size: 11px;
	line-height: 16px;
	margin: 4px 0 10px 0;
	padding: 0;
	font-weight: normal;
}

#ProductItem a {
	color: #af0101;
	text-decoration: none;
}

#ProductItem a:hover {
	color: #af0101;
	text-decoration: underline;
}


/** footer content ************************************************/
div.Copyright {
	color: #777;
	font-size: 10px;
	padding: 0 8px;
	margin: 15px 20px 0 0;
	background-color: #fff;
	line-height: 12px;
	float: right;
}

.powered {
	color: #777;
	font-size: 10px;
	font-weight: bold;
}

div.Copyright a {
	color: #777;
	text-decoration: none;
}

div.Copyright a:hover {
	color: #27343d;
	text-decoration: none;
}


/******** for form builder ************************************************/
#form_wrapper {
	width: 700px;
	background: #fff;
	text-align: left;
	margin:0 auto;
}

#form_wrapper h1 {
	float: left;
	width: 700px;
	height: 36px;
	overflow: hidden;
}

#form_wrapper h1 a{
	overflow: hidden;
	position: relative;
	float: left;
	color: white;
	font-size: 0.5em;
	font-weight: normal;
	height: 36px;
	width: 700px;
}

#form_wrapper h1 a span{
	background-image: url(../images/wiki_header.gif);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	height: 36px;
	width: 700px;
	position: absolute;
	cursor: pointer;
	top: 0px;
	left: 0px;
	margin-left: 0px;
}

#form_wrapper h2 {
	text-align: left;
	font-size: 18px;
	color: #666666;
	line-height: 26px;
	font-weight: normal;
	background-image: url(../images/form_headBg.jpg);
	background-position:top left;
	background-repeat: no-repeat;
	border: none;
	clear: both;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 50px;
	padding-left: 145px;
}
#form_wrapper h3 {
	color: #999;
	background-color: #dedede;
	margin: 0 15px;
	padding: 8px;
	font-size: 15px;
}

#form_wrapper #container {
	margin: 0 15px;
	padding: 10px;
	border: 1px solid #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}

#form_wrapper #esupport {
	text-align: center;
	float: right;
	height: 100px;
	width: 200px;
	display: block;
	overflow: hidden;
	margin-left: 12px;
	margin-top: -12px;
}


/******** for wiki pluin ************************************************/
#wiki_mainImg {
	margin: 0 0 25px 0;
	padding: 0;
	text-align: left;
	background-image:url(../images/wiki_img.jpg);
	height: 185px;
}

#wiki_mainImg h1 {
	font-size: 22px;
	line-height: 28px;
	margin: 0;
	padding: 60px 100px 15px 10px;
	color: #ffffff;	 
	position: static;
	text-indent: 0;
}

#wiki_mainImg h2 {
	border:none;
	color:#ffffff;
	font-size:13px;
	line-height:18px;
	margin:0 0 4px 10px;
	padding:0;
}

#wiki_mainImg p {
	color: #ffffff;
	font-size: 10px;
	margin: 0 0 10px 10px;
	padding: 0;
	line-height: 14px;
	text-align: left
}

#wiki_wrapper {
	width: 730px;
	background: #fff;
	text-align: left;
	margin:0;
	padding:0;
}

#wiki_wrapper h3 {
	color: #999;
	background-color: #dedede;
	margin: 0 15px;
	padding: 8px;
	font-size: 15px;
	background-image: url(../images/wiki_knowledge.png);
	background-repeat: no-repeat;
	background-position: right;
}

#wiki_wrapper #container {
	margin: 0 15px;
	padding: 10px;
	border: 1px solid #dedede;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}

#wiki_info {
    margin:0;
    padding:0 30px 0 0;
    font-size:12px;
    color:#666666;
	/*
    height:520px; 
    scrollbar-face-color:#fff;
    scrollbar-highlight-color:#e6e6e6;
    scrollbar-shadow-color:#e6e6e6;
    scrollbar-3Dlight-color:#b6b6b6;
    scrollbar-arrow-color:#537595;
    scrollbar-track-color:#dfe9f2;
    scrollbar-darkshadow-color:#b6b6b6;
    overflow-y:auto;
    overflow-x:auto;
	*/
}

#wiki_wrapper #google {
	border: 1px dashed #ccc;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	color: #9EAE63;
	padding: 8px 4px;
}

#wiki_wrapper #search form {
	margin: 0px;
	padding: 0px;
}


/******** for group buying ************************************************/
#Buying_Header {
	border-bottom: 2px solid #af0101;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
}

#Buying_welcome {
	margin: 0 20px;
	background-image: url(../images/logo_GroupBuying.gif);
	background-position: left;
	background-repeat: no-repeat;
	text-align: left;
	padding: 0 0 6px 0
}

#Buying_welcome h2 {
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	border: none;
	margin: 0;
	padding: 44px 0 0 265px;
}

#Buying_container {
	margin: 0 0 0 20px;
	text-align: left;	
}

#Buying_container p {
	color: #333;
	font-size: 13px;
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 18px;
	text-align: left;
}

#Buying_container H3 {
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 12px 0;
	padding: 2px;
	background-color: #8a9c5d;
}

#Buying_container ul {
	color: #333;
	font-size: 13px;
	margin: 0 0 20px 0;
	font-weight: bold;
	list-style: outside  square;
}

#Buying_container ol {
	color: #333;
	font-size: 13px;
	margin: 0 0 20px 0;
	font-weight: bold;
	list-style: outside decimal;
}

#Buying_container li {
	line-height: 20px;
	margin: 0 0 0 25px;
	font-weight: normal;
}

#Buying_PhotoContainer {
	text-align: center;
	margin: 0 0 30px 0;
}

#Buying_PhotoContainer h5{
	color: #333;
	font-size: 11px;
	line-height: 16px;
	margin: 0 40px;
}

#Buying_PhotoContainer img {
	padding: 2px;
	border: 1px solid #d0d0d0;
	margin: 30px 6px 4px 6px;
}

#Signature {
	float: right;
	color: #666666;
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 10px 0;
	text-align: right;
	font-family:"Times New Roman", Times, serif;
}

#Signature a {
	color: #888;
	text-decoration: underline;
}

#Signature a:hover{
	color: #3366cc;
	ext-decoration: underline;
}

#Buying_ProductList {
	background-color: #efefef;
	padding: 6px 4px 6px 2px;
	margin: 0 0 12px 0;
}

#Buying_ProductListItem {
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #d0d0d0;
	padding: 0 0 2px 0;
}

#Buying_ProductListItem h5 {
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	margin: 0 0 2px 2px;
	line-height: 15px;
	padding: 0
}

#Buying_ProductListItem a {
	color: #a00000;
	text-decoration: none;
}

#Buying_ProductListItem a:hover {
	color: #a00000;
	text-decoration: underline;
}

#Buying_AD {
	text-align: left;
	margin: 0 0 20px 0;
	background-image: url(../images/bg_group-buying.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-color: #f0e5aa;
	padding: 6px;
}

#Buying_AD p {
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0 6px;
	font-size: 11px;
	line-height: 16px;
	color: #333;
}

.current_buyer {
	font-size: 10px;
	color:#006666;
	font-weight: normal;
	margin:0px 4px 2px 0px;
	padding:0;
	float:right;
	text-decoration:underline;
}