/* layout.css */
*{ margin:0% auto;}
body{
width:1000px;
/*
	max-width:1200px;
	min-width:900px;
*/
	margin:0% auto;
	background-color:#fff;
	line-height:23px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
*:first-child+html #body{
	font-size:0.9em;
}
h1{	font-size:17px; }
h3{	margin:0px 0px 10px 0px; }
a{ color:#BC3600; text-decoration:none;}
a:hover{ text-decoration:underline; }
img{ border:0px; }
img.icon{position:relative;top:3px;margin-right:10px;}
table{ font-size:13px; }
textarea{font-size:0.95em;}


#main{clear: left;}
#container div{float:left;	background-color:#fff;}
#left{width:25%;margin:0% 1%;}
#center{width:70%;margin:0% 1%;margin-bottom:30px;min-height:550px;}
#center table{width:90%;}
#center h2{ clear:left; width:100%;font-size:1.2em; font-weight:bold;}
#center h3{ clear:left; width:100%;font-size:1.2em; font-weight:bold;}

#center-left{width:67%;float:left;}
#center-left h2{ clear:left; width:100%;font-size:1.2em; font-weight:bold;}
#center-left h3{ clear:left; width:100%;font-size:1.2em; font-weight:bold;}

#center-left-description{min-width:470px;width:65%;float:left;}

#center-right{width:30%;float:left;}

div.wide-center{margin-left:5%;width:90%;}


#footer{width:95%;padding:15px 0%;text-align:center;clear: left; border-top:solid 1px #aaa;}
#footer a{font-size:0.9em;}
#msg-dialog{ display:none; background:#e2f4c0; padding:15px; margin:20% auto; border:solid 1px #aaa; }

div.about{ 
	background:#fff;border:solid 1px #aaa;width:45%;min-width:450px;
	position:absolute;top:-100px; left:27%;
}

*:first-child+html div.about{ 
	background:#fff;border:solid 1px #aaa;width:45%;min-width:450px;
	position:absolute;top:-100px; left:27%;
}

div.about h3{ font-size:0.98em; } 

#msg-dialog p.form{text-align:center;margin:10px 0% 10px 5%;}
#msg-dialog p.form strong{float:left;position:relative;top:5px;}


input.buyer-email{
width:50%;height:31px;margin:0px 0px 0px 5px;border:solid 1px #bfbfbf;background:#ffffff;
padding:7px 5px 0px 5px;font-size:1.5em;
font-weight:bold;
float:left;
}
input.buyer-email-focus{
width:50%;height:31px;margin:0px 0px 0px 5px;border:solid 1px #bfbfbf;background:#f0f0f0;
padding:7px 5px 0px 5px;font-size:1.5em;
font-weight:bold;
float:left;
}



#msg-dialog .submit-button{
margin:0px;width:140px;height:40px;color:#fff;
font-size:1.1em;
background:url(http://img.proory.com/image/goods.put2cart-button.gif) no-repeat;
background-position:-10px 0px;
font-weight:bold;
border:solid 0px #fff;
position:relative;top:0px;left:0px;
float:left;
}


*:first-child+html #msg-dialog .submit-button{
margin:0px;width:140px;height:40px;color:#fff;
font-size:1.1em;	
background:url(http://img.proory.com/image/goods.put2cart-button.gif) no-repeat;
background-position:-10px 0px;
font-weight:bold;
border:solid 0px #fff;
position:relative;top:0px;
}
#msg-dialog .submit-button:hover{
cursor:pointer;
}



#header{
	clear: left;
	height:150px;
	margin:0px 0%;
}

#header #upper{ width:100%;height:55px; margin:0px;}
*:first-child+html #header #upper{ width:100%;height:80px; margin:0px;}

#header #upper h1{font-size:0.95em;font-weight:normal; color:#70aa00; position:absolute; top:65px;}
#header #logo{
	float:left;
	width:230px;
	height:55px;
	margin-left:35px;
	margin-top:20px;
	padding:0px;
}
#header #logo:hover{cursor:pointer;}


#header #upper #upper-navi{
	float:left;
	width:70%;
	text-align:right;
	height:85px;
	margin:3px auto;
	padding-left:0%;
}

#header #upper #upper-navi p.right{
width:55%;height:25px;margin-top:10px;margin-right:1%; 
padding-top:55px;
text-align:right; float:left;
background:url(http://img.proory.com/image/header-left.gif) no-repeat top right;
position:relative;top:-55px;

}
#header #upper #upper-navi p.news{width:100%;margin-top:30px;text-align:left;}
#header #upper #upper-navi p.left{width:40%;margin-top:10px; text-align:left; float:left;}
#header #upper #upper-navi p.left a{font-weight:bold;}

*:first-child+html #header #upper #upper-navi p.left{width:40%;margin-top:10px; text-align:left; float:left;}
*:first-child+html #header #upper #upper-navi p.right{ width:59%;margin-top:10px; text-align:right; float:left;}


