/* ================================
    CSS STYLES FOR THE COMMERCE STARTER KIT 
    v1.0, 10/2002
   ================================
*/   

BODY
{
}

/* */
.HomeHead
{
    color: #999966;
    font-family: Verdana, Arial;
    font-size: 20px;
    font-weight: bold;
    HEIGHT: 35px
}

/* */
.ContentHead
{
    background-color: #ffffff;
    color: dimgray;
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    height: 35px
}

/* */
.SubContentHead
{
    background-color: #dddca3;
    color: dimgray;
    font-family: Verdana, Arial ;
    font-size: 18px;
    font-weight: bold;
    height: 20px
}

/* */
.UnitCost
{
    color: #808080;
    font-family: Verdana, Arial ;
    font-size: 15px;
    line-height: 20pt
}

/* */
.ModelNumber
{
    color: #808080;
    font-family: Verdana, Arial ;
    font-size: 11px;
    line-height: 20pt
}

/* */
.ErrorText
{
    color: red;
    font-family: Verdana, Arial ;
    font-size: 11px;
}

.MostPopularHead
{
    background-color: darkred;
    color: white;
    font-family: Verdana, Arial ;
    font-size: 11px;
    font-weight: bold
}

A.MostPopularItemText, A.MostPopularItemText:link, A.MostPopularItemText:visited
{
    color: black;
    font-family: Verdana, Arial ;
    font-size: 11px;
    text-decoration: none
}

A.MostPopularItemText:hover
{
    color: red;
    font-family: Verdana, Arial ;
    font-size: 11px;
    text-decoration: underline
}

.ProductListHead
{
    color: black;
    font-family: Verdana, Arial ;
    font-size: 10px;
    line-height: 14pt;
    text-decoration: none;
}
.ProductListItem
{
    color: black;
    font-family: Verdana, Arial ;
    font-size: 10px
}

.CartListHead
{
    background-color: #E4E8DD;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Verdana, Arial ;
    font-size: 11px;
    line-height: 20px; 
    padding-left: 5px
}

.CartListItem
{
    background-color: #ffffff;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Verdana, Arial ;
    font-size: 11px;
    padding-left: 5px
}

.CartListItemAlt
{
    background-color: #f2f2f2;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Verdana, Arial ;
    font-size: 11px;
    padding-left: 5px
}

.CartListFooter
{
    background-color:#ffffff;
    line-height: 10pt
}

/* text style for the links */
A.SiteLink, A.SiteLink:link, A.SiteLink:visited
{
    font-family: Verdana ;
    text-decoration: none;
    color: #dddddd;
    font-size: 11px;
}   

A.starID:hover    
{
	text-decoration: underline;
	color: #8B0000;
}

A.SiteLink:hover    
{
    text-decoration: underline;
    color: white;
}

A.SiteLinkBold, A.SiteLinkBold:link, A.SiteLinkBold:visited
{
    color: #dddddd;
    font-family: Verdana, Helvetica, sans-serif ;
    text-decoration: none;
    font-size:  11px;
    font-weight: bold
}

A.SiteLinkBold:hover
{
    color: white;
    text-decoration: none;
}

/* */
A.MenuUnselected, A.MenuUnselected:link, A.MenuUnselected:visited
{
    color: goldenrod;
    font-family: Verdana, Helvetica, sans-serif ;
    text-decoration: none;
    font-size:  12px;
    font-weight: bold;
    line-height: 16px;
    padding-left: 10px
}

A.MenuUnselected:hover
{
    color: white;
    text-decoration: underline;
    padding-left: 10px
}

A.MenuSelected
{
    color: white;
    font-family: Verdana, Helvetica, sans-serif ;
    text-decoration: none;
    font-size:  12px;
    font-weight: bold;
    line-height: 16px;
    padding-left: 10px
}

A.MenuSelected:hover
{
    color: white;
    font-family: Verdana, Helvetica, sans-serif ;
    text-decoration: none;
    padding-left: 10px
}

/* GENERAL */

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Verdana, Helvetica, sans-serif ;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px    
}

