
/*========================================================*/
/*        Cascading Style Sheet for HMC DNN Skin          */
/*========================================================*/

/*========================================================*/
/*                  Table of Contents                     */
/*========================================================*/
/*  1. Universal                                          */
/*  2. Containers                                         */
/*  3. Links                                              */
/*  4. Text                                               */
/*  5. Forms                                              */
/*  6. Main Menu                                          */ 
/*  7. Module Menus                                       */
/*  8. Containers                                         */
/*========================================================*/


/*========================================================*/
/*  1. Universal                                          */
/*========================================================*/

/* Forces browser height of 100% */
html {
	height: 100%;
}


/* Body style */
body {
	margin: 0;
	background: #f7f7d6;
}

/* Catch-all to ensure text color, font, and size consistency */


table, tr, td, p {
	font-family: arial;
	font-size: 11px;
	line-height: 1.4em;
}

.MenuTD td {
	font-family: georgia;
	font-size: 10px;
	line-height: 1.4em;
}

h1 {
  	text-decoration: none;
    color: #848671;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	font-family: georgia;
}




/*========================================================*/
/*  2. Containers                                         */
/*========================================================*/


table.ControlPanel {background: #F9F9E4; border: 1px solid #6C0806;}
table.MasterBG {background: url(bg_static.jpg) top center no-repeat #f7f7d6;}
td.HeadRow {height: 175px; text-align: center;}
table.LogoTable {width: 760px; height: 82px;}
td.LogoTD {text-align: right;}
div.LogoDIV {position: relative; margin-right: -48px; z-index: 1000;}
table.HeaderTable {width: 671px;}
td.LoginTD {background: url(login_bg.jpg) left no-repeat #6C0806; padding: 6px 6px 4px 36px; color: #F9F9D5; border-bottom: 1px solid #6C0806; border-left: 1px solid #6C0806;}
td.MenuTD {background: #6C0806; padding: 6px 0px 4px 6px; text-align: right; width: 10px; border-bottom: 1px solid #6C0806;}
table.BannerTable {width: 671px; height: 175px;}
table.BannerTableHome {width: 671px; height: 147px;}
td.BannerAboutUs {background: url(banner_about_us.jpg) top left no-repeat; border-left: 1px solid #6C0806; border-right: 1px solid #6C0806;}
td.BannerLoyalty {background: url(banner_loyalty.jpg) top left no-repeat; border-left: 1px solid #6C0806; border-right: 1px solid #6C0806;}
td.BannerValueAdd {background: url(banner_value_add.jpg) top left no-repeat; border-left: 1px solid #6C0806; border-right: 1px solid #6C0806;}
td.BannerHome {background: transparent; border-left: 1px solid #6C0806; border-right: 1px solid #6C0806;}
td.BodyRow {height: auto; background: url(bg_body.jpg) top center repeat-y; text-align: center;}
table.BodyTable {width: 671px; height: 100%; border-left: 1px solid #6C0806; border-right: 1px solid #6C0806;}
td.LeftSide {width: 230px; text-align: center; background: url(left_side_bg_top.gif) top left no-repeat;}
table.LinksTable {width: 173px;}
td.RightSide {padding: 0 60px 0 20px; background: url(right_side_bg.gif) top right no-repeat;}
td.BreadcrumbTD {padding: 24px 0 24px 0; font-size: 12px; font-weight: bold; color: #B5B6AA;}
td.LinksTop {background: url(links_bg_top.gif) top left no-repeat; height: 29px;}
td.LinksBody {background: url(links_bg_body.gif) top left repeat-y; text-align: center; padding: 0 25px 0 25px;}
td.LinksBot {background: url(links_bg_bot.gif) top left no-repeat; height: 30px;}
td.SearchTD {width: auto; padding-top: 20px;}
td.FootRow {text-align: center; background: url(bg_footer.jpg) bottom center no-repeat; height: 125px;}
table.FooterLinksTable {width: 671px; text-align: right; margin: 0 auto;}
td.FooterLinksTD {text-align: right; padding: 60px 0 0 0; font-size: 10px;}
td.FooterLoginTD {text-align: right; color: #ab9355; padding-bottom: 10px; padding-right: 10px;}
td.SideContent {padding: 5px;}

/* Admin variants */
td.A1 {width: 320px; height: 82px; background: url(bg_a1.jpg) top left no-repeat;}
td.A2 {background: url(bg_a2.jpg) top left repeat-x;}
td.A3 {width: 257px; height: 82px; background: url(bg_a3.jpg) top right no-repeat; text-align: center;}
td.C1 {width: 320px; height: 82px; background: url(bg_c1.jpg) top left no-repeat;}
td.C2 {background: url(bg_c2.jpg) top left repeat-x;}
td.C3 {width: 257px; height: 82px; background: url(bg_c3.jpg) top right no-repeat;}
td.B1A {width: 98px; height: 72px; background: url(bg_b1a.jpg) top right no-repeat;}
td.B1B {width: 98px; background: url(admin_shadow_left.gif) top right repeat-y;}
td.B1C {width: 98px; height: 59px; background: url(bg_b1c.jpg) top right no-repeat;}
td.B3A {width: 100px; height: 59px; background: url(bg_b3a.jpg) top left no-repeat;}
td.B3B {width: 100px; background: url(admin_shadow_right.gif) top left repeat-y;}
td.B3C {width: 100px; height: 59px; background: url(bg_b3c.jpg) top left no-repeat;}
td.LeftAdmin {width: 98px;}
td.RightAdmin {width: 100px;}
td.LoginTDAdmin {background: url(login_arrow.gif) left no-repeat #6C0806; padding: 6px 6px 4px 32px; color: #F9F9D5;}
td.MenuTDAdmin {background: #6C0806; padding: 6px 0px 4px 6px; text-align: right; width: 10px;}
td.AdminContent {border: 1px solid #6C0806;}
td.BreadcrumbTDAdmin {padding: 24px 20px 24px 20px; font-size: 15px; font-weight: bold; color: #B5B6AA;}
td.ContentCenterAdmin {padding: 0 20px 10px 20px;}


/*========================================================*/
/*  3. Links                                              */
/*========================================================*/



/* Basic links */
a:link, a:visited, a:active {
	color: #833126;
	font-family: arial;
	font-weight: normal;
	text-decoration: underline;
}

a:hover {
	color: #833126;
	font-family: arial;
	font-weight: normal;
	text-decoration: none;
}




/* For the Register and Login/Logout links in the header */
a.LoginLink:link, a.LoginLink:visited, a.LoginLink:active {
  	color: #6c0806;
	font-family: georgia;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	padding-left: 20px;
	background: url(footer_link_sep.gif) left no-repeat;
	text-transform: uppercase;
}

a.LoginLink:hover {
	color: #4a0302;
	font-family: georgia;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 20px;
	background: url(footer_link_sep.gif) left no-repeat;
	text-transform: uppercase;
}


/* For links on darker backgrounds (e.g. footer links) */
a.FooterLink:link, a.FooterLink:visited, a.FooterLink:active {
    font-weight: bold;
	color: #F9F9D5;
	text-decoration: underline;
	white-space: nowrap;
}
a.FooterLink:hover {
   font-weight: bold;
	color: #F9F9D5;
	text-decoration: none;
	white-space: nowrap;
}


/* Defines styles for breadcrumb items */
a.BreadcrumbLink:link, a.BreadcrumbLink:visited, a.BreadcrumbLink:active, .BreadcrumbLink {
    text-decoration: none;
    color: #848671;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	font-family: georgia;
}

a.BreadcrumbLink:hover {
    text-decoration: underline;
    color: #848671;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	font-family: georgia;
}


/* For the links that look like buttons */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active {
	color: #833126;
	font-family: arial;
	font-weight: normal;
	text-decoration: underline;
}

a.CommandButton:hover {
	color: #833126;
	font-family: arial;
	font-weight: normal;
	text-decoration: none;
}


/* For links that come with a pre-attached Normal class */
a.Normal:link, a.Normal:visited, a.Normal:active {
	color: #833126;
	font-family: arial;
	font-weight: normal;
	text-decoration: underline;
}

a.Normal:hover {
	color: #833126;
	font-family: arial;
	font-weight: normal;
	text-decoration: none;
}



/* For sidenav links */
a.SideNav:link, a.SideNav:visited, a.SideNav:active {
	color: #8A382D;
	font-family: georgia;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	padding: 2px 4px 2px 4px; 
	border: 1px solid #EADBBA;
	display: block;
	text-transform: uppercase;
	margin: 6px 0 6px 0;
	line-height: 11px;
}

a.SideNav:hover {
	color: #8A382D;
	font-family: georgia;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	padding: 2px 4px 2px 4px; 
	border: 1px solid #B6A68D;
	background: #F9F9D5;
	display: block;
	text-transform: uppercase;
	margin: 6px 0 6px 0;
	line-height: 11px;
}


td.FooterLinksTD a.Normal:link, td.FooterLinksTD a.Normal:visited, td.FooterLinksTD a.Normal:active {
	color: #6c0806;
	font-family: georgia;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	padding-left: 15px;
	background: url(footer_link_sep.gif) left no-repeat;
	text-transform: uppercase;
}

td.FooterLinksTD a.Normal:hover {
	color: #4a0302;
	font-family: georgia;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 15px;
	background: url(footer_link_sep.gif) left no-repeat;
	text-transform: uppercase;
}



/*========================================================*/
/*  4. Text                                               */
/*========================================================*/


/* Style for current date token */
.CurrentDate {
	color: #fff;
	white-space: nowrap;
}


/* Style for copyright text in footer */
.CopyrightText {
	color: #fff;
	white-space: nowrap;
}


/* Used in admin sections */
.SubHead    {
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
	color: #833126;
}


/* Module titles */
.Head {
    font-family: georgia;	
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-transform: uppercase;
}


/* Bold colored - used for warnings and such */
.NormalRed {
	color: #900;
	font-family: arial;
	font-weight: bold;
	font-size: 11px;
}


/* Normal bold text */
.NormalBold {
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	color: #333;
}


/* Normal bold text */
.Normal {
	font-family: arial;
	font-size: 11px;
	color: #333;
}



/* List items */
li {
	list-style: url(li_arrow.gif);
}



/*========================================================*/
/*  5. Forms                                              */
/*========================================================*/

select, input {
	font-family: georgia;
	font-size: 11px;
	color: #333;
}


/* Applies to text input boxes */
.NormalTextBox {
	color: #333;
	padding: 1px 2px 0px 2px;
	font-family: georgia;
	font-weight: normal;
	font-size: 11px;
}


/* Applies to the table cells that contain text input boxes */
td.NormalTextBox {
	padding: 0;
	margin: 0;
	background: transparent;
	border: 0;
}

.GoButton {
	margin: 0 0 0 0;
	padding: 0;
	width: 82px;
	height: 25px;
}

.SearchTD {}
.searchFloat {position: relative; top: 0; left: 0; width: 100%;}
.SearchTD .NormalTextBox {padding: 5px; font-size: 11px; margin-top: -10px;}

.FormSubmit, .StandardButton {
	background: #ebdcba;
	font-family: arial;
	font-weight: bold;
	font-size: 10px;
	color: #8a382d;
	border: 1px solid #cc997a;
	font-size: 11px;
}


/*========================================================*/
/*  6. Main Menu                                          */
/*========================================================*/


/* Container for main menu */
.MainMenu_MenuContainer {
	background: transparent;
	text-align: right;
}


/* Menu bar */
.MainMenu_MenuBar {
	background: transparent; 
	text-align: right;
}


/* Applies to idle state of submenu items */
.MainMenu_MenuItem {
	color: #BDBDA1;
	font-size: 10px; 
	font-weight: bold;
	background: #6C0806;
	border-top: #6C0806 1px solid;
	border-left: #6C0806 1px solid;
	border-bottom: #6C0806 1px solid;
	border-right: #6C0806 1px solid;
	padding: 2px 10px 3px 2px;
	text-transform: uppercase;
	font-family: arial; 
}



/* Container for submenu */
.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 2px 0px 0px 0px;
	background-color: #6C0806;
	border-top: 1px solid #4A0302;
	border-left: 1px solid #4A0302;
	border-right: 1px solid #4A0302;
	border-bottom: 1px solid #4A0302;
	padding: 3px;
	filter: none;
	text-transform: uppercase;
	font-family: arial; 
}


/* Hover state for submenu items */
.MainMenu_MenuItemSel {
	font-size: 10px; 
	font-weight: bold;
	cursor: pointer; 
	cursor: hand; 
	color: #BDBDA1;
	background: #5B0504;
	border-left: #5D3F38 1px solid;
	border-right: #5D3F38 1px solid;
	padding: 2px 10px 3px 2px;
	text-transform: uppercase;
	font-family: arial; 
}



/* Idle state for main menu items */
.MainMenu_Idle { 
	background: transparent;
	color: #BDBDA1;
	font-weight: bold;
	text-transform: uppercase;
	font-family: georgia; 
}



/* Hover state for main menu items */
.MainMenu_Selected {
	background: transparent;
	color: #F9F9D5;
	font-weight: bold;
	text-transform: uppercase;
	font-family: georgia; 
}

/* Selected state for main menu items */
.MainMenu_Active, .MainMenu_BreadcrumbActive {
	background: transparent;
	color: #F9F9D5;
	font-weight: bold;
	text-transform: uppercase;
	font-family: georgia; 
}


.MainMenu_MenuBreak {
	width: auto;
	border: 0;
	background: #fff;
}




/* Elements we don't really need */
.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon {
	display: none;
}


/*========================================================*/
/*  7. Module Menus                                       */
/*========================================================*/

/* Outer cntainer for module submenu */
.ModuleTitle_MenuContainer {
	color: #2c2c2c;
}


/* Inner container for module submenu */
.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand; 
	height: 21px;
}


/* Idle state for module submenu items */
.ModuleTitle_MenuItem {
	font-family: georgia; 
	color: #BDBDA1;
	font-size: 11px; 
	font-weight: normal;
	background: #6C0806;
	border-top: #6C0806 1px solid;
	border-left: #6C0806 1px solid;
	border-bottom: #6C0806 1px solid;
	border-right: #6C0806 1px solid;
	padding: 2px 10px 3px 2px;
	font-variant: small-caps;
}


/* Inner, inner container for module submenu (?) */
.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 2px 0px 0px 0px;
	background-color: #6C0806;
	border-top: 1px solid #4A0302;
	border-left: 1px solid #4A0302;
	border-right: 1px solid #4A0302;
	border-bottom: 1px solid #4A0302;
	padding: 3px;
	filter: none;
	font-variant: small-caps;
}



/* Hover state for module submenu items */
.ModuleTitle_MenuItemSel {
	font-family: georgia; 
	font-size: 11px; 
	font-weight: normal;
	cursor: pointer; 
	cursor: hand; 
	color: #BDBDA1;
	background: #5B0504;
	border-left: #5D3F38 1px solid;
	border-right: #5D3F38 1px solid;
	padding: 2px 10px 3px 2px;
	font-variant: small-caps;
}


/* Elements we don't need to see */
.ModuleTitle_MenuBreak, .ModuleTitle_MenuIcon, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow {
	display: none;
}




/*========================================================*/
/*  End Style Sheet                                       */
/*========================================================*/




h2 {
	color: #704b21;
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
}



.GoldHeader {
	color: #704b21;
	font-family: arial;
	font-weight: bold;
	font-size: 11px;
}




