@import url(/library/css/simple.css);
@import url(brand.css);

/*
Theme Name:  Green Rubber Tree
Theme URI: http://www.softganz.com
Description: Green Rubber Tree is a 2 column Seti theme. This work is distributed under the terms of the GNU General Public License. Please leave the link in the footer, or donate if you would like to remove it.
Copyright: 2009
Version: 0.1
Author: Panumas Nontapan
Author URI: http://www.softganz.com
Tags: fixed width, simple, clean, two columns, green
Color scheme : http://www.oswd.org/files/designs/3567/grapes
*/

/* @group General */
body {
	font: 10pt/14pt Arial , Tahoma, Verdana, sans-serif;
	background-color: #fff;
	color: #666;
	padding: 0;
	margin: 0;
}
a {color: #24658d;}
a:hover {color: #7F001A;}
a:link, a:visited, a:active, a:hover {text-decoration: none;}
dt a {color:#c60;font-size:1.1em;font-weight:bold;}
dt a:link, dt a:visited, dt a:active, dt a:hover {color:#c60;}
dt a:link {color:#c60;}
dt a:hover {color:#792533;}
dt a:visited {color:#c60;}
fieldset {border:1px gray solid;}
fieldset legend {color:#000;}
h2 {font-size:1.6em;}
h3 {margin:0 0 5px 0;font-size:1.3em;color:#3F2214;font-weight:normal;}
h4 {font-size:1.2em;}
.spamword {color:#f00;font-weight:bold;font-size:1.5em;}
h2.title {
	margin:0;
	padding:4px 20px 4px 22px;
	font-weight:normal;
	font-style:italic;
	background:#F4F4F5;
	border:1px #ccc solid;
	border-top:none;
	-moz-border-radius:0 0 5px 5px;
}
h2.title {
	margin-bottom:10px;
	color:#333;
	background:#F4F4F5 url(star_icons10.gif) left center no-repeat;
}
h2.header {
	text-align:right;
	font-style:italic;
}
h3.title {padding-left:36px;line-height:32px;background:url(arrow-big.png) left center no-repeat;}
fieldset {-moz-border-radius:15px;}

/* @end */

#no-ie6 a {
	margin:0;
	display:block;
	background:#FDE994 ;
	height:15px;
	padding:2px;
	text-align:center;
	color:#C70000;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
 }
/* @group Header */
#page-wrapper {
	width: 900px;
	margin:0 auto;
}
#header-wrapper {
	height:138px;
	padding:0;
	margin:0;
	background:url(banner.png) left top no-repeat;
}
#header-wrapper h1 {
	width:130px;
	height:100px;
	margin:0;
	padding:0;
	float:left;
	text-indent:-999em;
}
#header-wrapper h1 a {
	height:100px;
	padding:0;
	display:block;
}
.web-slogan {
	width:470px;
	padding:0;
	font-size:12px;
	color:#679E2D;
	font-style:italic;
	position:absolute;
	top:25px;
	margin-left:300px;
	display:none;
}
/* @end */

/* main-nav */
ul#main-nav {
	width:760px;
	height:35px;
	float:left;
	margin:10px 0 0 0;
	padding:0;
	font-size:11px;
	line-height:11px;
	list-style-type:none;
	text-align:right;
}
ul#main-nav li {
	padding-right:4px;
	padding-left:2px;
	display:inline;
	border-right:1px #ddd solid;
}
ul#main-nav li.last {border-right:none;}
ul#main-nav input.form-text , ul#main-nav input.form-password {
	width:66px;
	height:18px;
	margin:0;
	padding:2px 7px 0;
	font-size:12px;
	line-height:12px;
	background:url(small_input_bg.png) left center no-repeat;
	border:none;
}
ul#main-nav .button-signin {
	width:33px;
	height:19px;
	margin:0;
	padding:0;
	text-indent:-999em;
	text-align:left;
	background:transparent url(signin_bg.png) left 2px no-repeat;
	border:none;
}
ul#main-nav form,ul#main-nav .form-item {display:inline;}
ul#main-nav label , ul#main-nav #edit-cookielength {display:none;}
ul#main-nav ul {margin:0;padding:0;}
ul#main-nav form#signin ul.signform-extend {margin:10px 0 0 0;}
ul#main-nav form#signin ul.signform-extend li.first {display:none;}
/* @end */

/* top navigator */
ul#navigator {
	width:700px;
	height:22px;
	margin:5px 0 0 0;
	padding:0 0 0 60px;
	font-size:13px;
	line-height:22px;
	list-style-type:none;
	float:left;
}
ul#navigator li {
	margin:0;
	padding:0 0px 0 0px;
	display:inline;
	border-right:1px #ddd solid;
}
ul#navigator li.last {border-right:none;}
ul#navigator li a {
	padding:0px 10px;
	text-decoration:none;
	color:#24658d;
	font-weight:normal;
}
ul#navigator a:hover {
	text-decoration:none;
	color:#7F001A;
}
ul#navigator li.active a {
	color:#f60;
	text-decoration:underline;
}
ul#navigator form {
	margin:0;
	padding:0;
	display:inline;
}
.form-search {
	width:140px;
	height:18px;
	margin:0;
	padding:0 20px 0 10px;
	line-height:22px;
	color:#999;
	border:1px #999 solid;
	-moz-border-radius:10px;
	overflow:hidden;
}
/* @end */

