/* 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 4px 0 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;
}

#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 1.5em;
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;
}

#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;
}

#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;
}