#header #lower{
	clear:left;
	width:98%;
	height:40px;
	text-align:center;
}

#header #lower-navi{width:98%;margin:10px auto;padding:0px;	}
#header #lower-left{
	width:20px;
	height:40px;
	background:url(http://img.proory.com/image/header.lower.bg.left.png) no-repeat;  
	position:relative;
	top:-40px;
	left:0%;
	margin:0px;
	
}
*:first-child+html #header #lower-left{
	width:20px;
	height:40px;
	background:url(http://img.proory.com/image/header.lower.bg.left.png) no-repeat;  
	position:relative;
	top:-40px;
	left:0px;
	float:left;
	margin:0px;
	padding:0px;
	
}

#header #lower-center{
	height:40px;
	width:100%;
	margin:0px;
	background:url(http://img.proory.com/image/header.lower.bg.center.png) repeat-x;	
} 
#header #lower-center ul{
	padding-left:20px;
	list-style:none;
	height:40px;
	margin:0px;
}
#header #lower-right{
	width:20px;
	height:40px;
	background:url(http://img.proory.com/image/header.lower.bg.right.png) no-repeat; 
	position:relative;
	margin-left:100%;
	top:-80px;
	right:20px;
}


#header #lower li{float:left; text-align:center; 	font-size:0.85em;}
#header #lower li.search{ width:45%; padding:7px 0px 0px 0px;}
*:first-child+html #header #lower li.search{ width:45%; padding:6px 0px 0px 0px;}
#header #lower li.search select{ border:solid 1px #aaa; }
#header #lower li.search input.q{ width:49%; border:solid 1px #aaa;}
#header #lower li.search input.button{ border:solid 1px #aaa;position:relative;left:-5px;}
*:first-child+html #header #lower li.search input.q{ width:49%; height:18px; border:solid 1px #aaa;}
*:first-child+html #header #lower li.search input.button{height:22px;padding-top:3px; border:solid 1px #aaa; background:#eee;position:relative;left:-10px; }

#header #lower li a{
	float:left;
	width:95px;
	height:25px;
	padding:7px 5px 5px 5px;
	font-weight:bold;
	color:#404040;

}
#header #lower li a:hover{
	text-decoration:none;
	background:url(http://img.proory.com/image/header.lower.bg.hover.png);
	color:#003e00;
}

#header #lower li #category-menu{display:none;position:absolute;top:35px;left:0px; background:#fff;border:solid 1px #70aa00;border-top:solid 2px #70aa00;}
#header #lower li #category-menu ul{width:115px;padding:0px;}
#header #lower li #category-menu li{width:115px;height:25px;border-bottom:solid 1px #70aa00; text-align:left;}
#header #lower li #category-menu li a{width:115px;height:25px;} 
#header #lower li #category-menu li a:hover{background:#c5eb94;font-size:1.5em;}

#header div.breadcrumblist{clear:left; width:93%;	height:20px; margin-left:3%;}

/********************************************************************************************/
/********************************************************************************************/
/********************************************************************************************/


/* user page */
#navi-title{width:100%;margin:5px 10%;font-size:1.1em;font-weight:bold;}
div.menu{	width:80%;	line-height:25px; }
div.usermenu h4{ font-size:0.95em;	height:25px; margin:0px 35px 0px 0px; padding-left:10px;}
div.menu ul{ padding-left:0px; }
div.menu li{ list-style:none; padding-left:10px;	border-bottom:solid 2px #EFEFEF;}
#left #profile-picture{ margin:0px 0%; }
#left #profile-picture img{ padding:5px; border:solid #b0b0b0 1px; }
#left div.usermenu{ width:100%; margin:0px 3%; }

#left div.usermenu ul{	list-style:none;	margin:0%;	padding:0%;}
.usermenu li{ width:80%; padding:5px 4%; font-size:0.95em; border-bottom:solid 1px #c6c6c6; }
.usermenu li:hover{
	cursor:pointer;
	padding:5px 4% 4px 4%;
	background:#e2f4c0;
	border:solid 1px #007300;
	position:relative;
	top:-1px;
}
.usermenu a{color:#222;	text-decoration:none;}
#profile{ width:80%;}
#profile-picture{width:100%;padding:10%;}


/*   description  */
#home-left{width:80%;margin-left:20%;}
#home-left ul.top-menu{list-style:none;padding:0px;margin-bottom:30px;}
#home-left ul.top-menu li{float:left;margin-right:10px;}
#home-left div.description{margin-top:10px;}
*:first-child+html #home-left div.description{margin-top:-35px;padding-top:0px;clear:left;}
*:first-child+html #home-left div.description h4{margin-top:0px;padding-top:0px;clear:left; font-size:0.98em;}
#home-left div.description p{clear:left;}
#home-left div.description ul{list-style:none;padding:0px;margin:0px auto 10px auto;max-width:465px;}
#home-left div.description ul li{ width:150px;height:150px;float:left;margin-right:5px;}
#home-left div.description ul li.whatyoucansell-1{
background:url(http://img.proory.com/image/whatyoucansell-1.gif) no-repeat;
}
#home-left div.description ul li.whatyoucansell-2{
background:url(http://img.proory.com/image/whatyoucansell-2.gif) no-repeat;
}
#home-left div.description ul li.whatyoucansell-3{
background:url(http://img.proory.com/image/whatyoucansell-3.gif) no-repeat;
}
#home-left div.description ul li ul.whatyoucansell{list-style:none;padding:0px;margin:0px;}
#home-left div.description ul li ul.whatyoucansell li.upper{
font-weight:bold;height:108px;margin-top:5px;padding-left:15px;
}
#home-left div.description ul li ul.whatyoucansell li.lower{
font-size:0.85em;width:120px;margin-left:15px;line-height:18px;
}

#home-left div.description ul li.howitworks-1{
background:url(http://img.proory.com/image/howitworks-1.gif) no-repeat;
}
#home-left div.description ul li.howitworks-2{
background:url(http://img.proory.com/image/howitworks-2.gif) no-repeat;
}
#home-left div.description ul li.howitworks-3{
background:url(http://img.proory.com/image/howitworks-3.gif) no-repeat;
}
#home-left div.description ul li ul.howitworks{ list-style:none;padding:0px;margin:0px;}
#home-left div.description ul li ul.howitworks li.upper{font-weight:bold;height:120px;margin-top:5px;padding-left:15px;}
#home-left div.description ul li ul.howitworks li.lower{
font-size:0.85em;padding-left:15px;
}
#home-left div.description p img.description-icon{position:relative;top:5px;margin-right:10px;}
#home-left div.description div.about-fees{margin:10px auto 10px auto;padding:0px;width:100%;border-bottom:solid 1px #aaa;}

