/* Products CSS - Seattle Bank, WA */

/*
	#2590DB		Vivid Blue (header)
	#EEF7FE		Pastel Blue
	#0D3257		Dark Blue (text - leftNav)
	#4C728C		Light Blue (text - leftNav)
	#BECFDC		Pastel Dark Blue (top/bottom border - leftNav)
*/

#productPhoto {
padding: 4px;
position: relative;
}

#atmLocator {
position: absolute;
right: 45px;
top: 25px;
}

/* Category Page */
#categoryPage {
color: #666666;
padding: 0 2em;
}

#categoryPage #productPhoto {
margin: 0 -2em 2.5em;
}

#featuredProduct, ul#secondaryProducts li {
position: relative;
background: #fafafa;
border: 1px solid #f0f0f0;
margin-bottom: 1.5em;
min-height: 106px;
}

#featuredProduct ul {
float: left;
list-style-type: disc;
list-style:inside;
padding-right: 25px;
width: 244px;
}

#featuredProduct ul li {
position: relative;
font-size: 1.2em;
line-height: 1.5;
}

#categoryPage h2 {
position: relative;
margin: 0 0 15px 0;
padding-left: 24px;
font-size: 1.4em;
line-height: 2em;
background: #F6F9FC url("../image/orange-arrow.png") no-repeat 0.5em .8em;
border-bottom: 1px solid #f0f0f0;
}

#categoryPage h3.learnMore {
position: absolute;
top: 45px;
right: 24px;
}

#categoryPage h3.learnMore a,
#categoryPage a h3.learnMore,
#productPage h3.learnMore a
#productPage a h3.learnMore {
display: block;
width: 115px;
height: 23px;
background-image: url("../image/learn-more.png");
background-position: 0 0;
background-repeat: no-repeat;
text-indent: -9999em;
overflow: hidden;
}
#categoryPage h3.learnMore a:hover, #categoryPage a:hover h3.learnMore, #productPageh3.learnMore a:hover, #productPage a:hover h3.learnMore {
background-position: 0 -23px;
}

#productPage #getStarted a {
margin:40px 0 0;
display: block;
width: 115px;
height: 23px;
background-image: url("../image/enter-to-win.png");
background-position: 0 0;
background-repeat: no-repeat;
text-indent: -9999em;
overflow: hidden;
}

#productPage #getStarted a:hover {
background-position: 0 -23px;
}

#categoryPage p {
float: left;
width: 250px;
padding: 0 25px .5em;
font-size: 1.2em;
line-height: 1.5;
}

#categoryPage li ul {
float: left;
padding-right: 25px;
width: 250px;
}

#categoryPage li li {
border: none;
min-height: 0;
list-style-type: disc;
list-style:inside;
font-size: 1.2em;
line-height: 1.5;
margin-bottom: 0;
}

/* Product Page */
#productPage {
position: relative;
color: #666666;
}

#productNav {
display: block;
position: relative;
top: -1px;
left: 0;
margin: 0 5px;
}

#productNav ul {
background: #5E8099 url("../image/productnav-background.jpg") repeat-x;
}

#productNav ul li {
display: inline;
vertical-align: top;
}

#productNav ul li a {
display: inline-block;
width: 9em;
height: 3em;
border-right: 1px solid #99AFC0;
border-left: 1px solid #667D8E;
padding: 1em .2em .5em .8em;
font-size: 1.1em;
font-weight: bold;
color: #ffffff;
}

#productNav ul li a:hover, #productNav ul li a:active {
color: #007dc7;
}

#productNav ul li a.selected {
color: #007dc7;
}

#productNav ul li.firstChild a {
border-left: none;
}

#productNav ul li.lastChild a {
border-right: none;
}

#productHead {
padding: 0 2em;
position: relative;
}

#productHead h1 {
font-size: 2.8em;
line-height: 1.2;
color: #0D3257;
padding: .75em 0 0 0;
margin-bottom: .7em;
}

ul#productButtons {
position: absolute;
right: 2em;
top: 1.5em;
}

ul#productButtons li {
display: inline;
font-size: 1.1em;
}

ul#productButtons li a {
display: inline;
background: url("../image/orange-arrow.png") no-repeat 0 .3em;
padding-left: 8px;
margin-left: 1em;
}

#productSummary {
position: relative;
float: left;
margin: 0 0 2em .5em;
padding: 0 2em 1em 2em;
background: url("../image/productsummary-background.png") repeat-y;
overflow: hidden;
width: 67em;
}

#productSummary p, #productSummary ul, #soundersHead p, #soundersHead ul {
font-size: 1.2em;
line-height: 1.5;
margin-bottom: .5em;
}

#productSummary ul {
margin-left: 1.1em;
}

#productSummary ul li {
list-style-type: disc;
}

#productIntro {
display: inline;
float: left;
width: 20em;
padding: 0 1.5em 0 0;
}

/********************Loan Officer Head shots*****************/
#productSummary ul.loanOfficers {
font-size: 1.2em;
line-height: 1.5;
margin-bottom: .5em;
}

#productSummary ul.loanOfficers li {
	list-style-type: none !important;
	float: left;
	margin: 0 11px 0 0;
}





#productIntro a.blank {
	background: url(../image/photo-coming-soon.jpg) no-repeat;
	display: block;
	width: 125px;
	height: 188px;
	text-indent: -9999px;
	
}
#productIntro a.trevorBennett {
	background: url(../image/Trevor-Bennett.jpg) no-repeat;
	display: block;
	width: 125px;
	height: 188px;
	text-indent:-9999px;
	
}

#productIntro a.andrewReid {
	background: url(../image/andrew-reid.jpg) no-repeat;
	display: block;
	width: 125px;
	height: 188px;
	text-indent: -9999px;
	
}

