/* The Body, div and the table style allow you to offer cross browser support for table
   positioning and size which allows you to apply your theme to all pages within 
   the site, not just desktopdefault.aspx. This is used throughout all standard - 
   user based pages */
Body
{
    background-color: #FFFFFF;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}

/* Default Style for all Table Rows and Cells.  Since all
   modules in the site are rendered inside a table, the font
   family and size here should mostly match what is in the
   Body style */
Body,
TR,
TD,
Input,
Select
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: #333333;
}

/* Default Style for Page Body class */
.PageBody
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #333333;
}

.PageBody h2
{
	/*font-family: Arial Narrow;*/
	font-family: Arial Narrow, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #a87410;
}

.PageBody h3
{
	/*font-family: Arial Narrow;*/
	font-family: Gill Sans MT Condensed, Arial Narrow, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #333333;
}

/* Default Style for fieldsets */
LEGEND
{
	color: #143060;
	font-weight: bold;
}

/* Default Style for links */
A:link,
A:visited,
A:active,
A:hover
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: Normal;
    color: #143060;
    text-decoration: underline;
}
A:hover
{
    text-decoration: none;
    color: #c4790c;
}


/* The following styles control the layout of the page */
.rb_DefaultLayoutDiv
{
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #999999;
}

.rb_DefaultLayoutTable
{
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: solid 1 #333333; 
	background-color: #ffffff;
}

.ModuleTable
{
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: solid 0 #333333;
}

.DefaultAltModuleTable
{
	background-image: url(1PixelFadeRightTan.gif);
	background-repeat: repeat-y;
}

.ModuleHeadAlt
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 20px;
	text-transform: uppercase;
}

.ModuleBody
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	line-height: 16px;
}

.ModuleBody h2
{
	/*font-family: Arial Narrow;*/
	font-family: Arial Narrow, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
}

.ModuleBody h3
{
	/*font-family: Arial Narrow;*/
	font-family: Gill Sans MT Condensed;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
}

.ModuleBodyAlt
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	padding-left: 10px;
	padding-right: 20px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.ModuleHeadAlt2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 20px;
	text-transform: uppercase;
}
.ModuleBodyAlt2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	padding-left: 10px;
	padding-right: 20px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}



/*  DESKTOP PORTAL BANNER SETTINGS */
@media screen, projection, tv
{
	.rb_DefaultPortalHeader
	{
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border-collapse: collapse;
	}
}
@media print
{
	.rb_DefaultPortalHeader
	{
		display:none;
	}
}


/*  DESKTOP PORTAL Footer SETTINGS */
@media screen, projection, tv
{
	.rb_DefaultPortalFooter
	{
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border-collapse: collapse;
		background-color: #ffffff;
	}
}
@media print
{
	.rb_DefaultPortalFooter
	{
		display: none;
	}
}

@media screen, projection, tv
{
	.rb_NonPrintable
	{
	}
}
@media print
{
	.rb_NonPrintable
	{
		display: none;
	}
}


/* Hyperlink style for the site links. These are generally the 
   links at the very top of the page.  For example: Your Account, Home, Login.*/
.PortalBannerLink,
.PortalBannerLink A:link,
.PortalBannerLink A:visited,
.PortalBannerLink A:active
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
}


/* hyperlink style for the breadcrumb links */
.Breadcrumb
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
}

.Breadcrumb A:link,
.Breadcrumb A:visited,
.Breadcrumb A:active
{
    text-decoration: underline;
    color: #143060;
    font-weight: bold;
    font-size: 10pt;
}

.Breadcrumb A:hover
{
    text-decoration: none;
    color: #143060;
    font-weight: bold;
    font-size: 10pt;
}





/*  DESKTOP PORTAL Footer SETTINGS */
rb_DefaultPortalFooter
{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-collapse: collapse;
background-color: #999999;
}


/*------------------------------------------------------*/
/*------------------------------------------------------*/
/* STYLES FOR THE EDITOR PANEL DOWN THE LEFT SIDE		*/
/*------------------------------------------------------*/

