/******************************************************************************
 * Styles for Puget Sound Bank's Product Sheet pages.
 * Author: Neal Krouse, Browning & Browning, Inc (neal@jbrowning.biz)
 ******************************************************************************/

#law #branding { background-image: url(header01.jpg); }
#exchgfac #branding { background-image: url(header02.jpg); }
#propmgnt #branding { background-image: url(header03.jpg); }
#women #branding { background-image: url(header04.jpg); }

#primaryContent
{
	margin-left: 12px;
	width: 588px;
}

#primaryContent h2 { line-height: 1.2; }

div.table
{
	position: relative;
	padding: .5em 0;
	background-color: #ccc8bf;
}
div.table.odd { background-color: #d4d1c8; }

div.table:after	
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html div.table { height: 1%; }
div.table { display: block; }




#primaryContent .table h4
{
	float: left;
	font-size: 1em;
	width: 20%;
	padding: 0;
	display: inline;
	padding-left: 4px;
}

#primaryContent .table ul
{
	line-height: 1.2;
	float: left;
	width: 70%;
	padding: 0;
	margin: 0;
	display: inline;
	padding-left: 1.3em;
	list-style-type: disc;
	list-style-position: outside;
}


html:not([xmlns*=""]) #primaryContent .table ul
{ 
	/* HACK: Firefox renders bullets differently from Safari.
	 * Adding 1em padding-left works in Firefox, but Safar needs
	 * more padding. I gave Safari the extra padding and use this
	 * hack to reduce it. Windows needs no padding, so they get a 
	 * Windows specific hack in "all_ie.css".
	 * This rule targets Gecko browsers, so only firefox
	 * gets less padding.
	 * http://tanreisoftware.com/blog/?p=39#gecko */
	padding-left: 1em;
}

#primaryContent .table li
{
	margin: 0 0 .5em;
}


#primaryContent a { text-decoration: underline; }
#primaryContent a:hover { color: #052147; }

#primaryContent h3.head
{
	color: white;
	background-color: #052147;
	padding: 4px 0;
	margin: 0;
}


#primaryContent h3.head span
{
	float: left;
	width: 20%;
	display: inline;
	margin: 0 0 0 4px;
}

#secondaryNav
{
	width: 134px;
	float: right;
	margin: 0 10px 0 0;
	padding: 8px 8px 8px 10px;
	background-image: url(prod_subnav_rule.gif);
	background-repeat: repeat-y;
	background-position: left center;
	border-top: 1pt #87847e solid;
	border-right: 1pt #87847e solid;
	border-bottom: 1pt #87847e solid;
}

#secondaryNav * { text-align: left }

#secondaryNav li
{
	color: black;
	margin: 1em 0;
	line-height: 1.2;
}

#secondaryNav li a:link
{
	color: #052147;
	text-decoration: underline;
	font-size: 1em;
}

#secondaryNav li a:visited
{
	color: #6f6754;
	text-decoration: underline;
	font-size: 1em;
}

#secondaryNav li a:hover
{
	color: #0054a6;
	text-decoration: underline;
	font-size: 1em;
}

#secondaryNav p
{
	margin-top: 2em;
	padding-top: 1em;
	border-top: 1px dashed #6f6754;
}

#secondaryNav p img
{
	float: left;
	margin-right: 4px;
}


#secondaryNav p a:link
{
	background-image: none;
	display: inline;
	text-indent: 0;
	text-decoration: underline;
}
#secondaryNav p a:visited
{
	background-image: none;
	display: inline;
	text-indent: 0;
	text-decoration: underline;
	color: #6f6754;
}
#secondaryNav p a:hover
{
	background-image: none;
	display: inline;
	text-indent: 0;
	text-decoration: underline;
	color: #052147;
}

#women #secondaryNav li a#women_link:link,
#women #secondaryNav li a#women_link:visited,
#women #secondaryNav li a#women_link:hover,
#propmgnt #secondaryNav li a#prop_link:link,
#propmgnt #secondaryNav li a#prop_link:visited,
#propmgnt #secondaryNav li a#prop_link:hover,
#exchgfac #secondaryNav li a#exchgfac_link:link,
#exchgfac #secondaryNav li a#exchgfac_link:visited,
#exchgfac #secondaryNav li a#exchgfac_link:hover,
#law #secondaryNav li a#law_link:link,
#law #secondaryNav li a#law_link:visited,
#law #secondaryNav li a#law_link:hover
{
	text-decoration: none;
	cursor: default;
	font-weight: bold;
	color: #052147;
}


form { margin-top: 1em; }

.contactperson
{
	float: right;
	margin: 2em 2em 0 0;
	width: 134px;
	padding:0;
	display: inline;
}

.contactperson img
{
	display: block;
	background-color: #eee;
	border: 4px solid #e9e3dc;
	padding: 1px;
}

.contactperson strong,
.contactperson em
{ display: block; }


/* Thickbox styles */
#TB_window dt
{
	font-size: 1em;
	font-weight: bold;
}

#TB_window dd
{
	margin: 1em 0;
}

#TB_window ul
{
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 1.5em;
}

#TB_window li
{
	margin-bottom: .5em;
}