#productIntro a.careseBusby {
	background: url(../image/carese-business.jpg) no-repeat;
	display: block;
	width: 125px;
	height: 188px;
	text-indent: -9999px;
	
}

#productIntro a.cindyFraioli {
	background: url(../image/cindy-fraioli.jpg) no-repeat;
	display: block;
	width: 125px;
	height: 188px;
	text-indent: -9999px;
	
}

#productIntro a.joleneHoover {
	background: url(../image/jolene-hoover.jpg) no-repeat;
	display: block;
	width: 125px;
	height: 156px;
	text-indent: -9999px;
	
}

#productIntro a.joeKrumbach {
	background: url(../image/krumbach-picture.jpg) no-repeat;
	display: block;
	width: 125px;
	height: 188px;
	text-indent:-9999px;
	
}

#productIntro a.kraigShaulis {
	background: url(../image/shaulis-kraig.jpg) no-repeat;
	display: block;
	width: 125px;
	height: 175px;
	text-indent: -9999px;
	
}

#productIntro a.laurenPorter {
	background: url(../image/lauren-porter.jpg) no-repeat;
	display: block;
	width: 125px;
	height: 175px;
	text-indent: -9999px;
	
}

#productDetails a.blank {
	background: url(../image/photo-coming-soon.jpg) no-repeat;
	display: block;
	width: 125px;
	height: 188px;
	text-indent: -9999px;
 	margin: 20px 0 0 0;

	
}
#productDetails a.careseBusby {
	background: url(../image/carese-business.jpg) no-repeat;
	display: block;
	width: 125px;
	height: 188px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	
}

#productDetails a.joeKrumbach {
	background: url(../image/krumbach-picture.jpg) no-repeat;
	display: block;
	width: 125px;
	height: 188px;
	text-indent:-9999px;
	margin: 20px 0 0 0;
}

#productDetails a.trevorBennett {
	background: url(../image/Trevor-Bennett.jpg) no-repeat;
	display: block;
	width: 125px;
	height: 188px;
	text-indent:-9999px;
	margin: 20px 0 0 0;
	
}

#productDetails a.cindyFraioli {
	background: url(../image/cindy-fraioli.jpg) no-repeat;
	display: block;
	width: 125px;
	height: 188px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	
}

#productDetails a.joleneHoover {
	background: url(../image/jolene-hoover.jpg) no-repeat;
	display: block;
	width: 125px;
	height: 156px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
}


#productDetails a.andrewReid {
	background: url(../image/andrew-reid.jpg) no-repeat;
	display: block;
	width: 125px;
	height: 188px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	
}


#productDetails a.kraigShaulis {
	background: url(../image/shaulis-kraig.jpg) no-repeat;
	display: block;
	width: 125px;
	height: 175px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	
}
#productDetails a.laurenPorter {
	background: url(../image/lauren-porter.jpg) no-repeat;
	display: block;
	width: 125px;
	height: 188px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	
}
#productIntro #applyNow {
padding: 1em 0 1em 0;
width: 15em;
}

#productIntro #applyNow a {
display: block;
width: 115px;
height: 23px;
background-image: url("../image/apply-now.png");
background-position: 0 0;
background-repeat: no-repeat;
text-indent: -9999em;
overflow: hidden;
}

#productIntro #applyNow a:hover {
background-position: 0 -23px;
}

#productIntro #contactUsPopup a {
display: block;
width: 115px;
height: 23px;
background-image: url("../image/contact-us.png");
background-repeat: no-repeat;
text-indent: -9999em;
overflow: hidden;
}

#productIntro #contactUsPopup a:hover {
background-position: 0 -31px;
}

#productIntro #contactMe a {
display: block;
width: 115px;
height: 23px;
background-image: url("../image/contact-me.png");
background-repeat: no-repeat;
text-indent: -9999em;
overflow: hidden;
margin:10px 0 0 5px;
}

#productIntro #contactMe a:hover {
background-position: 0 -31px;
}

#soundersCardImages {
	width:637px;
}
#soundersCardImages img {
	float:left;
}
#soundersHead #applyNow {
padding: 1em 0 1em 0;
width: 15em;
}

#soundersHead #applyNow a {
display: block;
width: 115px;
height: 23px;
background-image: url("../image/apply-now.png");
background-position: 0 0;
background-repeat: no-repeat;
text-indent: -9999em;
overflow: hidden;
}

#soundersHead #applyNow a:hover {
background-position: 0 -23px;
}


#productDetails {
display: inline;
float: right;
width: 42.5em;
padding: 0 1.5em;
}

#productDetails dl dt {
font-size: 1.2em;
font-weight: bold;
color: #4C728C;
padding-bottom: 1em;
}

#productDetails dl dd {
margin-bottom: 2em;
}

#cdChart { 
clear: both;
margin: 0 2em 2em;
}

#cdChart table {
width: 100%;
}

#cdChart th {
background: #2590db;
color: #fff;
font-size: 1.2em;
height: 1.8em;
line-height: 1.5em;
text-align: center;
width: 11%;
}

#cdChart td {
font-size: 1.2em;
height: 1.8em;
line-height: 1.8em;
text-align: center;
width: 11%;
}

#cdChart tr.nth-row-odd td {
background: #9eb4c6;
}

#soundersHead {
padding:0 2em;
position:relative;
}

h2.greenSounders {
font-size: 2.8em;
line-height: 1.2;
color: #52871F;
padding: .75em 0 0 0;
margin-bottom: .7em;
}

h2.blueSounders {
font-size: 2.8em;
line-height: 1.2;
color: #0D3257;
padding: .75em 0 0 0;
margin-bottom: .7em;
}