﻿body
{
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 10pt;
    background-color: #DCD6E0;
    background-image: url('/images/bg.jpg');
    background-repeat: repeat-x;
    margin: 4px 2px 2px 2px;
}

a:hover
{	
	color:	Red;
}

h1
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 14pt;
    font-weight: bold;
    color: #0000AA;
}

h2
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12pt;
    font-weight: bold;
    color: #000000;
}

.PlainText
{
    font-weight: normal;
    text-decoration: none;    
    color: #000000;
}

.ContentBoxWhite
{
    padding: 0px;
    margin: 0px;
    border: solid 1px Black;
    background-color: White;
    border-spacing: 0px;
    border-collapse: collapse; 
}

.ContentBox
{
    padding: 0px;
    margin: 0px;
    border: solid 1px Black;
    background-color: #C9DFED;
    border-spacing: 0px;
    border-collapse: collapse; 
}

.ContentBoxOrange
{
    padding: 0px;
    margin: 0px;
    border: solid 1px Black;
    background-color: #EDD7C9;
    border-spacing: 0px;
    border-collapse: collapse; 
}

.ContentHeaderWhite
{
    padding: 2px;
    border-bottom: solid 1px Black;
    background-color: #FFFFFF;
    text-align: center;
    color: Black;
}

.ContentHeaderBlue
{
    padding: 2px;
    border-bottom: solid 1px Black;
    background-color: #044A75;
    text-align: center;
    color: White;
}

.ContentHeaderOrange
{
    padding: 2px;
    border-bottom: solid 1px Black;
    background-color: #524400;
    text-align: center;
    color: White;
}

.ContentMain
{
    padding: 2px;
}

.TopNavLink
{
    text-decoration: underline;
    padding: 1px;
    color: White;
}

.TopNavLink:hover
{
    text-decoration: none;
    padding: 1px;
    color: Red;
}

.NavFree
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12pt;
    font-style: italic;
    font-weight: bold;
    color: #FFFF55;
}

.ThemeHeader
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 8pt;
    font-weight: bold;
    color: #990000;    
}

.ThemeLinks
{
    font-size: 8pt;
}

.ThemeBox
{
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 9pt;
    text-align: center;
    color: #000000;
    width: 125px;
    border: solid 1px #222222;
    padding: 1px;
    background-color: #ddffdd;
}

.SectionHeader
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12pt;
    font-weight: bold;
    color: #990000;    
}

.ErrorText
{
    color: #990000;
}

.ActionText
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12pt;
    font-weight: bold;
    color: #550000;
}

.ActionText2
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12pt;
    font-weight: bold;
    font-style: italic;
    color: #990000;    
}

.ActionText3
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10pt;
    font-style: italic;
    color: #660000;    
}

.SubText
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 8pt;
}

.PackageTitle
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 18pt;
    font-weight: bold;
    color: #666600;
}

.Price
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 16pt;
    font-weight: bold;
    color: #008800;
}

.Membership
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 14pt;
    font-weight: bold;
    color: #005500;
}

.EmphPrice
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 16pt;
    font-weight: bold;
    font-style: italic;
    color: #008800;
}

.Savings
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 14pt;
    font-style: italic;
    color: #880000;
}

.StrikePrice
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 14pt;
    font-weight: bold;
    text-decoration: line-through;
    color: #990000;
}

.WelcomeText
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 8pt;
    color: #666600;    
}

.FooterText
{
    font-size: 8pt;
}

.DealText
{
    font-size: 14pt;
    background-color: #eeeeff;
    border-top: solid 1px #aaaadd;
    border-bottom: solid 1px #aaaadd;
    width: 100%;
}

.LinkText
{
    font-size: 12pt;
    font-family: Verdana, Arial, Sans-Serif;
}

.FreeProduct
{
    font-weight: bold;
    color: #552222;
    background-color: #ffff88;
    text-align: center;
    vertical-align: middle;
}

.PremiumProduct
{
    font-weight: bold;
    color: #225522;
    background-color: #88ff88;
    text-align: center;
    vertical-align: middle;
}

.QuoteText
{
    color: #666699;
    font-size: 20pt;
}

.CustomPanel
{
    background-color: #dfecef;
    border: solid 1px #777799
}