/* THE ADMIN MENU DOWN THE LEFT SIDE */
.AdminMenu
{
	width: 200px;
	padding: 2 2 2 2;
	background-color: #ece9d8;
	height: 100%;
	vertical-align: top;
}

.AdminMenu h1
{
	font-size: 10pt;
	font-weight: bold;
	border-bottom: solid 1px #000000;
}

.AdminMenu ul li
{
	list-style-image: url(Default/ffwd.gif);
	list-style-position: outside;
	padding-bottom: 10px;
}

.AdminMenu ol li
{
	padding:0 0 10 0;
}

.AdminMenu A:link,
.AdminMenu A:visited,
.AdminMenu A:active,
.AdminMenu A:hover
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #143060;
    text-decoration: none;
}
.AdminMenu A:hover
{
    text-decoration: underline;
}

/* THE ADMIN POPUP-WINDOWS			*/
.AdminPopupDivTag
{
	padding:5 5 5 5;
	display: none;
	width: 500px;
	z-index:999;
	left:170px;
	position: absolute;
	top: 100px;
	border: solid 1 #999999;
	background-color: #eeeeee;
}


/* THE ZONE FIELDSETS				*/
.EditModeFieldSet
{
	border:solid 1 blue;
	padding:0 5 0 5;
	margin: 1 1 1 1;
}
.EditModeFieldSet legend
{
	color: #333333;
}



/* THE TABLE SURROUNDING EACH MODULE WHEN IN EDIT MODE	*/
.ModulesInEditModeTable
{
	border-width: 1;
	border-style: solid;
	border-color: #CCCC99;
	width: 100%;
}
.ModulesInEditModeTableMouseOver
{
	border-width: 1;
	border-style: solid;
	border-color: blue;
	width: 100%;
}


/* THE ROW ABOVE EACH MODULE WHICH YOU CLICK ON TO DRAG		*/
.DragModuleRowCell
{
	background-color: #eeeeee;
}


/* THE DROP AREA					*/
.DropModuleHereArea
{
	border-width: 0;
	border-style: solid;
	border-color: #999999;
	width: 100%;
}
.DropModuleHereArea td
{	
	font-size: 8pt;
	color: #666666;
	height: 15px;
}


/* THE BOX YOU DRAG AROUND			*/
.floater
{
	visibility:hidden;
	position:absolute;
	cursor:move;
	border:solid 1 #333333;
	background-color: #ffffcc;
	padding: 5 5 5 5;
}
/*------------------------------------------------------*/
/*------------------------------------------------------*/

.BorderTable
{
	border: solid 1 #333333;
}



/*------------------------------------------------------*/
/* Styles for the Drop Down Menu						*/
/*------------------------------------------------------*/
.HWMenuItem 
{
	text-align: center;
	font-weight: 600;
	font-size: 10pt;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #C4790C;
}
.HWMenuItemHi
{
	text-align: center;
	text-align: center;
	color: #FFFFFF;
	background-color: #000000;
}
.HWMenuSub
{
	text-align: left;
	font-size: 8pt;
	border: solid 1 #999999;
	border-bottom: #FFFFFF 1px solid;
	background-color: #C4790C;
}
.HWMenuSubHi
{
	text-align: left;
	font-size: 8pt;
	border: solid 1 #999999;
	color: #FFFFFF;
	background-color: #000000;
}


/* Tab in the Lefthand side navigation */
.TreeNav,
.TreeNav A:link,
.TreeNav A:visited,
.TreeNav A:active,
.TreeNav A:hover
{
	margin: 2 2 2 0;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
}
.TreeNav A:hover
{
    color: #996633;
}


/* Selected tab in the Lefthand side navigation */
.TreeNavSelected,
.TreeNavSelected A:link,
.TreeNavSelected A:visited,
.TreeNavSelected A:active,
.TreeNavSelected A:hover
{
	margin: 2 2 2 0;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #996633;
    text-decoration: none;
}
.TreeNavSelected A:hover
{
    color: #996633;
}



