/* GENERAL */
body{
	font-family: Arial;
	font-size: 8pt;
	color: #000000;
	margin-top: 1px;
	background-image: url('images/HHLogoStaggered.jpg');
	background-repeat: repeat;
}
/* ** LAYOUT  ** */
#Background{
	background-color: #FFFFFF;
	color: #404040;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}
#WebHeader{
	width: 780px;
	border: none;
	min-height:174px;
	max-height:174px;
	text-align:left;
	font-size:x-small;
}
#WebLogo{
	
}
#WebLogo a img{
	border: none;
}
#PrintHead{
	display: none;
}
#HMenu{
	width: 100%;
	margin: 0;
	padding: 5px 0;
	text-align: center;
}
#Sidebar{
	background-color: #FFFFFF;
	width: 250px;
	float: left;
	min-height: 400px;
	text-align:left;
}
#Content{
	min-height: 400px;
	background-color: #FFF;
	float: right;
	width: 525px;
	text-align: left;
	display: inline;
}

#Content_nsb{
	min-height: 400px;
	background-color: #FFF;
	float: right;
	width: 525px;
	text-align: left;
	display: inline;
}

#Content_NoSide{
	min-height: 400px;
	background-color: #FFF;
	float: right;
	width: 780px;
	text-align: left;
	display: inline;
}

* html body div.Content{
	height: 400px;
}

* html body div.Content_nsb{
	height: 400px;
}

* html body div.Content_NoSide{
	height: 800px;
}

* html body div.Sidebar{
	height: 400px;
	text-align:left;
}
* html body div.menuSub_Links{
	height: 25px;
	text-align:left;
}

.RotatorMain
{
	text-align:left;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 10px;

}

.pnlContent
{
	text-align:left;
	font-family: Arial;
	font-size: 8pt;
}

.pnlContent_nsb
{
	text-align:left;
	font-family: Arial;
	font-size: 8pt;
}

#Footer{
	height: 21px;
	padding: 0;
	margin: 0;
	background-color: #000000;
	clear: both;
}

.HH_MenuDesc
{
	width:430px;
	margin-left: 20px;
	font-style: italic;
	color: #e12e29;
}

.HH_Menu_Image
{
	float: right; 
	padding-bottom: 16px;
	padding-left: 5px;
	display: inline;	
}

/* Selectors */ 
H1{
	color: Black;
	padding-left: 10px;
}
H2
{
	font-weight: 900;
	font-size: medium;
	color: #E12E29;  
	padding-left: 10px;
	margin-bottom: 2px;
}

H2.SocialLinksHeader {
	margin-left: 10px;
	margin-bottom: 5px;
}

H3{
	color: #e12e29;  
	padding-left: 10px;
	margin-bottom: 2px;
	font-size:  small;	
}

H4{
	font-size: 8pt;
	font-weight: bolder;
	text-align: left;
	color: Black;
	padding: 0px 20px 0px 20px;
}
H5{
	color: #E12E28;  
	padding: 10px 0px 5px 10px;
	margin: 0px;
}	
P, P.Normal{
	color: #404040;  
	padding: 2px 20px 0px 10px;
	margin: 5px 10px 0px 0px ;
	text-align: left;
	}

.side_bar_label
{
	color: #000000; 
	font-size: 12pt; 
	font-family: Arial;
	font-weight: bold;
}
	
.side_bar_text{
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	font-style:italic;
	color: #000000;  
}	
	
.pr{
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	color: #404040;  
}	
P.leadin{
	color: #404040;  
	padding: 2px 20px 0px 10px;
	text-align: left;
	margin-right: 10px;
	}

code{
	font-family: "Courier New", Terminal, Monospace;
}

IMG.BodyImage{
	margin-right: 20px; 
	margin-left: 15px;
	margin-top: 10px;
}

a:link.form, a:visited.form{
	color: #153067; 
	text-decoration: underline;
	padding: 2px;
	margin-left: 10px;
	margin-bottom: 3px;
}
a:hover.form{
	color: #FB0F0C;
	text-decoration: underline;
	padding: 2px;
	margin-left: 10px;
	margin-bottom: 3px;
}

