/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css,v 1.0 2006/12/28   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:url(./img/Bonnie_bg.gif) repeat-x;margin:0;padding:0;}
img {border:0; vertical-align:baseline;}
A {text-decoration: none; color: #000000;}
A:hover {color:#CC3333;}

FORM {display: inline;}
.block {display: block;}
.tableBody {padding-left:5px; padding-right:5px;}
.spacer {padding:2px;}

.headerNavigation {font-size:13px; color:#777777;}
A.headerNavigation {color: #777777; font-size: 13px;}
A.headerNavigation:hover {color:#C95103;}

/* ---- box -- */
.box_header {font-size: 13px;line-height:2.5;color:#333333;background:#CBCBCB;height:30px;padding-left:15px;}

/* box_category */
.main_category {color:#333333; font-size:13px; background:#D6E9FF;border-bottom:1px solid #FFFFFF;line-height:2;letter-spacing:1px; width:190px;}
.main_category a{color:#3333CC;display: block;}
.main_category a:hover{color:#CC0000;}
.sub_category {color:#52450A; background:#FFFFFF;font-size:13px; border-bottom:1px dashed #CCCCCC; line-height:2;letter-spacing:1px; width:190px;}
.sub_category a:hover{width:176px;display: block;}
.cate_text{font-size:12px;color:#3333CC;}

/* box_topic */
.main_topic {color:#333333; font-size:13px; background:#FCE3EE;border-bottom:1px solid #FFFFFF;line-height:2;letter-spacing:1px; width:190px;}
.main_topic a{color:#333333;display: block;}
.main_topic a:hover{color:#CC0000;}
.sub_topic {color:#52450A; background:#FFFFFF;font-size:13px; border-bottom:1px dashed #CCCCCC; line-height:2;letter-spacing:1px; width:190px;}
.sub_topic a:hover{width:176px;display: block;}

.ss_text {font-size:11px;color:#656565;}

.menu_1  {font-size:12px;color:#FFFFFF;}
.menu_1 A{color:#FFFFFF;padding:3px;}
.menu_1 A:hover {color:#FF0000;padding:3px;}

/* ---- box -- */
.box_head {font-size: 13px; vertical-align:middle;padding-left:5px;color:#333333;}

/* -- module -- */
.module_title {font-size:13px; line-height: 1.5;color:#333333;background:#CCE5FF;}
.product_bg{background: url(./img/modules/product_bg.jpg) no-repeat;}
.product_img{background-color:#FFFFFF;border:1px #D9D9D9 solid;vertical-align:middle;}
.product_info{border-bottom:1px dashed #D9D9D9;padding:3px;vertical-align:middle;font-size: 15px; line-height: 1.5; color:#333333;}

/*  ------- text -------  */
.ss-main {font-size: 12px; line-height: 1.5; color:#848484;}
.s-main {font-size: 13px; line-height: 1.5; color:#666666;}
.main {font-size: 15px; line-height: 1.5; color:#333333;}
.l-main {font-size: 16px; line-height: 1.5; color:#333333;}
.ll-main {font-size: 18px; line-height: 1.5; color:#666666;}

.title {height:45px;font-size:17px; color:#454545; font-weight: bold; background: url(./img/modules/title-img.gif) no-repeat;padding-left:23px;line-height:3;}
.title-header{font-size:15px; color:#666666; font-weight:bold;border-left:20px solid #666666;}
.title-descrip{font-size:13px; color:#666666;}

.product_price {font-size:13px; line-height: 1.5; color:#CC0000;}
.product_name {font-size: 13px; line-height: 1.5; color:#0000CC;}
.product_name  A:link {line-height: 1.5; color:#3333CC;}
.product_name  A:hover {line-height: 1.5; color:#CC3333;}
.product_name  A:visited {line-height: 1.5; color:#666666;}

TD.checker_s{font-size:12px; padding:3px;background:#F2F2F2;color:#848484;line-height:2;border:solid #CCCCCC;border-width:2px 0 1px 0;}
TD.checker_m{font-size:13px; padding:5px;color:#5C6C6C;border-bottom:1px solid #CCCCCC;}
TD.checker_m2{font-size:13px; padding:5px;text-align:center; color:#5C6C6C;border-bottom:1px solid #CCCCCC;}

.checkbar{color:#4A4A4A;border:1px #CCCCCC solid;font-size:15px;border:1px #CCCCCC solid;background:url(./img/modules/checkbar-bg.gif) no-repeat 0% 0% #F2F2F2;padding:5px;}
.checkbar2{color:#4A4A4A;border:1px #CCCCCC solid;font-size:15px;border:1px #CCCCCC solid;background:url(./img/modules/checkbar-bg2.gif) no-repeat 0% 0% #F2F2F2;padding:5px;}
.checkbar-text{color:#4A4A4A;padding:7px;}

/* formArea  */
TABLE.form {background:#F7F7F7;border:1px solid #CCCCCC;padding:20px;width:615px;}
.formArea{border:1px #C9C9C9 solid;padding:5px; color:#4C4C4C;}
.form-bg {padding:5px; font-size:15px; color:#333333;background:#EAEAEA;}
.form-bg2 {padding:5px; font-size:15px; color:#333333;background:#FFFFFF;}
.form-text{font-size: 15px; line-height: 1.5; color:#4C4C4C;border:1px solid #E2E2E2; padding:3px;background:#FFFFFF;}
.form-in {border:2px solid #6699CC;background:#FFFFFF;}

.moduleRow {font-size:15px; color:#666666;}
.moduleRowOver {background-color:#FFE8E8; cursor: hand; font-size:15px; color:#666666;}
.moduleRowSelected {background-color:#FFE8E8; font-size:15px; color:#FF3333;}

.errorBox {font-size:13px; background:#FFDBDB; padding:9px; line-height:1.5; color:#D3458C;border:2px #FF99CC dotted;}
.orderEdit {font-size:12px; color:#70d250; text-decoration:underline;}

/* message box */
.messageBox {font-size: 13px;}
.messageStackError, .messageStackWarning {font-size:13px;color:#636363;background-color:#FFDBDB; padding:9px;}
.messageStackSuccess {font-size:13px;color:#636363;background-color:#FFDBDB; padding:9px;}

/* input requirement */
.copyright {font-size:10px; color:#CCCCCC;display:block;background:#F0F0F0;}
.copyright A{color:#CCCCCC;}