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

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
azimuth:behind;
text-align:center;
/*background-color: #F3F3F3; *//*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
/*width: 110px;*/ /*Width of top level menu link items*/
width: 130px; /*Width of top level menu link items*/
padding: 1px 2px;/*border: 1px solid black;*/
border: 1px E97705;
border-left-width: 0;
text-decoration: none;
/*color: navy;*/
color: #E97705;
font-size:small;
font-style:italic;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
/*display: block;*/
display: none;
width: 160px; /*width of sub menu levels*/
color: navy;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #ccc;
background-color:#E97705;
}

.suckertreemenu ul li a:hover{
/*background-color: black;*/
/*background-color: #7A769A;*/
color: Black;
height:21px;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
/*background: #F3F3F3 url(../../images/arrow-down.gif) no-repeat center right;*/
background: url(../../images/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
/*background: #F3F3F3 url(../../images/arrow-right.gif) no-repeat center right;*/
background: url(../../images/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */

div.menutopborder
{
	background-color: White;
	width: 100%;
/*	height:20px;*/
	height:2px;
}

div.menu
{
	background-color: #F9F9FA;
	width: 100%;
/*	height:20px;*/
	height:23px;
}

div.menubottomborder
{
	background-color: #D4D4E5;
	width: 100%;
/*	height:20px;*/
	height:5px;
}




div.container
{
	/*background-color:#F9F9FA;*/
	background-color:White;
	min-height: 250px;
	width: 990px;
	
	margin: 0 auto;
	
	
	border-top: 2px solid #F9F9FA;
	border-bottom: 2px solid #F9F9FA;
	border-left: 2px solid #F9F9FA;
	border-right: 2px solid #F9F9FA;
}
/*tgs works starts */
table.container
{
	/*background-color: #f9f9fa;*/
	background-color: White;
	width: 100%;
	border-top: 2px solid #F9F9FA;
	border-bottom: 2px solid #F9F9FA;
	border-left: 2px solid #F9F9FA;
	border-right: 2px solid #F9F9FA;
	/*border-top: 5px solid #FFFFFF;
	min-height: 250px;
	height: 250px;
	height: auto;
	max-height: 500px;*/
}

.slightlySmallerText
{
	/*font-size: 10px;
	font-family: Verdana, Helvetica;*/
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 1em;
	
	/*font-family: Arial;*/
	color: #4F4A72;
	/*font-size: small;*/
}
 a.slightlySmallerText
 {
	/*font-family: Arial;
	font-size: small;*/
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 1em;
	color:#E97705;
 }
 
 input.slightlySmallerText
 {
	/*font-family: Arial;
	font-size: small;*/
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 1em;
	
 }
 
.whiteMsgBold
{
	font-size: 12px;
	font-family: Verdana, Helvetica;
	color: #FFFFFF;
}
.normalButton
{
	background-color: #7A769A;
	border-color: #CCCCCC;
	border-style: Solid;
	border-width: 1px;
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
}
.disableButton
{
	background-color: Gray;
	border-color: #CCCCCC;
	border-style: Solid;
	border-width: 1px;
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
}
.heading1
{
	font-weight: bold;
	font-size: 20px;
	color: #4F4A72;
	/*font-family: Trebuchet MS, Arial, Helvetica, Sans-serif;*/
	
	font-family: Arial, Helvetica, Sans-serif;
	
	
}
.heading2
{
	font-weight: bold;
	font-size: 17px;
	color: #4F4A72;
	/*font-family: Trebuchet MS, Arial, Helvetica, Sans-serif;*/
	font-family: Arial, Helvetica, Sans-serif;
}
.heading3
{
	font-weight: bold;
	font-size: 13px;
	color: #4F4A72;
	/*font-family: Trebuchet MS, Arial, Helvetica, Sans-serif;*/
	font-family: Arial, Helvetica, Sans-serif;
	
}
.heading4
{
	font-weight: bold;
	font-size: 14px;
	color: #4F4A72;
	/*font-family: Trebuchet MS, Arial, Helvetica, Sans-serif;*/
	font-family: Arial, Helvetica, Sans-serif;
}

/*td  { font-size: 12px; font-family: Arial, Verdana, Helvetica }*/


a.cartLink:link, a.cartLink:visited, a.cartLink:active
{
	color: #002868;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

.error
{
	font-size: 10px;
	font-family: Verdana, Helvetica;
	color: Red;
}
/* the style starts here */
a.tooltip
{
	/*color: #c00;*/
	/*background-color: #F9F9FA;*/
}
a.tooltip b
{
	display: none;
}
a.tooltip:hover
{
	border: 0;
	position: relative;
	z-index: 500;
	text-decoration: none;
	background-color:#F9F9FA
}
a.tooltip:hover b
{
	display: block;
	position: absolute;
	top: 20px;
	left: -25px;
	padding: 5px;
	font-weight: normal;
	color: #000;
	border: 1px solid #888;
	background: #ffc;
	width: 500px;
	background-color:#F9F9FA
}
a.tooltip:hover b em
{
	position: absolute;
	left: 20px;
	top: -6px;
	width: 11px;
	height: 6px;
	background: #fff url(../../images/tooltip.gif) 0 0;
	display: block;
	font-size: 1px;
	background-color:#F9F9FA
}



.shiftcontainer
{
	position: relative;
	left: 5px; /*Number should match -left shadow depth below*/
	top: 5px; /*Number should match -top shadow depth below*/
}

.shadowcontainer
{
	width: 300px; /* container width*/
	background-color: #d1cfd0;
}

.shadowcontainer .innerdiv
{
	/* Add container height here if desired */
	background-color: white;
	border: 1px solid gray;
	padding: 6px;
	position: relative;
	left: -5px; /*shadow depth*/
	top: -5px; /*shadow depth*/
}
.tooltipheader
{
	font-weight: bold;
}

#dhtmltooltip
{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color:Yellow;
	visibility: hidden;
	z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmlpointer
{
	position: absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}