/* -----------------------------------------------------------------------------------------
   $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;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000000;
	background-image: url(img/shop_bg.jpg);
	background-position:right;
    background-attachment:fixed;
	SCROLLBAR-FACE-COLOR: #c8c8c8;
    SCROLLBAR-HIGHLIGHT-COLOR: #c8c8c8;
    SCROLLBAR-SHADOW-COLOR: #c8c8c8;
    SCROLLBAR-3DLIGHT-COLOR: #c8c8c8;
    SCROLLBAR-ARROW-COLOR: #eaeaea;
    SCROLLBAR-TRACK-COLOR: #eaeaea;
    SCROLLBAR-DARKSHADOW-COLOR: #c8c8c8;
    SCROLLBAR-BASE-COLOR: #c8c8c8 
}
.lr_line {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: dashed;
	border-left-style: dashed;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}

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;}

#container {width:900px; max-width:1200px;background-color:#FFFFFF;margin:0 auto;}

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

/* box_category */
.main_category {color:#656565; font-size:13px; line-height:2;padding-left:39px;background:url(./img/icon_arrow.gif) no-repeat 15% 45% #F4F4F4;border-bottom:1px solid #FFFFFF;}
html>body  .main_category {background:url(./img/icon_arrow.gif) no-repeat 15% 52% #F4F4F4;}
.main_category a{color:#656565;}
.main_category a:hover{color:#CC0000;background-color:#FFFFFF;}
.sub_category {color:#52450A; background-color:#F4F4F4;font-size:13px; border-bottom:1px solid #FFFFFF; padding:0 0 0 20px; line-height:2; width:155px;}
.sub_category a:hover{background-color:#FFFFFF;}

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

.menu_1  {height:23px; font-size:12px;color:#666666;padding:0px 20px 5px 0px;}
.menu_1 A{color:#666666;padding:3px;}
.menu_1 A:hover {color:#FFFFFF;background-color:#666666;padding:3px;}

.topic {font-size:13px;border-bottom:1px #CCCCCC dotted;padding:3px 0 3px 5px;background:url(./img/icon_arrow.gif) no-repeat 0 50%;text-indent:0.5em;}
.topic   A:link {color:#666666;line-height: 1.5;letter-spacing:1px;}
.topic   A:hover {color:#0167CC;}

.news {text-indent:1.3em;background:url(img/modules/news_star.gif) no-repeat 0 40%;}

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

/* -- module -- */
.module_title {font-size:16px; line-height:2.5;color:#333333;font-weight:600;background:url(./img/modules/product_info.gif) no-repeat 0 25%;text-indent:1.3em;}
.product_bg{width:310px;background: url(./img/modules/product_bg.jpg) no-repeat;border:1px #D9D9D9 solid;}
.product_img{background-color:#FFFFFF;border:1px #D9D9D9 solid;vertical-align:middle;}
.product_info{font-size: 13px; line-height:1.8; color:#666666;text-indent:1.3em;border-bottom:1px dashed #D9D9D9;background:url(./img/modules/product_info_icon.gif) no-repeat 0 50%;}

/*  ------- 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:46px;font-size:19px; color:#454545; font-weight: bold; background: url(./img/modules/title-img.gif) no-repeat;padding-left:23px;padding-top:10px;}
.title-header{font-size:15px; color:#333399; font-weight:bold;padding:7px;background:#EAEAEA;}
.title-descrip{font-size:13px; color:#A3A3A3;}

.product_price {font-size:12px; line-height: 1.5; color:#CC0000;}
.product_name {font-size: 12px; 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;text-align:center;color:#848484;}
TD.checker_m{font-size:13px; padding:5px;color:#5C6C6C;}
TD.checker_m2{font-size:13px; padding:5px;text-align:center; color:#5C6C6C; background:#F2F2F2;}

.checkbar{color:#4A4A4A;border:1px #CCCCCC solid;}
.checkbar-text{color:#4A4A4A;border:1px #CCCCCC solid;padding:7px;}

/* formArea  */
.formArea{border:1px #C9C9C9 solid;padding:5px; color:#4C4C4C;}
.form-bg {padding:5px; font-size:15px; color:#333333;background-color:#EAEAEA;}
.form {padding:5px; font-size:15px; color:#333333;}

.form-text{font-size: 15px; line-height: 1.5; color:#4C4C4C;border:1px solid #E2E2E2; padding:3px;}

.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: #666666; text-align: center;}
