/*
	1. System Nav
*/
#sysNav{
	position:absolute;
	height:39px;
	right:16px;
	top:54px;
	z-index:50;
}
#sysNav .left{
	display:block;
	width:11px;	height:39px;
	background: url(../images/sys-nav-l.png) no-repeat;
	float:left;
}
#sysNav .divider{
	display:block;
	width:13px;	height:39px;
	background: url(../images/sys-nav-d.png) no-repeat;
	float:left;
}
#sysNav .right{
	display:block;
	width:11px;	height:39px;
	background: url(../images/sys-nav-r.png) no-repeat;
	float:left;
}

#sysNav .tab{
	display:block;
	height:23px;
	background: url(../images/sys-nav-bg.png) repeat-x bottom;
	font-size:10px;
	font-weight:bold;
	white-space:nowrap;
	text-align:center;
    color:#464646;
    text-decoration:none;
	float:left;
}
#sysNav .labeltab{
	display:block;
	height:23px;
	background: url(../images/sys-nav-bg.png) repeat-x bottom;
	font-size:10px;
	font-weight:bold;
	white-space:nowrap;
	text-align:center;
    color:#818181;
    text-decoration:none;
	float:left;
	padding: 16px 0 0 10px;
}
#sysNav .labeldiv {
	padding-left:0px;
}
#sysNav a.tab{
	display:block;
	cursor:pointer;
	padding: 16px 10px 0 10px;
}
#sysNav a.tab:hover{
	text-decoration:underline;
}
#sysNav .tab.last{
	height:33px;
	padding: 6px 4px 0 0;
}
#sysNav .tab.last span{
	display:inline-block;
	padding-top:5px;
	float:left;
}
#sysNav .tab.last span.searchText{
	padding-top:8px;
}
#sysNav .tab.last label{
	display:block;
	float:left;
	padding:10px 10px 0 10px;
}
#sysNav input.text{
	font-size:10px; 
	width:75px; height:15px;
}
#sysNav #btnSearch{
	width:26px; height:25px;
	margin:0 0 0 2px;
	background:url(../images/btn-search.png) no-repeat;
}

/*
	3. Top Level Buttons
*/
.navTable table{
	width:100%;
}
.navTableLeft img{
    background:url(../images/prim-nav-l.png) no-repeat top left;
}
.navTableTopLeft, .navTableTopLeft img{
    width:9px; height:9px;
}
.navTableTopLeft{
    background:url(../images/prim-nav-tl.png) no-repeat;
}
.navTableTop{
    height:9px; width:auto;
    background:url(../images/prim-nav-t.png) repeat-x;
}
.navTableTopRight, .navTableTopRight img{
    width:9px; height:9px;
}
.navTableTopRight{
    background:url(../images/prim-nav-tr.png) no-repeat right;
}
.navTableRight, .navTableRight img{
	width:9px; height:48px;
}
.navTableRight img{
    background:url(../images/prim-nav-r.png) no-repeat top right;
}

#header .navTable{
	position:absolute;
	top:81px; left:0px;
	height:48px;
	z-index:50;
}
#header .navTableLeft, #header .navTableLeft img{
	width:15px; height:48px;
}
.primNav{
  background:url(../images/prim-nav-gutter.png);
	vertical-align:top;
}
.primNav li{
	height:39px;
	position:relative;
	padding-right:6px;
	list-style:none;
}
.primNav li.last{
	padding-right:0px;
}
.primNav a{
	height:25px;
	display:block;
	background:#c4271b url(../images/prim-nav-b.gif) repeat-x bottom;
	font-style:italic;
	font-weight:normal;
	white-space:nowrap;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	letter-spacing:1px;
	font-size:15px;
	line-height:15px;
	padding-top:14px;
	padding-left:10px;
	padding-right:10px;
}
.primNav a img{
	height:39px;
	padding:0 13px;
}
.primNav li.secondary{
    float:right;
}
.primNav .opened a, .primNav a:hover, .primNav .opened a:visited, .primNav a.opened{
    background: #ffffff;
	color:#464646;
}

