/* Reset core elements for consisten cross-browser display */ 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6
{
    margin: 0px;
    padding: 0px;
    border: 0px;
    outline: 0px;
    font-family: Arial, Verdana, Sans-Serif;
}
/* Set bg color of site and center page */
body
{
    background-color: #ffffff;  /*  #2b3a3c;*/
    color: #2d2e2e;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 80%;
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
    text-align: center; /* Centers the page content container in IE 5 browsers. */
}

/* Sets the style for unvisited links. */
a, a:link
{
    color: #000000;
    text-decoration: none;
}
/* Sets the style for visited links. */
a:visited
{
    color: #000000;
}
/* Sets the style for links on mouseover. */
a:hover
{
    color: #000000;
    background-color: #FBB019;
}
/* Sets the style for a link that has focus. */
a:focus
{
    color: #000000;
    background-color: #FBB019;
}
/* Sets the style for a link that is being activated/clicked. */
a:active
{
    color: #000000;
    background-color: #FBB019;
}

h1 /* GroupName */
{
	font-weight: bold; 
	font-family: Arial Black; 
	font-size: 14pt; 
	color: #C4112E;
}

h2
{
	font-weight: bold; 
	font-family: Arial Black; 
	font-size: 9pt; 
	color: #C4112E;
}

/* ELEMENTS ---------------- */

/* This is a container for the page content. Constrain page width. For liquid layouts you may simply set the left and right margins to center the container on the page. */
#outerWrapper
{
    background-color: #ffffff;
    margin: 0px auto 0px auto; 
    min-width: 760px;
    max-width: 1200px;
    text-align: left; /* IE5, redefine for content insdie body */
    width: 99%;
}
#outerWrapper #header
{
    background-color: #ffffff;
    /*border-bottom: solid 1px #8ab573;  */
    /* line-height: 15px; */
    padding: 0px 0px 0px 0px; 
}
#outerWrapper #contentWrapper #LeftNavBar
{
    background-color: #ffffff;
    /* border-right: solid 1px #8ab573;  */
    float: left;
    padding: 10px 0px 10px 5px;  
    width: 22%;
}
/* Main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#outerWrapper #contentWrapper #content
{
    margin: 0px 0px 0px 23%; 
    padding: 10px 10px 10px 10px; 
}
/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. 
If floated elements are used without being cleared the elements following will wrap around the floated element. 
This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
#outerWrapper #contentWrapper .clearFloat
{
    clear: left;
    display: block;
}
#outerWrapper #footer /* Page Footer */
{
    background-color: #ffffff;
    border-top: solid 1px #8ab573; 
    padding: 10px 10px 10px 10px; 
    font-size: 75%;
}
#AdSeeAll
{
	color: #FBB019;
}
#AdSeeAll:hover
{
	color: Black;
	background-color: #FBB019;
}
#Menu a
{
    color: White;
    text-decoration: none;
}
#Menu a:hover
{
    color: #FBB019;
    background-color: Transparent;
    text-decoration: underline;
}
#Index a
{
    color: #005C99;
    text-decoration: none;
}
#Index a:hover
{
    color: black;
    background-color: #FBB019;
}
#PageBar { background-color: #C4112E; color: #FFFFFF; font-weight: bolder; padding-top:2px; height: 20px; width: 100%; text-align: center; font-size: 120%; }

/* STYLES -------------- */


.AdBlock3
{
	width: 33%; 
	/*height: 200px;  */
	border: solid 1px; 
	float: left; 
	background-color: #ffffdd; 
	margin-right: 0px; 
	margin-bottom: 10px;
	text-align: center;
}
.AdImage3
{
	width: 135px; 
	border: 0px;
}

.AdBlock
{
	width: 48%; 
	/*height: 200px;  */
	border: solid 1px; 
	float: left; 
	margin-right: 0px; 
	margin-bottom: 10px;
	text-align: center;
}
.AdImage
{
	width: 186px; 
	border: 0px;
}
.AdButtonMore
{
	text-align: center; background-image: url(../Images/MoreButton-AH.jpg);
                                                background-repeat: no-repeat; font-size: 12px; width: 80px; height: 20px; padding-top: 0px;
}

.AdButtonLeftStyle
{
	background-color: Transparent;
	background-image: url(../Images/AHbtnAdLeft.gif);
	background-repeat: no-repeat;
}

.AdButtonRightStyle
{
	background-color: Transparent;
	background-image: url(../Images/AHbtnAdRight.gif);
	background-repeat: no-repeat;	
}

.AdControlStyle
{
	color: #FBB019;
	font-family: Arial Black;
	padding-left: 10px;
	padding-right: 10px;
	white-space: nowrap;	
}