/*------------------------------------------------------*/
/* Styles for Ordered and Unordered Lists				*/
/*------------------------------------------------------*/
UL
{
	margin-left: 25px;
}
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;
}

/* ====================================
	Grids
   ==================================== */
Table.Grid
{
	border-width: 1px;
	border-color: #333333;
}

/* ----------- Rows ------------- */
/* The header row of a Grid */
.GridRowHeader
{
	background-color: #36448f;
}

.GridRowHeader td,
.GridRowHeader td a:link,
.GridRowHeader td a:visited
{
	font-weight: bold;
	color: White;
}

/* The row of a Grid */
TR.GridRow
{
	background-color: white;
}

/* The alternating row of a Grid */
TR.AltGridRow
{
	background-color: #cccccc;
}



/* The cell of a Grid Header */
TD.GridCellHeader
{
	background-color: #36448f;
	font-weight:bold;
	color: #ffffff;
}

/* ----------- Store/Products ------------- */

/* The row of a Grid */
TR.StoreGridRow
{
	background-color: white;
}

/* The alternating row of a Grid */
TR.StoreAltGridRow
{
	background-color: #eeeeee;
}

.productImageThumb
{
	width: 50px;
	height: 50px;
	border: solid 0 #000000;
}

.productImageCart
{
	width: 50px;
	height: 50px;
	border: solid 0 #000000;
}

.productImage
{
	border: solid 0 #000000;
}

/* ----------- Cells ------------- */
/* The cell of a Grid */
TD.GridCell
{
	font-size: 8pt;
	padding: 3px;
}

/* The links in a Grid Header Cell */
TD.GridCellHeader A:Link
{
	font-size: 8pt;
	font-weight:bold;
	color: #ffffff;
}
TD.GridCellHeader A:Active
{
	font-size: 8pt;
	font-weight:bold;
	color: #ffffff;
}
TD.GridCellHeader A:Visited
{
	font-size: 8pt;
	font-weight:bold;
	color: #ffffff;
}

TD.GridCellHeader A:Hover
{
	font-size: 8pt;
	font-weight:bold;
	color: #999999;
}

/* The links in a Grid Cell */
TD.GridCell A:Link
{
	font-size: 8pt;
	color: #143060;
}
TD.GridCell A:Active
{
	font-size: 8pt;
	color: #143060;
}
TD.GridCell A:Visited
{
	font-size: 8pt;
	color: #143060;
}

TD.GridCell A:Hover
{
	font-size: 8pt;
	color: #996633;
}


.small
{
    color: #333333;
    font-size: 8pt;
}

.big
{
    color: #333333;
    font-size: 12pt;
}

.smallBold
{
    color: #333333;
    font-size: 8pt;
    font-weight: bold;
}

.smallBoldUnderline
{
    color: #333333;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: underline;
}


.NormalBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #333333;
}

.ItemDate
{
    font-weight: bold;
    font-size: 10pt;
    color: #333333;
    font-family: Verdana, Helvetica, sans-serif;
}



.NewsTitle
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #333333;
}

.NewsDate
{
    font-size: 10pt;
    color: #333333;
    font-family: Verdana, Helvetica, sans-serif;
}


/* News Article Styles */
.NewsAbstract
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    color: #333333;
}



.NewsReadMoreLink A:link,
.NewsReadMoreLink A:visited,
.NewsReadMoreLink A:active,
.NewsReadMoreLink A:hover
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #333333;
    text-decoration: underline;
}
.NewsReadMoreLink A:hover
{
    text-decoration: none;
}

/* Links for the alternate News Aritcle Title Link */
.NewsLinkAlt
{
    color: white;
    font-weight: bold;
}
.NewsLinkAlt A:link,
.NewsLinkAlt A:visited,
.NewsLinkAlt A:active,
.NewsLinkAlt A:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-style: normal;
	font-weight: normal;
    text-decoration: none;
    color: #000000;
}