#home-left div.description div.about-fees ul{width:100%;list-style:none;padding:0px;}
#home-left div.description div.about-fees ul li.img{float:left;width:100px;}
#home-left div.description div.about-fees ul li.description{float:left;min-width:75%;}
#home-left div.img{width:100%; margin:10px auto 30px auto; text-align:center;}
#home-left p{min-width:470px;width:80%;margin:0px auto 30px auto;line-height:33px;}

#registration{top-colidth:100%;}
*:first-child+html #registration{min-width:100%;}

#registration-button{width:100%;margin:15px 0px 0px 0px; text-align:center;}
#login-button{width:100%;margin:0px 0px 0px 0px; text-align:center;}

li.raibus{ clear:left;min-width:100%;background:transparent;}
li.raibus img{padding:1px;border:solid 1px #aaa; margin:0px;}
li.raibus img:hover{border:solid 1px #007300;}
li.raibus div.user-pic{min-width:116px;width:25%;margin-left:-3%;margin-right:0px;padding-left:0px;background:transparent; margin-bottom:25px;}
li.raibus div.user-pic p{line-height:18px; font-weight:bold;}
li.raibus div.user-pic img{width;116px;height:126px;}

#loader-0{height:230px;}
.user-items{width:100%;margin-left:0%;margin-bottom:30px; float:left;}
*:first-child+html .user-items{min-width:100%;margin-left:0%;float:left;position:relative;}

.user-items ul{width:100%;margin:0px auto;padding:0px;list-style:none;position:relative;top:0px;}
.user-items ul li{float:left;margin-left:10px;margin-bottom:15px;width:126px;height:96px;text-align:center;}
.user-items ul li:hover{cursor:pointer;}
.user-items ul li img{background:transparent;padding:2px;width:120px;height:90px;border:solid 1px #ddd;}
.user-items ul li img:hover{border:solid 1px #BC3600;}


div.slide-buttons{width:5%;height:220px;float:left; display:none;}
div.slide-buttons ul{padding:0px;list-style:none;}
div.slide-buttons ul li:hover{cursor:pointer;}

div.slide-buttons ul li#play,div.slide-buttons ul li#pause{ margin-left:5px; }
#pause{display:none;}

div.slide-buttons ul li div#slider{
	width:15px;height:200px;background:url(http://img.proory.com/image/slider.png) no-repeat;text-align:center;
	position:relative;top:0px;left:0px;
}

*:first-child+html div.slide-buttons ul li img#pointer{ margin-top:-17px; }

div.slide-buttons ul li div img#pointer:hover{ cursor:move;}

div.user-items #wyw{
	height:230px;margin:0%;padding:0px;position:absolute;background:transparent;
}
*:first-child+html div.user-items #wyw{
	height:230px;margin:0%;padding:0px;position:absolute;top:0px;background:transparent;
}

div.user-items #wyw #repeat{
	width:83px;height:20px;text-align:center;padding-top:68px;
	margin:10% auto;
	background:url(http://img.proory.com/image/repeat-slide-show.png) no-repeat;color:#BC3600; 
}

div.user-items #wyw #repeat:hover{
	cursor:pointer;
	text-decoration:underline;
}



/* new top page added at 12-17! */
img.star{width:16px;height:16px;border:solid 0px #fff;}
img.silver-star{width:16px;height:16px;border:solid 0px #fff;}

div.evaluated-items{width:100%;margin:0px auto 10px auto; text-align:center; background:transparent;} 
div.evaluated-items ul{width:100%;list-style:none;margin-left:-8%;;padding;0px;}
*:first-child+html div.evaluated-items ul{width:100%;list-style:none;margin-left:0%;;padding;0px;}
div.evaluated-items ul li{
width:32.5%;min-width:150px;line-height:20px; text-align:left;margin:10px 0% 10px 0.5%;float:left; list-style:none;
}
div.evaluated-items ul li img{border:solid 1px #aaa;	padding:3px;}
div.evaluated-items ul li img:hover{border:solid 1px #007300;	padding:3px;}
div.pick-up-items{
width:100%;
}
div.pick-up-items ul{
width:100%;padding:0px;list-style:none;}
div.pick-up-items ul li{
	border:solid 1px #ddd;text-align:center;width:220px;margin:3px 6px 3px 3px;float:left;
	background:transparent;

}

div.pick-up-items ul li:hover
{
	background:#F6F2EF;
	border:solid 1px #BC3600;
}

div.pick-up-items ul li div.pic 
{
	margin:10px 2%; width: 96%;
}
div.pick-up-items ul li div.desc{
	margin-left:6px; line-height: 18px; width:190px;
}

.top-featured-seller{width:100%;}
.top-featured-seller div.left{
	float:left;width:65%;
	height:215px;
	border:solid 1px #ddd;
}
*:first-child+html .top-featured-seller div.left{
	float:left;width:65%;
	height:212px;
	border:solid 1px #ddd;
}
.top-featured-seller div.left p{float:left;background:#F6F2EF; padding:1%;}
.top-featured-seller div.left img{padding:2px;border:solid 1px #ddd;}
.top-featured-seller div.left p.img{float:left;width:50%;}
.top-featured-seller div.left p.desc{float:left;width:45%;font-size:0.9em;}

.top-featured-seller div.right{float:left;margin-top:0px;margin-left:1%;width:30%;}
.top-featured-seller ul{list-style:none; padding:0px; margin-left:0%;margin-top:-3px;}
.top-featured-seller ul li{padding-top:2px; margin-right:0%; float:left;}
.top-featured-seller-description{claer:left;margin:10px auto 30px auto;}
.top-featured-seller-description p{width:93%;margin:0px;text-align:left;padding:4px;border:solid 1px #aaa;background:#F6F2EF;line-height:20px;}
.featured-seller-desc{clear:left;font-size:0.95em;width:95%;margin-top:0px;background:transparent;}

/* featured seller page*/
.featured-seller{width:94%;margin:10px auto 20px auto; padding-bottom:10px; background:transparent;border-bottom:solid 1px #b0b0b0 ;}
.featured-seller ul{width:100%;padding:0px; margin:0px;list-style:none;}
.featured-seller ul li{float:left;margin-bottom:10px; margin-right:2%; }
.featured-seller ul li img{ border:solid 1px #aaa; padding:3px; }
.featured-seller ul li img:hover{ border:solid 1px #007300;}
.featured-seller ul li p{ margin:0px;padding:0px; }

.featured-seller-item-list{width:20%;min-width:85px;float:left;}
.featured-seller-item-list ul{margin-top:2px;list-style:none;padding:0px;}
.featured-seller-item-list ul li{margin-right:0%;}
.featured-seller-item-list ul li img{border:solid 1px #aaa;padding:3px;}
.featured-seller-item-list ul li img:hover{border:solid 1px #007300;}
.featured-seller-log{width:80%;float:left;}
.interview{clear:left;width:90%;padding:0px 8% 30px 3%;line-height:25px;}



.top-banner{font-size:1.5em;margin:10px auto;color:#003e00;}
.top-banner h2{font-size:0.8em;padding-top:20px;}

/* bestseller list*/
#bestseller-month,
#bestseller-week{
min-width:105%; padding:0px;margin:0px; margin-bottom:10px; border:solid 1px #70aa00;
}
#bestseller-month ul#bestseller-month-rank,
#bestseller-week ul#bestseller-week-rank{
	min-width:100%;
	height:22px;
	list-style:none;
	padding:0px;
	margin:0px;
	background:#edeae0;
	border-bottom:solid 1px #70aa00;
}
*:first-child+html #bestseller-month ul#bestseller-month-rank,
*:first-child+html #bestseller-week ul#bestseller-week-rank{
	width:100%;
	height:22px;
	list-style:none;
	padding:0px;
	margin:0px;
	background:#edeae0;
	border-bottom:solid 1px #70aa00;
}
#bestseller-month ul#bestseller-month-rank li,
#bestseller-week ul#bestseller-week-rank li{
	width:70px;
	height:22px;
	margin:0px;
	padding:0px;
	float:left;
	font-size:0.9em;
	text-align:center;	
}
#bestseller-month ul#bestseller-month-rank li#month-gold,
#bestseller-week ul#bestseller-week-rank li#week-gold{
	color:#000; 
	background:repeat-x url(http://img.proory.com/image/ranking.frame.bg.hover.1.0.0.gif) #fff;
	border-right:solid 1px #70aa00;
	border-bottom:solid 2px #fff;
}

#bestseller-month ul#bestseller-month-rank li#month-silver,
#bestseller-week ul#bestseller-week-rank li#week-silver{
color:#BC3600;background:transparent;border-left:solid 1px #efefef;border-right:solid 1px #aaa;
}

#bestseller-month ul#bestseller-month-rank li#month-bronze,
#bestseller-week ul#bestseller-week-rank li#week-bronze{
color:#BC3600;background:transparent;border-left:solid 1px #efefef;border-right:solid 1px #aaa;
}

#bestseller-month ul#bestseller-month-rank li:hover,
#bestseller-week ul#bestseller-week-rank li:hover{
text-decoration:none; cursor:pointer;
}

#bestseller-month #bestseller-month-contents,
#bestseller-week #bestseller-week-contents{
width:100%;padding:0%; margin:-15px 0px 0px 0px;
}
*:first-child+html #bestseller-month #bestseller-month-contents,
*:first-child+html #bestseller-week #bestseller-week-contents{
width:100%;padding:0px; margin:10px 0px 0px 0px;
}
#bestseller-week #bestseller-week-contents ul{margin:0px auto; width:100%; list-style:none; padding:0px;}
#bestseller-week #bestseller-week-contents ul li{float:left;margin-right:10px;}
#bestseller-month #bestseller-month-contents ul li img,
#bestseller-week #bestseller-week-contents ul li img{position:relative;top:1px;margin-right:5px;}

div.contents-left{ width:33%; padding:5px 0%; margin:5px 2%;}
div.contents-left div.img{ width:100%; }
div.contents-left div.img img{padding:2px;border:solid 1px #70aa00; }
div.contents-left ul.seller-info{ list-style:none;padding:0px; margin-left:15px;}
div.contents-right{width:65%; text-align:center; }
div.contents-right div.price{width:100%; color:red; font-weight:bold;font-size:1.2em; text-align:center;padding:20px 0px; margin:0px auto;}
div.contents-right div.comment{min-width:100%; text-align:center;padding:20px 0px; margin:0px auto;}
#bestseller-week #bestseller-week-contents div.contents-right{width:100%;margin-left:0%;}
#bestseller-week #bestseller-week-contents div.contents-right div.price{width:100%;margin-left:1%; text-align:left;}
*:first-child+html #bestseller-week #bestseller-week-contents div.contents-right div.price{width:100%;margin-left:6%; text-align:left;}
#bestseller-week #bestseller-week-contents div.contents-right div.comment{min-width:100%; text-align:center;padding:5px 0px; margin:0px auto;}

/* recently checked list */

#right-list{ min-width:174px;width:100%; margin-bottom:10px; float:left; border:solid 1px #70aa00;}
#right-list ul#menu{
	width:100%;
	height:22px;
	list-style:none;
	padding:0px;
	margin:0px;
	background:repeat-x url(http://img.proory.com/image/ranking.frame.bg.gif);
	border-bottom:solid 1px #70aa00;
}
#right-list ul#menu li{
	width:80px;
	height:22px;
	margin:0px;
	padding:0px;
	float:left;
	font-size:0.9em;
	text-align:center;	
}

#right-list ul#menu li:hover{text-decoration:none; cursor:pointer;}

#recent{
	color:#000; 
	background:repeat-x url(http://img.proory.com/image/ranking.frame.bg.hover.1.0.0.gif) #fff;
	border-right:solid 1px #70aa00;
	border-bottom:solid 2px #fff;
}
#recommend{color:#BC3600;background:transparent;border-left:solid 1px #efefef;}
#right-list-contents{width:100%;min-height:650px;}
ul#list{ width:100%;padding:0px;list-style:none; margin:15px 0px; text-align:center;}
ul#list li{margin:0px auto; width:160px;list-style:none; }
ul#list li img{width:100%;height:120px;border:solid 1px #aaa;padding:1px;}

/* recently updated list */
#ranking-list{margin:0px auto 25px auto; border:solid 1px #ddd;}

#ranking-left{width:95%;padding:0px 0% 10px 10px;}
#ranking-left div.contents{ width:100%;margin-left:3%;margin-bottom:15px; padding:0%; border:solid 1px #ddd; }
#home-right div.contents{ width:100%;margin-left:3%;margin-bottom:15px; padding:0%; border:solid 1px #aaa; }
#ranking-left div.contents div.title,
#home-right div.contents div.title{
	clear:left;
	width:100%; height:22px; 
	text-align:center; font-size:1.02em;font-weight:bold; 
	background:#f6f2ef;
	border-bottom:solid 1px #ddd;
}
*:first-child+html #ranking-left div.contents div.title{clear:left;min-width:100%; text-align:center;font-size:1.02em;font-weight:bold;}

#ranking-left div.contents div.body{width:100%; margin:10px 0%;}
#ranking-left div.contents div.body p{width:100%;text-align:center;margin:0px;padding:0px;}
#ranking-left div.contents div.body ul.img-list{margin:10px auto; text-align:center;padding:0px;}
#ranking-left div.contents div.body ul{margin:10px 5%;padding:0px;}
#ranking-left div.contents div.body li{margin:3% auto;list-style:none;}

#ranking-list ul#menu{
	min-width:100%;
	height:22px;
	list-style:none;
	padding:0px;
	margin:0px;
	background:#f6f2ef;
	border-bottom:solid 1px #ddd;
}

#ranking-list #menu li{
	width:70px;
	height:22px;
	margin:0px;
	padding:0px;
	float:left;
	font-size:0.9em;
	text-align:center;	
}
#ranking-list #menu li.unselected-tab{
	color:#BC3600;background:transparent;
	border-right:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
}
#ranking-list #menu li.selected-tab{
	color:#000; 
	background:repeat-x url(http://img.proory.com/image/ranking.frame.bg.hover.1.0.0.gif) #fff;
	border-right:solid 1px #ddd;
	border-bottom:solid 2px #fff;
}


#ranking-list #menu li:hover{text-decoration:none; cursor:pointer;}
#recent-rank{clear:left;margin:0px;font-size:13px;}
#ranking-list div#ranking{width:100%;text-align:center;margin:15px auto; padding:0px;}
*:first-child+html #ranking-list div#ranking{width:90%;text-align:center;margin:15px 0px 15px 10%; padding-bottom:35px;}
#ranking-list div#ranking ul{width:100%;list-style:none;margin-left:-1.5%;padding;0px;}






*:first-child+html #ranking-list div#ranking  table{margin-left:-80px;}
#ranking-list div#ranking  table tr td.col1{text-align:left;padding:1%;width:20%;}
#ranking-list div#ranking  table tr td.col2{padding:1%;}
#ranking-list div#ranking  table tr td.col2 img{border:solid 1px #aaa;}
#ranking-list div#ranking  table tr td.col2 img:hover{ border:solid 1px #BC3600;}
#ranking-list div#ranking  table tr td.col3 {text-align:left;padding-left:2%;width:60%; }
#ranking-list div#ranking  table tr td.col3 p{width:90%;} 

#tag-cloud{ width:90%;font-size:12px; margin:0px 5%; }
#tag-cloud a{ margin-right:10px; }
/* center-right */


#center-right div.right-row{
	width:100%;
	background-color:#ffffee;
	margin:5px;
	border:solid 2px #EFEFEF;
}