a:link.StateGridAlt, a:visited.StateGridAlt{
	color: #FFFFFF; 
	text-decoration: underline;
	padding: 2px;
	margin-left: 10px;
	margin-bottom: 3px;
}
a:hover.StateGridAlt{
	color: #000000;
	text-decoration: underline;
	padding: 2px;
	margin-left: 10px;
	margin-bottom: 3px;
}

a:link.StateGrid, a:visited.StateGrid{
	color: #153067; 
	text-decoration: underline;
	padding: 2px;
	margin-left: 10px;
	margin-bottom: 3px;
}
a:hover.StateGrid{
	color: #E12E28;
	text-decoration: underline;
	padding: 2px;
	margin-left: 10px;
	margin-bottom: 3px;
}


a:visited, a:link, a:active {
	text-decoration: underline;
	font-style: normal;
	font-weight: normal;
	color: #153067;
}
a:hover {
	text-decoration: underline;
	font-weight: normal;
	font-style: normal;
	color: #E12E28;
}


.Exception{
	color: #606060;
}	
.PageID{
	color: #E12E28;
	font-weight: bolder;
}
.FormInstruction{
	font-size: smaller;
}
.Error{
	color: #E12E28;
}
.Success{
	color: #153067;
}
.News{
	font-size: 8pt;
	color: #e12e29;
	padding: 0px 20px 0px 20px;
	text-align: justify;
	width: 475px;
}
UL, UL.Normal 
{
	color: #e12e29;
}

UL.Black LI
{
	color: #000000;
}

P.Site_Map
{
	color: #e12e29;
	font-weight: bold;
	font-family: Arial;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
}

UL.Site_Map
{
	color: #e12e29;
	font-style: normal;
	font-family: Arial;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	
}

UL.News{
	margin-left: 30px;
	color:#e12e29;
}
UL.News LI{
	font-size: 8pt;
	color: #e12e29;
	text-align: left;
	width: 400px;
	font-style: normal;
	font-weight: normal;
	list-style-type: disc;
	padding-bottom: 8px;
	vertical-align: top ;
}
		
UL.MenuList{	
	margin-left: 30px;
	color: #e12e29;
	margin-top: 0px;
}
UL.MenuItem LI{
	color: #e12e29;
	font-size: 8pt;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	list-style-type: square;
	padding-bottom: 0px;
	vertical-align: top ;
}
.ClickBack{
	color: #606060;
	font-size: 9px;
	display: block;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	cursor: pointer;
}
.Message{
	display: block;
	text-align: center;
}
.ErrorMessage{
	color: #E12E28;
	display: block;
	text-align: center;
}
.Required{
	font-size: 8pt;
	color: #606060;
}

P.Center{
	margin-left: auto;
	margin-right: auto;
}
P.Tight, P.arcs{
	margin: 0px;
	padding: 0px;
}
.Quote{
	font-style: italic;
	font-weight: bolder;
}
/** Zip Code Search page **/
.Gift_Card_Note 
{
	font-style:italic;
	color: #e12e29;
}


/** FAQ **/
.FAQHeading{
	padding: 3px;
	background-color: #E12E28;
	color: White;
	font-size: 10px;
	margin-top: 5px;
	margin-left: 20px;
}
.FAQQuestion{
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
	background-color: #FFF;
	color: #606060;
}
.FAQAnswer{
	margin-left: 20px;
	margin-top: 8px;
	margin-bottom: 3px;
	padding: 3px;
	background-color: #EEE;
}	
OL.FAQAnswer LI{
	margin-left: 20px;
	margin-top: 8px;
	margin-bottom: 3px;
	padding: 3px;
	background-color: #A0A0A0;
	list-style-position: inside;
}	
A:Link.faqLink, A:Active.faqLink, A:Visited.faqLink {
	font-size: 8pt;
	font-weight: bolder;
	text-decoration: underline;
	margin: 3px 3px 3px 20px;
}
		
