/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css,v 1.0 2007/05/07   cairu Exp $
	http://biz.funny.net.tw
   -----------------------------------------------------------------------------------------
   based on: 
   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com 
   (c) 2003	 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org
   (c) 2005	XT-Commerce - community made shopping  http://www.xt-commerce.com
   Copyright (c) 2003 XT-Commerce 
   Released under the GNU General Public License 
   --------------------------------------------------------------------------------------- */
@charset "utf-8";

BODY {font-family: Verdana, Arial, sans-serif;background:#E7E4DC;margin:20px 0 10px;}
img {border:0; vertical-align:baseline;}
A {text-decoration: none;}
A:link {color:#000099;text-decoration: none;font-size:13px;}
A:hover {color:#FF0000;}


FORM {display: inline;}
.block {display: block;}
.spacer {padding:2px;}
.spacer2{border:2px solid #FFFFFF;}

input {padding:0;}
.form-in {border:1px solid #969696;background:#FFFFFF;}

.form-main{padding:0 0 0 10px;}
html>body .form-main{padding:0 5px 0 10px;}

.form-main1{padding:0 0 0 15px;}
html>body .form-main1{padding:0 0 0 10px;}

.ss-main {font-size: 13px; line-height:1.3; color:#666666;}
.s-main {font-size: 13px; line-height: 1.5; color:#555555;}

.main{font-size:15px; line-height:1.5; color:#444444;}
.main{color:#FF0000;}

.n-main{font-size: 16px; line-height: 1.5; color:#333333;}
.l-main {font-size:17px;color:#203B92;font-weight:600;line-height:2.5;letter-spacing:2px;}

/* ---header -- */
.headerNavigation {font-size:12px;line-height:1.8; color:#666666;}
A.headerNavigation {font-size:12px;color:#666666;line-height:1.8;letter-spacing:1px;}
A.headerNavigation:hover {color:#FE7108;}

.menu  {font-size:12px;line-height:2.3;color:#828282;letter-spacing:1px;padding-right:20px;}
.menu A{font-size:12px;line-height:2.3;color:#666666;padding:0 5px;}
.menu A:hover {color:#E8254F;padding:0 5px;}

/*  box  */
.box-title{font-size:15px;line-height:2;padding-top:5px;color:#FFFFFF;letter-spacing:1px;background:url(./img/box/title-icon.gif) no-repeat 8% 50% #ABB403;text-indent:2.2em;}
html>body .box-title{line-height:2.5;padding-top:0px;}
.box-font {color:#333333; font-size:13px;line-height:1.5;padding:5px 10px;}
.box-font a{color:#333333;}
.box-font a:hover{color:#FF0000;}

.best-icon{font-size:13px;color:#CC0033;line-height:1;width:17px;}

/* -- category & topic --*/
.main_category {color:#465F66;font-size:15px;line-height:2;letter-spacing:1px;display:block;}
.main_category  a{color:#333333;}
.main_category  a:hover{color:#FE7108;}

.sub_category a{color:#CC0033;font-size:13px;line-height:1.8;letter-spacing:1px;text-indent:0.9em;display:block;}
.sub_category a:hover{color:#FE7108; font-size:13px;background:#FFFFFF;}

.ss_text {font-size:10px;color:#666666;}

/* -- about product -- */
.product_border{border:1px solid #CCCCCC;padding:5px;}
.product_price {font-size:13px;font-weight:bold; line-height: 1.8; color:#FF3C0B;padding:2px;vertical-align:bottom;}
.product_name {font-size: 13px; color:#8E8E8E; line-height: 1.5;letter-spacing:1px;}
.product_name  a:link {font-size:13px;color:#000099;border-bottom:1px dotted;}
.product_name  a:hover {font-size:13px;color:#CC3333;}
.product_name  a:visited{font-size:13px;}

.topic {font-size:13px;background:url(./img/box/arrow-icon.gif) no-repeat 0 50%;text-indent:1em;}
.topic   a:link {color:#666666;line-height: 1.5;letter-spacing:1px;}
.topic   a:hover {color:#CC3333;border-bottom:1px #CC3333 dotted;}

.news {text-indent:1.3em;background:url(img/modules/news_star.gif) no-repeat 0 40%;}

/* --module title and form --*/
.title{font-size:15px;color:#333333;line-height:2;padding-top:5px;letter-spacing:1px;text-indent:2em;background:url(./img/modules/title-icon.gif) no-repeat 2% 50% #FCE7E2;}
html>body .title{line-height:2.5;padding-top:0px;background:url(./img/modules/title-icon.gif) no-repeat 2% 50% #FCE7E2;}
.title-header {font-size:13px;color:#0066CC;}
.module_title {font-size:13px;background:#E7E4DC;line-height:2.5;text-indent:1em;letter-spacing:1px;}
.checkout-title{font-size:15px;color:#333333;line-height:2;padding-top:5px;letter-spacing:1px;text-indent:1.5em;background:url(./img/modules/title-icon.gif) no-repeat 0 50%;}
html>body .checkout-title{line-height:2.5;padding-top:0px;}
/* formArea  */
TABLE.form , .form {font-size:13px; color:#666666;}
.formArea{padding:3px; color:#4C4C4C;font-size:13px; line-height:1.5;border:1px dotted #CCCCCC;}
.form-bg {padding:5px;font-size:13px;background:#F6F6F6;}
.form-bg2 {padding:7px; font-size:13px; color:#333333;text-align:right;background:#E8E8E8;} 
.form_module1 {font-size:13px; color:#666666;border:3px double #CCCCCC;padding:10px;}

.moduleRow {color:#FE5A00;}
.moduleRowOver {background:#FDEEE5; cursor: hand; color:#666666;}
.moduleRowSelected {background:#FDEEE5; color:#FF3333;}
.nav {font-size: 13px; line-height: 1.5; color:#555555;}
.nav A{color:#444444;}
.nav A:hover{color:#FF0000;}

.smallText{font-size: 13px; line-height: 1.5; color:#555555;}
.smallText A{color:#444444;}
.smallTextA:hover{color:#FF0000;}

.checker_t {font-size:13px;background:#EAEAEA;border:1px solid #DBDBDB; padding:5px 0;color:#333333;text-align:center;}
.checker_m{font-size:13px; padding:5px;color:#5C6C6C;}

.errorBox {font-size:13px; background:#FFF0A0; padding:9px; line-height:1.5; color:#D3458C;border:2px #FF99CC dotted;}

.messageBox {font-size: 13px;}
.messageStackError, .messageStackWarning {font-size:13px;color:#636363;background:#FFF0A0; padding:9px;}
.messageStackSuccess {font-size:13px;color:#636363;background:#FFF0A0; padding:9px;}

.copyright {line-height:1.8;font-size:10px;color:#A8A8A8;text-align:center;}
.copyright A{font-size:10px;color:#A8A8A8;}