/*
	3.5. Left Nav Top Level Buttons
*/
#leftCol #leftNav{
	vertical-align:top;
	margin-bottom: 20px;
	border:1px solid #c6c6c6;
}
#leftNavTop, #leftNavBot{
  background: url(../images/bg-left-nav-top.gif) no-repeat;
	height:4px;
	overflow: hidden;
}
#leftNavTop img, #leftNavBot img{
	width: 4px; height:4px;
}
#leftNavBot{
  background: url(../images/bg-left-nav-bot.gif) no-repeat;
}
#leftNav .primNav{
	position:relative;
  background: url(../images/bg-left-nav-item.png) 0px 36px repeat-y;
	width: 195px; height: 36px;
}
#leftNav .primNav.over, #leftNav .primNav.at{
  background: url(../images/bg-left-nav-item.png) 0px 0px repeat-y;
	z-index: 100;
}
#leftNav .primNav a{
	display:block;
	color:#464646;
	text-align: left;
	background: none;
	font-style: normal;
	padding: 10px 0 0 14px;
	font-weight:bold;
	font-size:16px;
}
#leftNav .primNav li{
	height:36px;
	position:relative;
	padding-right:6px;
	list-style:none;
}
#leftNav .primNav li.last{
	padding-right:0px;
}
#leftNav .primNav a img{
	height:36px;
	padding:0 13px;
}
#leftNav .primNav li.secondary{
    float:right;
}
#leftNav .primNav .opened a, #leftNav .primNav a:hover, #leftNav .primNav .opened a:visited, #leftNav .primNav a.opened{
	color:#464646;
}

/*
	4. Top Level Flyouts
*/
.primNav li table{
	position:absolute;
	top:39px; left:-14px;
	clear:left;
}
#leftNav .primNav li table{
	top:-21px; left:175px;
}
.primNav #primNav1 table{
	width:200px;
}
.primNav li td.tl img{
	width:19px; height:5px;
}
.primNav li td.l img, .primNav li td.r img, .primNav li td.bl img{
	width:19px; height:19px;
}
.primNav li td.tl{
  background:url(../images/fly-shadow-l.png);
}
.primNav li td.t{
  background:url(../images/fly-bg.png);
}
.primNav li td.tr{
  background:url(../images/fly-shadow-r.png);
}
.primNav li td.l{
  background:url(../images/fly-shadow-l.png) repeat-y;
}
.primNav li td.r{
  background:url(../images/fly-shadow-r.png) repeat-y;
}

.primNav li td.wrapper{
	width:100%;
	padding-top:0px;
	background:url(../images/fly-bg.png);
}
.primNav li td.wrapper div div{
	padding-top:0;
  background:none;
}

.primNav li td.bl{
  background:url(../images/fly-shadow-bl.png);
}
.primNav li td.b{
  background:url(../images/fly-shadow-b.png);
}
.primNav li td.br{
  background:url(../images/fly-shadow-br.png);
}
/* Yellow and Blue Flyouts */
#leftNav .primNav li td.tl{
  background:url(../images/fly-shadow-l-y.png);
}
#leftNav .primNav li td.t{
  background:url(../images/fly-bg-y.png);
}
#leftNav .primNav li td.tr{
  background:url(../images/fly-shadow-r-y.png);
}
#leftNav .primNav li td.l{
  background:url(../images/fly-shadow-l-y.png) repeat-y;
}
#leftNav .primNav li td.r{
  background:url(../images/fly-shadow-r-y.png) repeat-y;
}
#leftNav .primNav li td.wrapper{
	background:url(../images/fly-bg-y.png);
}
#leftNav .primNav li td.wrapper div div{
	padding-top:0;
  background:none;
}
#leftNav .primNav li td.bl{
  background:url(../images/fly-shadow-bl-y.png);
}
#leftNav .primNav li td.b{
  background:url(../images/fly-shadow-b-y.png);
}
#leftNav .primNav li td.br{
  background:url(../images/fly-shadow-br-y.png);
}
/* End Yellow and Blue Flyouts */
.primNav li td div div{
	position:relative;
}
.primNav li td a, .primNav li.opened td a, .primNav li.opened td a:visited, .primNav li td .head, 
#leftNav .primNav li td a, #leftNav .primNav li.opened td a, #leftNav .primNav li.opened td a:visited, #leftNav .primNav li td .head{
	height:16px;
	padding:3px 0 2px 11px;
	display:block;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	line-height:14px;
	text-align:left;
	color:#464646;
	float:none;
  background:none;
}
.primNav li td.wrapper .right a{
    padding:5px 0 4px 11px;
}
.primNav li#primNavAboutFA td.wrapper .right a{
    padding:3px 0 2px 11px;
}
.primNav li td .head, 
#leftCol .primNav li td .head{
	height:13px;
	padding:2px 0 3px 11px;
	font-size:10px;
	font-weight:normal;
	font-style:italic;
	line-height:13px;
	color:#868686;
}
.primNav li td a.dbl, .primNav li.opened td a.dbl, .primNav li.opened td a.dbl:visited, 
#leftCol .primNav li td a.dbl, #leftCol .primNav li.opened td a.dbl, #leftCol .primNav li.opened td a.dbl:visited{
	height:30px;
}
.primNav li.opened td a:hover, .primNav li.opened .opened a, .primNav li.opened .opened a:visited{
	color:#ffffff;
  background:#868686;
}
#leftCol .primNav li.opened td a:hover, #leftCol .primNav li.opened .opened a, #leftCol .primNav li.opened .opened a:visited{
	color:#464646;
  background:#c3e2ed;
}
.primNav li td a span, #leftCol .primNav li td a span{
	padding: 0 25px 0 0;
	display:block;
	background:url(../images/spacer.gif);
}
.primNav li td .closed a span, .primNav li td .opened a span, 
#leftCol .primNav li td .closed a span, #leftCol .primNav li td .opened a span{
  background:url(../images/arrow-dkgrey_white.gif) right 5px no-repeat;
}
.primNav li td .opened a span, .primNav li td .opened a:visited span{
  background:url(../images/arrow-white_grey.gif) right 5px no-repeat;
}
#leftCol .primNav li td .opened a span, #leftCol .primNav li td .opened a:visited span{
  background:url(../images/arrow-dkgrey_white.gif) right 5px no-repeat;
}
.primNav .hr,
#leftCol .primNav .hr{
	display:block;
	height:0px;
	border:0px none;
	border-bottom:1px dashed #a2a2a2;
	margin:0px 10px;
	overflow:hidden;
	clear:both;
}
.primNav .hr.viewAllResources{
	margin-top:36px;
}