.DropCap{
	padding-right: 8px;
	font-size: 15pt;
	color: #000;
}
A:link.toplink, A:Visited.toplink, A:Hover.toplink{
	color: #404040;
	font-size: 7pt;
	font-weight: bolder;
	margin-left: 20px;
	text-decoration: none;
}	


/*** PANELS ***/
.pnlItemGrid{
	padding-left: 10px;
}

/*** FOOTER ***/
p.Footer{
	padding: 10px;
	margin: 0;
	background-color: #E12E28;
	text-align: center;
	
}
a:link.FooterLink, a:visited.FooterLink{
	color: #FFF;  
	text-decoration: none;
	font-size: 8pt;
	padding: 0 10px;

}
a:hover.FooterLink{
	color: #FFF;
	background-color: #E12E28;
	font-size: 8pt;
	text-decoration: underline;
	padding: 0 10px;
}


/** TABLES **/

Table.ProductThumbnails
{
	margin-left: 0px;	 
	width: 420px;
	border: 0px;
	text-align: center;	
}

Table.ProductThumbnails td
{
	vertical-align:bottom;	
	text-align: center;	
}

Table.ProductThumbnails td img
{
	vertical-align:bottom;	
	text-align: center;	
	border-width: 1px;
	border-color: white;
}

Table.ProductThumbnails td p
{
	text-align:center;
	margin: 0px 0px 10px 10px;
}

Table.CountdownTimer 
{
	margin-left: 10px;
	width: 505px;
	background-color: #e12e29;
	border: none 0;	 
}

Table.InputForm{
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}
Table.InputForm td.Label{
	text-align: right;
}
Table.InputForm td.RequiredLabel{
	text-align: right;
	font-weight: bolder;
}
Table.InputForm TD{
	text-align: left;
}
Table.InputForm TD.Center{
	text-align: center;
}
table.News{
	margin: 5px 5px 0px 5px; 
	width: 500px;
	display: block;
}
table.News td{
	width: 100%;
	padding: 5px;
	vertical-align: top;
}
table.NewsItem{
	width: 100%;
	display: block;
}

table.NewsItem td.Title{
	font-size: 8pt;
	font-weight: bolder;
	text-align: left;
	color: #e12e29;
	vertical-align: top;
	padding-top: 0px;
	padding-bottom: 0px;
}
table.NewsItem td.Date{
	font-size: 8pt;
	font-weight: bolder;
	text-align: left;
	color: Black;
	vertical-align: bottom;
	padding-top: 0px;
	padding-bottom: 0px;
}
table.NewsItem td.Body{
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	color: Black;
	margin-left: 0px;
	padding-left: 0px;
}

table.NewsItem td P 
{
	color: #404040;  
	padding: 2px 10px 0px 5px;
	text-align: left;	
}

table td{
	vertical-align: top;
}
table.Centered{
	margin-left: auto;
	margin-right: auto;
}

