@charset "utf-8";
/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css,v 1.0 2006/06/12  SUN   
	http://www.meto.com.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 
   --------------------------------------------------------------------------------------- */

body {margin:0px; background-image:url(./img/main/bg.gif); font-family: Arial, Verdana, sans-serif; font-size:13px;}

#frame {margin:0px auto; z-index:1; padding:8px 0px 8px 0px; width:1000px;}
#container {border:5px #FFFFFF solid; background-color:#FFFFFF; padding:12px;}
#header {background-image:url(./img/main/headbg.gif); background-color:#C7DAEB; height:313px; width:962px; background-repeat:no-repeat; }
#menu {float:right; background-image:url(./img/main/head_bg.jpg); background-position:right; width:788px; height:107px;}
#quickMenu {
	float:right;
	background:#EBCB14;
	padding:0px 20px 0px 20px;
	height:24px;
	line-height:24px;
}
#headPic {clear:both; ; width:962px; height:250px; padding:0px;}
#flashMenu {}

#maincontent {margin:3px 0px 8px 0px;}

#boxContent {background-image:url(./img/main/box_bg.jpg); width:200px; background-repeat:no-repeat; background-color:#ffffff;}

#boxTitle {clear:both; padding:10px 0px 5px 8px;}
#boxTitleLeft {float:left;}
#boxTitleRight {float:right;}

#boxBody {clear:both; line-height:25px;}
#boxBodyLeft {float:left;}
#boxBodyRight {float:right;}

#content {background-color:#FFFFFF; width:760px;}
#contentBodyLeft {float:left;}
#contentBodyRight {float:right;}
#contentCenter {clear:both;}

#footer {clear:both; margin-top:8px; background-image:url(./img/main/footer_bg.jpg); width:962px; height:100px; background-repeat:repeat-x;}
#footerBodyLeft {float:left; margin:4px; width:220px;}
#footerBodyCenter {float:left; margin:4x; width:490px; padding-top:10px;}
#footerBodyRight {float:right; margin:4px; width:220px;}

.banner {margin-top:10px;clear: both;}

