@charset "utf-8";

/* S T A N D A R D  T A G S */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/pg_bg.gif);
	background-repeat: repeat-x;
}
h1 {
	color: #184892;
	font-size: 160%;
	text-transform: uppercase;
	border-bottom-style: solid #b4b4b4 3px;
	width: 740px;
	margin: 30px 0 20px 0;
}
h2 {
	color: #184892;
	font-size: 140%;
}
h3 {
	color: #343434;
	font-size: 90%;
	margin-bottom: 0px;
	
}
h4 {
	color: #184892;
	font-size: 80%;
	margin-bottom: 0px;
}
p {
	/*color: #717171;*/
	color: #000;
	font-size: 80%;
	line-height: 120%;
	margin: 0 0 20px 0;
}
table p {
	
}
a {
	color: #184892;
}
a:hover {
	text-decoration: none;
}
li  {
	/*color: #717171;*/
	font-size: 80%;
}
li li {
	font-size: 90%;
}
li ul {
	margin-left: 10px;
	padding-left: 10px;
}
ul {
	line-height: 120%;
	margin: 0 0 5px 0;
}
form {
	margin: 0;
	padding: 0;
}
input {
	margin: 0;
	padding: 0;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



/* L A Y O U T */

#header {
	/*background-image: url(/images/header_bg.gif);
	background-repeat: repeat-x;*/
	margin: 0px;
	padding: 0px;
	height: 127px;
}
#headerContents {
	width: 980px;
	margin: 10px auto 0 auto;
	color: #FFFFFF;
	height: 93px;
}
#headerContents a {
	color: #FFFFFF;
}
#headerContents a:hover {
	text-decoration: none;
}
#logo {
	position: absolute;
}
#findabranch {
	background-image: url(/images/findabranch.gif);
	background-repeat: no-repeat;
	width: 293px; /*total width with padding should be 313px*/
	height: 53px; /*total height with padding should be 93px*/
	position: absolute;
	margin-left: 370px;
	padding: 30px 10px 10px 10px;
	font-size: 65%;
}
#tools {
	position: absolute;
	margin: 10px 0 0 765px;
	text-align: right;
}
#links {
	font-size: 70%;
}
#search {
	margin-top: 33px;
}
#pgMain {

}
#pgContents {
	padding: 10px 0;
}
#pgContents p a:hover, #pgContents li a:hover {
	background-color: #FEEDCB;
	border-bottom: 1px solid #CC6600;
}
#pgContents strong {
	color: #333;
}
#pgCallout {
	width: 195px;
	float: right;
	margin: 0 0 20px 20px;
}
#pgCallout p, #finder p {
	color: #FFFFFF;
	font-size: 100%;
}
.calloutImage {
	border: 1px solid #dddddd;
}
#finder {
	position: absolute;
	width: 378px;
	height: 105px;
	margin: 250px 0 0 710px;
	padding: 15px;
	background-image: url(/images/hpFinder.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 80%;
}
#prodFinder {
	width:175px; 
	position: absolute; 
	margin-left: 5px; 
	margin-top: 0;
}
#manuFinder {
	width:175px; 
	position: absolute; 
	margin-left: 185px; 
	margin-top: 0;
}
#callOutFinder {
	margin-top: 12px;
	padding: 15px;
	width: 165px;
	height: 113px;
	background-image: url(/images/callout_finder.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 80%;
}
#callOutFinder select {
	color: #696969; 
	padding: 2px;
}
#callOutFinder form {
	margin-top:-10px;
}
#whyTBCo p {
	color: #000000;
	font-size: 80%;	
}
#breadcrumbs {
	float: left;
	width: 500px;
	font-size: 65%;
}
#breadcrumbs p {
	font-size: 100%;
}
#breadcrumbs a {
	color: #184892;
}
#footer {
	background-image: url(/images/footer_bg.gif);
	background-repeat: repeat-x;
	margin: 10px 0 0 0;
	padding: 0px;
	height: 68px;
	width: 100%;
}
#footerContents {
	width: 980px;
	margin: 0 auto;
	color: #FFFFFF;
}
#footerContents a {
	color: #FFFFFF;
}
.footerLt {
	float: left;
	width: 425px;
	margin-top: 24px;
	font-size: 65%;
}
.footerRt {
	float: right;
	text-align: right;
	width: 425px;
	margin-top: 20px;
	font-size: 120%;
	font-weight: bold;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



/* N A V I G A T I O N */

#navbar {
	width: 980px;
	margin: 3px auto 0 auto;
}
#navbar {
/*	position: absolute;
	width: 847px;
	height: 37px;
	background-image: url(/images/navBG.jpg);
	background-repeat: repeat-x;
	margin: 140px 20px 0 20px;*/
}