#center-right p{
	margin:5px;
	padding:15px 10px; 
}


/***********************************************/

/* index page */
#main-center{
	width:100%;

}
#main-center .list{
	float:left;
	width:33%;
}

div.top-selection
{
	width:100%;
	margin-bottom:5px;
}
div.top-selection img{
padding:6px;
border:solid 1px #ddd;
}


/* login form */
#center #login{
	margin:10px auto;
}

#login li{
	list-style:none;
}

#login div{
	float:left;
	margin:1%;
	padding:1%;
	background-color:#F1FFED;
} 

#login input.login{
	width:80%;
}

#other li{
	clear: left;
	list-style:none;
}

/* registration & inquiry form */

#registration,#inquiry{width:100%;}

#registration h3,
#inquiry h3{width:80%;padding-left:15px;padding-bottom:5px;border-bottom:solid 1px #ADADAD;}
#registration table,
#inquiry table{ width:100%; margin:5px auto;}

#registration td.col1{width:25%;}
#registration td.col2{width:75%;}
#registration input{margin:1%;}
#registration span{color:#CC0000;}
#registration div.button{ width:80%;margin:0px auto;text-align:center;}
#registration td ul{ padding:0px;list-style:none;}
#registration td.captcha li{ float:left;list-style:none;margin:20px 1% 0px 1%;}
*:first-child+html input.dw{position:relative;top:9px;}
#inquiry p{color:red;}
#inquiry td.col1{width:20%;}
#inquiry td.col2{width:80%;}
#inquiry input.text{width:45%;}
#inquiry textarea{width:70%; height:300px; padding-left:10px;}


