/* ================================
    CSS STYLES FOR IBUYSPY PORTAL 
    v1.0, 01/2001
   ================================
*/
/* Solpart Menu */
.MenuContainer
{
    border-bottom: blue 0px solid;
    border-left: blue 0px solid;
    border-top: blue 0px solid;
    border-right: blue 0px solid;
}

.MenuBar
{
    cursor: pointer;
    cursor: hand;
    height: 16;
    background-color: Transparent;
}

.MenuItem
{
    cursor: pointer;
    cursor: hand;
    color: black;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    border-left: white 0px solid;
    border-bottom: white 1px solid;
    border-top: white 1px solid;
    border-right: white 0px solid;
    background-color: Transparent;
}

.MenuIcon
{
    cursor: pointer;
    cursor: hand;
    background-color: #EEEEEE;
    border-left: #EEEEEE 1px solid;
    border-bottom: #EEEEEE 1px solid;
    border-top: #EEEEEE 1px solid;
    text-align: center;
    width: 15;
    height: 21;
}

.SubMenu
{
    z-index: 1000;
    cursor: pointer;
    cursor: hand;
    background-color: #FFFFFF;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3);
    border-bottom: #FFFFFF 0px solid;
    border-left: #FFFFFF 0px solid;
    border-top: #FFFFFF 0px solid;
    border-right: #FFFFFF 0px solid;
}

.MenuBreak
{
    border-bottom: #EEEEEE 1px solid;
    border-left: #EEEEEE 0px solid;
    border-top: #EEEEEE 1px solid;
    border-right: #EEEEEE 0px solid;
    background-color: #EEEEEE;
    height: 1px;
}

.MenuItemSel
{
    cursor: pointer;
    cursor: hand;
    color: black;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    background-color: #C1D2EE;
}

.MenuArrow
{
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
    border-right: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px solid;
    border-top: #FFFFFF 0px solid;
}

.RootMenuArrow
{
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
}

/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg
{
    background-color: darkred;
}

/* background color for the content part of the pages */
Body
{
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    font-size: 13px;
    /*		 Firefox 3.6 
		background-image: -moz-linear-gradient(top, #FFFFFF, #dcdcdc); 
		 Safari & Chrome 
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.8, #C6A8C6),color-stop(0, #B086B0)); 
		  IE6 & IE7 
		filter:  progid:DXImageTransform.Microsoft.Gradient(startColorStr=#C6A8C6, endColorStr=#B086B0, gradientType='0');
		 IE8 
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C6A8C6', endColorstr='#B086B0')";
*/
    font-family: 微軟正黑體;
    background-color: #FFFFFF; /* background-image: url(index_bg.jpg); */
}

P
{
}

a img
{
    border: none;
}