/* all menus */
#nav, #nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#nav {
	margin-top: -2px;
	margin-left: -1px;
}

/* applied to all menu items */
#nav a { 
	display: block;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
	height: 37px;	
}

/* all list items */
#nav li { 
	float: left;
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	font-size: 100%;
}

/* hide subnav items when not active */
#nav li ul { 
	position: absolute;
	left: -999em; 
}
#nav a:hover, #nav a:active {
	/*background-color: #367c2b;*/
	color: #FFFFFF;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

/* lists nested under hovered list items */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { 
	left: auto;
}

/* basic styles for subnav items */
#nav li ul li a { 
	height: auto; /* disable height applied to main nav items */
	color: #ffffff;
	font-size: 75%;
	text-align: center;
	font-weight: bold;
	padding: 7px;
	width: auto;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
#nav li ul li a.first {
	/*border-top: 1px solid #ffffff;*/
}

/* style subnav items PASSIVE state */
#nav li ul {
	color: #ffffff;
	background-color: #d56d30;
	background-image:url(/images/nav_bg.gif);
	background-repeat: repeat-x;
}

/* style subnav items ACTIVE state */
#nav li ul:hover, #nav li ul.sfhover {
	color: #ffffff;
	background-color: #d56d30;	
}

/* style main menu and subnav items ACTIVE state */
#nav li ul li a:hover, #nav li a:hover, #nav li ul li a.sfhover, #nav li a.sfhover {
	color: #051e69; /*dark blue*/
	font-size: 75%;
	/*background-color: #f5a93d; lt orange*/
}
#nav li a {
	display: block;
}
#nav li ul li a {
	line-height: 120%;
}

/* set custom widths for main menu */
#nav1 {width: 99px;}
#nav2 {width: 107px;}
#nav3 {width: 164px;}
#nav4 {width: 177px;}
#nav5 {width: 120px;}
#nav6 {width: 122px;}

/* set custom widths for each submenu */
#nav1 li, #nav1 ul {width: 103px;}
#nav2 li, #nav2 ul {width: 111px;}
#nav3 li, #nav3 ul {width: 166px;}
#nav4 li, #nav4 ul {width: 179px;}
#nav5 li, #nav5 ul {width: 124px;}
#nav6 li, #nav6 ul {width: 126px;}

/* fix sticky menus */
#nav li:hover, #nav li.sfhover {   
    position: static;
}
/* nudge subnav menus up, down, right or left */
#nav li ul {
	margin-top: -11px; 
	margin-left: -2px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



/* H O M E P A G E */

#hmpgMain, #pgMain {
	clear: both;
	width: 980px;
	margin: 1px auto 0 auto;
	padding: 0;
}
#hmpgStories {
	margin: 3px 0 0 0;
}
#hmpgStory1, #hmpgStory2, #hmpgStory3, #hmpgStory4 {
	width: 245px;
	float: left;
	background-repeat: no-repeat;
	padding-top: 45px;	
}
#hmpgStory1 {
	background-image: url(/images/hmpgStoryHdg1.gif);
}
#hmpgStory2 {
	background-image: url(/images/hmpgStoryHdg2.gif);
}
#hmpgStory3 {
	background-image: url(/images/hmpgStoryHdg3.gif);
}
#hmpgStory4 {
	background-image: url(/images/hmpgStoryHdg4.gif);
}
.hmpgStoryDiv {
	float: left;
	width: 1px;
}
.hmpgStoryImg {
	float: left;
	width: 100px;
}
.hmpgStoryPR {
	float: left;
	margin: 0;
	width: 100px;
}
.hmpgStoryText {
	float: left;
	width: 120px;
	font-size: 75%;
	margin-right: 10px;
	margin-top: 0;
}
.hmpgStoryText a {
	color: #2055a1;
}
.hmpgStoryText a:hover {
	background-color: #FEEDCB;	
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



/* S P E C I A L */

.clearBoth {
	clear: both;
	height: 1px;
}
.imgLt {
	float: left;
	margin: 0 20px 20px 0;
}
.imgRt {
	float: right;
	margin: 0 0 20px 20px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.totop {
	color: #CCCCCC;
	font-size: 75%;
}
#sitecredit {
	width: 980px;
	margin: 20px auto;
	font-size: 70%;
	
}
#sitecredit a {
	color: #B6B6B6;
}