/*
  $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: 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: #70d250; text-decoration: underline; }

BODY {
  font-family: Verdana, Arial, sans-serif;
  /*background: #eeeeee;*/
  /*color: #000000;*/
  margin: 0px auto;
  /*float:right;*/
  text-align: center;
  /*position:absolute;
  left:3%;*/
   /*background:#ffcccc; #A10048url(http://www.ying.com.tw/ying/background_ying1.PNG) repeat-x scroll left top*/;
  background: url(img/back_061.gif);
	scrollbar-face-color: #F9DAF1;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #F9DAF1;
	scrollbar-3dlight-color: #F9DAF1;
	scrollbar-arrow-color:  #006699;
	scrollbar-track-color: #F9DAF1;
	scrollbar-darkshadow-color: #98AAB1;
}


#scArea {
  height:20px; 
  overflow:auto;
  border:0px solid;
}

.main_board {
  width: 1000;
  background: #ffffff;
  margin: 0 auto;
}

#main_board { /* for F.F */
  position: relative;
  /*left:320px;*/
  width: 1000px;
  background: #ffffff;
  margin:0 auto;
}

A {
  font-family: Verdana, Arial, sans-serif;
  color: #000000;
  text-decoration: none;
}

A:hover {
  font-family: Verdana, Arial, sans-serif;
  color: #AABBDD;
  text-decoration: underline;
}

A.login {
  font-family: Verdana, Arial, sans-serif;
  color: #000099;
  text-decoration: underline;
}

A.login:hover {
  font-family: Verdana, Arial, sans-serif;
  color: #e40054;
  text-decoration: underline;
  font-size:1em;
}

.newborder {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  border-bottom : 1px dotted #8899cc;
}

.jumpTEXT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  word-break:break-all;
}

.NoselectedSearch {
  z-index: 2;
  margin: 0px;
  float : none;
  left: 2px;
  background: url(img/search_button_select.gif);
  width: 71px;
  height:14px;
  text-align: center;
}

.selectedSearch {
  z-index: 2;
  margin: 0px;
  float : none;
  left: 2px;
  width: 71px;
  height:14px;
  text-align: center;
}

#mupip ul{list-style-type: none;margin: 0px;padding: 0px;}
#mupip li{margin: 1px;float: left;}
#mupip li.p0 a {width: 75px;height: 28px;display: block;text-indent: -3000px;font-size: 1px; }
#mupip li.p1 a {width: 75px;height: 28px;display: block;text-indent: -3000px;font-size: 1px;}
#mupip li.p2 a {width: 150px;height: 28px;display: block;text-indent: -3000px;font-size: 1px;}

#mupic ul{list-style-type: none;margin: 0px;padding: 0px;}
#mupic li{margin: 1px;float: left;}

#mupic li.L0 a {width: 85px;height: 28px;display: block;text-indent: -3000px;font-size: 1px; background: url(img/home.gif);}
#mupic li.L0 a:hover{background: url(img/home.gif);}

#mupic li.L1 a {width: 85px;height: 28px;display: block;text-indent: -3000px;font-size: 1px; background: url(img/earring.gif);}
#mupic li.L1 a:hover{background: url(img/earring-pink.gif);}

#mupic li.L2 a {width: 85px;height: 28px;display: block;text-indent: -3000px;font-size: 1px; background: url(img/earring1.gif);}
#mupic li.L2 a:hover{background: url(img/earring1-pink.gif);}

#mupic li.L3 a {width: 85px;height: 28px;display: block;text-indent: -3000px;font-size: 1px; background: url(img/earring2.gif);}
#mupic li.L3 a:hover{background: url(img/earring2-pink.gif);}

#mupic li.L4 a {width: 85px;height: 28px;display: block;text-indent: -3000px;font-size: 1px; background: url(img/earring3.gif);}
#mupic li.L4 a:hover{background: url(img/earring3-pink.gif);}

#mupic li.L5 a {width: 85px;height: 28px;display: block;text-indent: -3000px;font-size: 1px; background: url(img/earring4.gif);}
#mupic li.L5 a:hover{background: url(img/earring4-pink.gif);}