/* profile */
#profile{ width:100%; }
#profile h3{ margin-bottom:20px; }
#profile-left{width:20%;min-width:170px; float:left; }
#profile-left img#pic{padding:2px; border:solid 1px #007300;}

#profile-list{ width:170px; margin-top:10px;margin-bottom:10px; float:left; border:solid 1px #aaa;}
#profile-list ul#menu{
	min-width:170px;
	height:22px;
	list-style:none;
	padding:0px;
	margin:0px;
	background:#f6f2ef;
	border-bottom:solid 1px #aaa;
}
#profile-list ul#menu li{
	width:80px;
	height:22px;
	margin:0px;
	padding:0px;
	float:left;
	font-size:0.9em;
	text-align:center;	
	color:#000; 
	background:repeat-x url(http://img.proory.com/image/ranking.frame.bg.hover.1.0.0.gif) #fff;
	border-right:solid 1px #aaa;
	border-bottom:solid 2px #fff;
}
#profile-list-contents{clear:left;text-align:left;margin-left:1px;}
#profile-info-list ul{padding:5px;list-style:none; margin:0px auto;}
#profile-info-list ul li{margin:0px auto;}

#profile-info-list dl{margin:20px 5%;padding:0px;}
#profile-info-list dt{font-weight:bold;}
#profile-info-list dd{margin:0% 0% 10px 0%; }
#profile-info-list ul li img{
	position:relative;
	top:4px;
	margin:0px 3px;
}

