/* Jonathan's Products CSS - Norstates Bank, IL */

.productPage #productHead {
background: transparent url("../image/contentRightProduct.png") right top no-repeat;
min-height: 20em;
display: inline;
width: 60em;
float: right;
padding: 3em 0 3em 2em;
position: relative;
}

.productPage #productHead h1 {
font-size: 2.6em;
font-weight: bold;
padding-bottom: .5em;
}
.productPage #productHead h1 sup {
	font-size: 0.5em;
	line-height: 0.88em;
	vertical-align: top;
}

.productPage #productHead p {
font-size: 1.3em;
line-height: 1.5;
width: 30em;
}

.productPage #productHead p sup{
	font-size: 0.9em;
	line-height: 1.3em;
	vertical-align: top;
}

.productPage #productHead ul#productNav {
position: absolute;
top: 19.6em;
right: 3em;
}

.productPage #productHead ul#productNav li {
display: inline;
}

.productPage #productHead ul#productNav li a, .productPage #productHead ul#productNav li a:link, .productPage #productHead ul#productNav li a:visited {
display: inline-block;
overflow: hidden;
font-family: Verdana, Geneva, sans-serif;
font-size: 1.1em;
color: #00527F;
background: url("../image/blue-arrow.png") no-repeat 0.25em;
padding: 0 0 0 1em;
margin: 2.15em 0 0 1.7em;
line-height: 1.1em;
}

.productPage #productHead ul#productNav li a:hover, .productPage #productHead ul#productNav li a:active {
color: #0099FF;
}

.productPage #productHead ul#productNav li#openNow a {
position: absolute;
top: 0;
right: 40em;
width: 128px;
height: 33px;
margin: 0;
padding: 0;
background-image: url("../image/apply-now.png");
background-repeat: no-repeat;
background-position: top left;
text-indent: -9999em;
}

.productPage #productHead ul#productNav li#openNow a:hover {
background-position: bottom left;
}

.productPage #productPhoto {
background: transparent url("../image/contentLeftProduct.png") left top no-repeat;
float: left;
display: inline;
padding: 3em 0 0 3em;
min-height: 23em;
min-width: 280px;
}

.productPage #productDetails {
padding: 2em 0 0 1em;
float: left;
}

.productPage #productDetails ul li {
float: left;
color: #333333;
margin-right: 1em;
padding-right: 1em;
border-right: .1em dashed #cccccc;
line-height: 1.5;
}

.productPage #productDetails ul li#productDetail-0 {
width: 42em;
}

.productPage #productDetails ul li#productDetail-1, .productPage #productDetails ul li#productDetail-2 {
width: 21em;
}

.productPage #productDetails ul li#productDetail-2 {
margin-right: 0;
padding-right: 0;
border: none;
}

.productPage #productDetails ul ul {
padding: 0 0 1em 1.5em;
}

.productPage #productDetails li li {
float: none;
margin-right: 0;
padding-right: 0;
border: none;
list-style-type: disc;
font-size: 1.3em;
}
.productPage #productDetails li li sup{
	font-size: 0.9em;
	line-height: 1.3em;
	vertical-align: top;
}

.productPage #productDetails ul li h3 {
padding-bottom: 1em;
text-transform: uppercase;
color: #000000;
font-size: 1.6em;
}

.productPage #productDetails ul li p {
padding-bottom: 1em;
font-size: 1.3em;
}
.productPage #productDetails ul li p.disclaimer {
font-size: 1em;
}

.productPage #productDetails ul li #productDetail ul li {
font-size: 1.3em;
}

.productPage #productDetails a {
 color: #00527F;
 }
.productPage #productDetails a:hover {
 color: #0099FF;
 text-decoration: underline;
 }
 
 .productPage #productDetails .productDetail img.sendUsQuestions {
float: right;
padding-bottom: 1em;
}

.productPage #productDetails li li.textVariant1 {
font-size: 1.3em;
}

