body, body div, body p, body th, body td, body li, body dd, body dt {font-family: Verdana, Arial, sans-serif; font-size: 12px; font-style: normal; color: #000000; text-decoration:none;}

a:link        {color: #8C000B; text-decoration:none;}
a:active      {color: #8C000B; text-decoration:none;}
a:visited     {color: #8C000B; text-decoration:none;}
a:hover       {color: #6B800D; text-decoration:none;}

H1         {color: #000000; text-decoration: none; font-size:12px; font-weight:bold; margin-bottom:0}
H2         {color: #8C000B; font-size: 12px; font-weight:bold; margin-bottom:0}
H3         {color: #000000; text-decoration: none; font-size:12px; font-weight:bold; margin-bottom:0}

form { 
margin: 0; 
padding: 0; 
} 


.glossymenu{
margin: 0px 0;
padding: 0;
width: 180px; /*width of menu*/
}

.glossymenu a.menuitem{
background: #FED72A;
font: bold 12px Verdana, Helvetica, sans-serif;
color: black;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 3px 0;
padding-bottom: 3px;
padding-left: 9px;
padding-right: 15px;
text-decoration: none;
border-bottom: 3px solid #FDF7A9;

}



.glossymenu .menuitem:active{
background: #6E8800;
color:#ffffff;
}


.glossymenu a.menuitem:hover{
background: #6E8800;
color:#ffffff;
}


.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}


.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #DAE388;
border-bottom:3px solid #FDF7A9;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0px;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #A6BE00;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 12px Verdana, Helvetica, sans-serif;
color: black;
background: #DAE388;
text-decoration: none;
padding: 3px 0;
padding-left: 9px;
}

.glossymenu div.submenu ul li a:hover{
background: #CED86F;
color: black;
border-bottom:0px;
}





A.checkout1			{color:#8C000B; text-decoration:none; font-size:10px;}
A.checkout1:visited	{color:#8C000B; text-decoration:none; font-size:10px;}
A.checkout1:hover 	{color:#000000; text-decoration:none; font-size:10px;}

A.textmenu			{color:#595959; text-decoration:none}
A.textmenu:visited	{color:#595959; text-decoration:none}
A.textmenu:hover 	{color:#333366; text-decoration:none}

A.textmenu1			{color:#9A9A9A; text-decoration:none}
A.textmenu1:visited	{color:#9A9A9A; text-decoration:none}
A.textmenu1:hover 	{color:#333366; text-decoration:none}


A.black			{color:#000000; text-decoration:none; font-size:12px;}
A.black:visited	{color:#000000; text-decoration:none; font-size:12px;}
A.black:hover 	{color:#8C000B; text-decoration:none; font-size:12px; border-bottom:1px dotted #993366;}

A.red			{color:#8C000B; text-decoration:none; font-size:12px;}
A.red:visited	{color:#8C000B; text-decoration:none; font-size:12px;}
A.red:hover 	{color:#000000; text-decoration:none; font-size:12px; border-bottom:1px dotted #000000;}

A.white			{color:#ffffff; text-decoration:none; font-size:12px;}
A.white:visited	{color:#ffffff; text-decoration:none; font-size:12px;}
A.white:hover 	{color:#ffffff; text-decoration:none; font-size:12px; border-bottom:1px dotted #ffffff;}

A.colour1			{color:#000000; text-decoration:none; font-size: 12px; line-height:14px;}
A.colour1:visited	{color:#000000; text-decoration:none; font-size: 12px; line-height:14px;}
A.colour1:hover	{color:#000000; font-size: 12px; text-decoration:none; line-height:14px; border-bottom:1px dotted #000000;}

A.colour2			{color:#8C000B; text-decoration:none; font-size: 12px; line-height:14px;}
A.colour2:visited	{color:#8C000B; text-decoration:none; font-size: 12px; line-height:14px;}
A.colour2:hover	{color:#8C000B; font-size: 12px; text-decoration:none; line-height:14px; border-bottom:1px dotted #8C000B;}

option {background-color: #ffffff; font-size:12px; color:#000000;}
option.one {background-color: #ffffff; font-size:12px; color:#000000;}
option.two {background-color: #FDF7A9; font-size:12px; color:#000000;}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 514px; /*Width of Carousel Viewer itself*/
height: 72px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0px;
top: 0px;
right: 0px;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
horizontal-align:left;
}



.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background: white;
}


/* ######### Default class for drop down menus ######### */

.anylinkcss{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 18px;
z-index: 3000; /* zIndex should be greater than that of shadow's below */
background: lightyellow;
width: 200px; /* default width for menu */
}

.anylinkcss ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcss ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/
background: black;
color: white;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkcsscols{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 3000; /*zIndex should be greater than that of shadow's below*/
background: #E0E79F;
}

.anylinkcsscols .column{
width: 130px;
float: left;
}

.anylinkcsscols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcsscols li{
padding-bottom: 3px;
}

/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 2999; /*zIndex for shadow*/
background: black;
visibility: hidden;
}





	.hzblink {
		background-color: #752023;
		padding: 2px 6px;
		border-bottom:1px solid #ffffff;
		padding: 3px 6px;
		color: #ffffff;
		z-index:1020;
	}
	.hzblinkover {
		background-color: #F3EFE2;
		padding: 2px 6px;
		border-bottom:1px solid #ffffff;
		padding: 3px 6px;
		z-index:1020;		
	}	
	#howzabout {
		position: absolute; 
		text-align: left;
		width: 250px;
		z-index:1020;		
	}