/* -----------------------------------------------------------------------------------------
   $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:url(./img/Lisa_bg.jpg) repeat-x #FFFFFF;margin:10px;padding:0;}
img {border:0; vertical-align:baseline;}
A {text-decoration: none; color: #333333;font-size:13px;}
A:hover {color:#CC3333;}

FORM {display: inline;}
.block {display: block;}
.spacer {padding:2px;}

#content{margin:auto;width:835px;border:solid #C0C1B6;border-width:1px 1px 0;background:url(./img/index/header_bg.gif) repeat-x #F3F3F3;}
#header{width:815px;height:70px;padding:0 10px;}
#toplogo {float:left;z-index:auto;top:0;left:5px;width:192px;height:0px;}
#header_r{float:right;text-align:right;}
#header2{width:605px;padding:10px 10px 5px 205px;font-size:13px;color:#666666;}
#container {width:820px;padding:5px 4px 0 5px;}
#box_pos {width:180px;background:#FFFFFF;border:solid #F3F3F3;border-width:0 5px;padding:5px;}
#main {width:475px;padding:0 0 20px;background:#FFFFFF;border:solid #CCCCCC;border-width:1px 0 0 1px;}
#mainfull {width:600px;padding:5px 5px 20px;background:#FFFFFF;border-right:5px solid #F3F3F3;}
#box_right {width:160px;background:#EAEBE5;border-right:1px solid #CCCCCC;border-left:1px solid #CCCCCC;}
#footer {clear:both;width:835px;height:71px;border-top:1px solid #F1EEEB;border-bottom:1px solid #C0C1B6;background:url(./img/seed.gif) no-repeat 100% 100% #FFFFFF;}

.s-main {font-size: 13px; line-height: 1.5; color:#666666;}
html>body .s-main {line-height:1.5;}
.n-main{font-size: 15px; line-height: 1.5; color:#666666;}
.l-main {font-size: 15px; line-height: 1.5; color:#333333;}

/* ---header -- */
.headerNavigation {font-size:13px; color:#666666;}
A.headerNavigation {color:#666666; font-size:13px;}
A.headerNavigation:hover {color:#CC0000;}

.navi {font-size: 13px; color:#505050;padding:3px;}
.navi a{background:#F4F4F4;border:1px solid #D9D9D9; color:#505050;padding:3px;}
.navi a:hover{background:#D9D9D9;color:#505050;padding:3px;}

.menublock_l {padding:0 0 0 5px;background:#505050;}
.menublock_r{float:right;padding-right:5px;background:#505050;}

.menu  {font-size:12px;color:#FFFFFF;padding:5px;background:#505050;}
.menu A{color:#FFFFFF;padding:5px;background:#505050;}
.menu A:hover {color:#FFFFFF;padding:5px;background:#000000;}

/*  box  */
.box_list{position:absolute;z-index:4;font-size:13px;margin-top:-32px;color:#FFFFFF;padding:5px 0 0 10px;line-height:2;
background:url(./img/box/box_categories.gif) no-repeat 0 50%;height:25px;width:165px;}
html>body .box_list{padding:3px 0 0 10px;}
.box_listbg{background:url(./img/box/box_categories_bg.jpg) no-repeat 100% 100% #999999;padding:2px;}
.box_header {font-size:13px;line-height:2.3;color:#CB3300;}
.box_hlogin {font-size:13px;line-height:1.5;padding:0 3px 3px;border:2px solid #FFF;width:100%;background:url(./img/box/box_login.jpg) no-repeat 0 0 #FFF9F9;}
.box_header1 {font-size:13px;line-height:2.3;color:#CB3300;background:url(./img/box/box_bg.jpg) no-repeat 0 0;
border:1px solid #E2E2E2;}
.box_header2  {color:#99695A;font-size:13px;line-height:2.3;background:#D7D8D2;border:solid #CCCCCC;border-width:1px 0;font-weight:500;}
.box-font {color:#333333; font-size:13px;line-height:2;padding:5px 0 0 5px;}
.box-font a{color:#333333;}
.box-font a:hover{color:#990000;}
.box-font a:visited {color:#898989;}
.loginx {border:1px solid #CCCCCC;}

.main_category {color:#333333; font-size:13px;line-height:2;letter-spacing:1px;}
.main_category a{display:block;background:#D9D9D9;padding-left:5px;}
.main_category a:hover{color:#990000;display:block;background:#FFFFFF;}
.main_category a:visited {color:#666666;}
.sub_category a{color:#333333;font-size:13px;line-height:2;letter-spacing:1px;display:block;background:#FFFFFF;}
.sub_category a:hover{color:#990000;display:block;}
.sub_category a:visited {color:#666666;}

.main_topic {color:#333333; font-size:13px;line-height:2;letter-spacing:1px;}
.main_topic a{display:block;border-bottom:1px dashed #FFFFFF;padding-left:1px;}
.main_topic a:hover{color:#990000;display:block;}
.main_topic a:visited {color:#666666;}
.sub_topic a{color:#333333;font-size:13px;letter-spacing:1px;line-height:2;background:#FFFFFF;display:block;}
.sub_topic a:hover{color:#990000;display:block;}
.sub_topic a:visited {color:#666666;}

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

/* -- module -- */
.product_img{background:#FFFFFF;border:1px #CCCCCC solid;padding:4px;}
.product_info{border-bottom:1px dashed #D9D9D9;padding:3px 0 3px 18px;font-size:15px;line-height:1.5; 
background:url(./img/modules/product_info_icon.gif) no-repeat 3px 9px;color:#333333;}
.product_form{padding:0px;}
.product_border{border:1px solid #CCC;padding:3px;}
.product_des {float:left;font-size:13px;color:#333333;background:#EAEAEA url(./img/modules/prod_des_r2.gif) no-repeat 100% 0;padding:5px 10px 2px 10px;;}
html>body .product_des {padding:5px 10px;}
.prod_desinfo{padding:5px;clear:both;border-top:5px solid #D9D9D9;}

.module_title2 {font-size:13px;line-height:2.3;letter-spacing:1px;color:#333333;padding:3px 0 0 30px;background:url(./img/modules/modules-title.gif) no-repeat 2% 43% #ADADAD;}
html>body .module_title2 {background:url(./img/modules/modules-title.gif) no-repeat 2% 50% #ADADAD;padding:0 0 0 30px;}
.module_title1 {font-size:13px;line-height:2.3;letter-spacing:1px;color:#2A2A2A;padding:3px 0 0 30px;background:url(./img/modules/modules-title1.gif) no-repeat 2% 43% #D7D8D2;}
html>body .module_title1 {background:url(./img/modules/modules-title1.gif) no-repeat 2% 50% #D7D8D2;padding:0 0 0 30px;}
.module_title {font-size:13px;line-height:2.3;letter-spacing:1px;color:#2A2A2A;padding:3px 0 0 30px;background:url(./img/modules/modules-title1.gif) no-repeat 1% 50% #D7D8D2;}
html>body .module_title {background:url(./img/modules/modules-title1.gif) no-repeat 1% 50% #D7D8D2;}
.title-header{font-size:15px;line-height:2;color:#684A4A;padding:0 20px;background:url(./img/page_next.gif) no-repeat 0 40%;}

.product_price {font-size:13px; line-height: 1.5; color:#CC0000;font-weight:600;}
.product_name {font-size: 13px; color:#0033CC;}
.product_name  A:link {color:#0033CC;}
.product_name  A:hover {color:#CC3333;}
.product_name  A:visited {color:#800080;}

.checker_t {font-size:13px;background:#F0F0F0;text-align:center;}
.checker_m{font-size:13px; padding:5px;color:#5C6C6C;border-bottom:1px solid #CCCCCC;background:#FFFFFF;}
.checkbar{color:#4A4A4A;border:1px #CCCCCC solid;font-size:13px;background:#FFFFFF;padding:5px;width:122px;text-align:center;}
.checkbar2{color:#4A4A4A;border:1px #CCCCCC solid;font-size:13px;background:#F2F2F2;padding:5px;width:122px;text-align:center;}

/* formArea  */
TABLE.form , .form {font-size:13px; color:#666666;padding:5px;}
.formArea{padding:10px; color:#4C4C4C;font-size:13px; line-height:1.5;background:#FFFFFF;border:1px dotted #CCCCCC;}
.form-bg {padding:5px; font-size:15px; color:#333333;text-align:right;border-bottom:1px dotted #CCCCCC;}
.form-bg2 {padding:5px; font-size:15px; color:#333333;border-bottom:1px dotted #CCCCCC;}
.form-in {border:0px;background:#FFFFFF;border:1px solid #CCCCCC;}
.form_module{font-size:13px; color:#666666;padding:5px;background:#F2F2F2;}
.plain {background:#F2F2F2;border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;}
.rollover {background:#FBEAC8;border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;}

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

.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 {font-size:10px;color:#ADADAD;text-align:center;padding-top:10px;}
.copyright A{font-size:10px;color:#ADADAD;text-align:center;}