#profile-right{
	width:68%;
	margin:10px 3%;
	float:left;
}
#profile-right dt{font-weight:bold;padding-bottom:3px; border-bottom:solid 1px #007300;}
#profile-right dd{	margin:15px 5%;line-height:30px;}

#profile-bottom{
	clear:left;
}



/* cashier */
#cashier-list{
	margin-top:10px;
	font-size:13px;
}



#payment-note{
	margin:20px 0%;
	clear:left;
}

#payment-method{
	width:100%;
	margin:15px 25%;
	text-align:center;
	list-style:none;
}

#payment-method li{
	float:left;
	margin:10px 2%;
}

#payment-method input.payment{
	position:relative;
	top:2px;

}




#cashier-submit{
	clear:left;
	margin:15px 35%;
}

#shipment-info{
	margin:15px 0%;
}

#shipment-info table{
	width:100%;
	font-size:13px;
	margin:10px 0%;
}

#shipment-info td.col1{
	width:40%;
}

#shipment-info td.col21{
	width:60%;
}


/* goods page only user name is defined */
#goods-user{
	width:80%;

}


#goods-user ul{
	width:100%;
	padding:0px;
	list-style:none;
}

#goods-user li{
	float:left;
}


.panel ul{
	width:100%;
	padding:0%;

}

