#messenger{
	position:absolute;
	left: 380px;
	top: 330px; 
}

a:link {
	text-decoration: none;
	color: #333333;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #333333;
}
a:active {
	text-decoration: none;
	color: #333333;
}

#listLink ul li a{
	color: #FF9933;
}

.textbox input
{
color: #333333;
background: #FFFFCC;
border:1px solid  #FF9933;
}

.textbox2 input
{
color: #333333;
background: #FFFFCC;
}

.inputField {
	background-color:#FFFFCC;
	border:1px solid  #FF9933;
}

.normalText{
	color:#333333;
	font-size:12px;

	font-family: verdana, san-serif; 
		}

.orangeLabel {color: #FF9933}

.orangeLabelBold{color: #FF9933; font-weight: bold;}

.orangeBorder {border:solid 1px #FCD970; }

.orangeBorderBottom {border-bottom:1px solid  #FCD970; }

.orangeBorderRight {border-right:1px solid  #FCD970; }

.orangeBkg {background: #FFFFCC; }

.orangeDarkBkg {background: #FF9933}

.greenBorder {border:1px solid  #CEFDB3; }

.purpleLabel {color: #660099}

.redLabel {color: #660099 }

.greyLabel {color: #A4A4A4}

.orangeSmallText{
	color:#FF9933;
	font-size:11px;
}

.greyBorder {border:solid 1px #A4A4A4; }

.greyBorderBottom {border-bottom:1px solid  #A4A4A4; }

.greySmallText{
	color:#333333;
	font-size:11px;
}

.style2 {
	font-size: 18px;
	font-weight: bold;
}
.style4 {color: #0000FF}
.style6 {font-size: 22px}

.product_type{
	color:#0088CC;
}

.preorder_text{
	color:#FF9933;
}

.readystock_text{
	color:#0088CC;
}


.submitStyle {
	color: #0CAF24;
	font-weight: bold;
}

.smallerFont{
	font-size: 12px;
}		

.hoMenuTable {
	background-color: #E4FCFB;
	}		
	
.hoMenuTableOut1 {
	border:thick;
	background-color: #FF99FF;
	}		
	
.hoMenuTableOut2 {
	border:thick;
	border-color: #FFFFFF;
	}	
	
.hoMenuTable2 {
	border: 1px solid #E4FCFB;
	padding:5px;
	/*background-color: #FFF2E6;*/
	}	
	
.hoNewsTable {
	background-color: #CEFDB3;
	}	
	
.hoNewsTableDtl {
	border: 1px solid #CEFDB3;
	border-collapse:collapse;
	}	
	
.itemPic {
	border: 1px solid #94ECF5;
    padding-top:8px;
	padding-bottom:8px;
	}		
	
.itemTableDtl {
	background: #FFFFCC;
}

.remarkText{
	color:#FF0000;
}

.productDtlTable{
	border:thin;
	border-color: #94ECF5;
	border-style:solid;
	border-collapse:collapse;
	padding:10px;
}

.memberzoneBorder {
	border-left-style: solid;
	border-left-color: #E9E9E9;
	border-right-style: solid;
	border-color: #E9E9E9;
	border-width: thin;
}

.memberzoneSpliter {
	border-left-style: solid;
	border-left-color: #E9E9E9;
	border-width: thin;
}

.bottomBorder{
	border-bottom:2px solid #FFFFFF;
}

.myindent {
	text-indent: 50px
}

.wireframemenu{
border: 0px solid #C0C0C0;
background-color: none;
border-bottom-width: 0;
width: 103px;
position: absolute;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 103px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: bold 13px Verdana;

display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
/*border-bottom: 1px solid #C0C0C0;*/
}

.wireframemenu a:visited{
color: #595959;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #F8FBBD;
color: black;
}

.other_cat_list a{
	color: #FF9933;
}

.other_cat_list ul{
	padding:0; 
	margin:0;
	list-style-type: none; 
	font-weight:bold;
	border-bottom:1px solid #CEFDB3;
}

.other_cat_expand ul{
	list-style-type: disc;
	margin-left:30px;
	padding:10px 0px;
	font-weight:normal;
}


/******************************************************************************
* Styles for the tabbed displays.                                             *
******************************************************************************/

/*-----------------------------------------------------------------------------
  Note: The border-radius property is a proposed feature for CSS3 which creates
        rounded corners. Mozilla/Netscape browsers currently support this
        feature via the proprietary -moz-border-radius property. Both are
        defined here. Browsers that support neither should simply ignore them.
-----------------------------------------------------------------------------*/

div.tabBox {}

div.tabArea {
  font-size: 80%;
  font-weight: bold;
  padding: 0px 0px 3px 0px;
}

a.tab {
  background-color: #d0b0ff;
  border: 1px solid #000000;
  border-bottom-width: 0px;
  border-color: #f0d0ff #b090e0 #b090e0 #f0d0ff;
  -moz-border-radius: .75em .75em 0em 0em;
  border-radius-topleft: .75em;
  border-radius-topright: .75em;
  padding: 2px 1em 0px 1em;
  position: relative;
  text-decoration: none;
  top: 3px;
  z-index: 100;
}

a.tab, a.tab:visited {
  color: #8060b0;
}

a.tab:hover {
  background-color: #a080d0;
  border-color: #c0a0f0 #8060b0 #8060b0 #c0a0f0;
  color: #ffe0ff;
}

a.tab:active {
  background-color: #a080d0;
  border-color: #c0a0f0 #8060b0 #8060b0 #c0a0f0;
  color: #ffe0ff;
}

a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
  background-color: #9070c0;
  border-color: #b090e0 #7050a0 #7050a0 #b090e0;
  color: #ffe0ff;
}

a.tab.activeTab {
  padding-bottom: 4px;
  top: 1px;
  z-index: 102;
}

div.tabMain {
  background-color: #9070c0;
  border: 2px solid #000000;
  border-color: #b090e0 #7050a0 #7050a0 #b090e0;
  -moz-border-radius: 0em .5em .5em 0em;
  border-radius-topright: .5em;
  border-radius-bottomright: .5em;
  padding: .4em;
  position: relative;
  z-index: 101;
}

div.tabIframeWrapper {
  width: 100%;
}

iframe.tabContent {
  background-color: #9070c0;
  border: 1px solid #000000;
  border-color: #7050a0 #b090e0 #b090e0 #7050a0;
  width: 100%;
  height: 36ex;
}

/******************************************************************************
* Additional styles.                                                          *
******************************************************************************/

h4#title {
  background-color: #503080;
  border: 1px solid #000000;
  border-color: #7050a0 #b090e0 #b090e0 #7050a0;
  color: #d0b0ff;
  font-weight: bold;
  margin-top: 0em;
  margin-bottom: .5em;
  padding: 2px .5em 2px .5em;
}

/******************************************************************************
* End Additional styles.                                                          *
******************************************************************************/

.boardText{
	color:#a080d0;
	font-size:12px;
}

.boardBkg{
  background-color: white;
}


#footbar {
    Z-INDEX: 10000;
    POSITION: fixed;
    MIN-WIDTH: 800px;
    MARGIN: 0px auto;
    BOTTOM: 0px;
    /*BACKGROUND: url(../image/other/footer-bg.png);*/
    HEIGHT: 30px;
    COLOR: #666666;
    RIGHT: 0px;
    TEXT-DECORATION: none;
    LEFT: 0px;
    border-top:1px solid #CCCCCC;
    font-size:16px;
    background-color: #CCCCCC;
}
#footbar_wrapper {
    POSITION: relative;
    width:960px;
    text-align:left;
}


/******************************************************************************
* Side categories styles                                                          *
******************************************************************************/

/* 基本样式 */ 
.menu {
	width:180px; 
	height:150px; 
	position:relative; 
	margin:0; 	
	font-size:13px; 
	margin:0px 0;
} 

.menu ul li a, .menu ul li a:visited {
	display:block; 	
	text-decoration:none; 
	color:#333; 
	width:165px; 	
	text-align:left; 
	border-right:1px solid #FFF; 
	border-bottom:1px dashed #FFF; 	
	background:#F5ECCE; 	
	line-height:19px; 
	font-size:13px;
	padding:5px 15px 5px 10px;
	background-image:url("../image/other/expand-right4.gif");
	background-repeat:no-repeat;
    background-position:98% 50%;
} 

.menu ul {
	padding:0; 
	margin:0;
	list-style-type: none; 
} 

.menu ul li {
	float:left; 
	margin-right:1px; 
	position:relative;
} 

.menu ul li ul {display: none;}  

/* 指定非IE浏览器样式 */ 
.menu ul li:hover a {
	color:#333; 
	background:#F5DA81;
} 

.menu ul li:hover ul {
	display:block; 
	position:absolute; 			
	top:0; 
	left:190px; 
	width:180px;
} 

.menu ul li:hover ul li a.hide {
	background:#dfc184; 
	color:#333;
} 

.menu ul li:hover ul li:hover a.hide {
	width:180px;
} 

.menu ul li:hover ul li ul {
	display: none;
} 

.menu ul li:hover ul li a {
	display:block; 		
	background:#F5DA81; 
	color:#333; 
	width:180px;
	text-align:left;
	padding-left:30px;
} 

.menu ul li:hover ul li a:hover {
	background:#FFBF00; 
	color:#333;
} 

.menu ul li:hover ul li:hover ul {
	display:block; 		
	position:absolute; 
	left:181px; 
	top:0; 
	color:#333;
} 

.menu ul li:hover ul li:hover ul li a {
	display:block; 			
	width:200px; 
	background:#dfc184; 
	color:#333;
} 

.menu ul li:hover ul li:hover ul li a:hover {			
	background:#bd8d5e; 
	color:#fff;
}