/* @group sub-navigator */
ul#sub-navigator {
	width:700px;
	height:16px;
	margin:0 0 0 210px !Important;
	margin:-28px 0 10px 210px;
	padding:0;
	font-size:11px;
	line-height:14px;
}
ul#sub-navigator li {
	display:inline;
}
ul#sub-navigator li.last { border-right:none;}
ul#sub-navigator a {
	padding-left:10px;
	padding-right:5px;
	background:url(navShop_v1.png) -140px -534px no-repeat;
}
/* @end */

/* @group sub-header */
#sub-header {
	height:38px;
	clear:both;
	font-size:9pt;
	line-height:38px;
	background:#FDE994 url(navShop_v1.png) 0 -560px repeat-x;
	color:#333;
	border-left:1px #FCD13C solid;
}
#sub-header h2 {
	width:180px;
	height:38px;
	margin:0 20px 0 0;
	padding:0 0 0 10px;
	font-size:13px;
	font-weight:bold;
	background:url(navShop_v1.png) left -270px no-repeat;
	color:#fff;
	line-height:38px;
	float:left;
}
#sub-header a {color:#333;}
#sub-header a:hover {color:#555;}
#sub-header ul {
	height:38px;
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
}
#sub-header li {
	display:inline-block;
	float:left;
	margin-right:10px;
}
#sub-header form {
	width:370px;
	height:38px;
}
#sub-header input,#sub-header select {
	margin:0 5px;
	font-size:12px;
	border:1px #ccc solid;
	height:20px;
}
#sub-header .form-search {
	width:100px;
	height:18px;
	margin-top:0px;
	border:1px #f90 solid;
}
#sub-header .button {
	width:30px;
	height:38px;
	background:url(navShop_v1.png) 0 -475px no-repeat;
	border:none;
	text-indent:-999em;
	vertical-align:middle;
}

#sub-header .register {
	width:87px;
	padding-left:10px;
	background:url(navShop_v1.png) 0px -398px no-repeat;
	overflow:hidden;
}
#sub-header .register a {
	display:block;
	font-weight:bold;
	color:#fff;
}
#sub-header .register span {
	padding:0;
	display:block;
	background:url(navShop_v1.png) -93px -398px no-repeat;
}

#sub-header .cart {
	padding-left:10px;
	background:url(navShop_v1.png) 0px -398px no-repeat;
}
#sub-header .cart a {
	padding-left:32px;
	display:block;
	color:#fff;
	font-weight:bold;
	background:url(navShop_v1.png) -80px -465px no-repeat;
}
#sub-header .cart span {
	padding:0 10px 0 0;
	display:block;
	background:url(navShop_v1.png) -93px -398px no-repeat;
}
#sub-header .end {
	width:5px;
	height:38px;
	margin:0;
	border-right:1px #FCD13C solid;
/*	background:url(navShop_v1.png) -46px -475px no-repeat;*/
	float:right;
}
/* @end */

/* @group Content */
#content-wrapper {
	clear:both;
}
#primary {
	margin:0px 0 0 0;
	padding:0;
}
/* @end */

/* @group Sidebar */
#secondary {
	clear:both;
}
#secondary h2 {
	height:38px;
	margin:0;
	padding:0 0 0 10px;
	font-size:13px;
	font-weight:bold;
	background:#f08705 url(navShop_v1.png) left -270px no-repeat;
	color:#fff;
	line-height:38px;
}
#secondary ul.main-menu {
	padding: 5px 0 5px 20px;
	margin: 0 0 18px;
	border:1px #ccc solid;
	border-top:none;
	line-height:24px;
}
#secondary ul.main-menu li {padding: 0; margin: 0;}
#secondary ul.main-menu li a { }
#secondary ul.main-menu li a:active {color: #1d2d47;}