.productPage #relatedProducts {
clear: left;
}
.productPage #relatedProducts #featured{
	margin-top: 0;
}
.productPage #relatedProducts #featured li{
	padding-right: 1.6em;
}
.productPage #relatedProducts #featured h3{
	line-height: 1em;
	margin: 11px 0 0 6px;
}
.productPage #relatedProducts #featured h3 a{
	background: none;
	float: none;
	padding: 0;
	position: relative;
}
.productPage #relatedProducts #featured p{
	font-size: 1em;
	line-height: 1.2em;
}
.productPage #relatedProducts #featured span.learnMore{
	bottom: 2px;
	position: absolute;
	right: 5px;
}
.productPage #relatedProducts #featured span a{
	background: url(../image/rightArrowBlue.png) no-repeat left 6px;
	width: 65px;
}

.productPage #compareChecking {
position: absolute;
bottom: -3.3em;
left: 2em;
width: 880px;
padding: 0 20px;
background: url("../image/compareCheckingBG.png") no-repeat left bottom;
}

.productPage #compareChecking .compareCheckingHead {
background: transparent url("../image/compareCheckingTopBG.png") no-repeat top left;
margin: 0 -20px;
padding: 0 20px;
}

.productPage #compareChecking h3 {
background: transparent url("../image/blue-arrow.png") no-repeat 0.25em 1.2em;
padding: 1em 0 10px 1em;
font-size: 1.2em;
color: #00527F;
cursor: pointer;
}

.productPage #compareChecking h4 {
display: none;
float: left;
width: 100%;
margin: 0;
padding: 11px 0 0;
cursor: pointer;
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
font-weight: bold;
color: #002A57;
}

.productPage #compareChecking.open h4 {
display: inline;
}

.productPage #compareChecking h4 span {
display: block;
width: 51px;
margin: 0 auto;
padding: 0 0 1px 10px;
background: transparent url("../image/closeArrows.png") no-repeat left 1px;
}

.productPage #compareChecking table {
display: none;
float: left;
width: 80%; 
background: #fff; 
padding: 1em; 
border: 1px solid #A7C8DC; 
color: #00527F; 
font-size: 1.2em;
border-collapse: collapse;
}

.productPage #compareChecking.open table {
display: inline;
}

.productPage #compareChecking table td {
padding: .85em;
}

.productPage #compareChecking table tr.nth-row-even {
background: #F4F7FB;
}

.productPage #compareChecking table tr.nth-row-1 td.nth-column-1, .productPage #compareChecking table tr.nth-row-1 td.nth-column-2, .productPage #compareChecking table tr.nth-row-1 td.nth-column-3 {
border: 1px solid #A7C8DC; 
font-weight: bold; 
color: #00527F;
}

.productPage #compareChecking table tr.nth-row-1 td.nth-column-1 {
width: 30%;
}

.productPage #compareChecking table tr.nth-row-1 td.nth-column-2 {
width: 20%;
}

.productPage #compareChecking table tr.nth-row-1 td.nth-column-3 {
width: 50%;
}

.productPage #compareChecking table td.nth-column-2, .productPage #compareChecking table td.nth-column-3 {
border-left: 1px solid #A7C8DC;
color: #999999;
}

.productPage #compareChecking .disclosure {
display: none;
float: left;
width: 15%; 
padding-left: 2%;
}

.productPage #compareChecking.open .disclosure {
display: inline;
}

.productPage #compareChecking .disclosure p {
color: #333333; 
font-size: 1.1em; 
line-height: 1.2em;
padding-bottom: .5em;
}

/*======================================== Compare Checking Accounts Link =======================*/
.productPage #productHead ul#compareCheckingLink {
background: none;
position: absolute;
top: 6em;
right: 3em;
height: 8em;
width: 8em;
margin: 0;
padding: 0;
}

.productPage #productHead ul#compareCheckingLink li {
background: transparent url(../image/blue-circle.png) left top no-repeat;
width: 4em;
height: 4em;
padding: 2.5em 2em 1.5em;
text-align: center;
margin: 0;
}

.productPage #productHead ul#compareCheckingLink li a {
color: #00527F;
}

.productPage #productHead ul#compareCheckingLink li:hover {
background-position: 0 -80px;
cursor: pointer;
}


#footer {
margin-top: 3em;
}