/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl 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: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #0072AC; text-decoration: underline; }

BODY {
  background:#FFFFFF url(images/bg.gif) repeat-x;
  color: #586770;
  margin: 0px;
  padding:0px;
  font-family: Verdana, Arial, sans-serif;
}

A {
  color: #1c7d88;
  text-decoration: none;
}

A:hover {
  color: #1c7d88;
  text-decoration: underline;
}
*.topmenu{ list-style-image:url(images/topmenu_marker.gif); margin-left:20px; margin-top:0px;margin-bottom:0px; margin-right:0px; line-height:1em;}
a.atopmenu{font-family:Tahoma Arial, Helvetica, sans-serif;color:#e4d8a5; text-decoration:underline;font-size: 11px;}
a.atopmenu:hover{font-family:Tahoma Arial, Helvetica, sans-serif;color:#e4d8a5; text-decoration:underline;font-size: 11px;}

FORM {
	display: inline;
}

TR.header {
  /*background: #ffffff;*/
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

TD.headerNavigation2 {
  font-family: Tahoma, Helvetica, sans-serif;
  font-size: 12px;
  background: #ffffff;
  color: #D79FF7;
  font-weight : bold;
}
A.headerNavigation { 
  color: #FFFFFF; 
}

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

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  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: bold;
  text-align: center;
}
a.menu1{background:url(/includes/sts_templates/sts05/images/menu_bg.gif) repeat-x; display:block; width:123px; height:37px;color:#6c6f65;font:bold 11px Tahoma, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none ;padding-top:10px;} 
a.menu1:hover{background:url(/includes/sts_templates/sts05/images/menu_bg.gif) repeat-x ; display:block; width:123px; height:37px;color:#6c6f65;  font:bold 11px Tahoma, Helvetica, sans-serif;text-transform:uppercase; text-decoration:underline;}
a.menu{display:block; height:43px; background-image:none; padding-top:12px;color:#FFFFFF; font:bold 12px Tahoma, Helvetica, sans-serif; text-decoration:none;}
a.menu:hover{display:block;height:43px; background:url('/includes/sts_templates/sts05/images/menu_active_bg.gif') no-repeat center top;padding-top:12px;color:#FFFFFF; font:bold 12px Tahoma, Helvetica, sans-serif; text-decoration:none;}

a.menu2{display:block; height:43px; background-image:none; padding-top:12px;color:#BDBCBC; font:bold 12px Tahoma, Helvetica, sans-serif; text-decoration:none;}
a.menu2:hover{display:block;height:43px; background:url('/includes/sts_templates/sts05/images/76x4.gif') no-repeat center top;padding-top:12px;color:#BDBCBC; font:bold 12px Tahoma, Helvetica, sans-serif; text-decoration:none;}

a.menu3{display:block; height:43px; background-image:none; padding-top:12px;color:#FFFFFF; font:bold 12px Tahoma, Helvetica, sans-serif; text-decoration:none;}
a.menu3:hover{display:block;height:43px; background-image:none;padding-top:12px;color:#FFFFFF; font:bold 12px Tahoma, Helvetica, sans-serif; text-decoration:none;}

table.search,*.product_cat{background:#E9EBED url(images/search_bg.gif) repeat-x;width:100%; padding:0px 1px 1px 1px;}
table.searches{width:118px; margin-left:20px; font:bold 11px Tahoma, Arial, Helvetica, sans-serif;color:#ffffff;}


*.search{color:#b5e1e7; text-decoration:underline}
.search:hover{color:#b5e1e7; text-decoration:none}
.horiz_menu{font:11px Tahoma, Helvetica, sans-serif; text-decoration:none; color:#D3F4FF;}
.horiz_menu:hover{font:11px Tahoma, Helvetica, sans-serif; text-decoration:underline; color:#D3F4FF;}
.categories{color:#343940;}
.categories:hover{color:#343940;}
*.header{border:1px solid #6DC7E5; text-align: left; padding-left:10px; padding-top:4px; 
  background:url($templatepath/images/box_bg.gif) repeat-x; height:22px; margin-bottom:1px;color:#FFF;font:bold 14px Arial,Tahoma, Helvetica, sans-serif;}
*.productName{color:#1c7d88; font-weight:bold; font:12px Arial,Tahoma, Helvetica, sans-serif;}
*.productName:hover{color:#1c7d88; font-weight:bold;font:12px Arial,Tahoma, Helvetica, sans-serif; text-decoration:underline;}
*.price{color:#C20000; font:bold 16px Arial, Helvetica, sans-serif;}
a.bottom{color:#6B6F75; font-weight:bold; text-transform:uppercase; text-decoration:none;}
a.bottom:hover{color:#6B6F75; font-weight:bold; text-transform:uppercase; text-decoration:underline;}
.bestsellers{ color:#666666; font-size: 13px; text-decoration:none;line-height: 20px}
a.bestsellers:hover{ color:#666666; text-decoration:underline;line-height: 20px}
.featured{ color:#666666;  font-size: 13px; text-decoration:none;line-height: 20px}
a.featured:hover{ color:#666666; text-decoration:underline;line-height: 20px}
.special{ color:#666666;  font-size: 13px; text-decoration:none;line-height: 20px}
a.special:hover{ color:#c3cdfa; text-decoration:underline;}
.bestviewed{ color:#666666; font-size: 13px; text-decoration:none;line-height: 20px}
a.bestviewed:hover{ color:#666666; text-decoration:underline;line-height: 20px}
TR.footer {
  
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #6b6f75;
  font-weight: bold;
  padding:5px 0px;
}
TD.infoBoxHeading1,
/* BOF: Added for Links in Infobox Headings */
TD.infoBoxHeading1 A,
TD.infoBoxHeading1 A:hover {
/* EOF: Added for Links in Infobox Headings */
}

.infoBox {

}
.infoBox1{background-color:#FFF; border:1px solid #C3D3FA; }
.infoBoxContents {
 
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoHeaderHeading {
  color:#939a7f; font-size:10px;padding-left:4px; padding-bottom:3px; text-align:left;
}
TD.infoBoxHeading {
  background:url(images/infobox/infobox_bg.gif) repeat-x;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
text-transform:uppercase;
  color: #FFF;
}
TD.infoBoxHeadingnew {
  background:url(/includes/sts_templates/sts05/images/infobox/infobox_purbg.gif) repeat-x;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
text-transform:uppercase;
  color: #FFF;
}



TD.infoBoxHeadingspecial {
  background:url(/includes/sts_templates/sts05/images/infobox/infobox_bluebg.gif) repeat-x;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
text-transform:uppercase;
  
}

TD.infoBoxHeadingfeature {
  background:url(/includes/sts_templates/sts05/images/infobox/infobox_pinkbg.gif) repeat-x;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
text-transform:uppercase;
  color: #FFF;
}

TD.infoBoxHeading1 {
  background:url(images/infobox/infobox_bg.gif) repeat-x;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
}

TD.infoBoxCategoriesHeading {
  background:url(images/infobox/cat_bg.gif) repeat-x;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #FFF;
}

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: #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: #c2c5bb;
  border-spacing: 1px;
  background: #FFFFFF;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #c2c5bb;
  color: #FFFFFF;
  font-weight: bold;
}
.productListing-heading a{
 
  color: #FFFFFF;
  font-weight: bold;
}
.productListing-heading a:hover{
 
  color: #FFFFFF;
  font-weight: bold;
text-decoration:underline;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
TD.productListing-data a{
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:#1c7d88;
}
TD.productListing-data a:hover{
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:#1c7d88;

}
A.pageResults {
  color: #4A4949;
}

A.pageResults:hover {
  color: #4A4949;
  text-decoration:none;
  
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #1c7d88;
}

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: 11px;
  color:#6d7066;
 
}

TD.smallText1, SPAN.smallText1, P.smallText1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
   color: #B0B0B0;
}

TD.order, SPAN.order, P.order {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
   color: #FA9BD2;
}

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

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

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

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  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: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Arial,Verdana, Arial, sans-serif;
  color: #C20000;
  font:bold 12px Arial, Helvetica, sans-serif;  
}

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

}



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

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

*.h11{color:#666666; font-family: Verdana, Arial, sans-serif;  text-decoration:none; font-size:13px;line-height: 20px}
*.h11:hover{color:#666666; font-family: Verdana, Arial, sans-serif;  text-decoration:underline;font-size:13px;line-height: 20px}

*.m11{color:#666666; text-decoration:none; font-size:13px;line-height: 20px}
*.m11:hover{color:#666666; text-decoration:underline;font-size:13px;line-height: 20px}
*.m12{color:#FF000C;  font-size:20px;line-height: 20px}
*.m12:hover{color:#FF000C; font-size:20px;line-height: 20px}
*.m13{color:#00000C; font-family: Verdana, Arial, sans-serif; font-size:18px;line-height: 35px}
*.m16{color:#FF000C;font-family: Verdana, Arial, sans-serif; font-size:25px;line-height: 35px}
*.mtab{color:#faa5d5; text-decoration:none; font-size:10px;}
*.mtab:hover{color:#faa5d5; text-decoration:underline;font-size:12px;}
/*BoxHeader*/
td.box{width:120px; height:25px; background-image:url('images/bl_bg.gif');}
*.innerbox, *.innerboxMenu{height:18px;font:bold 70% Tahoma, Arial, Helvetica, sans-serif; color:#ffffff; padding-top:4px; text-align:left;}
*.innerboxMenu{text-align:center;}
*.innerboxMenu a{font:bold 100% Tahoma, Arial, Helvetica, sans-serif; color:#477602; text-decoration:none;}
*.innerboxMenu a:hover{font:bold 100% Tahoma, Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:underline;}
*.innerbox img{margin:0px 5px;}
#head{height:19px; border-width:1px 0px; padding-top:4px; text-align:center; font:bold 11px Tahoma, Arial, Helvetica, sans-serif; color:#ffffff;;}
#head a{text-decoration:underline;font:bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;}
#head a:hover{text-decoration:none;font:bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#C9ED7A;}
/*end BoxHeader*/
#bot_menu{height:19px; border:1px solid #6B6F75; border-width:1px 0px; padding-top:4px; text-align:center; font:bold 71% Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#6B6F75;}
#bot_menu a{text-decoration:none;font:bold 100% Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#6B6F75;}
#bot_menu a:hover{text-decoration:underline;font:bold 100% Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#6B6F75;}
#copy{padding-top:7px;font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; text-align:center; color:#5B8917;}
*.new_prod{width:174px; height:230px; padding-top:10px; text-align:center;}
*.new_prod p{padding-left:10px; height:75px; padding-bottom:10px;font:67% Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#36383E;}
*.new_prod p span{color:#4F525A;}
*.image{float:left; width:68px; height:92px; padding-left:10px; padding-top:10px; }
*.price{float:left; width:68px; padding-top:10px;padding-left:5px; font:bold 80% Tahoma, Arial, Helvetica, sans-serif;color:#44464B; }
*.buy{FONT-SIZE: 12px; COLOR: #58811B; TEXT-DECORATION: none; font-weight: bold;}
*.buy:hover{FONT-SIZE: 12px; COLOR: #99CE4B; TEXT-DECORATION: underline; font-weight: bold;}
*.txt{text-align:left;font:70% Arial, Helvetica, sans-serif;margin-right:10px; color:#4F525A;  }
*.txt a{font:100% Arial, Helvetica, sans-serif; color:#BD0302;}
#menu img{margin-left:1px;}
#producer{text-align:center;font:70% Arial, Helvetica, sans-serif;margin-right:10px; color:#D9D9D9; }
#producer img{margin-right:5px;margin-left:5px;}

/* footer */
#foot{height:19px; border-width:1px 0px; padding-top:4px; text-align:center; font:bold 11px Tahoma, Arial, Helvetica, sans-serif; color:#5B8917;;}
#foot a{text-decoration:none;font:bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#5B8917;}
#foot a:hover{text-decoration:underline;font:bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;}
 .fe{
  font-size: 16px;
  color: #000000;
  font-weight: bold;  
 }

 .fe1{
  font-size: 16px;
  color: #ED1B23;
  font-weight: bold;  
 }

 .fe2{
  font-size: 11px;
  color: #464646;
  font-weight: bold;   
 }
   
.fillTitle { font-family: "Verdana","新細明體"; font-size: 9pt; color: #CEDBFB; padding-right: 6px; padding-top: 4px; padding-bottom: 10px; }
.fillTitle a:link    {color:#CEDBFB; text-decoration: underline; } 
.fillTitle a:active  {color:#CEDBFB; text-decoration: none; } 
.fillTitle a:visited {color:#CEDBFB; text-decoration: underline; } 
.fillTitle a:hover   {color:#CEDBFB; text-decoration: none; }