/* common styling */
.menu {
/*;font-family: "Trebuchet MS", verdana, sans-serif; */
font : bold 12px Georgia,"Times New Roman",serif;
/*width:904px; */
width:908px; 
/*letter-spacing:1.0; */
position:relative;
/*font-size:0.85em;*/
z-index:5;
padding-top:5px;
}
.menu ul {
/*padding-top:5; */
margin:0;
list-style-type: none;
}
.menu ul li {
float:left;
position:relative;
margin-top : -5px;
}
/* does not seem to do anything in IE7 - used on Macs - Safari, Firefox */  
/* actually it does do things on ie - I needed to add the Padding to it for the unvisited links*/
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#fff; 
padding-top:5px; 
/*width: 109px;*/
width: 143px;  /*Controls the width of menu text*/
/*height:15px; */
height:20px; 
/*border:1px solid #bd332c;*/ 
border-width:0px 0px 0px 0px; 
/*background:#D7E5E7; */
background: url(../site/images/gradient.jpg) top left repeat;
/*line-height:15px;*/
line-height:20px;
text-align: center;
/*padding-left:110px; */
font : bold 12px Georgia,"Times New Roman",serif;
left:-10px;
}
.menu ul li a.section-active {
padding-left:0px; 
/*padding-top:5px; */
padding-right:0px; 
}

/* seems to be what is used for the top row (eg home / solutions / product etc) in IE and firefox on Windows*/
* html .menu ul li a, .menu ul li a:visited {
width: 143px; /*112*/
padding: 5px 0px; 
 
display:block; 
text-decoration:none;  
color:#fff; 
height:15px; 
/*height:20px; */
border:0px solid #bd332c; 
border-width: 0px 0px 0px 0px; 
/*background:#D7E5E7;*/
background: url(../site/images/gradient.jpg) top left repeat;
line-height:15px;
/*line-height:20px;*/
text-align: center;
font : bold 12px Georgia,"Times New Roman",serif;
vertical-align : text-bottom;
}

.menu ul li ul {
display: none;
}

table {
 /* margin:-4px; for firefox and all non-IE browsers */ 
border-collapse:collapse;
}

/*.menu ul li table {
font-size:0.85em;
}*/

/* hover menu on the top row (ie Home/solutions etc)  for ie7 and firefox on windows*/
.menu ul li:hover a {
/*padding : 5px;  */
display:block;
color:#CC0000;
background:#D7E5E7;
border-top:0px solid #D7E5E7; 
}
.menu ul li:hover ul {
padding : 0px; 
display:block; 
position:absolute; 
top:30px;  /*allows vertical movement of the sub menu - 30 needed for firefox, but 20 would be enough for IE*/
left:0; 
width:143px;
}
.menu ul li:hover ul li ul {
display: none;
}

.menu ul li:hover ul li a {
color:#000; 
padding : 5px; 
text-align: left; 
width:133px; /*Controls the width of menu */
height:20px; 
line-height:20px;
background:#D7E5E7;
}

/* used to display the sub-menus when rolled over a parent cell*/
#agents li a {
color:#000; 
padding : 5px; 
text-align: left; 
width:230px; /*Controls the width of menu */
height:20px; 
line-height:20px;
background:#D7E5E7;
}

#agents li:hover a:hover {
background:#D7E5E7;
color:#CC0000;
border-top:0px solid #CE181C;
}

.menu ul li:hover ul li a:hover {
background:#D7E5E7;
color:#CC0000;
border-top:0px solid #CE181C; 
}

.menu ul li:hover ul li:hover ul {
display:block; 
position:absolute; 
/*left:130px; */
left:0px;
top:0;
width:143px;
}
.menu ul li:hover ul li:hover ul.left {
/*left:-130px;*/
}

/**************** Credit Card menu coding *****************/
#menuCC {
width: 110px;
margin-left:50px 
/*background: #eee;*/
}
 
#menuCC ul {
list-style: none;
margin: 0;
padding: 0;
}
 
#menuCC a {
font: bold 12px Georgia,"Times New Roman",serif;
display: block;
border-width: 1px;
width: 180px;
/*border-style: solid;*/
/*border-color: #ccc #888 #555 #bbb;*/
margin: 0;
padding: 2px 3px;
}

#menuCC ul li ul li ul li a {

border-width: 1px;
border-style: solid;
}

#menuCC h2 {
color: #fff;
background: #175cf7;
/*text-transform: uppercase;*/
font: bold 12px Georgia,"Times New Roman",serif;
border-width: 1px;
border-style: solid;
width: 180px;
/*border-style: solid;*/
/*border-color: #ccc #888 #555 #bbb;*/
margin: 0;
padding: 2px 3px;
}
 
#menuCC a {
color: #000;
/*background: #efefef;*/
text-decoration: none;
}
 
#menuCC a:hover {
color: #a00;
background: #fff;
}
 
#menuCC li {
position: relative;
}
 
#menuCC ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}
 
div#menuCC ul ul ul,
div#menuCC ul ul li:hover ul ul
{display: none;}
 
div#menuCC ul ul li:hover ul,
div#menuCC ul ul ul li:hover ul
{display: block;}


/**************** nice menu coding *****************/
#nicemenu {
position: absolute;
width: 220px;

/*background: #eee;*/
}

#nicemenu table {
cellpadding: 15px;
}

#nicemenu a {
font: bold 12px Georgia,"Times New Roman",serif;
border-width: 1px;
width: 180px;
/*border-style: solid;*/
/*border-color: #ccc #888 #555 #bbb;*/
margin: 0;
padding: 2px 3px;
}

#nicemenu th {

border-width: 1px;
border-style: solid;
color: #fff;
background: #175cf7;
font: bold 12px Georgia,"Times New Roman",serif;
text-align: left;
border-color: #175cf7 #175cf7 #175cf7 #175cf7;
margin: 0;
padding: 2px 3px;
}

#nicemenu td {

border-width: 1px;
border-style: solid;
}

#nicemenu h2 {
color: #fff;
background: #175cf7;
/*text-transform: uppercase;*/
font: bold 12px Georgia,"Times New Roman",serif;
border-width: 1px;
border-style: solid;
width: 180px;
/*border-style: solid;*/
/*border-color: #ccc #888 #555 #bbb;*/
margin: 0;
padding: 2px 3px;
}
 
#nicemenu a {
color: #000;
/*background: #efefef;*/
text-decoration: none;
}
 
#nicemenu a:hover {
color: #a00;
background: #fff;
}

#nicemenu td:hover {
color: #a00;
background: #fff;
}