/*--------------------------------------------------------------*/
/* Replacements for HTML Tags */
/*--------------------------------------------------------------*/
/* Main Body */
BODY 
{
    background-color: #FFFFFF;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    margin: 0px;
    text-align: left;
}

/* Other tags that may be generated via the Online HTML Editor */
P, DIV {
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
}
TD { /* Typically Copied from textRegular since a plain <TD> will wipe out formatting */
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
}

/* Anchor Tags <A> */
A, Visited, Active {
    color: #333333;
    font-family: Arial, Verdana, sans-serif;
    text-decoration: underline;
}
A:Hover {
    color: #99C;
    font-family: Arial, Verdana, sans-serif;
    text-decoration: underline;
}

/* Anchors used as titles */
A.title, .title:Visited, .title:Active {
    color: #333333;
    font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
    text-decoration: underline;
}
A.title:Hover {
    color: #99C;
    font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
    text-decoration: underline;
}

/* Anchors used in NavigationSectionA */
A.navA, .navA:Visited, .navA:Active {
    color: #333333;
    font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
    text-decoration: none;
}
A.navA:Hover {
    color: #993300;
    font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
    text-decoration: none;
}

/* Anchors used in NavigationSectionB */
A.navB, .navB:Visited, .navB:Active {
    color: #ffffff;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
A.navB:Hover {
    color: #ffffff;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
}

/* Anchors used in the CategoryNavigation Controls */
A.categoryNav, .categoryNav:Visited, .categoryNav:Active {
    color: #333333;
    font-family: Arial, Verdana, sans-serif;
    text-decoration: none;
}
A.categoryNav:Hover {
    color: #BC0D0D;
    font-family: Arial, Verdana, sans-serif;
    text-decoration: none;
}

/* Anchors used in a DataGrid's Header when a title can be sorted by */
A.sortHeader, .sortHeader:Visited, .sortHeader:Active {
    font-weight: bold;
    font-size: 11px;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    text-decoration: underline;
}
A.sortHeader:Hover {
    font-weight: bold;
    font-size: 11px;
    color: #BC0D0D;
    font-family: Arial, Verdana, sans-serif;
    text-decoration: underline;
}

/* Anchors used in a DataGrid's Footer for page links */
A.pagination, .pagination:Visited, .pagination:Active {
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    font-family: Arial, Verdana, sans-serif;
    text-decoration: underline;
}
A.pagination:Hover {
    font-weight: bold;
    font-size: 11px;
    color: #BC0D0D;
    font-family: Arial, Verdana, sans-serif;
    text-decoration: underline;
}

/* Links from Lead-In content title */
A.contentLink, .contentLink:Visited, .contentLink:Active {
    color: #333333;
    font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
    text-decoration: underline;
}
A.contentLink:Hover {
    color: #BC0D0D;
    font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
    text-decoration: underline;
}

/* Links from Lead-In category title */
A.categoryLink, .categoryLink:Visited, .categoryLink:Active {
    color: #333333;
    font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
    text-decoration: underline;
}
A.categoryLink:Hover {
    color: #BC0D0D;
    font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
    text-decoration: underline;
}

/* Links from Lead-In product title */
A.productLink, .productLink:Visited, .productLink:Active {
    color: #333333;
    font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
    text-decoration: underline;
}
A.productLink:Hover {
    color: #BC0D0D;
    font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
    text-decoration: underline;
}




/*--------------------------------------------------------------*/
/* Class Tags */
/*--------------------------------------------------------------*/


/*--------------------------------------------------------------*/
/* Navigation Sections */
.navigationSectionA {
    background-color: #BAC1DD; 
    color: #333;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
}
.navigationSeperatorA {
    background-color: #333333;
}

.navigationSectionB {
    background-color: #BAC1DD;
    color: #333333;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
}
.navigationSeperatorB {
    background-color: #666666;
}

/*--------------------------------------------------------------*/
/* Saving Block */
.savePopup_Table {
    border: solid 1px #000000;
}
.savePopup_Body {
    background-color: #006699; 
    color: #FFFFFF;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
}


/*--------------------------------------------------------------*/
/* Common Text Settings */
.textRegular {
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
}
.textSmall {
    color : #333333;
	font-family : Arial, Verdana, sans-serif;
	font-size : 10px;
}
.textTiny {
    color : #333333;
	font-family : Arial, Verdana, sans-serif;
	font-size : 9px;
}
.textLarge {
    color : #333333;
	font-family : Arial, Verdana, sans-serif;
	font-size : 13px;
}
.textExtraLarge {
    color : #333333;
	font-family : Arial, Verdana, sans-serif;
	font-size : 15px;
}

/* Common Text Styles for White (or Reverse) Text */
.textRegular_reverse {
    color: #FFFFFF;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
}
.textSmall_reverse {
    color : #FFFFFF;
	font-family : Arial, Verdana, sans-serif;
	font-size : 10px;
}
.textTiny_reverse {
    color : #FFFFFF;
	font-family : Arial, Verdana, sans-serif;
	font-size : 10px;
}
.textLarge_reverse {
    color : #FFFFFF;
	font-family : Arial, Verdana, sans-serif;
	font-size : 13px;
}
.textExtraLarge_reverse {
    color : #FFFFFF;
	font-family : Arial, Verdana, sans-serif;
	font-size : 15px;
}
.textTitle_reverse {
    color: #FFFFFF;
    font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.textSubTitle_reverse {
    color: #FFFFFF;
    font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
}



.textPageTitle {
    color: #7581BA;
    font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.textTitle {
    color: #666;
    font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.textSubTitle {
    color: #666;
    font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.textFooter {
    color : #ffffff;
	font-family : Arial, Verdana, sans-serif;
	font-size : 10px;
}

.textHighlight_Light {
    color: #3399ff;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
}
.textHighlight_Dark {
    color: #660099;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.textCaption {
    color : #666;
	font-family : Arial, Verdana, sans-serif;
	font-size : 10px;
}

.textError {
    color: #990000;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.textHidden {
    color: #FFFFFF;
    font-family: Arial, Verdana, sans-serif;
    font-size: 10px;
}

/*--------------------------------------------------------------*/
/* Pricing Text Settings
   Used by ProductItemCollection (_coreModules/eShopping/controls) for formatting Pricing Text 
*/
.textPriceRetail {
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    text-decoration: line-through;
}
.textPriceSale {
    color: #990000;
    font-family: Arial, Verdana, sans-serif;
    font-weight: bold;
    font-size: 11px;
}
.textPriceSavings {
    color: #990000;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
}


/*--------------------------------------------------------------*/
/* Grid Settings
   For use in any HTML tables and by the BaseGrid control (in WGA.ClassLibrary.Controls)
*/
.gridMain {
    border: solid 1px #999999;
    border-collapse: collapse;
}
.gridHeader {
    background-color: #BAC1DD;
    border: solid 1px #999999;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}
.gridSubHeader {
    background-color: #BAC1DD;
    border: solid 1px #999999;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}
.gridRow1 {
    background-color: #FFFFFF;
    border: solid 1px #999999;
    color: #666;
    font-size: 11px;
    font-family: Arial, Verdana, sans-serif;
}
.gridRow2 {
    background-color: #EDF3F3;
    border: solid 1px #999999;
    color: #666;
    font-size: 11px;
    font-family: Arial, Verdana, sans-serif;
}
.gridLineError {
    background-color: #ffaaaa;
    border: solid 1px #999999;
    color: #666;
    font-size: 11px;
    font-family: Arial, Verdana, sans-serif;
}
.gridLineWarning {
    background-color: #FFFEAA;
    border: solid 1px #999999;
    color: #666;
    font-size: 11px;
    font-family: Arial, Verdana, sans-serif;
}
.gridFooter {
    background-color: #BAC1DD;
    border: solid 1px #999999;
    color: #666;
    font-size: 9px;
    font-weight: bold;
    font-family: Arial, Verdana, sans-serif;
    text-align: center;
}


/*--------------------------------------------------------------*/
/* Order Table Settings
   Used by Order Display Control (WGA.CoreModules.DataRules.Order_Basic) for formatting order display tables
*/
.orderDetail {
    background-color: #FFFFFF;
}

.orderHighlight {
    background-color: #FFFFE3;
}


/*--------------------------------------------------------------*/
/* Product Table Settings
   Used by ProductDisplay and Child Controls (_coreModules/eShopping/controls) for formatting stock item display tables
*/
.productTable {
    border: solid 1px #999999;
    border-collapse: collapse;
    width: 100%
}
.productTableHeader {
    background-color: #85ADAD;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}
.productTableRow1_Detail {
    background-color: #FFFFFF;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    padding: 2px;
}
.productTableRow1_Price {
    background-color: #F1F1E1;
    border: solid 1px #999999;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
}
.productTableRow2_Detail {
    background-color: #CCCCCC;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    padding: 2px;
}
.productTableRow2_Price {
    background-color: #FFFFFF;
    border: solid 1px #999999;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
}

.productTablePriceHeader1 {
    background-color: #F1F1E1;
    border: solid 1px #999999;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
}
.productTablePriceHeader2 {
    background-color: #CCCCCC;
    border: solid 1px #999999;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
}
.productTablePriceDetail1 {
    border: solid 1px #999999;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 9px;
    text-align: center;
}
.productTablePriceDetail2 {
    border: solid 1px #999999;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 9px;
    text-align: center;
}
.productTableImage1 {
    background-color: #FFFFFF;
    border: solid 1px #999999;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 9px;
    text-align: right;
}
.productTableImage2 {
    background-color: #FFFFFF;
    border: solid 1px #999999;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 9px;
    text-align: right;
}


/*--------------------------------------------------------------*/
/* Data Display Settings
   Used by the DataSection and DataNameValue controls (in WGA.ClassLibrary.Controls)
*/
.dataBoxBorder {
    background-color: #FFFFFF;
    border: solid 1px #999999;
    padding: 4px;
}
.dataBoxBody {
    background-color: #FFFFFF;
}
.dataBoxHeader {
    color : #666;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
    font-weight: bold;
}
.dataBoxRowTitle {
    color : #666;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
    font-weight: bold;
    text-align: right;
}
.dataBoxRowValue {
    color : #666;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
}
.dataBoxFooter {
    color : #666;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
    font-weight: bold;
}

/*--------------------------------------------------------------*/
/* Box Display for general content on the site */
.box1Border {
    background-color: #d2b48c;
    border-color: #000000;
    border-width: 1px; 
    border-style: solid;
}
.box1Header {
    color : #666;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
    font-weight: bold;
}
.box1Body {
    background-color: #d2b48c;
    color: #666;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
}
.box1Footer {
    color : #666;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
    font-weight: bold;
}

.contentBoxTable {
    width: 150px;
}

.contentBoxHeader {
    background-color: #f8f8f8;
    border: solid 1px #cccccc;
    color: #333333;
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    width: 150px;
    height: 20px;
}

.contentBoxBody {
    background-color: #f8f8f8;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    color: #333333;
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
    padding: 5px;
}

/*--------------------------------------------------------------*/
/* Control Formatting
   
   formButton
   To be used by all Button objects - currently used by WebButton (in WGA.ClassLibrary.Controls)
   and by CommonCode.WebButton()
*/
.formButton {
    background-image: url('/siteSpecific/images/buttonBG.gif');
    border: 0px;
    color: #FFFFFF;
    cursor: hand; cursor: pointer;
    font-family: Arial, Verdana, sans-serif;
    font-size: 10px;
    font-weight: normal;
    height: 18px;
    margin: 0px;
    padding: 1px;
    text-align: center;
}

/* Used for formatting text box and list controls */
.formControl {
    color: #333333;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
}


/*--------------------------------------------------------------*/
/* Calendar Formatting Control
   Used by WGA.ClassLibrary.Controls.BaseCalendar 
*/
.calendar {
    border: solid 1px #000000;
}
.calendarTitle, .calendarNextPrev {
    /*background-color: #C3A66C;*/
	color: #666;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
.calendarDayHeader {
    background-color: #eeeeee;
	color: #666;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
.calendarDay {
    background-color: #ffffff;
	color: #666;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
}
.calendarDayWeekend {
	background-color: #ffffff;
	color: #666;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
}
.calendarDayOtherMonth {
	background-color: #eeeeee;
	color: #aaaaaa;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
}
.calendarDayToday {
    background-color: #ffffff;
	color: #990000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.calendarDaySelected {
    background-color: #ff0000;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
	font-weight: bold;
}
.calendarSelector {
    background-color: #ffcc66;
    color: #000000;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
}


/*--------------------------------------------------------------*/
/* DHTML Display Class */
.dhtmlDisplay {
    border: #000000 1px solid;
}


/*--------------------------------------------------------------*/
/* used by breadcrumb classes */
.breadcrumbs {
    color: #333333;
    font-family: Arial, Verdana, sans-serif;
    font-size: 9px;
}

/*--------------------------------------------------------------*/
/* Step Text Settings
   Used by ProcessSteps User controls (/_coreModules/common/controls) 
*/
.stepActive {
    color: #990000;
    font-family: Arial, Verdana, sans-serif;
    font-size: 13px;
    font-weight: bold;
}
.stepInactive {
    color: #999999;
    font-family: Arial, Verdana, sans-serif;
    font-size: 13px;
    font-weight: bold;
}
.stepComplete {
    color: #999999;
    font-family: Arial, Verdana, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

/*--------------------------------------------------------------*/
/* RadControl menu settings
*/
.MenuGroup 
{
    border: solid 0px white;
    background-color: White;     
    text-align: left; 
}

.MenuItem 
{
    border-right: solid 1px #D1D4D7;
    border-left: solid 0px white;
    border-top: solid 0px white;
    border-bottom: solid 0px white;
    background-color: White;
    cursor: hand;         
    font-family:Tahoma;
    font-size:11px;         
    text-align: left;
    text-transform: uppercase;
    padding: 1px; 
}


.MenuItemOver
{
    text-transform: uppercase;
    border-right: solid 1px #D1D4D7;
    border-left: solid 0px white;
    border-top: solid 0px white;
    border-bottom: solid 0px white;
    background-color: #D4D8EA;
    cursor: hand;         
    font-family:Tahoma;
    font-size:11px;         
    text-align: left;
    padding: 1px;
}


.MenuItemNoSelection
{
    border-right: solid 1px #D1D4D7;
    border-left: solid 0px white;
    border-top: solid 0px white;
    border-bottom: solid 0px white;
    background-color: White;
    cursor: default;      
    font-family:Tahoma;
    font-size:11px;         
    text-align: left;
    text-transform: uppercase;
    padding: 1px; 
}


.MenuItemNoSelectionOver
{
    text-transform: uppercase;
    border-right: solid 1px #D1D4D7;
    cursor: default;      
    background-color: #D4D8EA;
    font-family:Tahoma;
    font-size:11px;         
    text-align: left;
    padding: 1px;
}


.MenuItem2 
{
    border: solid 0px white;
    background-color: White;
    cursor: hand;         
    font-family:Tahoma;
    font-size:11px;         
    text-align: left;
    text-transform: uppercase;
    padding: 1px; 
}


.MenuItemOver2
{
    border: solid 0px white;
    text-transform: uppercase;
    background-color: #D4D8EA;
    cursor: hand;         
    font-family:Tahoma;
    font-size:11px;         
    text-align: left;
    padding: 1px;
}

.MenuItemL 
{
    border-right: solid 1px #D1D4D7;
    background-color: White;
    cursor: hand;         
    font-family:Tahoma;
    font-size:11px;         
    text-align: left;
    text-transform: uppercase;
    padding: 1px; 
}


.MenuItemOverL
{
    border-right: solid 1px #D1D4D7;
    text-transform: uppercase;
    background-color: #D4D8EA;
    cursor: hand;         
    font-family:Tahoma;
    font-size:11px;         
    text-align: left;
    padding: 1px;
}

.Separator {
    background-color: red; 
    margin-left: 2px;
    margin-right: 2px;
}

/*--------------------------------------------------------------*/
/* RadControl TreeView settings
*/
.TreeNode {
    color: #333333;
    font-family: Arial, Verdana, sans-serif;
}


.TreeNodeOver {
    color: #BC0D0D;
    font-family: Arial, Verdana, sans-serif;
	cursor: hand;
}

.TreeNodeSelect {
    color: #333333;
    font-family: Arial, Verdana, sans-serif;
	cursor: hand;
}

.TreeNodeDisabled 
{ 
    color: #999999;
    font-family: Arial, Verdana, sans-serif;
}

/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/* Site-Specific Styles to be placed here */
/*--------------------------------------------------------------*/
#divHeader
{
    padding-top: 40px;
    padding-left: 55px;
    width: 760px;
}


#divBody
{
    padding-top: 0px;
    width: 760px;
}

#divFooter
{
    text-align: center;
    width: 760px;
}

img
{
    border: none;
}

.NoStyle{}

.CustomDataSection
{
    background-color: #BAC1DD   ;    
}

.BottomPadding
{
    margin-bottom: 6px;
}

.portfolioItemLink
{
    line-height: 150%;    
}