/* -----------------------------------------------------------------------------------------

   $Id: stylesheet.css,v 1.1 2003/09/11 19:05:05 oldpa Exp $   



   TWE-Commerce - community made shopping

   http://www.oldpa.com.tw



   Copyright (c) 2003 TWE-Commerce 

   -----------------------------------------------------------------------------------------

   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



   Released under the GNU General Public License 

   ---------------------------------------------------------------------------------------*/



/* This is the outline round the main forum tables */

.forumline{background:#222222;border:0}



/*forget password text */

.remark{color:#ff0000;font-size:12px}



/*login-box */

.login-title{font-size:11px;color:#FF8B3E;font-weight:bold}

.login-text{

 font: 15px;

 font-family: Tahoma;

 color:#59E58C;

 font-weight:bold}

 

.login-body{font-size:10px;color:#ffffff}

.login-body2{font-size:12px;color:#ffffff}

.login-body-text{font-size:12px;color:#ffffff;line-height:20px;letter-spacing:1px}

.login-body3{font-size:12px;color:#FF8B3E;}

.login-body4{font-size:12px;color:#ffffff;background:#000000;font-weight:bold}

.login-body5{font-size:12px;color:#59E58C;text-decoration:underlin;letter-spacing:1px}

.header-title-r{font-size:12px;color:#FF8B3E;letter-spacing:1px}

.header-title{font-size:12px;color:#999999;}



.index-body{

@background: #000000;

@color: #ffffff;

@margin: 0px;}



.gensmall{font:10px Verdana,Arial,Helvetica,sans-serif;color:#cccccc}

.gensmall-underline{font-size:10px;color:#999999;text-decoration:underlin}



/*link-box backgroup */

.linkbox{font-size:13px;color:ffffff;letter-spacing:1px}

.linkbg{background:#009999}



/*new product text */

.prod{background:#ffffff}

.prod-text{font-size:12px;color:#000000;background:#ffffff}

.prod-price{font-size:12px;color:#FF0066;font-weight:bold;background:#ffffff}

.prod-line{background:#59E58C}

.postbody{font-size:12px;line-height:20px;color:#D4D4D4;letter-spacing:1px}

.paybody{font-size:11px;line-height:18px;color:#D4D4D4;letter-spacing:1px}

.postbody-r{font-size:12px;line-height:20px;color:#FF8B3E;letter-spacing:1px}

.postbody-w{font-size:12px;line-height:20px;color:#ffffff;letter-spacing:1px}



/*toptitle-b text */

.top-b{font-size:12px;color:#000000}

.top-w{font-size:12px;color:#ffffff}

.marquee{font-size:12px;color:#ff9900}



/*title text blod */

.title{font-size:13px;color:#ffffff;line-height:20px;letter-spacing:1px}

.product-title{font-size:12px;color:#59E58C;line-height:20px;letter-spacing:1px;font-weight:bold}



/*top5 text */

.top5-title{font:15px Verdana,Arial,Helvetica,sans-serif;color:#ff6600}

.top5-text{font-size:12px;line-height:20px;color:#D4D4D4}

.news-title{font:13px;color:#ff6600;line-height:20px;letter-spacing:1px}

.index-footer{font:10px;color:#666666;line-height:20px;letter-spacing:1px}

.index-footer2{font:12px;color:#59e58c;line-height:20px;letter-spacing:1px}





.boxText_old {

	font-family: Verdana, Arial, sans-serif;

	font-size: 10px;

	background-color: #DCDCDC;

	border: 1px solid #ECCA79;

	text-indent: 0pt;

	color: Black;

}



.boxText_print {

	font-family: Verdana, Arial, sans-serif;

	font-size: 10px;

	text-indent: 0pt;

	color: #000000;

}



.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: Red; font-weight: bold; }

.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #FF0000;  font-weight: bold;  }

.productsNotifications { background: #FF9900; }

.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #DC143C; text-decoration: underline;  font-style: italic;  }



BODY {

  background:#000000 ;

  color:#ffffff;

  font:12px Verdana,Arial,Helvetica,sans-serif;

  margin:0px;padding:0;

  letter-spacing:1pt;

  background-repeat: no-repeat;

	scrollbar-face-color: #929292;

	scrollbar-highlight-color: #000000;

	scrollbar-shadow-color: #EFE7EF;

	scrollbar-3dlight-color: #EEE7EF;

	scrollbar-arrow-color: #006699;

	scrollbar-track-color: #929292;

	scrollbar-darkshadow-color: #000000;}



A.index-footer {

  font-size: 12px;

  color: #59e58c;

  text-decoration: none;

}



A.index-footer:hover {

  font-size: 12px;

  color: #59e58c;

  text-decoration: none;

}

A {

  color: #ffffff;

  text-decoration: none;

}



A:hover {

  color: #59e58c;

  text-decoration: none;

}



FORM {

	display: inline;

}



TR.header {

  background: #ffffff;

}



TR.headerNavigation {

  background: #F6F6F6;

}



TD.headerNavigation {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  background: transparent;

  color: #3322B2;

  font-weight : normal;

            }



A.headerNavigation { 

  color: #ffffff; 

}



A.headerNavigation:hover {

  color: #59e58c;

}



TR.headerError {

  background: #ff0000;

}



TD.headerError {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 15px;

  background: #ff0000;

  color: #ffffff;

  text-align : center;letter-spacing:1px

}



TR.headerInfo {

  background: #00ff00;

}



TD.headerInfo {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 12px;

  background: #00ff00;

  color: #ffffff;

  font-weight: bold;

  text-align: center;

}



TR.footer {

  background: #bbc3d3;

}



TD.footer {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

    background: #F6F6F6;

  color: #000000;

  font-weight : normal;

}

.footer {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

    background: #F6F6F6;

  color: #000000;

  font-weight : normal;

}



.infoBox {

  background: #;

}



.infoBoxContents {

  background: #ffffff;

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



.infoBoxNotice {
background:#FF0000;
color:#FFFFFF;

}



.infoBoxNoticeContents {

  background: #FFE6E6;

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



TD.infoBoxHeading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  font-weight: bold;

  background: White;

  color: #DAA520;

  border-bottom: 1px solid;

  border-color: #b6b7cb;

  text-align: center;

  }



TD.line {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  border-top: 1px solid dashed;

  border-color: #b6b7cb;

  }



TD.line-buttom {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  border-bottom: 1px solid dashed;

  border-color: #b6b7cb;

  }



TD.infoBox, SPAN.infoBox {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {

  background: #f8f8f9;

}



TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {

  background: #f8f8f9;

}



TABLE.productListing {

  border: 1px;

  border-style: solid;

  border-color: #b6b7cb;

  border-spacing: 1px;

}



.productListing-heading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  background: #b6b7cb;

  color: #FFFFFF;

  font-weight: bold;

}



TD.productListing-data {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



A.pageResults {

  color: #0000FF;

}



A.pageResults:hover {

  color: #0000FF;

  background: #FFFF33;

}



TD.pageHeading, DIV.pageHeading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 16px;

  font-weight: bold;

  color: #000000;

}



TR.subBar {

  background: #f4f7fd;

}



TD.subBar {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  color: #000000;

}



TD.main, P.main {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  line-height: 2;

  color:#ffffff;

  background:#000000

}



TD.smallText, SPAN.smallText, P.smallText {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



TD.accountCategory {

  font-family: Verdana, Arial, sans-serif;

  font-size: 13px;

  color: #aabbdd;

}



TD.fieldKey {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  font-weight: bold;

}



TD.fieldValue {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

}



TD.tableHeading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  font-weight: bold;

}



SPAN.newItemInCart {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  color: #ff0000;

}



/* input css */

CHECKBOX, INPUT, RADIO, SELECT {

  background:#ffffff;border:1px solid #000000;

font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px;

}



input.button-2{

	border-top: #636363 solid thin;

	border-bottom: #636363 solid thin;

	border-right: #636363 solid thin;

	border-left: #636363 solid thin;

	color: #EBEBEB;

	background: #2F2F2F;

	font-family: Arial;

	border-width: 1px;

	padding-top:3px;

}



TEXTAREA {

  width: 100%;

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

}



SPAN.greetUser {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  color: Blue;

  font-weight: bold;

}



TABLE.formArea {

  background: #FF9900;

  border-color: #7b9ebd;

  border-style: solid;

  border-width: 1px;

}



TABLE.gv {

  background: #E0FFFF;

  border-color: Blue;

  border-style: solid;

  border-width: 2px;

}



TD.formAreaTitle {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 12px;



  color: White;

}



SPAN.markProductOutOfStock {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 12px;

  color: Yellow;

  font-weight: bold;

}



SPAN.productSpecialPrice {

  font-family: Verdana, Arial, sans-serif;

  color: #ff0000;

}



SPAN.errorText {

  font-family: Verdana, Arial, sans-serif;

  color: #ff0000;

}



SPAN.productDiscountPrice {

  font-family: Verdana, Arial, sans-serif;

  color: #ff0000;

  font-weight: bold;

}



.moduleRow { }

.moduleRowOver { background-color: #1E90FF; cursor: hand; }

.moduleRowSelected { background-color: #F3D620; }



.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: Black; }

.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: Blue; }



/* message box */



.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }

.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }



/* input requirement */



.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }



.tableShop {

}



.navLeft {

}

.navRight {

}

.tableBody {

padding: 5px;

}

.boxText{

	background-color: #DCDCDC;

	border-bottom: 1px solid #808080;

	border-left: 1px solid #808080;

	border-right: 1px solid #808080;

	border-top: 1px solid #808080;

	color: #000000;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	text-align: center;

}

.boxText_noframe{

	background-color: #DCDCDC;

	color: #000000;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-align: center;

}

.boxText_left{

	background-color: #ECCA79;

	color: #000000;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-align: left;

}

.captiontext {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-style: normal;

	color: Black;

	font-weight: bold;

	text-align: center;

}

TD.td {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  background: #990000;

  color: White;

}

.main {

  font-family: Verdana, Arial, sans-serif;

  font-size: 14px;

  line-height: 1.5;

  color: Black;

}



.main_border_top {

  font-family: Verdana, Arial, sans-serif;

  font-size: 14px;

  line-height: 1.5;

  color: Black;

  border-top: 1px solid #0000FF;

}



.main_border_bottom {

  font-family: Verdana, Arial, sans-serif;

  font-size: 14px;

  line-height: 1.5;

  color: Black;

  border-bottom: 1px solid #0000FF;

}



.main_border_right {

  font-family: Verdana, Arial, sans-serif;

  font-size: 14px;

  line-height: 1.5;

  color: Black;

  border-right: 1px solid #0000FF;

}



.main_border {

  font-family: Verdana, Arial, sans-serif;

  font-size: 14px;

  line-height: 1.5;

  color: Black;

  border-top: 1px solid #0000FF;

  border-bottom: 1px solid #0000FF;

  border-left: 1px solid #0000FF;

  border-right: 1px solid #0000FF;

}



.main_grey {

  font-family: Verdana, Arial, sans-serif;

  font-size: 14px;

  line-height: 1.5;

  color: Black;

  background: #F1F1F1;

}



.main_pink {

  font-family: Verdana, Arial, sans-serif;

  font-size: 14px;

  line-height: 1.5;

  color: Black;

  background: #FFCCCC;

}



.infoBoxCaption {

  font-family: Verdana, Arial, sans-serif;

  background-color: #990000;

  font-size: 10px;

  font-weight: bold;

  color: #FFFFFF;

  border-bottom: 2px solid #FF9900;

  border-top: 2px solid #FF9900;  

  border-left: 2px solid #FF9900;  

  border-right: 2px solid #FF9900;

  text-align: center;

}

.boxText_border{

	background-color: #DCDCDC;

	color: Black;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-align: center;

	border-bottom: 1px solid Blue;

}

.boxText_border_top{

	background-color: #DCDCDC;

	color: #FFFFFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-align: center;

	border-top: 1px solid Blue;

}

.boxText_left{

	background-color: #DCDCDC;

	color: #FFFFFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-align: left;

}

.boxText_double{

	background-color: #DCDCDC;

	color: #FFFFFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-align: center;

	border-top: 1px solid Blue;

	border-bottom: 1px solid Blue;

}

.boxText_voucher{

	background-color: #DCDCDC;

	color: #FFFFFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-align: center;

	border-bottom: 1px solid Blue;

	border-top: 1px solid #FF9900;

	border-left: 1px solid #FF9900;

	border-right: 1px solid Blue;

}

.spacer{

	background-color: #990000;

	}

.border{ border-bottom: 1px solid Blue; 

}

.category{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 18px;  

 color: #ff8e3e;

 letter-spacing:1px;

}



.pro-cate{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 15px;  

 color: #59E58C;

 font-weight: bold;letter-spacing:1px;

}

.subcategory{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 15px;  

 color: #ff8e3e;

}



.subcategory_border{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 14px;  

 color: #3322B2;

 font-weight: bold;

 border-bottom: 1px solid Blue;

}



.subcategory_print{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 14px;  

 color: #999999;

 font-weight: bold;

}

.captiontopleft{ width: 24px; background-color: White; }

.captiontopmiddle{ width: 100%; background-color: White; }

.captiontopright{ width: 11px; background-color: White;    }

.captionleft{ width: 24px; background-color: #BBBBBB;  border-left: 2px solid White;  border-bottom: 2px solid #999999; }

.captionbar{ background-color: #BBBBBB;  border-bottom: 2px solid #999999; padding-right:10px; font-size: 12px; color: #3322B2; font-family: verdana, tahoma, arial, sans-serif;  font-weight: bold;  padding-bottom: 0px;  }

.captionend{ width: 12px; background-color: #BBBBBB;  border-bottom: 2px solid #999999; }

.captionmain{ width: 100%; background-color: #BBBBBB;  border-bottom: 2px solid #999999; }

.captionright{ width: 11px; background-color: #BBBBBB;  border-right: 2px solid #999999;  border-bottom: 2px solid #999999; }

.bodyleft{ width: 2px; background-color:  White;  }

.bodymain{ width: 100%; background-color: #DCDCDC; padding: 5px 5px 5px 4px; font-size: 12px; color: Black; font-family: verdana, tahoma, arial, sans-serif; vertical-align:top;  border-top: 2px solid #FFFFFF;  }

.bodyright{ width: 2px; background-color: #999999; }

.bottomleft{ width: 10px; background-color: #999999; }

.bottommain{ width: 100%; background-color: #999999;}

.bottomright{ width: 10px; background-color: #999999; }



.pageHeading{ background: White;  color: Black;  }



.poweredby {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

    background: #F6F6F6;

  color: Black;

  font-weight : normal;

}

.header {

	background-image: url(img/head.gif);

}

.search { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 12px;  font-style: normal;  font-weight: normal;  border-bottom: 1px solid #3322B2;}

.bg {

	background-color: White;

	background-repeat: repeat-x;

}

.company {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 20px;

	font-style: italic;

	font-weight: bold;

	color: #FFFFF0;

}