#mupic li.L6 a {width: 85px;height: 28px;display: block;text-indent: -3000px;font-size: 1px; background: url(img/earring5.gif);}
#mupic li.L6 a:hover{background: url(img/earring5-pink.gif);}

#mupic li.L7 a {width: 85px;height: 28px;display: block;text-indent: -3000px;font-size: 1px; background: url(img/earring6.gif);}
#mupic li.L7 a:hover{background: url(img/earring6-pink.gif);}

#mupic li.L8 a {width: 85px;height: 28px;display: block;text-indent: -3000px;font-size: 1px; background: url(img/earring7.gif);}
#mupic li.L8 a:hover{background: url(img/earring7-pink.gif);}


#btn1 ul{list-style-type: none;margin: 1px;padding: 0px;}
#btn1 li{margin: 1px;float: left;}

#btn1 li.K0 a {width: 102px;height: 26px;display: block;text-indent: -3000px;font-size: 1px; background: url(img/k-btn0.jpg);}
#btn1 li.K0 a:hover{background: url(img/k-btn1.jpg);}


.div_text1{
  position:relative;
  top:2px;
  left: 22px;
  height: 18px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #ffadc9;
  font-size:1em;

}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.8em;
  background: #FFffff;/*url(includes/newBox_200909/image/TEST/titlebar.png) repeat-x center left;*/
  color: #FF269B;
  font-weight : normal;
  border-bottom:1px solid #FFf3f3;
  border-top:1px solid #FFf3f3;
  border-left:3px solid #FF003b;
  padding-left:3px;
}

A.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  color: #42269B;
}

A.headerNavigation:hover {
  font-family: Verdana, Arial, sans-serif;
  color: #42269B;
}

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

TR.footer {
  background: #bbc3d3;
}

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

.infoBox {
  background: #ffffff;
}

.infoBoxContents {
  background: #ffffff;
  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.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

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

/*Page results*/
A.pageResults {
  color: #000000;
  border: 1px solid #FFA640;
  margin-top: 4px;
  padding: 2px;
  background-color:#FFEB63;
  font-size: 1.3em;
  font-weight: bold;
}

A.pageResults:hover {
  color: #000000;
  border: 1px solid #FFA640;
  font-weight: bold;
  padding: 2px;
/*  background-color:#FFEB63;*/
  font-size: 1.3em;
  background: #317967 url(includes/newBox_200909/image/TEST/topnav_bg-2.gif) repeat-x center left;

}



A.category {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #A70303;
  height:23;
  border-bottom : 1px solid #6699cc;
  width:100%;
}

A.category:hover {
  color: #A70303;
  background: pink;
  height:23;
}

A.category2010 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #A70303;
  height:22;
  width:100%;
  background: url(img/2010png.png);
  vertical-align: sub;
}

A.category2010:hover {
  color: #A70303;
  background: pink;
  height:22;
  background: url(img/2010png.png);
  vertical-align: sub;
}

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

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;
  line-height: 1.5;
  z-index: 2;
}

.TEXTmain {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.5;
  z-index: 2;
}

TD.7main, P.7main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  z-index: 2;
}

.menu {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  z-index: 2;
}

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: Verdana, Arial, sans-serif;
  color: #ff003d;
  font-size: 1.2em;
  font-weight:bold;
}

SPAN.productNotSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #989898;
  font-size: 1.2em;
  font-weight:bold;
  text-decoration:line-through;
}

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

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

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

#global {
  position: relative;
  margin: 0 auto;
  width: 550px;
  text-align: left;
  z-index: 1;
}
 #tab0 {
 position: absolute;
 visibility: visible;
 z-index: 1;
 top: 154px;
 left: -115px;
 width: 539px;
 height: 114px;
}
 #tab1 {
 position: absolute;
 visibility: visible;
 z-index: 1;
 top: 154px;
 left: -28px;
}
 #tab2 {
 position: absolute;
 visibility: visible;
 z-index: 1;
 top: 154px;
 left: 59px;
}
 #tab3 {
 position: absolute;
 visibility: visible;
 z-index: 1;
 top: 154px;
 left: 146px;
}
 #tab4 {
 position: absolute;
 visibility: visible;
 z-index: 1;
 top: 154px;
 left: 233px;
}
 #tab5 {
 position: absolute;
 visibility: visible;
 z-index: 1;
 top: 154px;
 left: -128px;
}
 #tab6 {
 position: absolute;
 visibility: visible;
 z-index: 1;
 top: 154px;
 left: -41px;
}
 #tab7 {
 position: absolute;
 visibility: visible;
 z-index: 1;
 top: 154px;
 left: 45px;
}