/** GRIDVIEW STYLES **/
.GV {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
.GVHead TH {
	background-color: #E12E28;
	color: #FFF;
	text-align: center;
	font-size: 8pt;
}
.GVHead A:link, .GVHead A:Visited, .GVHead A:Active {
	text-align: center;
	font-size: 8pt;
	color: #FFF;
	text-decoration: underline;
}
Table.GV TR.GVBody {
	color: #404040;
}

Table.GV TR.GVBody TD {
	font-size: 8pt;
	color: #404040;
	padding: 2px 5px 2px 5px;
}
Table.GV TR.GVBodyEdit TD{
	font-size: 8pt;
	color: #404040;
	background-color: #D0D0D0;
	padding: 2px 5px 2px 5px;
}


/** Data Grid Styles **/
table.StoreState
{
	border-style:ridge;
	border-collapse: collapse;
	border-width: 2px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 500px;
}

table.StoreState td
{
	padding: 1px;
	border-style:ridge;
	border-collapse: collapse;
	border-width: 1px;
	font-family: Arial;
	font-size: 8pt;
}

.StoreStateZebra
{
	background-color: #FFFFFF;
	color: #000000;
	padding: 1px;
}
.StoreStateAltZebra
{
	background-color: #e12e28;
	color: #FFFFFF;
	padding: 1px;
}
.StoreStateHead td
{
	font-size: 8px;
	font-weight: bolder;
	color: #FFF;
	background-color: #E12E29;
	text-align: center;
	padding: 1px;
	border-collapse: collapse;
}
.StoreStateFoot td
{
	color: White;
	background-color: #e12e29;
	font-weight: bolder;
	padding: 3px;
	border-collapse: collapse;
}

table.dg
{
	border-style:ridge;
	border-collapse: collapse;
	border-width: 2px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 85%;
}

table.dg td
{
	padding: 1px;
	border-style:ridge;
	border-collapse: collapse;
	border-width: 1px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
}

.dgZebra
{
	background-color: #FFFFFF;
	color: #000000;
	padding: 1px;
}
.dgAltZebra
{
	background-color: #F9DA16;
	color: #000;
	padding: 1px;
}
.dgHead td
{
	font-size: 8px;
	font-weight: bolder;
	color: #FFF;
	background-color: #E12E28;
	text-align: center;
	padding: 1px;
	border-collapse: collapse;
}
.dgFoot td
{
	color: White;
	background-color: #606060;
	font-weight: bolder;
	padding: 3px;
	border-collapse: collapse;
}
/** END Data Grid Styles **/


/* This hack is for rendering with apple safari*/
table.pnlcontent td{
	vertical-align: top;
}

/**** MENU ****/
.Menu{
	background-color: #E12E28;
	border-collapse: collapse;	
	margin-left: 20px;
}
.Spacer { 
	width: 10px;
	background-image: url(../images/spacer.gif);
	background-color: #E12E28;
	color: #E12E28;
}

.HeadMenu{ 
	margin-left: 5px;
}

/* LookID="TopItemLook" */
.HeadTopMenuItem{
	color: #E0E0E0;
	background-color: #E12E28;
	padding: 0px 10px 6px 6px;
	cursor: hand;
}

.HeadTopMenuHover{
	color: #E0E0E0;
	background-color: #E12E28;
	cursor: hand;
	padding: 0px 10px 6px 6px;
}
.HeadTopMenuActive{
	color: #E0E0E0;
	background-color: #E12E28;
	padding: 0px 10px 6px 6px;
	}
.HeadTopMenuChildSelected{
	color: #FFF;  
	background-color: #E12E28;
	padding: 0px 10px 6px 6px;
	cursor: hand;
}

/* LookID="MenuItem" */
.HeadMenuItem {
	color: #E0E0E0;  
	background-color: #E12E28;
	padding: 0px 6px 6px 6px;
	text-align: left;
}
.HeadMenuHover{
	color: #E12E28;  
	background-color: #FFF;
	padding: 0px 6px 6px 6px;
	text-align: left;
	cursor: hand;
}
	
.HeadMenuActive{
	color: #E12E28;  
	background-color: #FFF;
	padding: 0px 6px 6px 6px;
	text-align: left;
	cursor: hand;
}
.MenuItemSelected{
	color: #E12E28;  
	background-color: #FFF;
	padding: 0px 6px 6px 6px;
	text-align: left;
	cursor: hand;

}	

/* Tree View */
.TreeView 
{ 
  background-color: Transparent;
  padding-top:4px; 
  padding-left:1px; 
  border: #7C7C94 1px solid; 
  border: none;
  cursor:default; 
}

.TreeNode 
{ 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
}

.GrayedTreeNode 
{ 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
  color:gray; 
  cursor:default;
}

.HoverTreeNode 
{ 
  text-decoration:underline; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
  cursor: default; 
}

.SelectedTreeNode 
{ 
  background-color: gray; 
  color:white; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
  cursor: default; 
}

.NodeEdit 
{
  border:1px gray solid;
}

.VideoContestInfo
{
	margin-left: 10px;
	margin-width: 730px;
}

.VideoContestRules 
{
	margin-bottom: 10px;
	margin-left: 10px;
	width: 730px;
}