.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
.normal_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #E24900;
}
.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
}
.normal a:link, .normal a:visited { 
	font-weight: normal; 
	text-decoration: underline; 
	color: navy;
}
.normal a:hover, .normal a:active { 
	text-decoration: underline; 
	color: #E24900;
}
.normal_bold a:visited, .normal_bold a:link { 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline; 
	color: navy;
}
.normal_bold a:hover, .normal_bold a:active { 
	text-decoration: underline;
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #E24900;
}
.legal a:link, .legal a:visited { 
	font-weight: normal; 
	text-decoration: underline; 
	color: navy;
}
.legal a:hover, .legal a:active { 
	text-decoration: underline; 
	color: #E24900;
}
.gradiant {
	background:url(images/main_back.gif);
	background-repeat:repeat-x;
	background-color:#B6CAF1;
}
.content {
	padding-left: 10px;
	padding-right: 15px;
	padding-bottom: 5px;
	text-align:left;
}
#content {
	background-image: url(images/content_back.gif);
	background-repeat:repeat-y;
	width: 560px;
	height:100%;
	padding-bottom: 10px;
}

/* ----------------- DROP DOWN NENU ------------------- */

.menu {
width:auto; 
position:relative;
z-index:1;
font-family: Arial, sans-serif;
font-size:14px;
}

/* MAIN LEVEL STYLING ---------------------------  style the top level */

/* remove all the bullets, borders and padding from the default list styling */
.menu ul { /* Main Level Container */
padding:0;
margin:0;
width:200px; 
height:100%;
list-style-type:none;
/*border: solid 1px #000;  use for testing */
}

.menu li { /* Main Menu Control - The Cell Boxes */
float:none; /*Controls horizontal or vertical list*/ 
width:200px;
padding: 0px;
position:relative;
/*border: solid 1px #000;  use for testing */
}
/* a hack so that IE6 cellpadding is corrected */
* html .menu li {
margin-bottom: -3px;
}
.menu a, .menu a:visited {
/* Cell Decoration */
display:block;
width:200px;
height:auto;
margin:0;
line-height:29px;

/* Text Decoration */
text-decoration:none;
text-align: left;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:200px;
w\idth:200px;
}


/* SECOND LEVEL STYLING --------------------------  style the second level */

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
background-color:#E24900;
visibility:hidden;
position:absolute;
height: auto; /*For IE7 - else rollover malfunction */
top:0px;
left:200px; 
width:150px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:0px;
t\op:1px;
h\eight: auto;
}

.menu ul ul li { /*Submenu Control - The Cell Boxes */
float:left;
width:150px;
margin: 0px;
position:relative;
border: solid 1px #fff;  /*use for testing */
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
color:#FFF;
line-height:1em; 
padding:5px 10px; 
width:129px;
height:auto; 
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
w\idth:129px;
}
.menu ul ul a.drop, .menu ul ul a.drop:visited {
/* Cell decoration */ /*url(../../graphics/drop.gif) bottom right no-repeat*/;
}

/* SUBMENU SHOW-HIDE COMMANDS -------------------- */

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}

/* THIRD LEVEL STYLING --------------------------- style the third level */

.menu ul ul ul { /*SubSubmenu Level Container */
 /*For IE6 - else rollover malfunction */
padding:0;
margin:0px;
width:150px;
background-color:#FF7900;
left:150px; 
top:0;
/*border: solid 1px #000;  use for testing */
}

.menu ul ul ul li { /*Subsubmenu Control - The Cell Boxes */
/*float:left; Controls horizontal or vertical list*/ 
float:left;
width:150px;
margin: 0px;
position:relative;
border: solid 1px #fff;  /*use for testing */
}

.menu ul ul ul a, .menu ul ul ul a:visited {
/* Cell decoration */
background-color:#FF7900;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

/* SUBSUBMENU SHOW-HIDE COMMANDS -------------------- */


/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}


/* ALL HOVERS -------------------- */

/* style the top level hover */
.menu ul a:hover{
color:#000;
background:none;
}

.menu ul ul a:hover{
color:#000;
background:none;
}

.menu :hover > a, .menu ul ul :hover > a { /*Hilite while on a submenu*/
color:#000;
background:none;
}

/* style the second level hover */
.menu ul ul :hover > a.drop {
/* Cell decoration */
background:none;/*url(../../graphics/drop.gif) bottom right no-repeat*/;
}

/* style the third level hover */
.menu ul ul ul a:hover {
/* Cell decoration */
background:none;
}