.NormalDouble
{
    font-family: Verdana, Helvetica, sans-serif ;
    font-size: 11px;
    font-weight: normal;
    line-height: 20px    
}

/* text style used for textboxes in the admin pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: normal;
}

/* text style used for selects in the admin pages, for Nav compatibility */
.NormalSelect
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: normal;
}

/* text style used for textboxes in the edit pages, for Nav compatibility */
.EditTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: normal;
    border-style: solid;
    border-width: 1px;
    border-color: #999966;
    width: 100%;
}

/* text style used for controls in the admin and edit pages, for Nav compatibility */
.NormalControl
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalCheckBox
{
    margin-left: -4px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalRadio
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-indent: -5px;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalButton
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-indent: -5px;
/*    border-style: solid;
    border-width: 1px;
    border-color: #cccc99; */
    background-color:#ccccaa;    
}

.NormalRed
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: red
}

.NormalBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 12px    
}

.NormalItalic
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px    
}

.TCTable
{	
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

.TCTable2
{	
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
}

.TCSpan
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	LINE-HEIGHT: 200%;
}

.TCSpan2
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 0px;
	margin-left: 20px;
	margin-right: 0px;
	margin-bottom: 5px;
	LINE-HEIGHT: 125%;
}


.TCInput
{
	BORDER-RIGHT: #c0c0c0 1px solid;
	BORDER-TOP: #c0c0c0 1px solid;
	FONT-SIZE: 10pt;
	BORDER-LEFT: #c0c0c0 1px solid;
	COLOR: #999966;
	BORDER-BOTTOM: #c0c0c0 1px solid;
	FONT-FAMILY: Verdana;
}

.TCInput2
{
	BORDER-RIGHT: #000000 1px solid;
	BORDER-TOP: #000000 1px solid;
	FONT-SIZE: 10pt;
	BORDER-LEFT: #000000 1px solid;
	COLOR: #000000;
	BORDER-BOTTOM: #000000 1px solid;
	FONT-FAMILY: Verdana;
}

.TCInput3
{
	 BORDER-RIGHT: #000000 1px solid;
	 BORDER-TOP: #000000 1px solid;
	 FONT-SIZE: 10pt;
	 BORDER-LEFT: #000000 1px solid;
	 COLOR: #669900; 
	 BORDER-BOTTOM: #000000 1px solid; 
	 FONT-FAMILY: "Verdana";
}

.TCInput4
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	BORDER-RIGHT: #c0c0c0 1px dotted;
	BORDER-TOP: #c0c0c0 1px dotted;
	BORDER-LEFT: #c0c0c0 1px dotted;
	BORDER-BOTTOM: #c0c0c0 1px dotted;
	background-color: #ffffff;

}

.TCInput5
{
	background-color: #000000;
	color: #FFFFFF;
	font-size: 7pt;
	font-family: Verdana;
	float: right;
}

.TCInputSearch
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	BORDER-RIGHT: #c0c0c0 1px solid;
	BORDER-TOP: #c0c0c0 1px solid;
	BORDER-LEFT: #c0c0c0 1px solid;
	BORDER-BOTTOM: #c0c0c0 1px solid;
	background-color: #ffffff;

}


A.HeaderBar:hover {
	color: #FFFFFF;
	background-color: #CC3333;
}

A.HeaderBar:link {
	color: #000000;
	text-decoration: none;
}

A.HeaderBar:visited {
	text-decoration: none;
}

A:link  {
    text-decoration: underline;
    color:  black;
}

A,A:hover {
    text-decoration: underline;
    color:  black;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}

#table4 {
  font-family:verdana;
  font-size:7pt;
}

a.45:link {
  font-family:verdana;
  font-size:7pt;
	color: #000000;
	text-decoration: none;
}
a.45:visited {
	font-family:verdana;
  font-size:7pt;
	color: #000000;
	text-decoration: none;
	
}
a.45:hover {
font-family:verdana;
  font-size:7pt;
	color: #CC3333;
	text-decoration: none;
	vertical-align: super;
	white-space: nowrap;
}