#secondary #signin {
	padding:0 5px;
	background:#eee;
	border:1px #ccc solid;
}
#secondary .member-zone {
	margin:0;
	padding:5px 0 5px 20px;
	background:#eee;
	border:1px #ccc solid;
	line-height:24px;
}
/* @end */
#content-footer {
	clear:both;
}
/* @end */

#online {margin:0 10px;text-align:left;}
/* @group Footer */
#footer-wrapper {
	clear:both;
	padding:5px 0;
	color: #333;
	font-size: 11px;
	margin: 10px 0;
	text-align:center;
	background:#F4F4F5;
	border:1px #ccc solid;
	-moz-border-radius:7px;
}
#footer-wrapper p {margin: 0;padding:0;}
#footer-wrapper a {color: #111;}
#footer-wrapper a:hover {color: #666;}
#footer-wrapper ul {margin:0;padding:0;text-align:right;}
#footer-wrapper ul li {display:inline;}
#footer-wrapper #privacy {margin-top:10px;padding-top:10px;clear:both;text-align:center;border-top:1px #ccc solid;}
#footer-wrapper #copyright {margin-top:10px;padding-top:10px;clear:both;text-align:center;border-top:1px #ccc solid;}
/* @end */

/* @group content */
div#ribbon-toolbar {margin:10px;}
/* @end */

#home-sticky {
	width:250px;
	float:right;
	padding:0;
	background:#EFF8FF;
	border:1px #D1E2EF solid;
	-moz-border-radius:12px;
}
#home-sticky h3.header {
	padding:2px 0;
	border-bottom:1px #D1E2EF solid;
	text-align:center;
}
#home-sticky h3.title {
	padding:4px 0;
	text-align:center;
	background:none;
}
#home-sticky .timestamp , #home-sticky .footer {display:none;}
#home-sticky div {margin:0 5px;}

#ibuy-sticky h3.header {height:50px;margin:20px 0;background:url(title.png) 0 0 no-repeat;text-indent:-999em;}
#ibuy-sticky h3.title {margin-left:20px;}
#ibuy-sticky img.image {width:300px;}
#ibuy-sticky .timestamp , #ibuy-sticky .footer {display:none;}
#ibuy-sticky .topic-list-item {clear:left;}

#ibuy-new h3.header {height:50px;margin:20px 0;background:url(title.png) 0 -50px no-repeat;text-indent:-999em;}
#ibuy-new ul.topic-list li {
	width:24%;
	margin:0;
	padding:0 0 20px 0;
	display:block;
	float:left;
	text-align:center;
}
#ibuy-new ul.topic-list img.image {
	width:180px;
	height:120px;
	display:block;
	margin:0 auto;
	float:none;
}
#ibuy-new span {display:none;}

#ibuy-list h3.header {height:50px;margin:0 0 10px 0;background:url(title.png) 0 -100px no-repeat;text-indent:-999em;}

.content {position:relative;}
.content h2.header {padding:4px 0;font-weight:normal;position:absolute;right:15px;font-size:13px;}

/* @group ibuy */
.paper-content-ibuy div.photo {
	width:300px;
	margin:0px 40px 0 0;
	padding-bottom:100px;
	float:left;
	overflow:hidden;
	background:transparent url(no-photo.jpg) left top no-repeat;
}
.paper-content-ibuy div.photo img {
	width:300px;
	margin:0 auto 20px;
	border:none;
	display:block;
}
.paper-content-ibuy div.photo-multiple img.photo-wide {width:300px;height:auto;}
.paper-content-ibuy div.photo-multiple img.photo-tall {width:300px;height:auto;}
.paper-content-ibuy div.photo li {width:100%;float:none;}

.paper-content-ibuy div.detail {
	width:300px;
	margin:0 20px 0 0;
	clear:none;
	float:left;
}
.paper-content-ibuy div.relate-topics {
	width:230px;
	margin-top:10px;
	float:right;
}
.paper-content-ibuy div.relate-topics h3 {
	padding:5px;
	text-align:center;
	background:#F4F4F5;
	border:1px #ccc solid;
	-moz-border-radius:7px;-webkit-border-radius:7px;
}
.paper-content-ibuy div.relate-topics li {
	height:100px;
	margin:5px 0;
	background:#F4F4F5;
	border:1px #ccc solid;
	overflow:hidden;
}	
.paper-content-ibuy div.relate-topics .timestamp {display:none;}