/*
	5. Second Level Flyouts
*/
.primNav li td td.tl img, 
#leftCol .primNav li td.tl img{
	width:19px; height:19px;
}
.primNav li td td.tl, 
#leftCol .primNav li td.tl{
    background:url(../images/fly-shadow-tl.png);
}
.primNav li td td.t, 
#leftCol .primNav li td.t{
    background:url(../images/fly-shadow-t.png);
}
.primNav li td td.tr, 
#leftCol .primNav li td.tr{
    background:url(../images/fly-shadow-tr.png);
}
/* Yellow and Blue Flyouts */
#leftCol .primNav li td.tl{
    background:url(../images/fly-shadow-tl-y.png);
}
#leftCol .primNav li td.t{
    background:url(../images/fly-shadow-t-y.png);
}
#leftCol .primNav li td.tr{
    background:url(../images/fly-shadow-tr-y.png);
}
/* End Yellow and Blue Flyouts */
.primNav li table table{
	top:-19px;
	z-index: 100;
}
#leftCol .primNav li table table{
	top:-24px;
}
.primNav li td td.wrapper{
	padding-top:0;
}
.primNav li.opened .opened td a, .primNav li.opened .opened td a:visited,
#leftCol .primNav li.opened .opened td a, #leftCol .primNav li.opened .opened td a:visited{
	color:#464646;
  background:none;
}
.primNav li.opened td td a:hover, .primNav li.opened .opened td a:hover, .primNav li.opened .opened .opened a, .primNav li.opened .opened .opened a:visited{
	color:#FFFFFF;
  background:#868686;
}
#leftCol .primNav li.opened td td a:hover, #leftCol .primNav li.opened .opened td a:hover, #leftCol .primNav li.opened .opened .opened a, #leftCol .primNav li.opened .opened .opened a:visited{
	color:#464646;
  background:#c3e2ed;
}
.primNav li td .opened td a span, .primNav li td .opened td a:visited span,
#leftCol .primNav li td .opened td a span, #leftCol .primNav li td .opened td a:visited span{
  background:url(../images/spacer.gif);
}
.primNav li td .opened td .closed a span, .primNav li td .opened td .opened a span, .primNav li td .opened td .closed a:visited span,
#leftCol .primNav li td .opened td .closed a span, #leftCol .primNav li td .opened td .opened a span, #leftCol .primNav li td .opened td .closed a:visited span{
  background:url(../images/arrow-dkgrey_white.gif) right 5px no-repeat;
}
.primNav li td td.wrapper .opened a span, .primNav li td td.wrapper .opened a:visited span{
  background:url(../images/arrow-white_grey.gif) right 5px no-repeat;
}
#leftCol .primNav li td td.wrapper .opened a span, #leftCol .primNav li td td.wrapper .opened a:visited span{
  background:url(../images/arrow-dkgrey_white.gif) right 5px no-repeat;
}

