@charset "UTF-8";
/* CSS Document */


#logo {
	float:left;
	height:64px;
	width:175px;
}
a.toplogo{
	display:block;
	height:64px;
	width:175px;
	background: url(../images/petplan_logo.gif) 0 0 no-repeat;
	text-indent:-5000px;
}
a.toplogo:hover {
	background: url(../images/petplan_logo.gif) 0px -64px no-repeat;
}
/*topLogo is one graphic, with both states included. On hover, the image moves up 64px revealing
	the second version of the graphic. This prevents the need of a preload for the rollover*/


#topNavs {  /*this is the container that holds floats the two horizontal navs beside the log0*/
	float: left;
	width:774px;
}
#utility_menu { /*this is the nav in the upper right corner*/
	height:29px;
	float: right;
}

#utility_menu a, a.liveHelp{
	font-size:.75em;
	display:block;
	float: left;
	position:relative;
	height:22px;
	text-decoration:none;
	padding: 7px 18px 0px 29px;
	font-weight: bold;
}
#utility_menu a:hover {
	color: #E6B961;
}
/*utility_menu customized buttons*/
a.first {
	border-right: 1px solid #ccc;
}
a.glossary{
	background: url(../images/icon_qMark_orange.gif) 6px no-repeat;
	margin-right: 15px;
}
a.fastForms{
	background: url(../images/icon_arrow_blue.gif) 6px no-repeat;
}
a.contact {
	background: url(../images/icon_phone_green.gif) 6px no-repeat;
}




/*========================HELP AND SEARCH MENU========================*/
#search_menu {
	height: 35px;
	float: right;
}
a.liveHelp {
	height:26px;
	float: right;
	position:relative;
	color:#fff;
	padding: 9px 0px 0px 29px;
	background: url(../images/nav1_icon_help.gif) no-repeat;
	border-right: none;
}
a.liveHelp:hover {
	color: #E6B961;
}
a.liveHelp:visited {
	color: #fff;
}
a.liveHelp:visited:hover {
	color: #E6B961;
}
a.liveHelp:active {
	color: #fff;
}
#search_menu table{
	/*background: url(../imags/) left top no-repeat;*/
  background: url(../images/) left top no-repeat; /*fixes 'imags' error? (pvirk Feb.18/09)*/
}
#search_menu td {
	height:35px;
	padding:0px 0px 0px 10px;
	margin:0px;
}
search_menu input {	
	height:35px;
	padding:0px;
	margin:0px;
}
input.searchButton {
}




 /*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
	clear: both;
	height:35px;                                  /* the menu's overall height */
	width:100%;         /* we always want our menu to fill the available space */
	font-family: "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	background: url(../images/nav1_bknd.jpg) top left repeat-x;
	z-index:1000;
}
.menu ul {
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.0em;           /* globally set the menu's item spacing. note */        
}                               

.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	font-size:  13px;
	line-height:1.1em;
	font-weight: bold;
	color: #FFF;
}

.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	margin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:12px;        /* this sets the base font size for our entire menu */
}

a.dropMenu{
	background:url(../images/menu_drop_arrow.gif) 165px center no-repeat !important;
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */

}
a.dropMenu:hover{
	background:url(../images/menu_drop_arrow.gif) 165px center no-repeat #FAE1BE !important;
		cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */

}

.drop {
	display:block;
	padding:0px 0.33em;	       /* this sets the l/r margins for our menu item */
	margin:0;
	text-align:right;   /* this right alignment goes with the float:left below */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}

.drop span {        /* this simultaneously left and right aligns the text and */
	float:left;       /* the >> in the drop-down menus which link to sub-menus */
}


/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	height: 27px;
	padding: 8px 15px 0px 15px;
	background: url(../images/nav1_divider.gif) right top no-repeat;
	text-decoration: none;
	color: #FFF;
}

.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	background: #A7AAC3;
	color: #FFF;
	background:#606692;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:35px;              /* place us just up underneath the top-level images */
	left:-1px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:175px;
	background: #A7AAC3;
	border-left: 1px solid #606692;
	font-family: Arial, Helvetica, sans-serif;
}

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}


.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	font-weight: normal;
	font-size:12px;
	padding: 5px 5px 6px 5px;
	width:165px;
	height:auto;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #606692;
	background: #A7AAC3;
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {          /* 2nd level selected item */
	background-color: #FAE1BE;
	color: #606692;
}


/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {             /* hide inactive 3rd-level menus */
	visibility:hidden;
}
     
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {             /* 3rd level drop-down box */
	visibility:visible;
	position:absolute;
	margin-top:-1px;	      /* bring the top edge of the 3rd level menu up one */
	top:0;
	left:175px;
	width:160px;
}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {     /* 3rd level unselected items */
	width:150px;
	background:#E0E1EA;
}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {    /* level3 selected items */
	background-color: #FAEBD5;
	color: #606692;
}

#text {           /* the Mac's standard Safari browser will not see this code */
	height:1.215em;#           /* ...  but every other browser will and should */
} /* Safari barfs on the illegal pound sign (#) after the rule's property val */