/*
  $Id: stylesheet.css,v 1.1.1.1 2003/08/14 07:58:33 nickle Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.errorBox { font-family : "Verdana", "Arial", "sans-serif"; font-size : 12px; background: #99CC33; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #cc0033; }
.productsNotifications { background: #CCFF99; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #70d250; text-decoration: underline; }

BODY {
  background-image: url(images/back.gif);
  color: #333333;
  margin: 0px;
}

A {
  color: #333333;
  text-decoration: none;
}

A:hover {
  color: #9D934C;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #FFFFFF;
}

TR.headerNavigation {
  background: #333333;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #666666;
  color: #ffffff;
  font-weight : lighter;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #990033;
}

TD.headerError {
  font-family: "Tahoma", "Verdana", "Arial", "sans-serif";
  font-size: 12px;
  background: #990033;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: lighter;
  text-align: center;
}

TR.footer {
  background: #9D934C;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #666666;
  color: #ffffff;
  font-weight: lighter;
}

/*
.infoBox {
  background-image: url(images/gr_bk.jpg);
  margin:0px;
}
*/

.infoBoxContents {
  background-image: url(images/gr_bk.jpg);
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
}

.infoBoxNotice {
  background: #9BA987;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}


TD.infoBoxHeading {
	background-color: #99cc00;
	font-family: Verdana; font-size: 9pt; color:#000000; filter:DropShadow(Color=#F4F2F2,OFFX=1,OFFY=1,Positive=1);line-height:15px;
	text-align: left;
	height: 20px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: ridge;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #999900;
	border-left-color: #333333;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

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: #ffffff;
}

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: #ffffff;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #869946;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #869946;
  background: #FFFF33;
}

TD.pageHeading{
  font-family: Verdana, Arial, sans-serif;
  font-weight: bolder;
  font-style: outset;
  font-size: 16px;
  color: #ff6600;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #333333;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.accountCategory {
  font-family: "Verdana", "Arial", "sans-serif";
  font-size: 13px;
  color: #CCFF99;
}

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: 12px;
  color: #990033;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

SPAN.greetUser {
  font-family: "Verdana", "Arial", "sans-serif";
  font-size: 12px;
  color: #99CC00;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: "Tahoma", "Verdana", "Arial", "sans-serif";
  font-size: 12px;
  color: #990033;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: "Verdana", "Arial", "sans-serif";
  color: #990033;
}

SPAN.errorText {
  font-family: "Verdana", "Arial", "sans-serif";
  color: #990033;
}

.moduleRow { }
.moduleRowOver { background-color: #CCFF99; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #CCFF99; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000000; }

TD.pollBoxRow {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  border-color: #eeeeee;
  border-style: solid;
  border-width: 1px; 
}
TD.pollBoxText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  border-color: #eeeeee;
  border-style: solid;
  border-width: 1px; 
}
TR.pollOptRow {
  background: #f1f9fe;
}
TR.pollFooter {
  background: #f1f9fe;
}

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: #99CC66; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #777777; }
DIV.pageHeading  { 
  font-family: "Verdana", "Arial", "sans-serif";
  font-size: 12px;
  font-weight: bold;
  color: #999900;
 } 
 
/* ----------------- coolMenu ----------------- */

.clCMEvent{
	position:absolute;
	width:99%; height:99%;
	clip:rect(0,100%,100%,0);
	left:0; 
	top:0;
	visibility:visible
}


.clCMAbs{
	position:absolute;
	visibility:hidden;
	left:0;
	top:0;
}

.clBar{
	position:absolute;
	width:10;
	height:10;
	background-color:#ffffff;
	layer-background-color:#ffffff;
	visibility:hidden;
}

.clLevel0,.clLevel0over{
	position:absolute;
	padding:1px;
	font-family:Verdana,arial,helvetica;
	font-size:12px;
}

.clLevel0{
	background-color:#ffffff;
	layer-background-color:#ffffff;
	color:#000000;
}

.clLevel0over{
	background-color:#99cc33;
	layer-background-color:#bbc3d3;
	color:#ffffff;
	cursor:pointer;
	cursor:hand;
}

.clLevel0border{
	position:absolute;
	visibility:hidden;
	background-color:#c0c0c0;
	layer-background-color:white;
}

.clLevel1, .clLevel1over{
	position:absolute;
	padding:2px;
	font-family:Verdana,arial,helvetica;
	font-size:12px;
}

.clLevel1{
	background-color:#ffffff;
	layer-background-color:#ffffff;
	color:#000000;
}