img {border:0px; vertical-align:baseline;}
A {text-decoration: none; color: #000000;}

TD.quickMenu a{text-decoration: none; color: #006633;}
TD.quickMenu A:hover {color:#000000; text-decoration: underline;}



FORM {display: inline;}
.block {display: block;}
.spacer {padding:2px}
.tableShop {border-left:1px; border-style:solid; border-color: #C7C7D5; margin: 0px 3px 0px 3px;}
.navLeft {border-right: 1px solid #B6B7CB;border-left: 1px solid #C7C7D5;}
.navRight {border-left: 1px solid #B6B7CB;border-right: 1px solid #C7C7D5;}

.input_text INPUT{border:1px solid #999999; font-family:Arial, Helvetica, sans-serif;}

/* module */
.error {margin:10px auto; border:1px solid #FF0000; background-color: #FFEAE8; color:#660000;}

#module_title {padding-bottom:10px;}

#module_list_head_3 {margin:10px auto; height:25px; padding:5px 0px 0px 5px; border-bottom:1px solid #BEC0DC; background-color: #EEEEF9;}
#module_list_body_3 {margin:10px auto; height:25px;}
#module_list_left_3  {width:160px; float:left; padding:0px 10px 5px 10px;}
#module_list_right_3 {width:310px; float:right; padding:0px 10px 5px 10px;}

#module_list_head_4 {margin:10px auto; border-bottom:1px solid #014884; background-color:#d0e8ff; padding:5px 10px 5px 10px; height:20px;}
#module_list_body_4 {margin:10px auto; height:25px;}
#module_list_left_4  {width:160px; float:left;  padding:5px 10px 5px 10px;}
#module_list_right_4 {width:310px; float:right; padding:0px 10px 5px 10px;}

#module_list_head_5 {margin:10px auto; height:25px; padding:5px 0px 0px 5px; border-bottom:1px solid #b8cac0; background-color: #e3eae6;}
#module_list_body_5 {margin:10px auto; height:25px;clear:both;}
#module_list_left_5  {width:200px; float:left;  padding:0px 10px 5px 10px;}
#module_list_right_5 {width:270px; float:right; padding:0px 10px 5px 10px;}

#module_list_body_6 {margin:5px;}


/* box_cart */
#discount  {padding:0px 5px 0px 5px;}
#total     {padding:0px 5px 0px 5px;}
#emptycart {padding:10px 5px 10px 5px; vertical-align:middle;}
#gift      {padding:0px 5px 0px 5px;}

/* box_category */

#main_category {color:#000000; font-size:13px; border-bottom: 1px dashed; border-color: #e1e1e1; line-height:24px; width:168px; height:24px; margin-top:3px;}
#main_category a:hover{background-color:#dde7e8; display: block; }
#sub_category {color:#333333; background-color:#FFFFFF; font-size:13px; border-bottom: 1px dashed; border-color: #e1e1e1; line-height:24px; width:168px; height:24px; margin-top:3px;}
#sub_category a:hover{background-color:#eee7e8; display: block; }

.s-text {font-size:12px; color:#A3A3A3;}

/* box_content */
#box_content_foot {clear:both; background-image:url(./img/boxes/box_content_bg.gif); width:174px; font-size:12px; margin:5px; padding:5px 0px 5px 0px;}

/* center_news */
.center_news {margin:0px 5px 0px 5px; border-bottom:1px #D0b4de dashed; padding:2px 0px 2px 0px;}
.center_news A{color: #000000; display: block;}
.center_news A:hover{background-color:#ffffff;}

/* bonus */
#bonus {color:#990000;}

/* message box */
.messageBox {font-size: 13px; }
.messageStackError, .messageStackWarning {font-size: 13px; background-color: #ffb3b5; }
.messageStackSuccess {font-size: 13px; background-color: #99ff00; }

/* input requirement */
.copyright {font-size: 0px; color: #999999; text-align: center; visibility: hidden; height:0px; line-height:0px;}

/* ThickBox script */
#TB_overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index:100;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#TB_window {
	top: 0px;
	left: 0px;
	position: fixed;
	_position: absolute;
	background: #fff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:10px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:10px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	background-color:#e8e8e8;
}

#TB_ajaxContent{
	padding:2px 15px 15px 15px;
	overflow:auto;
}

#TB_load{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	overflow: visible;
	visibility: visible;
	display: block;
	z-index:101;
}

#TB_loadContent  {
	margin-left: -125px;
	position: absolute;
	top: -50px;
	left: 50%;
	width: 250px;
	height: 100px;
	visibility: visible;
}

#news{
	background-color:#ECF5FF ;
	border:1px #e1e1e1 solid;
	margin:5px;
}

.dhtmlgoodies_question{	/* Styling question */
	clear:both;
	/* Start layout CSS */
	color: #003366;
	font-size:15px;
	font-weight:600;
	line-height:25px;
	height:25px;
	border-bottom:1px #aaa dashed;
}

.dhtmlgoodies_answer{	/* Parent box of slide down content */
	clear:both;
}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:1px;
	font-size:13px;	
}

/*Pausing_scroller scrollers*/

#new_products_scroller{
width: 690px;
height: 135px;
}
.new_products_class{
}
#bestSeller_scroller{
width: 690px;
height: 135px;
}
.bestSeller_class{
}

#manu_scroller{
width: 650px;
height: 100px;
}
.manu_class{
}
	/* ajax with list of options */
	#ajax_listOfOptions{
	
		position:absolute;	/* Never change this one */
		width:175px;	/* Width of box */
		height:250px;	/* Height of box */
		overflow:auto;	/* Scrolling features */
		border:1px solid #317082;	/* Dark green border */
		background-color:#FFF;	/* White background color */
		text-align:left;
		font-size:13px;
		z-index:100;
	}
	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;		
		padding:1px;
		cursor:pointer;
		font-size:0.9em;
	}
	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
		
	}
	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		background-color:#317082;
		color:#FFF;
	}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}

#tabContainer-news{

}

#center_news {
 margin-left:5px;
 padding-left:5px;
 line-height:22px;
}

ul{
	text-align:left;
	margin:0px;
	padding:0px;
}

li{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

li{
 margin:0px;
 padding:0px;
 line-height:0;
 list-style-type:none;
}