.AdControlTab, .AdControlTab:link
{
	color: #ffffff;
	background-color: Transparent;
	margin: 2px 8px 2px 8px;
}
.AdControlTab:hover
{
	color: #000000;
	background-color: #FBB019;
	text-decoration: none;
}

.BoxHeadDark
{
	padding-left: 6px;
	padding-top: 3px;
	background-color: #005C99;
	color: White;
	height: 20px;
	font-weight: bold;
	margin-left: 0px;
}

.BoxHeadDark2
{
	padding-left: 6px;
	padding-top: 3px;
	background-color: #005C99;
	color: White;
	height: 20px;
	font-weight: bold;
	margin-left: 0px;
	width: 100%;
}

/*
.BX_box {
}

.BX_title div {
	padding-left: 6px;
	padding-top: 3px;
	background-color: #585858;
	color: White;
	height: 20px;
	font-weight: bold;
	margin-left: 0px;}
.BX_title {
}
.BX_bottom div {
}
.BX_bottom {
}
.BX_bottom div, .BX_bottom {
}
.BX_content {
}
*/

.BX_box {
   background: #ffffff url(../Images/BX_grad.gif) no-repeat bottom right;
}

.BX_title div {
   background: url(../Images/BX2_tl.gif) no-repeat top left;
   height: 26px;
   padding-top: 2px;
   font-size: 14px;
   font-family: Arial Black, Arial, Sans-Serif;
   color: White;
   text-align: center;
}
.BX_titleL div {
   background: url(../Images/BX2_tl.gif) no-repeat top left;
   height: 26px;
   padding-top: 2px;
   font-size: 14px;
   font-family: Arial Black, Arial, Sans-Serif;
   color: White;
   text-align: left;
   padding-left: 10px;
}
.BX_subtitle div {
   background: url(../Images/SubHead.jpg) no-repeat top left;
   height: 26px;
   padding-top: 2px;
   font-size: 14px;
   font-family: Arial Black, Arial, Sans-Serif;
   color: Black;
   text-align: left;
   padding-left: 10px;
}
.BX_subtitleNoBG div {
   background: url(../Images/SubHeadNoBG.jpg) no-repeat top left;
   height: 26px;
   padding-top: 2px;
   font-size: 14px;
   font-family: Arial Black, Arial, Sans-Serif;
   color: Black;
   text-align: center;
   padding-left: 5px;
}
.BX_title {
   background: transparent url(../Images/BX2_tr.gif) no-repeat top right;
   height: 26px;
}
.BX_titleL {
   background: transparent url(../Images/BX2_tr.gif) no-repeat top right;
   height: 26px;
}
.BX_subtitle {
   background: transparent url(../Images/SubHeadR.jpg) no-repeat top right;
   height: 26px;
}
.BX_subtitleNoBG {
   background: transparent url(../Images/SubHeadRNoBG.jpg) no-repeat top right;
   height: 26px;
}
.BX_bottom div {
   background: url(../Images/BX_bl.gif) no-repeat bottom left;
}
.BX_bottom {
   background: transparent url(../Images/BX_br.gif) no-repeat bottom right; 
}
.BX_bottom div, .BX_bottom {
   width: 100%;
   height: 12px;
   font-size: 1px;
}
.BX_content { padding: 0 12px; border-left: solid 1px #DDDDDD; border-right: solid 1px #DDDDDD;}
.BX_content2 { padding: 0 6px; border-left: solid 1px #DDDDDD; border-right: solid 1px #DDDDDD; height: 150px;}

.CartHeaderRow
{
	 font-weight: bold; color: white; background-color: #C4112E; text-align: center
}

a.CategoryIndex
{
	text-decoration: none; 
}

CategoryIndex2
{
	text-decoration: none; 
	color: white;
}

.ErrorText
{
	color: Red;
}

.GoButton
{
	color: White;
	font-weight: bold;
	border-color: #FBB019;
	background-image: url(../Images/GoButtonGrad-AH.jpg);
	background-repeat: repeat-x;
}

.GoButtonLG
{
	color: White;
	font-weight: bold;
	border-color: Orange;
	background-image: url(../Images/GoButtonGradLG-AH.jpg);
	background-repeat: repeat-x;
}

.GridHeaderStyle
{ 
	background-color: #ffa500;
}

/* GroupName see H1 */

.HomeBanner
{
	/* Width="70%" Font-Size="Medium" ForeColor="White" BorderWidth="1px"
                BackColor="#017477" */
	width: 100%;
	font-size: 10pt;
	/* line-height: 16pt; 
	border-width: 1px;
	background-color: #017477;
	margin: 3px 0px 3px 0px;
	*/
	color: Black;
}

.HoverPopup
{
	display: none;
	z-index: 10;
}

.ImageBlock
{
	float: right;
	margin-left: 6px;
	margin-right: 6px;	
}

.IndexRowL
{
	background-image: url(../Images/IndexL-AH.jpg); 
	background-repeat: no-repeat; 
	width:362px;
}

.IndexRowC
{
	height: 30px; background-color: Transparent; background-image: url(../Images/IndexBG-AH.jpg); background-repeat: repeat-x; padding-top: 7px;
}
.IndexRowR
{
	background-image: url(../Images/IndexR-AH.jpg); background-repeat:no-repeat;
}


.NavBar
{
	/* background-color: #017477; */
	color: White;
	width: 100%;
	font-size: 10pt;
	height: 30px;
	background-image: url('../Images/AHMenuBG.jpg');
	background-repeat: repeat-x;	
}

td.IndexHoverButton:hover
{
	background-color: #ff9966;
	/* background-image: url( */
}
.IndexHoverButton
{
	/* border-right: blue 1px solid;
	border-top: blue 1px solid;
	border-left: blue 1px solid;
	border-bottom: blue 1px solid;
	background-color: #ffff99;
	background-image: url(../Images/IndexBg.jpg);
	background-repeat: repeat-x;
	width: 100%; */
	text-align: center;
	color: #005C99;
}

a.IndexHoverButton2
{
	/* border-right: blue 1px solid;
	border-top: blue 1px solid;
	border-left: blue 1px solid;
	border-bottom: blue 1px solid;
	background-color: #ffff99;
	background-image: url(../Images/IndexBg.jpg);
	background-repeat: repeat-x;
	width: 100%; */
	text-align: center;
	color: #ffffff;
}

.IndexHead  /* Title text that says Product Index */
{
	font-weight: bold;
	border-right: Blue 1px solid;
	border-left: Blue 1px solid;
	padding-top: 8px;
	color: #ffffff;
	background-color: #C4112E;
	text-align: center;
}

.IndexList	/* outer box on popup */
{
	border-right: #005C99 1px solid; 
	padding-right: 8px; 
	padding-left: 8px; 
	padding-bottom: 8px;
	border-left: #005C99 1px solid; 
	border-bottom: #005C99 1px solid; 
	background-color: #ffffff;
	padding-top: 8px;
	/* height: 300px;
	overflow: scroll; */
}

.IndexLeader
{
	background-image: url(../Images/DotLeader.gif); 
	width: 99%; 
	background-repeat: repeat-x;
	background-color: transparent; 
	white-space: nowrap;
}
.IndexNoLeader
{
	width: 99%; 
	background-color: transparent; 
	white-space: nowrap;
}

.IndexLetter
{
	width: 100%;
	color: White;
	background-color: #005C99;
	text-align: center;
	padding-left: 110px;
	padding-right: 110px;
	/*border-right: #3366cc 1px solid;
	border-top: #3366cc 1px solid;
	border-left: #3366cc 1px solid;
	border-bottom: #3366cc 1px solid;*/
}

.LeaderLine
{
	width: 100%; 
	height: .8em; /* needed by NN6*/
	line-height: 1em;
	border-bottom: 2px dotted #005C99;
	margin-top: .3em;
	font-size: 1em;
}
.LeaderNoLine
{
	width: 100%; 
	height: .8em; /* needed by NN6*/
	line-height: 1em;
	border-bottom: 2px dotted #ffffff;
	margin-top: .3em;
	font-size: 1em;
}

.LeaderLeft
{
	float: left;
	/*position: relative; needed by IE6*/
	top: 5px;
	background-color: #ffffff;
	margin-bottom: -.3em;
	border-bottom: solid #ffffff .2em;
	padding-right: 10px;
	text-align: left;
}
.LeaderRight
{
	float: right;
	/*position: relative; needed by IE6*/
	top: 5px;
	background-color: #ffffff;
	margin-bottom: -.3em;
	border-bottom: solid #ffffff .2em;
	padding-left: 0px;
	text-align: right;
}

.MenuMore
{
	color: White;
	text-align: left;
}

.PageHead
{
	font-size: 120%;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	width: 100%;
    background: #ffffff url(../Images/BX2_head.gif) repeat-x;
	margin: 10px 0px 0px 0px;
	font-family: 'Arial Black' , Arial, Sans-Serif;
}

/*.PageHead
{
	font-size: 120%;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	width: 100%;
	background-color: #585858;
	margin-top: -4px;
	font-family: 'Arial Black' , Arial, Sans-Serif;
}	
*/


.SpanRow
{
	font-weight: bold;
	color: #000000;
}

.HeaderStyle
{
	 background-color: #C4112E;
	 color: #ffffff;
	 font-weight: bold;
}


.TextboxWatermark
{
	color: #A9A9A9;
}

.Tree
{
	font-size: 8.5pt;
	font-family: Verdana, Arial, Sans-Serif;
	line-height: 11.5pt;
	white-space: nowrap;
}

.WarnPanel
{
	padding: 2px 2px 2px 2px;
}