.clLevel1over{
	background-color:#bbc3d3;
	layer-background-color:#bbc3d3;
	color:#ffffff;
	cursor:pointer;
	cursor:hand;
}

.clLevel1border{
	position:absolute;
	visibility:hidden;
	background-color:#c0c0c0;
	layer-background-color:white;
}
/* ----------------- coolMenu_eof ----------------- */

body,td {font-family: "Arial","新細明體", "細明體"; }
body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;}

.bk1 {background-image: url(img/bk_03.gif);
	      background-repeat: repeat-y;
	      background-position: center;}

.gr_bk1 {background-image: url(pic/gr_bk.jpg);
	            background-repeat: repeat;
	            background-position: right top;}

.gr_bk2 {background-image: url(pic/gr_bk.jpg);
	            background-repeat: repeat;
	            background-position: right center;}

.gr_bk3 {background-image: url(pic/gr_bk.jpg);
	            background-repeat: repeat;
	            background-position: right bottom;}

.box1 {border: 1px solid #D2D2D2; font-size: 13px;color: #666666;background-color: #FFFFFF; FONT-FAMILY: "Verdana", "Arial"; }

.selStyle  { background-color: #FFFFFF; border-bottom: #7F9DB9 1px solid; 
             border-left: #7F9DB9 1px solid; border-right: #7F9DB9 1px solid; 
             border-top: #7F9DB9 1px solid; color: #334E67; cursor: hand; 
             font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px }

.color1 {color: #777777;}    /* 灰色 */
.color2 {color: #970000;}    /* 紅色 */
.color3 {color: #3B3B3B;}    /* 黑灰色 */
.color4 {color: #336600;}    /* 綠色 */
.color5 {color: #FF6600;}    /* 橘色 */
.color6 {color: #999900;}    /* 黃綠色 */
.color7 {color: #1A6986;}    /* 灰藍色 */


.font1 {font-size: 12px; } /* 上方menu */
.font2 {font-size: 12px; } /* 上方menu_b */
.font3 {font-size: 14px; color: #6F6F6F; line-height: 150% } /* 內文 */
.font4 {font-size: 12px; } /* 下方menu */
.font5 {font-size: 10px;color: #B2B2B2; } /* 版權說明 */
.font6 {font-size: 20px;color: #466E00; font-weight: bold } /* 大標題 */
.font7 {font-size: 20px;color: #D80009; font-weight: bold } /* 價格 */
.font8 {font-size: 15px;color: #D80009;  } /* 價格B */
.font9 {font-size: 13px;color: #3B3B3B;line-height: 180%  } /* 產品說明 */
.font10 {font-size: 15px;color: #A60000;line-height: 200%  } /* 討論區 */

.font1 a:link { color: #7B7B7B; text-decoration: none } /* 一般 */
.font1 a:visited { color: #7B7B7B; text-decoration: none } /* 已看過 */ 
.font1 a:hover { color: #C70052; text-decoration: underline } /* 滑鼠移過去時 */
.font1 a:active { color: #C70052; text-decoration: underline } /* 滑鼠點下去時 */ 

.font2 a:link { color: #C70052; text-decoration: none } 
.font2 a:visited { color: #C70052; text-decoration: none } 
.font2 a:hover { color: #F30064; text-decoration: underline } 
.font2 a:active { color: #F30064; text-decoration: underline }

.font3 a:link { color: #686868; text-decoration: none } 
.font3 a:visited { color: #686868; text-decoration: none } 
.font3 a:hover { color: #9E0000; text-decoration: underline } 
.font3 a:active { color: #9E0000; text-decoration: underline } 

.font4 a:link { color: #686868; text-decoration: none } 
.font4 a:visited { color: #686868; text-decoration: none } 
.font4 a:hover { color: #9E0000; text-decoration: underline } 
.font4 a:active { color: #9E0000; text-decoration: underline } 

.font5 a:link { color: #B2B2B2; text-decoration: none } 
.font5 a:visited { color: #B2B2B2; text-decoration: none } 
.font5 a:hover { color: #9E0000; text-decoration: underline } 
.font5 a:active { color: #9E0000; text-decoration: underline } 

.font10 a:link { color: #A60000; text-decoration: none } 
.font10 a:visited { color: #A60000; text-decoration: none } 
.font10 a:hover { color: #FF0000; text-decoration: underline } 
.font10 a:active { color: #FF0000; text-decoration: underline }