/*
	6. Third Level Flyouts
*/
.primNav li.opened .opened .opened td a, .primNav li.opened .opened .opened td a:visited,
#leftCol .primNav li.opened .opened .opened td a, #leftCol .primNav li.opened .opened .opened td a:visited{
	color:#464646;
  background:none;
}
.primNav li.opened td td td a:hover, .primNav li.opened .opened .opened td a:hover{
	color:#ffffff;
  background:#868686;
}
#leftCol .primNav li.opened td td td a:hover, #leftCol .primNav li.opened .opened .opened td a:hover{
	color:#464646;
  background:#c3e2ed;
}
.primNav li td td.wrapper .opened td a span, .primNav li td td.wrapper .opened td a:visited span,
#leftCol .primNav li td td.wrapper .opened td a span, #leftCol .primNav li td td.wrapper .opened td a:visited span{
  background:url(../images/spacer.gif);
}
.primNav li td td td.wrapper .closed a span, .primNav li td td td.wrapper .opened a span,
#leftCol .primNav li td td td.wrapper .closed a span, #leftCol .primNav li td td td.wrapper .opened a span{
  background:url(../images/arrow-dkgrey_white.gif) right 5px no-repeat;
}
.primNav li td td td.wrapper .opened a:hover span{
  background:url(../images/arrow-white_grey.gif) right 5px no-repeat;
}
#leftCol .primNav li td td td.wrapper .opened a:hover span{
  background:url(../images/arrow-dkgrey_white.gif) right 5px no-repeat;
}

/* For Double Wide Flyouts */
.primNav.dbl li td.wrapper{
	padding:5px 0px;
}
.primNav.dbl li td.wrapper .left{
	padding-right:5px;
}
.primNav.dbl li td.wrapper .right{
	padding-left:5px;
}
.primNav.dbl li table .wrapper table{
	position:relative;
	top:auto; left:auto;
	clear:none;
	z-index:auto;
}
.primNav.dbl li td.wrapper .left{
	border-right:1px solid #a2a2a2;
}
.primNav.dbl li table .wrapper table table {
	clear:left;
	position:absolute;
	top:-24px;
	z-index:200;
}
.primNav #primNavProducts .hr.viewAllResources{
	margin-top:76px;
}
.primNav.dbl li td div{
	position:relative;
}
.primNav li td div div.shim{
	position:absolute;
	top:0px; left:85px;
	z-index:200;
}
.primNav li td div div.shim img{
	width:75px; height:21px;
}
.primNav li td div div#prodComFlyShim{
	top:21px;
}
.primNav li td div div#aboutCareersFlyShim{
	top:21px; left:95px;
}
.primNav li td div div#aboutNewsFlyShim{
	top:42px; left:95px;
}
.primNav li td div div#aboutCareersFlyShim img, .primNav li td div div#aboutNewsFlyShim img{
	width:65px; height:21px;
}

/*
	7. Utility Rules
*/
.primNav .closed table{
	visibility:hidden;
}
#leftCol .primNav .closed table{
	display:none;
}
.primNav .opened{
	z-index:100;
}
.primNav .opened table{
}

/*-------------------------------------------    
    3. Secondary Navigation 
-------------------------------------------*/
#secondary {
	width: 107px;
	border-top: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2;
	margin-bottom: 30px;
}
#secondary h3:first-child {
	margin-top: 0px !important;
}
* html #secondary {
	display: inline;
}
#secondary ul.subnav {
	padding: 0; margin: 0;
	display:inline-block;
}
/* First level of subnav */
#secondary ul.subnav li {
	border-bottom: 1px solid #dadada;
	padding: 0;
	margin: 0;
}
#secondary ul.subnav li.last {
	border-bottom: none;
}
#secondary ul.subnav a, body.home #business_units a {
	color: #20376f;
	display: block;
	font-size: 11px;
	line-height: 12px;
	font-weight:bold;
	padding: 4px 0px 4px 6px;
	background: transparent url(http://www.firstam.com/assets/images/sprite-bullets.gif) no-repeat scroll 0px -452px;
	border: none;
	text-decoration:none;
}
* html #secondary ul.subnav a {
	height: 1%;
} /* for IE6 */
#secondary ul.subnav a:hover, #secondary ul.subnav a:focus, body.home #business_units a:hover, body.home #business_units a:focus {
	text-decoration:underline;
}
/* Second level of subnav */
#secondary ul.subnav ul li {
	border-bottom: none;
}
#secondary ul.subnav ul a {
	background: none;
	color:#595959;
	font-size: 11px;
	font-weight:normal;
	padding: 0px 0px 5px 6px;
}
#secondary ul.subnav ul {
	padding: 0px 0px 3px;
}