/* PAGE FOOTLINE */
.FootLine
{
    color: white;
    font: 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

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

A.FootLine:visited
{
    text-decoration: none;
    color: "#000000";
}

A.FootLine:active
{
    text-decoration: none;
    color: "#000000";
}

A.FootLine:hover
{
    text-decoration: none;
    color: "#3366FF";
}

/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx
/* style for the text of the site title */
.SiteTitle
{
    font-size: 13px;
    font-weight: bold;
    color: #cccc99;
}

/* background/border colors for the selected tab */
.TabBg
{
    background-color: transparent;
    font-family: 微軟正黑體;
    border-bottom: 1px dotted Silver;
    line-height: 28px;
}

/* background/border colors for the unselected tabs */
.OtherTabsBg
{
    background-color: transparent;
}

/* background/border colors for the selected tab */
.PanelBg
{
}

/* background/border colors for the unselected tabs */
.OtherPanelsBg
{
    margin-right: 4px;
    font-size: 13px;
}

/* text style for the selected tab */
.SelectedTab
{
    color: #666666;
    font-size: 16px;
}

/* hyperlink styles of the selected tab */
A.SelectedTab:link, A.SelectedTab:visited, A.SelectedTab:active
{
    text-decoration: none;
    color: #666666;
    font-weight: normal;
}

A.SelectedTab:hover
{
    text-decoration: none;
    color: #666666;
    font-weight: normal;
}

/* text style for the unselected tabs */
.OtherTabs
{
    color: #CCCCCC;
    text-decoration: none;
    font-size: 16px;
}


/* hyperlink styles of the unselected tabs */
A.OtherTabs:link, A.OtherTabs:visited, A.OtherTabs:active
{
    text-decoration: none;
    color: #333333;
}

A.OtherTabs:hover
{
    text-decoration: none;
    color: #000000;
    font-weight: normal;
}

/* text style for the selected panel */
.SelectedPanel
{
    color: Red;
    font: 13px;
}

/* hyperlink styles of the selected Panel */
A.SelectedPanel:link
{
    text-decoration: none;
    color: #696969;
}

A.SelectedPanel:visited
{
    text-decoration: none;
    color: #696969;
}

A.SelectedPanel:active
{
    text-decoration: none;
    color: #696969;
}

A.SelectedPanel:hover
{
    text-decoration: none;
    color: #696969;
}

/* background color for the ContentBlock at the Content of the page  */
.ContentBlock
{
    /* background-color: #003399; */
}

/* TD style for the left panel */
.LeftPanel
{
    border-right: 0px solid #E6E6FA;
}

/* text style for the right panel */
.RightPanel
{
    border-left: 0px solid #E6E6FA;
}

/* text style for the upper panel */
.UpperPanel
{
    background-color: #A9CE2C;
}

/* text style for the unselected panels */
.OtherPanels
{
    color: #A8A8A8;
    text-decoration: none;
}

/* hyperlink styles of the unselected panels */
A.OtherPanels:link, A.OtherPanels:visited, A.OtherPanels:active
{
    text-decoration: none;
    color: #C0C0C0;
}

A.OtherPanels:hover
{
    text-decoration: none;
    color: #ffffff;
}

/* text style for the site links (at extreme top-right of header) */
.SiteLink
{
    font: 13px 微軟正黑體;
}

/* hyperlink style for the site links */
A.SiteLink:link, A.SiteLink:visited, A.SiteLink:active
{
    text-decoration: none;
    color: #ED696E;
}

A.SiteLink:hover
{
    text-decoration: none;
    color: #F3A0A5;
}

/* style for separator between site links */
.Accent
{
    color: red;
    font-weight: bold;
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */
.Message
{
    font-size: 11px;
    font-weight: normal;
    font-size: 11px;
    background-color: #eeeeee;
}

/* style of item titles by Announcements and events */
.ItemTitle
{
    color: Black;
    font: smaller;
}



/* GENERAL */
/* style for module titles */
.Head
{
    color: #666666;
    /*filter: shadow(color=#000000,strength=1);*/
    height: 13px;
    /*border: 1px groove Maroon;*/
    padding-bottom: 1px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 1px;
    font-weight: bold;
}

.ModuleHead
{
    color: #333333; /*filter: shadow(color=#000000,strength=1);*/
    height: 15px; /*border: 1px groove Maroon;*/
    padding-bottom: 1px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 1px;
    font-family: "微軟正黑體";
    font-size: 15px;
    font-weight: bold;
}

/* style of item titles on edit and admin pages */
.SubHead
{
    color: black;
    font-size: 13px;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
    color: Blue;
    /* filter: shadow(color=#000000,strength=1); */
    height: 13px;
    font: normal bold 13px;
}

/* text style used for most text rendered by modules */
.Normal
{
    color: #333333;
    font-size: 13px;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: 微軟正黑體;
    font-size: 13px;
}

.NormalButton
{
    font-family: 微軟正黑體;
    font-size: 13px;
}

.NormalRed
{
    color: red;
    font-size: 13px;
}

.NormalBold
{
    font-weight: bold;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
    border: 1px outset White;
    background-color: silver;
    padding: 2px 2px 0px 4px;
    font-size: 13px;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link
{
    text-decoration: none;
    color: Black;
}

A.CommandButton:visited
{
    text-decoration: none;
    color: Black;
}

A.CommandButton:active
{
    text-decoration: none;
    color: Black;
}

A.CommandButton:hover
{
    text-decoration: none;
    color: Yellow;
    background-color: Black;
}

/* GENERIC */
H1
{
    font-size: 20px;
    font-weight: normal;
    color: #666644;
}

H2
{
    font-size: 20px;
    font-weight: normal;
    color: #666644;
}

H3
{
    font-size: 13px;
    font-weight: normal;
    color: darkred;
}

H4
{
    font-size: 13px;
    font-weight: normal;
    color: darkred;
}

H5, DT
{
    font-size: 11px;
    font-weight: bold;
    color: darkred;
}

H6
{
    font-size: 11px;
    font-weight: bold;
    color: darkred;
}

TFOOT, THEAD
{
    font-size: 13px;
    color: darkred;
}

TH
{
    vertical-align: baseline;
    /*font-size: 13px;*/
    font-weight: bold;
    color: darkred;
}

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

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

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

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

SMALL
{
    font-size: 8px;
}

BIG
{
    font-size: 14px;
}

BLOCKQUOTE, PRE
{
    font-family: 微軟正黑體;
}

/*
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
{
    border-top-style: dotted;
    border-top-color: #666666;
    border-width: 1px 0px 0px 0px;
}

.BannerBox1
{
    color: #6495ED;
    text-decoration: none;
    border-bottom: 1px solid #4A84EC;
    border-left: 1px solid #E2EBFC;
    border-right: 1px solid #4A84EC;
    border-top: 1px solid #E2EBFC;
    padding: 2 2 2 2;
    background: url(../../images/Box_Blue_Dot.gif) bottom,right;
}

.BannerBox2
{
    color: #6495ED;
    text-decoration: none;
    padding: 20 20 20 20;
    background: no-repeat;
}

.ImageList
{
    color: Gray;
    text-decoration: none;
    border-bottom: 1px solid Black;
    border-left: 1px solid Gray;
    border-right: 1px solid Black;
    border-top: 1px solid Gray;
    padding: 6 6 6 6;
}

.ImageContent_List
{
    text-decoration: none;
    font-size: 13px;
}

.Box_Announcement
{
    color: #6495ED;
    text-decoration: none;
    background: no-repeat;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: White;
    margin-bottom: 2px;
}

.Box_Entry
{
    color: Gray;
    text-decoration: none;
    border: 1px solid #00A3F0;
    background: #C1E0FF;
}

.Box_ControlStatus
{
    color: Yellow;
    text-decoration: none;
    background: #00A3F0;
}

.Box_ControlPanel
{
    color: Yellow;
    text-decoration: none;
    background: Black;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
}

.Box_PagerStyle
{
    color: Yellow;
    text-decoration: none;
    background: #00A3F0;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
}

.Box_ItemStyle
{
    text-decoration: none;
    background: #EBEBEB;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    border: 0px;
}

.Box_AlternatingItemStyle
{
    text-decoration: none;
    background: White;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
}

.Box_EditItemTemplate
{
    text-decoration: none;
    background: #F0FFFF;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    border: 1px inset Silver;
}

.Box_ItemTemplate
{
    text-decoration: none;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    border: 0px;
    background: transparent;
}

.Box_SelectedItemStyle
{
    text-decoration: none;
    background: #F0F8FF;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
}

.EditCommandColumn
{
    text-decoration: none;
    font-size: 15px;
}

.ButtonColumn
{
    text-decoration: none;
    font-size: 15px;
}

.HeaderStyle
{
    text-decoration: none;
    font-size: 13px;
    padding: 4px 4px;
    background-color: #DCDCDC;
}

.FieldHead
{
    color: #333333;
}

.Message
{
    font-size: 13px;
    background-color: Gray;
    color: Yellow;
    padding: 2px 2px 2px 4px;
}

.ReadOnlyTextBox
{
    background-color: transparent;
    padding: 2px 2px 2px 4px;
    color: Black;
    font: normal bold 15px;
    border: 0px;
}

.StoreCategoryList
{
    font-size: 13px;
}
/*.CategoryTitle{ color: #66CDAA;  font-size: 15px;  font-weight: bolder;    padding-top: 3px;  height: 20PX;  text-align: center;  padding-bottom: 3px;              }*/
.ImageContent_List
{
}

.ImageTitle
{
    height: 20px;
    border-bottom: 1px dotted #FFC0CB;
    font-size: 15px;
}

.ProductDetail_Title_Box
{
    border-bottom: 1px dotted #E6E6FA;
    color: #1E90FF;
}

.LinkItem
{
    font-size: 13px;
    height: 25px;
    padding-left: 10px;
    background-image: url(../../images/Css/LinkItem.gif);
}