/*for left menu************************************************************************************/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu{
width: 160px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: #CD0078;
/*background: black url(includes/newBox_200909/image/TEST/titlebar2.png) repeat-x center left;*/
background: #CD0078 url(img/pink.png) repeat-x;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
border-top: 2px dotted #960028 ;
border-bottom: 2px dotted #960028 ;

}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(images/bg/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
border-bottom: 1px dotted #F16D95;
font-size: 80%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #ffffff;/*#A70303;*/
/*background: #BFFFE4 url(includes/newBox_200909/image/TEST/topnav_bg-2.gif) repeat-x center left;*/
 background: #EE5F8A ;

}


/*End of for left menu*******************************************/

.selectedTEXTTab {
position:relative;
left:12px;
top:10px;
}

.TEXTTab {
position:relative;
left:12px;
top:18px;
}

.selectedTab {
  font-size: 11px;
  background-image: url(img/ie6png.gif);
  color: #0000ff;
  height: 45px;
  width: 135px;
  letter-spacing: 2pt;
  padding-top: 4px;
  padding-left: 4px;
  text-decoration: none;
}

.Tab {
  font-size: 11px;
  background-image: url(img/ie6png-2.gif);
  color: #000000;
  height: 45px;
  width: 135px;
  letter-spacing: 2pt;
  padding-top: 4px;
  padding-left: 4px;
  text-decoration: none;
}

.nullTab {
  border-bottom: 1 solid #FF6699;
}

.yellow_underline {
  border-bottom: 2 solid #F0FC8E;
}

.main_content {
  font-size: 11px;
  background: #FFFFFF;
  color: #596E91;
  letter-spacing: 2pt;
  width: 620px;
  border-right: 1 solid #FF6699;
  border-left: 1 solid #FF6699;
  border-bottom: 1 solid #FF6699;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 14px;
  padding-bottom: 14px;
}

.buttonA {
  font-size: 11px;
  text-align: center;
  text-decoration: none;
  background: #F1E6B5;
  color: #596E91;
  height: 20px;
  letter-spacing: 1pt;
  border-top: 1 solid #FF6699;
  border-right: 1 solid #FF6699;
  border-left: 1 solid #FF6699;
  border-bottom: 1 solid #FF6699;
  padding-left: 8px;
  padding-right: 8px;
}

.buttonA:hover {
  font-size: 11px;
  text-align: center;
  text-decoration: none;
  background: #eeeeee;
  color: #596E91;
  height: 20px;
  letter-spacing: 1pt;
  border-top: 1 solid #FF6699;
  border-right: 1 solid #FF6699;
  border-left: 1 solid #FF6699;
  border-bottom: 1 solid #FF6699;
  padding-left: 8px;
  padding-right: 8px;
}
#footerb {
	background-color: #CCCCCC;
	font-size: 10px;
	color: #999999;
	height: 45px;
	width: 100%;
}


/*Jun 14, 2010
Top menu left
*/



A.leftmenutop{
color: #A70303;
/*background: url(images/bg/arrowbullet.png) no-repeat center left;*/ /*custom bullet list image*/
display: block;
/*padding: 2px 0; */
/*padding-left: 5px;*/ /*link text is indented 19px*/
border-left: 6px solid #00b4b2;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #FFFFFF;

font-size: 70%;
}

A.leftmenutop:hover{
color: #A70303;
/*background: url(images/bg/arrowbullet.png) no-repeat center left;*/ /*custom bullet list image*/
display: block;
/*padding: 2px 0;*/
/*padding-left: 5px;*/ /*link text is indented 19px*/
border-left: 6px solid #fd0006;
border-right: 4px solid #ffb137;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 70%;
}

img.leftmenutop{
   width: 151px;
   Height: 38px;
}