.panel li{
	width:800px;
	height:500px;

}

.recommended li{
	margin:10px;
	width:160px;
	height:110px;
}

/* contcta page */

#contact{ width:90%;margin:20px 5%;}
#contact h2{font-size:1.1em;}
#contact .to-subject{
	width:100%;
}

#contact .to-subject table td{
	padding:10px 0%;
	height:25px;
}



#contact .msg{
	width:100%;
	margin:20px 5%;
}

#contact .msg textarea{
	width:80%;
	height:300px;

}

#contact .button{
	width:100%;
	margin:20px auto;
	text-align:center;

}


/* community pages */

div.community div{
	width:100%;
	margin:10px 1%;

}

#community-home,
#show-community{
	width:100%;
}

#community-home ul,
#show-community ul{
	width:100%;
	list-style:none;
	padding:0px;
}

#community-home li,
#show-community li{
	float:left;
	margin-right:2%;
}

#community-home #participating,
#community-home #admin,
#community-home #create{
	width:100%;
	margin:10px 1%;
}

#community-home #admin div.list,
#community-home #admin div.list {
	width:100%;
}

div.summary{
	width:100%;
	background:#000;
}

div.edit_form{
	width:100%;
	margin:30px 0%;
	display:none;
}


span.clickable{
	color:#BC3600;
	text-decoration:none;
}

span.clickable:hover{
	text-decoration:underline;
	cursor:pointer;
}

#create_form table,
div.edit_form table{
	width:100%;
}

#create_form table td,
div.edit_form table td{
	padding:10px 1%;
}

#create_form table td.col1,
div.edit_form table td.col1{
	width:15%;
}

#create_form table td.col2,
div.edit_form table td.col2{
	width:75%;
}

#create_form input.Name,
div.edit_form input.Name{

	width:26%;
}

#create_form textarea.description,
div.edit_form textarea.description{
	width:40%;
	height:50px;
}

div.edit_form textarea.description{
	font-size:1em;
}

div.button{	width:100%;margin:10px auto; text-align:center;}
.show-community div{
	width:100%;
}

#community-bbs{
	width:75%;
}
.community-name,
.community-description,
.topic{
	width:100%;
	margin:15px 3%;
}

#community-bbs .topic div.members{
	width:100%;
}

#community-bbs .topic div.members table{
	width:100%;
}

.topic div.left{
	width:40%; 
	float:left;
}
.topic div.right{
	width:60%; 
	margin-top:20px;
	float:left;
}

.topic div.right .button{
	margin:10px 30%;
}

.participate{
	clear:left;
	width:100%;
	margin:10px 30%;
}