.CustomPanelLink
{
    font-size: 12pt;
    font-weight: bold;    
}

.CustomPanelOptional
{
    font-size: 10pt;
    color: #990000;
}

.CustomTabBar
{
    height: 23px; 
    background-image: url(images/customtab_bg.png);
    text-align: left;
    vertical-align: bottom;
}

.CustomTabFront
{
    width: 115px;
    height: 23px; 
    background-image: url(images/customtab_front.png);
    text-align: center;
    vertical-align: middle;
    font-size: 8pt;
    font-weight: bold;
    color: #000022;
    cursor: pointer;
}

.CustomTabBack
{
    width: 115px;
    height: 23px; 
    background-image: url(images/customtab_back.png);
    text-align: center;
    vertical-align: middle;
    font-size: 8pt;
    color: #000088;
    cursor: pointer;
}

.YouStarText
{
    font-family: Arial, Sans-Serif;
    font-size: 8pt;
    font-style: italic;
    color: #990000;
}

.BigText
{
    font-size: 12pt;
}

.ProductGridTitle
{
    text-align: center;
    vertical-align: bottom;
    border-right: solid 1px #aaaaaa;
    border-bottom: solid 1px #333333;
    font-size: 12pt;
    font-weight: bold;
}

.ProductGridCategory
{
    text-align: left;
    vertical-align: middle;
    border-right: solid 1px #333333;
    border-bottom: solid 1px #aaaaaa;
    font-weight: bold;
    background-color: #f4f4f4;
    padding: 4px 2px 4px 2px;
}

.ProductGridItem
{
    text-align: center;
    vertical-align: middle;
    border-right: solid 1px #aaaaaa;
    border-bottom: solid 1px #aaaaaa;
}

.Tagline
{
    font-size: 16pt;
    color: #0076B7;
    font-family: Arial, Verdana;
    font-weight: bold;
}

.NavBar
{
    width: 995px;
    height: 40px;
    background-image: url('/images/navbg.png');
    background-repeat: repeat-x;
    border-collapse: collapse;
}

.NavBarSizable
{
    height: 40px;
    background-image: url('/images/navbg.png');    
    background-repeat: repeat-x;
    border-collapse: collapse;
}

.NavLeftEnd
{
    background-image: url('/images/navend_left.png');
    background-repeat: no-repeat;
    background-position: left top;
    width: 3px;
    font-size: 1pt;
}

.NavRightEnd
{
    background-image: url('/images/navend_right.png');
    background-repeat: no-repeat;
    background-position: right top;
    width: 3px;
    font-size: 1pt;
}