a.45:active {
font-family:verdana;
  font-size:7pt;
	color: #FF0000;
	text-decoration: none;
}


a.46:link {
font-family:verdana;
  font-size:7pt;
	color: #000000;
	text-decoration: none;
}

a.46:visited {
font-family:verdana;
  font-size:7pt;
	color: #000000;
	text-decoration: none;
}
a.46:hover {
font-family:verdana;
  font-size:7pt;
	color: #CC3333;
	text-decoration: none;
	vertical-align: sub;
	white-space: nowrap;
}
a.46:active {
font-family:verdana;
  font-size:7pt;
	color: #FF0000;
	text-decoration: none;
}
a.41:link {text-decoration: none;	color: #000000;}
a.41:visited {text-decoration: none ; color: #000000}
a.41:active {text-decoration: none ; color: #000000}
a.41:hover {text-decoration: underline; color: #ff6600}
}
a.411:link {text-decoration: none;	color: #000000}
a.411:visited {text-decoration: none ; color: #000000}
a.411:active {text-decoration: none ; color: #000000}
a.411:hover {text-decoration: none; color: #ff6600;}
}
a.42:link {text-decoration: none;	color: #000000}
a.42:visited {text-decoration: none ; color: #000000}
a.42:active {text-decoration: none ; color: #000000}
a.42:hover {text-decoration: underline; color: #0066cc;}
}
a.421:link {text-decoration: none;	color: #000000;}
a.421:visited {text-decoration: none ; color: #000000}
a.421:active {text-decoration: none ; color: #000000}
a.421:hover {text-decoration: none ; color: #0066cc}
}
a.43:link {text-decoration: none;	color: #000000;}
a.43:visited {text-decoration: none ; color: #000000}
a.43:active {text-decoration: none ; color: #000000}
a.43:hover {text-decoration: underline; color: #669900;}
}
a.431:link {text-decoration: none;	color: #000000;}
a.431:visited {text-decoration: none ; color: #000000}
a.431:active {text-decoration: none ; color: #000000}
a.431:hover {text-decoration: none ; color: #669900;}
}
a.44:link {text-decoration: none;	color: #000000;}
a.44:visited {text-decoration: none ; color: #000000}
a.44:active {text-decoration: none ; color: #000000}
a.44:hover {text-decoration: underline; color: #000000;}
}
a.44b:link {text-decoration: none;	color: #000000;}
a.44b:visited {text-decoration: none ; color: #000000}
a.44b:active {text-decoration: none ; color: #000000}
a.44b:hover {text-decoration: none ; color: #000000; font-weight: bold;}
}
a.51:link {text-decoration: underline;	color: #000000;}
a.51:visited {text-decoration: underline ; color: #000000}
a.51:active {text-decoration: none ; color: #000000}
a.51:hover {text-decoration: none; color: #ff6600;}
}
a.52:link {text-decoration: underline;	color: #000000;}
a.52:visited {text-decoration:underline ; color: #000000}
a.52:active {text-decoration: none ; color: #000000}
a.52:hover {text-decoration: none; color: #0066cc;}
}
a.53:link {text-decoration: underline;	color: #000000;}
a.53:visited {text-decoration: underline ; color: #000000}
a.53:active {text-decoration: none ; color: #000000}
a.53:hover {text-decoration: none; color: #669900;}
}
a.54:link {text-decoration: underline;	color: #000000;}
a.54:visited {text-decoration: underline ; color: #000000}
a.54:active {text-decoration: none ; color: #000000}
a.54:hover {text-decoration: none; color: #000000;}
}
a.47:link {text-decoration: none;	color: #000000;}
a.47:visited {text-decoration: none ; color: #000000}
a.47:active {text-decoration: none ; color: #000000}
a.47:hover {text-decoration: underline; color: #000000;}
}
a.55:link {text-decoration: underline;	color: #ffffff;}
a.55:visited {text-decoration: underline ; color: #ffffff}
a.55:active {text-decoration: none; color: #ffffff}
a.55:hover {text-decoration: none; color: #99cc00; font-weight: bold;}
}
a.56:link {text-decoration: none;	color: #ffffff;}
a.56:visited {text-decoration: none ; color: #ffffff}
a.56:active {text-decoration: none; color: #ffffff}
a.56:hover {text-decoration: none; color: #FF9900; font-weight: bold;}
}
a.57:link {text-decoration: underline;	color: #333333;}
a.57:visited {text-decoration: underline ; color: #333333}
a.57:active {text-decoration: none; color: #333333}
a.57:hover {text-decoration: none; color: #FFFFFF; font-weight: bold;}
}
a.58:link {text-decoration: underline;	color: #646464;}
a.58:visited {text-decoration: underline ; color: #646464}
a.58:active {text-decoration: none; color: #646464}
a.58:hover {text-decoration: none; color: #333333; font-weight: bold;}
}
a.59:link {text-decoration: none;	color: #333333;}
a.59:visited {text-decoration: none ; color: #333333}
a.59:active {text-decoration: none; color: #333333}
a.59:hover {text-decoration: none; color: #cccccc; font-weight: bold;}
}
a.60:link {text-decoration: none;	color: #333333;}
a.60:visited {text-decoration: none ; color: #333333}
a.60:active {text-decoration: none; color: #333333}
a.60:hover {text-decoration: none; color: #ff9900; font-weight: bold;}
}
a.61:link {text-decoration: none;	color: #333333;}
a.61:visited {text-decoration: none ; color: #333333}
a.61:active {text-decoration: none; color: #333333}
a.61:hover {text-decoration: none; color: #99cc00; font-weight: bold;}
}
a.62:link {text-decoration: none;	color: #333333;}
a.62:visited {text-decoration: none ; color: #333333}
a.62:active {text-decoration: none; color: #333333}
a.62:hover {text-decoration: none; color: #cc3300; font-weight: bold;}
}
a.63:link {text-decoration: none;	color: #333333;}
a.63:visited {text-decoration: none ; color: #333333}
a.63:active {text-decoration: none; color: #333333}
a.63:hover {text-decoration: none; color: #33cccc; font-weight: bold;}
}
a.64:link {text-decoration: none;	color: #333333;}
a.64:visited {text-decoration: none ; color: #333333}
a.64:active {text-decoration: none; color: #333333}
a.64:hover {text-decoration: none; color: #ffff66; font-weight: bold;}
}
a.65:link {text-decoration: none;	color: #333333;}
a.65:visited {text-decoration: none ; color: #333333}
a.65:active {text-decoration: none; color: #333333}
a.65:hover {text-decoration: none; color: #ff6699; font-weight: bold;}
}
a.66:link {text-decoration: none;	color: #333333;}
a.66:visited {text-decoration: none ; color: #333333}
a.66:active {text-decoration: none; color: #333333}
a.66:hover {text-decoration: none; color: #cccc00; font-weight: bold;}
}
a.67:link {text-decoration: none;	color: #333333}
a.67:visited {text-decoration: none ; color: #333333}
a.67:active {text-decoration: none ; color: #333333}
a.67:hover {text-decoration: none; color: #ffffff}
}
a.68:link {text-decoration: underline;	color: #333333}
a.68:visited {text-decoration: underline ; color: #333333}
a.68:active {text-decoration: none ; color: #333333}
a.68:hover {text-decoration: none; color: #ffffff}
}
a.69:link {text-decoration: none;	color: #333333}
a.69:visited {text-decoration: none; color: #333333}
a.69:active {text-decoration: none ; color: #333333}
a.69:hover {text-decoration: none; color: #000000}
}

UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    height:1pt;
    text-align:left
}


EM {
	color: #990000;
    font-family: Verdana, Arial;    
    font-weight: bold;
    font-size: 11px;
}

.COUNT {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
}


/* 滑鼠移過變色 style 設定  */
.40 {
	padding: 2px 2px 2px 16px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E6E6E6;
}

.40 tr:hover {
	background-color:#eeeeee;
}

.hilite {
	background-color: #F0F8FF;
}