.participate input{
	width:150px;
	height:40px;
	font-size:16px;
	color:#fff;
	border:solid 0px #99cc66;
	background:url(http://img.proory.com/image/goods.put2cart-button.gif);
	cursor:pointer;	
}
.topic div.header{
	width:100%;
	margin:20px 0%;
}

.topic div.header .description{
	width:100%;
	margin:20px 5%;
}


.topic ul{
	list-style:none;
}

.topic li{
	float:left;
	margin-right:5%;
}
.topic .discussion{
	width:100%;
	margin:10px 5%;
}

.topic .post{
	width:100%;
	margin:10px 5%;
}
.topic .post textarea{
	width:50%;
	height:120px;
}

.topic .post .button{
	margin:10px 18%;
}

/* favorite */
#favorite{ width:100%; padding-left:15px; }
#favorite ul{min-width:100%; margin:10px; padding:0px; list-style:none;}
#favorite ul li{margin-right:15px;float:left;}

/* help, statement, privacy policy, etc...*/

#aboutus, #statement, #privacypolicy, #copyright, #help, #faq{width:90%;margin-left:5%;}
#aboutus h1, #statement h1, #privacypolicy h1, #copyright h1, #help h1, #faq h1{ font-size:1.1em; margin-bottom:25px;}
#aboutus h2, #statement h2, #privacypolicy h2, #copyright h2, #help h2, #faq h2{ font-size:1.08em; margin:20px auto;}
#aboutus h3, #statement h3, #privacypolicy h3, #copyright h3, #help h3, #faq h3{ font-size:1.06em; margin:15px auto;}

#aboutus h4, #statement h4, #privacypolicy h4, #copyright h4, #help h4,#faq h4{ font-size:1.04em; margin:10px auto;}
#aboutus p, #statement p, #privacypolicy p, #copyright p, #help p, #faq p{margin:5px 3%;}
#aboutus li, #statement li, #privacypolicy li, #copyright li, #help li, #faq li{margin-left:5%;padding:0px;}

div.q, div.a{width:100%; margin:10px auto;}


/* category & gallery */

/* gallery */
h3.gallery{float:left;width:40%;}
*:first-child+html h3.gallery{float:left;font-size:1.2em;width:25%;}
.gallery-header{ float:left;width:45%;margin-bottom:15px;text-align:right; position:relative;top:-5px;}
*:first-child+html .gallery-header{ float:left;width:55%;margin-bottom:15px;text-align:right; position:relative;top:-5px;}
.gallery-header img.prev, .gallery-header img.next{position:relative;top:8px;}
div.gallery-list{ position:relative; }
*:first-child+html div.gallery-list{ min-width:100%;position:relative; clear:left;}
div.gallery-list ul{ padding:0px;list-style:none; }
div.gallery-list ul li{float:left;height:128px;text-align:left;margin-left:0px;}
div.gallery-list ul li div{width:159px;}
div.item-dialog{display:none;width:450px;height:380px;position:absolute;top:15%;left:13%;border:solid 1px #aaa;background;#fff;}
span#maximize img, span#minimize img{position:relative;top:3px;}
div.item-detail{clear:left;padding:0px;margin-top:8px;}
div.item-detail-body{width:300px;height:225px;margin:0px 10px; background:transparent;}
*:first-child+html div.item-detail-body{width:300px;height:225px;margin:0px 10px;float:left;}
div.item-detail-body img{margin:0px;border:solid 1px #ddd;padding:2px;}
#item-info p{width:97%;}
#item-info p span.item-name{float:left;width:75%;}
#item-info p span.item-price{float:left;width:25%;color: rgb(123, 168, 63); text-align: right;}
*:first-child+html #item-info p{min-width:75%;padding:0px;}
*:first-child+html #item-info p span.item-name{min-width:75%;padding:0px;}
*:first-child+html #item-info p span.item-price{float:left;min-width:25%;color: rgb(123, 168, 63); text-align: right;}
div.other-items{width:120px;margin:3px 5px;}
div.other-items ul{padding:0px;list-style:none;height:330px;}
*:first-child+html div.other-items{float:left;margin:3px -1px;padding:0px;position:relative;top:-227px;left:328px;}
*:first-child+html div.other-items ul{padding:0px;list-style:none;height:1px;}
div.other-items ul li{height:81px;padding-bottom:4px;}
div.other-items ul li img{border:solid 1px #ddd;padding:1px;}

/* category */
.category-header{width:100%;margin-bottom:15px;}
.category-header h3{float:left;min-width:68%;}
*:first-child+html .category-header h3{float:left;min-width:68%; font-size:1.2em;}
.category-header select{float:left;position:relative;top:-2px;}
*:first-child+html .category-header select{float:left;position:relative;top:0px;}
.category-right{margin-top:15px;}
*:first-child+html .category-right{margin-top:0px;}
li.category-list{ clear:left;width:100%;height:180px;text-align:left;margin-left:0px; }
div.category-list{float:left;width:20%;min-width:215px;}
img.category-list{ padding:2px;border:solid 1px #aaa; }
img.category-list:hover{border:solid 1px #bc3600; }