.NavSeparator
{
    background-image: url('/images/nav_sep.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 3px;
    font-size: 1pt;
}

.NavCell
{
    text-align: center;
    vertical-align: middle;    
}

.NavCellRight
{
    text-align: right;
    vertical-align: middle;    
}

.NavLink
{
    font-family: Arial, Verdana;
    font-size: 10pt;
    font-weight: bold;
    color: #3E4243;
    text-decoration: none;    
}

.NavLink:hover
{
    text-decoration: underline;
}

.NavLinkHighlight
{
    font-family: Arial, Verdana;
    font-size: 10pt;
    font-weight: bold;
    color: #FF5B00;
    text-decoration: none;    
}

.NavLinkHighlight:hover
{
    text-decoration: underline;
}

.GoButton
{
    vertical-align: middle;
}

.TabBar
{
    width: 995px;
    height: 18px;
    border-collapse: collapse;
    margin-top: 2px;
    margin-bottom: 2px;
}

.TabSection
{
    width: 33%;
    border-collapse: collapse;
    border-bottom: solid 1px #888888;
}

.TabEcards
{
    width: 100%;
    border-collapse: collapse;
    background-image: url('/images/tab_bg_youstars.jpg');
    background-repeat: repeat-x;
    background-position: top;
}

.TabYouStars
{
    width: 100%;
    border-collapse: collapse;
    background-image: url('/images/tab_bg_youstars.jpg');
    background-repeat: repeat-x;
    background-position: top;
}

.TabToolkit
{
    width: 100%;
    border-collapse: collapse;
    background-image: url('/images/tab_bg_toolkit.jpg');
    background-repeat: repeat-x;
    background-position: top;
}

.TabLeft
{
    width: 5px;
    background-image: url('/images/tab_left.png');
    background-repeat: no-repeat;
    background-position: left top;
}

.TabRight
{
    width: 5px;
    background-image: url('/images/tab_right.png');
    background-repeat: no-repeat;
    background-position: right top;
}

.TabCell
{
    text-align: center;
    vertical-align: middle;
}

.TabLink
{
    font-family: Arial, Verdana;
    font-size: 10pt;
    font-weight: bold;
    color: #777777;
    text-decoration: none;
}

.TabLink:hover
{
    text-decoration: underline;
}

.TabLinkSel
{
    font-family: Arial, Verdana;
    font-size: 10pt;
    font-weight: bold;
    color: #CC0000;
    text-decoration: none;
}

.EcardSection
{
    background-image: url('/images/section_youstar_bg.jpg');
    background-repeat: repeat-x;
    background-position: bottom;
}

.EcardSectionHalf
{
    background-image: url('/images/section_youstar_bghalf.jpg');
    background-repeat: repeat-x;
    background-position: bottom;
}

.EcardSection23
{
    background-image: url('/images/section_youstar_bg23.jpg');
    background-repeat: repeat-x;
    background-position: bottom;
}

.YouStarSection
{
    background-image: url('/images/section_youstar_bg.jpg');
    background-repeat: repeat-x;
    background-position: bottom;
}

.YouStarSectionHalf
{
    background-image: url('/images/section_youstar_bghalf.jpg');
    background-repeat: repeat-x;
    background-position: bottom;
}

.YouStarSection23
{
    background-image: url('/images/section_youstar_bg23.jpg');
    background-repeat: repeat-x;
    background-position: bottom;
}


.ToolkitSection
{
    background-image: url('/images/section_toolkit_bg.jpg');
    background-repeat: repeat-x;
    background-position: bottom;
}

.ToolkitSectionHalf
{
    background-image: url('/images/section_toolkit_bghalf.jpg');
    background-repeat: repeat-x;
    background-position: bottom;
}

.ToolkitSection23
{
    background-image: url('/images/section_toolkit_bg23.jpg');
    background-repeat: repeat-x;
    background-position: bottom;
}

.Popup
{
	position: absolute;
	left: -1000px;
	visibility: hidden;
	z-index: 100;
}

.RoundTable
{
    border-collapse: collapse;
}

.RoundTableTL
{
    padding: 0px 0px 0px 0px;
    background-image: url('/images/roundcorner_tl.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    width: 18px;
    height: 25px;
}

.RoundTableTR
{
    padding: 0px 0px 0px 0px;
    background-image: url('/images/roundcorner_tr.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    width: 18px;
    height: 25px;
}

.RoundTableBL
{
    padding: 0px 0px 0px 0px;
    background-image: url('/images/roundcorner_bl.png');
    background-repeat: no-repeat;
    background-position: right top;
    width: 18px;
    height: 18px;
}

.RoundTableBR
{
    padding: 0px 0px 0px 0px;
    background-image: url('/images/roundcorner_br.png');
    background-repeat: no-repeat;
    background-position: left top;
    width: 18px;
    height: 18px;
}

.RoundTableHeader
{
    padding: 2px 0px 2px 0px;
    background-color: #3A3A3A;
    color: #EEEEEE;
    font-weight: bold;
    font-size: 12pt;
    text-align: center;
}

.RoundTableBody
{
    padding: 2px 0px 0px 0px;
    background-color: #E9E9E9;
    color: #111111;
    text-align: left;
}

.RoundTableFiller
{
    padding: 0px 0px 0px 0px;
    background-color: #E9E9E9;
}

.SideBarEmpty
{
    width: 190px;
    font-size: 8pt;
    text-align: left;
    vertical-align: top;
    padding: 4px 4px 4px 4px;
}

.SideBarEcard
{
    width: 190px;
    font-size: 8pt;
    text-align: left;
    vertical-align: top;
    background-image: url('/images/sidebar_youstar_bg.jpg');
    background-repeat: repeat-x;
    background-position: top;
    padding: 4px 4px 4px 4px;
}

.SideBarYouStar
{
    width: 190px;
    font-size: 8pt;
    text-align: left;
    vertical-align: top;
    background-image: url('/images/sidebar_youstar_bg.jpg');
    background-repeat: repeat-x;
    background-position: top;
    padding: 4px 4px 4px 4px;
}

.SideBarToolkit
{
    width: 190px;
    font-size: 8pt;
    text-align: left;
    vertical-align: top;
    background-image: url('/images/sidebar_toolkit_bg.jpg');
    background-repeat: repeat-x;
    background-position: top;
    padding: 4px 4px 4px 4px;
}

.ColorBar
{
    background-image: url('/images/barbg.png');
    background-repeat: repeat-x;
    background-position: top;
    width: 100%;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    font-family: Arial, Verdana;
    font-weight: bold;
    font-size: 12pt;
    color: #ffffff;
    margin: 10px 0px 10px 0px;
}

.YouStarItem
{
    font-size: 10pt;
    font-style: italic;
    background-color: #ffff99;
    color: #550000;
    font-family: Arial, Verdana;
    text-align: center;
    vertical-align: middle;
}

.ShadowTable
{
    border-collapse: collapse;
}

.ShadowTop
{
    height: 20px;
    background-image: url('images/shadow_top.png');
    background-repeat: repeat-x;
    background-position: bottom;
    padding: 0px 0px 0px 0px;
    font-size: 1pt;
}

.ShadowBottom
{
    height: 20px;
    background-image: url('images/shadow_bottom.png');
    background-repeat: repeat-x;
    background-position: top;
    padding: 0px 0px 0px 0px;
    font-size: 1pt;
}

.ShadowLeft
{
    width: 20px;
    background-image: url('images/shadow_left.png');
    background-repeat: repeat-y;
    background-position: right;
    padding: 0px 0px 0px 0px;
    font-size: 1pt;
}

.ShadowRight
{
    width: 20px;
    background-image: url('images/shadow_right.png');
    background-repeat: repeat-y;
    background-position: left;
    padding: 0px 0px 0px 0px;
    font-size: 1pt;
}

.ShadowTopLeft
{
    width: 20px;
    height: 20px;
    background-image: url('images/shadow_tl.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 0px 0px 0px 0px;
    font-size: 1pt;
}

.ShadowTopRight
{
    width: 20px;
    height: 20px;
    background-image: url('images/shadow_tr.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    padding: 0px 0px 0px 0px;
    font-size: 1pt;
}

.ShadowBottomLeft
{
    width: 20px;
    height: 20px;
    background-image: url('images/shadow_bl.png');
    background-repeat: no-repeat;
    background-position: right top;
    padding: 0px 0px 0px 0px;
    font-size: 1pt;
}

.ShadowBottomRight
{
    width: 20px;
    height: 20px;
    background-image: url('images/shadow_br.png');
    background-repeat: no-repeat;
    background-position: left top;
    padding: 0px 0px 0px 0px;
    font-size: 1pt;
}

.ShadowContent
{
    padding: 0px 0px 0px 0px;
}

.ShadowContentShade
{
    padding: 4px 4px 4px 4px;
    background-color: #DCD6E0;
    background-image: url('/images/bg.jpg');
    background-repeat: repeat-x;
}

.FBTabs
{
    border-collapse: collapse;
    width: 730px;
    height: 34px;
}

.FBTabFront
{
    width: 75px;
    height: 34px; 
    background-image: url('/images/fbtab_selected.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    padding: 0px 0px 0px 0px;
}

.FBTabBack
{
    width: 75px;
    height: 34px; 
    background-image: url('/images/fbtab.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border-bottom: solid 1px #000000;
    padding: 0px 0px 0px 0px;
}

.FBTabEmpty
{
    height: 34px;    
    border-bottom: solid 1px #000000;    
    padding: 0px 0px 0px 0px;
}

.FBNavText
{
    font-size: 8pt;
    color: #000088;
    text-decoration: none;
}

.FBNavLink
{
    font-size: 8pt;
    color: #000000;
    text-decoration: none;
}

.FBXmasBG
{
    background-image: url('/fb/images/xmasicon_bg.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    height: 400px
}

.FBIconBG
{
    background-repeat: no-repeat;
    background-position: center top;
    height: 400px
}