/*Shopping cart showing on the top*/
#shopping_summary_top{
   Font-size:1em;
   position:relative;
   PADDING-top: 10px;
   MARGIN-TOP:2PX;
   border:2px solid #ffffff transparent;
   /*left:24px;
   top:10px;*/
   background: #FFFFFF transparent;
}

/*Search Products*/

#search fieldset{
   width:150px;
   border: 1px solid #e8699a;
   padding:10px 0px 7px 2px;

}


#search input{
   border: 1px SOLID #b10064;/*#f0c3cf;*/
   margin:3px 0 3px 12px;
   height:24px;
   padding:4px;
   font-style: bold;
}

#search{
      margin-left: 5px;
      /*background: url(img/2.png);*/

}

/*End of Search Products*/

/*Product info page*/

h1.productinfo{
   font-size:1.2em;
   color:#1146b9;
   background: #FFFFFF;
   border-top:1px dotted #7EA7FC;
   margin-bottom:3px;

}
h3.productinfo{
   font-size:0.9em;
   FONT-WEIGHT: normal;
   color:#000;
   background: #FFFFFF;
   border-top:1px dotted #FFFFFF;
   margin:1;
   padding:0;
}

img.productinfopic{
      border:3px solid #ffe8b6;
      margin-top: 8px;
      margin-left: 5px;
      /*padding: 8px;*/
      /*background: #000FFF;*/

}
div.productinopic{
      background:#fff;

}
.productinopic a:hover img {
   border: 3px solid #ff9f00;
   border-top: 3px solid #ff7800;
   border-bottom: 3px solid #ff7844;
   padding:0px
   }

span.lightbox{
   font-size:1.2em;
   font-weight:NORMAL;
   PADDING-TOP 30PX;
   color: #8E0039;
   MARGIN-TOP:10PX;

}

#productinfoinfobox div{
      margin-bottom:1px;
      margin-top:0px;
}

/*Keyword style for product info page*/
A.keyword:link {
      text-decoration: none;
      font-size:1.2em;
      font-weight:normal;
      color:#0028ff;
}
A.keyword:visited {text-decoration: none}
A.keyword:active {text-decoration: none}
A.keyword:hover {text-decoration: underline overline; color: red;}

/*Small Product View*/
div.productsmallview{
position:relative;
top:0;
left:0;
display:block;
background:#FFF6FF;
width:150px;
top:0px;
height:250px;;
padding: 3px;
border: 1px solid #F6D6E3;
}

div.productsmallview:hover {
position:relative;
top:0;
left:0;
display:block;
background:#FFF6FF;
width:150px;
top:0;
height:250px;

padding: 3px;
border-TOP: 1px solid #F80060;
border-bottom: 1px solid #F80060;
}

div.productsmallview A{
color:#8f0037;
font-size: 0.8em;
/*background: #000000;*/
/*height: 50px;*/

}
div.productsmallview A:hover{
color:#b6003a;
font-size: 0.8em;
/*background: #000000;*/
/*height: 50px;*/

}

div.productsmallview div{

height: 35px;

}


/*For header*/
#header_top{
   background:#fff7ff ;/*url(img/logo.gif) 0 1 no-repeat ;*/
   height:88px;
   font-size:1em;
   padding-top:3px;
   padding-bottom:5px;




}
h3.head{
/*   background:url('img/logo.gif') 0 0 no-repeat ;*/
   /*height:20px;*/
   font-size:1.3em;
   margin: 5px 0 5px 0;


}

/*For Left side menu_201006 */
#theMenuID1{
   padding-left:10px;
   list-style-type:none;
    background:#db0058 url("img/1.png");  /*"img/logo.gif"  */ /*http://www.ying.com.tw/ying/images/banners/0818 ???b.gif */
    border-color:Red;
    color:#4671d5;

}	


.thesubMenu  li{
   padding-left:10px;
   list-style-type:none;
    background:#fff6ff;
}	

.thesubMenu  li a{
   Font-size: 0.8em;
   color:#e1004c;
   background: #fff6ff;
   padding-left:5px;
}	

.thesubMenu  li a:hover{
   Font-size: 1em;
   color:#e1004c;
   background: #ffc1ff;
   padding-left:5px;
}	


/*End of For Left side menu_201006*/

/*Top menu 201006*/




/*End of Top menu 201006*/