.paper-content-ibuy div.footer {
	clear:both;
}
#ibuy-category-ribbon {
	height:20px;
	margin-left:340px;
	border:1px #ccc solid;
	-moz-border-radius:7px;-webkit-border-radius:7px;
}

.paper-content-ibuy .comment {width:500px;}
.paper-content-ibuy #edit-comment {width:500px;}

.ibuy-category-nav {
	margin:10px 0;
	font-weight:bold;
}
.ibuy-price {
	margin:10px 0 20px 0;
	padding:10px;
	border:1px #f60 solid;
	background:#FFF5EF;
}
.ibuy-specification {
	margin:10px 0;
	padding:5px 10px;
	border:1px #AED2EE solid;
	-moz-border-radius:7px;
	background:#fefefe;
}
.ibuy-listprice-text , .ibuy-retailprice-text , .ibuy-balance-text {text-align:right;}
.ibuy-listprice-discount {text-decoration:line-through;}
.ibuy-retailprice {font-size:1.3em;color:#f60;}
/* @end */

/* ibuy post form */
#edit-topic-listprice , #edit-topic-retailprice , #edit-topic-resalerprice , #edit-topic-balance {text-align:right;padding-right:0.5em;}
/* @end */

table.item {width:100%;margin:1px 0 10px 0;border:1px #ccc solid;-moz-border-radius:7px;}
.item caption {margin:2px 0;padding:4px;font-size:1.1em;color:#333;font-weight:bold;background-color:#ddd;-moz-border-radius:7px;}
.item thead th {font-size:9pt;background-color:#eee;-moz-border-radius:7px;}
.item .odd {background-color:#fafafa;}
.item .even {background-color:#f5f5f5;}
.item td,th {padding:2px;}

.col-no {text-align:center;}
.col-no:after {content:".";}
.col-detail {white-space:nowrap;}

/* @group ibuy-cart-add */
a.ibuy-cart-add {
	margin:20px 0;
	width:176px;
	height:29px;
	line-height:29px;
	display :inline-block;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background:url(navShop_v1.png) -2px -402px no-repeat;
	-moz-border-radius:7px;
}
a.ibuy-cart-add:hover {
	color:#F5AE55;
}

.price-franchise {font-weight:bold;}
.total {font-weight:bold;}
td.col-money {padding-right:10px;text-align:right;}
.col-status {text-align:center;}
.col-amt {text-align:center;}
.col-date {text-align:center;white-space:nowrap;}
.col-province {white-space:nowrap;}
.col-percent {text-align:center;}

.status-0 {color:#f00;}
.status-10 {color:#f60;}
.status-20 {color:#fa0;}
.status-30 {color:#008DBF;}
.status-40 {color:#1CBF00;}
.status-50 {color:#9200BF;}

.item .franchise {color:#004F03;}

.tabs-process {
	margin:20px 0;
	padding:0;
}
.tabs-process li {
	margin:0px;
	padding:0;
	width:14%;
	display:inline-block;
	text-align:center;
	float:left;
}
.tabs-process span {
	padding:2px 0px;
	padding-bottom:20px;
	display:block;
	background:url(/library/img/go-down.png) center bottom no-repeat;
}
.tabs-process li input {
	display:block;
	text-align:center;
	margin:10px auto;
}
#ibuy-confirm .form-item {clear:both;}

.ibuy-cart {
	width:230px;
	margin:10px 0 20px 0;
	padding:5px 0;
	float:right;
	text-align:center;
	font-size:1.2em;
	background:#E4F3FA;
	border:1px #5C9CBD solid;
	-moz-border-radius:10px;
}
.ibuy-cart input {font-size:1.1em;}
.ibuy-cart label {display:inline;}
.ibuy-status-order {width:70%;float:left;clear:left;}
.ibuy-status-log {width:29.9%;float:right;}
.ibuy-status-log:after {
	content:  " ";
	display:  block;
	clear:  both;
}
#content-ibuy_status h3 {clear:both;}
fieldset#product_info {
	width:47%;
	float:left;
}
fieldset#product_detail {
	width:47%;
	float:right;
}
fieldset#edit-product_detail .description {display:none;}
.tabs_input {clear:both;}

#franchise-condition {height:100px;padding:10px;border:1px gray solid;background:#eee;overflow:auto;-moz-border-radius:15px 0 0 15px;}
#resaler-condition {height:115px;padding:10px;border:1px gray solid;background:#eee;overflow:auto;-moz-border-radius:15px 0 0 15px;}
fieldset#user_info {width:47%;float:left;-moz-border-radius:15px;}
fieldset#member_info {width:47%;float:right;-moz-border-radius:15px;}
fieldset#shop_info {width:47%;float:left;clear:left;-moz-border-radius:15px;}
fieldset#payment_info_standard , fieldset#payment_info_kiosk {width:47%;float:right;-moz-border-radius:15px;}
fieldset#condition_info {width:47%;float:right;-moz-border-radius:15px;}
#edit-register-help {clear:both;}
#form-item-edit-condition {clear:both;-moz-border-radius:15px;}
#form-item-edit-franchise-submit {text-align:center;}
fieldset#shop_other {width:47%;float:right;}

 
#content-ibuy div.topic-list {width:48%;height:120px;margin:0;padding:0;float:left;overflow:hidden;}
#content-ibuy div.topic-list .timestamp , #content-ibuy div.topic-list .footer {display:none;}
#content-ibuy div.topic-list img.image {width:120px;height:60px;}
#content-ibuy div.topic-list .summary {height:60px;overflow:hidden;}
#content-ibuy div.topic-list .title {height:30px;padding:0 0 0 22px;overflow:hidden;background:url(star_icons10.gif) left 8px no-repeat;}

.ibuy-order-description {
	width:49.7%;
	margin:2px 0;
	float:left;
	background:#FFF3CA;
	border:1px #FCD13C solid;
	-moz-border-radius:7px;
}
.ibuy-order-description p {margin:10px;}
.ibuy-order-remark {
	width:49.7%;
	margin:2px 0;
	float:right;
	background:#FFF3CA;
	border:1px #FCD13C solid;
	-moz-border-radius:7px;
}
.ibuy-order-remark p {margin:10px 10px 0 10px;}
#ibuy-order-remark {margin:0px 10px 10px 10px;}

#ibuy-shop-detail {
	width:500px;
	float:left;
}
#ibuy-shop-map {
	width:400px;
	float:left;
}

#ibuy-franchise-market {width:49.5%;float:left;}
#ibuy-franchise-no-market {width:49.5%;float:right;}

/* @group ibuy-product-list */
h4 {margin:0;padding:0;}
#ibuy-product-list {
	list-style-type:none;
	margin:0;
	padding:0;
}
#ibuy-product-list li {
	margin:0 2% 10px 100px;
	padding:10px 0;
	background:#F4F4F5;
	border:1px #ccc solid;
	-moz-border-radius:7px;
}
#ibuy-product-list li a.title {
	display:block;
	font-size:12pt;
	margin-left:100px;
}
#ibuy-product-list .poster , #ibuy-product-list .time_stamp , #ibuy-product-list .stat {
	display:none;
}
#ibuy-product-list img.image {
	width:80px;
	height:50px;
	margin:-20px 10px 0 10px;
}

#ibuy-product-list li.brand {
	width:90px;
	height:100px;
	margin-left:0;
	border:none;
	background:#fff;
	-moz-border-radius:0;
	position:absolute;
}
#ibuy-product-list li.brand h3 {
	height:100px;
	padding:0px;
	text-align:center;
	background-position:center 20px;
	background-repeat: no-repeat;
}
#ibuy-product-list p {margin:5px;padding:0 20px;}
#ibuy-product-list big {color:#f60;}
/* @end */

/* @group ibuy-category */
.ibuy-category {
	margin:0;
	padding:0 0 0 15px;
}
.ibuy-category ul {
	margin:0 0 0 15px;
	padding:0;
	font-weight:normal;
}
.ibuy-category ul ul {
/*	display:none;*/
}
.ibuy-category li.active {font-weight:bold;}
/* @end */

#ibuy-proceed .button-confirm {font-size:1.4em;}

@media print {
	#header-wrapper {height:4em;overflow:hidden;}
	#header-wrapper h1 {width:100%;float:none;text-align:left;font-style:italic;font-size:2em;line-height:2em;text-indent:0;background:#fff;}
	#main-nav , #sub-navigator , #sub-header {display:none;}
	.ibuy-status-order {width:100%;float:none;clear:both;}
	.ibuy-status-log {width:100%;float:none;clear:both;}
	#payment-list,#order-list {display:none;}
	#footer-wrapper {display:none;}
	form#ibuy-confirm {display:none;}
	.package-footer {display:none;}
	#content-ibuy h2.title {display:none;}
	input#ibuy-order-remark-button {display:none;}
	#ibuy-category-ribbon,.ibuy-cart,#paper-footer,.relate-topics, .footer {display:none;}
}