/***
* 
* Colors
*	foreground
*		#000
*       #0079c2 link blue
*       #001b3e dark blue
*       #ccc    gray
*       #333    offer link
*       #fff
*	
*	background
*		#f3f3f3 light gray
*       #fff
*       #193d5d medium blue
*       #95a6b5 light blue
*
*
* CSS Organization
*	Reset
*	Elements
*	Global Tools
*	Structural
*	Navigation
*	Buttons
*	Global Specialty
*	Page Specific
*	Overrides
*	Modals
*	Debug
*
***/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, b, i, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

/* remember to define focus styles! */
:focus
{
outline:0;
/* for debugging focus
outline: thick solid red;
background-color: yellow;
*/
}

/*
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner
{
border: 1px dotted transparent;
}

button:focus::-moz-focus-inner,
input[type="reset"]:focus::-moz-focus-inner,
input[type="button"]:focus::-moz-focus-inner,
input[type="submit"]:focus::-moz-focus-inner,
input[type="file"] > input[type="button"]:focus::-moz-focus-inner
{
border-color: transparent;
}
*/

/* remember to highlight inserts somehow! */
ins
{
text-decoration: none;
}
del
{
text-decoration: line-through;
}

body
{
line-height: 1;
color: #000;
background: #fff;
}

ol, ul
{
list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
border-collapse: collapse;
border-spacing: 0;
}

caption, th, td
{
text-align: left;
font-weight: normal;
}

blockquote, q
{
quotes: none;
}

/* Safari doesn't support the quotes attribute, so we do this instead. */
blockquote:before, blockquote:after, q:before, q:after
{
/*
CSS 2; used to remove quotes in case "none" fails below.
*/
content: "";
/*
CSS 2.1; will remove quotes if supported, and override the above.
User-agents that don't understand "none" should ignore it, and
keep the above value. This is here for future compatibility.
*/
content: none;
}
/*End reset - start site specific*/

/*** Elements ***/
body
{
font: .8em Arial, Helvetica, sans-serif;
height: 100%;
}

h1, h2, h3, h4, h5, h6
{
font-weight: bold;
}

h1
{
font-size: 1.4em;
margin: 0 0 1em 0;
}

h2
{
font-size: 1.2em;
}

h3
{
font-size: 1.1em;
}

p
{
margin: .5em 0;
}

img,
a img
{
border: 0;
}

a
{
color: blue;
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}

a:visited
{
color: #5B1433;
}

ul
{
margin: 1.5em 0;
}

li
{
margin: .5em 1.5em;
list-style-type: disc;
}

ul ul
{
margin-top: 0;
}

ol li
{
margin: .25em 1.5em;
list-style-type: decimal;
}

#ie ol li
{
margin: .25em 1.5em .25em 1.9em;
}

strong
{
font-weight: bold;
}

sup
{
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
vertical-align:super;
}

#content-intro sup
{
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
vertical-align:super;
}


#ie #content-intro sup
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
vertical-align:super;
}


/*** Tools ***/
.right {float: right;}
.left {float:left;}
.clear {clear:both;}

.img-rep
{
display: block;
background-position: 0 0;
background-repeat: no-repeat;
text-indent: -9999em;
}

.img-rep a
{
display: block;
text-indent: -9999em;
outline: 0;
}

/*** Structural ***/
#wrapper
{
margin: 0 auto 20px auto;
width: 768px;
position: relative;
}

#content
{
background: #f3f3f3 url(../images/bg_content.png) 0 314px repeat-y; /*png32 no transparency*/
}


#hero
{
background: url(../images/bg_hero.png) 0 0 no-repeat; /*png32 no transparency*/
min-height: 314px;
width: 768px;
position: relative;
margin: 0px;
}

#ie6 #hero
{
height: 314px;
}

#content-wrap #inner
{ /*noscript = open*/
width: 768px;
position: relative;
}

#content-wrap .inneropenFull
{ /*benefits opened*/
min-height: 553px;
}

#ie6 #content-wrap .inneropenFull
{ /*benefits opened*/
height: 577px;
border:1px solid red;
}


#content-wrap .inneropen,
#content-wrap .innerclosed
{
min-height: 353px;
}

#ie #content-wrap
{
overflow:auto;
min-height: 451px;
}


#ie #content-wrap .inneropen,
#ie #content-wrap .innerclosed
{
height: 353px;
}


#content-main
{
width: 508px;
position: absolute;
/*
bottom: 0;
*/
left: 0;
}

#ie6 #content-main
{

}

#content-intro
{
	padding-bottom:20px;
}
#content-intro p
{
width: 703px;
padding: 0 20px 0 25px;
font-size: .94em;
margin-bottom: 0;
}

#demos
{
background: url(../images/bg_demos_m.png) 0 0 repeat-y; /*png32 no transparency*/
width: 508px;
}

#demo-list
{
background: url(../images/bg_demos_t2.png) 0 0 no-repeat; /*png32 no transparency*/
padding: 35px 15px 0 25px;
width: 468px;
overflow:auto;
}


#demos .bottom
{
background: url(../images/bg_demos_b2.png) 0 bottom no-repeat; /*png32 no transparency*/
width: 508px;
height: 35px;
}

#introductory-rate
{
background: url(../images/bg_intro_rate_m.png) no-repeat;
width: 260px;
padding: 0;
position: absolute;
right: 0;
top: -20px;
text-align: center;
line-height:1.22;
color: #193D5D;
}

#introductory-rate h3
{
background: url(../images/bg_intro_rate_t.png) 0 0 no-repeat;
margin: 0;
padding: 14px 15px 4px 0;
text-transform:uppercase;
font-size: .937em;
}

#introductory-rate ul
{
padding: 0 20px 0 10px;
margin:0;
}

#ie6 #introductory-rate ul
{

}

#introductory-rate li
{
list-style-type:none;
margin:0;
padding:0;
font-size: 1.015em;
overflow:auto;
}

#introductory-rate .offer1
{
border-bottom: 1px solid #193d5d;
padding-bottom: .55em;
}

#introductory-rate .offer2
{
padding-top: .55em;
overflow:visible;
}

#introductory-rate .bottom
{
background: url(../images/bg_intro_rate_b.png) 0 -8px no-repeat;
height:25px;
z-index:0;
}

#introductory-rate strong
{
line-height: 1.1;
font-size: 1em;
display:block;
margin: 0 0 2px 0;
}
#introductory-rate em
{
font-style: normal;
font-size: .846em;
text-align: center;
line-height:.9;
}
#ie #introductory-rate em
{
line-height:1;
}
#introductory-rate sup
{

}

#introductory-rate li p
{
width: 229px;
}

#introductory-rate .offer1 .now
{
margin-top: .2em;
}

#introductory-rate .offer2 .now
{
margin-top: 0;
}

#introductory-rate .future
{
margin: .5em auto 0 auto;
width: 190px;
}

#addtl-benefits
{
background: url(../images/bg_benefits_m.png) 0 0 repeat-y; /*png32 no transparency*/
color: #fff;
width: 260px;
position: absolute;
right: 0;
min-height: 347px;
margin-top:6px;
}

#ie6 #addtl-benefits
{
height: 347px;
}

.inneropenFull #addtl-benefits
{
min-height: 545px;
}

#ie6 .inneropenFull #addtl-benefits
{
height: 564px;
}

#addtl-benefits .blockname
{
background: url(../images/bg_benefits_t.png) 0 0 no-repeat; /*png32 no transparency*/
width: 185px;
margin: 0;
padding: 20px 55px 0 20px;
}

#addtl-benefits .content
{
width: 185px;
margin: 0;
padding: 7px 55px 0 20px;
}

#addtl-benefits .title
{
width: 185px;
margin: 0;
padding: 13px 55px 0 20px;
color:#CCCCCC;
font-weight:bold;
text-transform:uppercase;
}

#addtl-benefits .bottom
{
position: absolute;
bottom: 0;
background: url('../images/bg_benefits_b.png') no-repeat; /*png32 no transparency*/
width: 260px;
height: 35px;
}


* html #addtl-benefits .bottom
{
	margin-bottom:-1px;
}

#content-bottom
{
	clear: both;
	padding: 0 0 10px 25px;
	width: 743px;
}

#content-bottom .content-header
{
	text-transform: uppercase;
	color:#0079C2;
	font-size:1.2em;
	font-weight:bold;
	padding:10px 0 10px 0;
}

#content-bottom .headline
{
	text-transform: uppercase;
	color:#20435F;
	font-size:1.1em;
	font-weight:bold;
}

#content-bottom ul
{
padding: 0 30px 0 0;
margin: 0;
}

#content-bottom li
{
list-style-type: none;
margin: 0 0 1em 0;
padding: 0;
display: inline;
}

#content-bottom .services
{
margin: 0;
}

#content-bottom .liability dd
{
padding-bottom: 20px;
}

.inneropenFull #content-bottom .liability dd
{
padding-bottom: 0;
}

#content-bottom dt,
#acontent-bottom dd
{
padding: 0 0 0 15px;
margin: 0 0 0 8px;
}

#content-bottom dt,
.innerclosed #content-bottom dt
{
min-height: 12px;
margin-top: .25em;
margin-left: 0;
padding-bottom:10px;
background: url(../images/bullet.png) 0 0.5em no-repeat; /*png8 index trans*/
}

.inneropen #content-bottom dd,
.innerclosed #content-bottomdd
{
display:none;
}

#content-bottom dd,
.inneropen #content-bottom dd.open
{
font-size: .85em;
display: block;
width: 165px;
}

#content-bottom .title
{
	color:#20435F;
	font-weight:bold;
}


#birdseed
{
clear: both;
padding: 0 0 10px 25px;
height: 15px;
width: 743px;
background: #f3f3f3 url(../images/bg_content_b.png) 0 bottom no-repeat; /*png32 no transparency*/
font-size: .8em;
}

#ie6 #birdseed
{

}

#foot
{
font-size: .85em;
padding: 5px 25px;
}



#foot a,
#foot a:visited
{
text-decoration: underline;
color: #000;
cursor:pointer;
}




/*** Navigation ***/
#skipnav
{
/* best practice is to make the link color the same as the background if you wish to hide visually yet make available for all screen readers */
}

/*** Buttons ***/
.cta-apply
{
background: url(../images/btn_sprite_apply.jpg) 0 0 no-repeat;
height: 35px;
width: 124px;
}

#clickable
{
height: 35px;
width: 124px;
cursor: pointer; 
cursor:hand;
}

#hero .cta-apply
{
display: block;
position: absolute;
top: 150px;
right: 79px;
z-index: 20;
background-position: 0 -84px;
}

#addtl-benefits .cta-apply
{
background-position: 0 -45px;
display: block;
margin: .5em auto 0 -68px;
position: absolute;
bottom: 47px;
left: 50%;
}

#addtl-benefits .cta-apply-text
{
	position: absolute;
	bottom: 18px;
	right:75px;
	width:120px;
	height:30px;
}

.cta,
.cta:visited
{
background: url(../images/sprite_arrows.png) 0 -84px no-repeat; /*png8 index trans*/
padding: 0 0 0 20px;
color: #0079c2;
display: block;
line-height: 1.3;
}

#liveperson
{
display:block;
float: right;
width: 202px;
height: 36px;
position:relative;
top:-5px;
left:-20px;
}

/*** Other Custom ***/
h1
{
float: left;
background: url(../images/slate_with_blueprint.jpg) 0 0 no-repeat; /*png8 index trans*/
height: 94px;
width: 193px;
position:relative;
z-index: 3;
top: 90px;
left: 184px;
}

#slate-card
{
position: absolute;
top: 16px;
left: 27px;
background: url(../images/slate_visa_card.png) 0 0 no-repeat;
height: 228px;
width: 143px;
}

#slate-card_visa
{
position: absolute;
bottom: 5px;
left: 0;
background: url(../images/slate_card.jpg) 0 0 no-repeat;
height: 154px;
width: 768px;
}

#hero .tagline
{
background: url(../images/one_card.jpg) 0 0 no-repeat;
/*png8 index trans*/
height: 19px;
width: 315px;
position: absolute;
top: 199px;
left: 184px;
z-index: 4;
}

.apr
{
background: url(../images/zero_apr.png) 0 0 no-repeat; /*png32 alpha trans*/
width: 167px;
height: 124px;
position: absolute;
top: 0;
right: 0;
z-index: 2;
}



.nofee
{
background: url(../images/intro_apr.jpg) 0 0 no-repeat;
width: 170px;
height:20px;
position: absolute;
top: 110px;
right: 57px;
z-index: 2;
}


h2
{
background: url(../images/blueprint.png) 0 0 no-repeat; /*png32 alpha trans*/
height: 30px;
width: 508px;
}



#demo-list .instruct
{
text-transform: uppercase;
margin: 0 0 1em 0;
font-weight: bold;
color: #001b3c;
}

#demo-list div
{
width: 220px;
min-height: 145px;
float: left;
}

#ie6 #demo-list div
{
height: 145px;
}

#demo-list div div
{
min-height: 0;
float: none;
}

#ie6 #demo-list div div
{
height: 0;
}

#demo-list div p
{
font-size: .85em;
clear: both;
width: 190px;
}

#demo-list #fullpay p
{
width: 195px;
}

#demo-list .grp1
{
margin: 0 0 0 75px;
min-height: 80px;
color: #001b3c;
font-weight: bold;
font-size: .9em;
width: 145px;
}

#ie6 #demo-list .grp1
{
height: 80px;
}

#demo-list h3
{
color: #818486;
font-size: 1.4em;
background: url(../images/sprite_feature_titles.png) 0 0 no-repeat; /*png8 index trans*/
height: 20px;
width: 125px;
margin: 5px 0;
}

#fullpay
{
background: url(../images/sprite_ico_blueprint.jpg) 0 0 no-repeat;
margin: 0 20px 0 0;
}

#fullpay h3
{
background-position: 0 0;
}

#split
{
background: url(../images/sprite_ico_blueprint.jpg) 0 -155px no-repeat;
}

#split h3
{
background-position: 0 -121px;
}

#finishit
{
background: url(../images/sprite_ico_blueprint.jpg) 0 -300px no-repeat;
clear: both;
}

#finishit h3
{
background-position: 0 -41px;
}

#trackit
{
background: url(../images/sprite_ico_blueprint.jpg) 0 -454px no-repeat;
}

#trackit h3
{
background-position: 0 -81px;
}

#demo-list #fullpay,
#demo-list #finishit
{
margin-left: 5px;
margin-right: 15px;
}

#demo-list #finishit,
#demo-list #trackit
{
min-height: 130px;
}

#ie6 #demo-list #finishit,
#ie6 #demo-list #trackit
{
height: 130px;
}

#finishit .grp1,
#trackit .grp1
{
width: 105px;
min-height: 90px;
}

#ie6 #finishit .grp1,
#ie6 #trackit .grp1
{
height: 90px;
}

#addtl-benefits h3,
#addtl-benefits .blockname
{
text-transform: uppercase;
color: #ccc;
font-weight: bold;
}

#addtl-benefits .instruct
{
font-size: .8em;
color: #ccc;
margin: 0 0 0 20px;
vertical-align: top;
}

#addtl-benefits .call
{
position: absolute;
bottom: 20px;
width: 250px;
margin-right: 5px;
z-index: 800;
}

#addtl-benefits .call,
#addtl-benefits .cta-apply
{
color: #fff;
font-weight: bold;
text-align: center;
}


/*** Modals ***/
.overlay
{
position:fixed;
top:0px;
width:100%;
height:100%;	
z-index:9000;
left:0;
background-color:#000;
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.overlay2
{
position:absolute;
top:0px;
width:100%;
height:100%;	
z-index:9000;
left:0;
background-color:#fff;
opacity:0;
filter:alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

#ie .overlay2
{
position: fixed;
}

/* Fixed positioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */

#ie6 .overlay,
#ie6 .overlay2
{
position: absolute;
top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.modalBox
{
position:absolute;
top: 275px;
left:50%;
margin-left: -380px;
z-index:9003;
display:none;
width: 380px;
color: #000;
background: url(../images/bg_modalBox_t.png) 0 0 no-repeat; /*png32 alpha trans*/
}

#ie6 .modalBox
{
background: none;
top: 268px;
}



#splitModal,
#trackitModal
{

}

#fullpayModal,
#finishitModal
{

}

#fullpayModal,
#splitModal
{

}

#finishitModal
{
top: 438px;
}

#ie6 #finishitModal
{
top: 438px;
}

#trackitModal
{
top: 465px;
}

#ie6 #trackitModal
{
top: 465px;
}

.modalBox .inner
{
padding: 0;
margin: 38px 0 0 0;
position: relative;
overflow: auto;
/* bottom curve built into the middle image. */
}

.close
{
background: url(../images/ico_modalBox_close.png) 0 0 no-repeat; /*png32 alpha trans*/
width:28px;
height:28px;
text-indent:-9999px;
position:absolute;
left:340px;
top:10px;
cursor: pointer; /*ie6 does not show cursor even with this*/
display: block;
}



.modalBox .content
{
height: 171px;
padding: 0 0 0 35px;
overflow: auto;
}

#ie .modalBox .content
{

}

#fullpayModal .content
{
background: url(../images/bg_modalBox_b.png) 0 bottom no-repeat; /*png32 alpha trans*/ /*left side*/
}



#finishitModal .content
{
background: url(../images/bg_modalBox_b2.png) 0 bottom no-repeat; /*png32 alpha trans*/ /*left side*/
}



#splitModal .content
{
background: url(../images/bg_modalBox_b3.png) 0 bottom no-repeat; /*png32 alpha trans*/ /*right side*/
}



#trackitModal .content
{
background: url(../images/bg_modalBox_b4.png) 0 bottom no-repeat; /*png32 alpha trans*/ /*right side short*/
}



#ie6 .modalBox .content
{
background: none;
width: 380px;
}

.modalBox h3
{
float: left;
width: 58px;
height: 83px;
margin: 0 15px 0 0;
}

#ie .modalBox h3
{
margin-right: 12px;
}

#fullpayModal h3
{
background: url(../images/ico_modalBox_fullpay.png) no-repeat;
}



#splitModal h3
{
background: url(../images/ico_modalBox_split.png) no-repeat;
}



#finishitModal h3
{
background: url(../images/ico_modalBox_finish.png) no-repeat;
}



#trackitModal h3
{
background: url(../images/ico_modalBox_track.png) no-repeat;
}



.transcript
{
float: left;
width: 246px;
font-size: .9em;
}

#ie .transcript
{
width: 251px;
}

#splitModal .transcript
{
width: 240px;
}

#ie #splitModal .transcript
{
width: 245px;
}

.transcript h4
{
border-bottom: 1px solid #000;
font-size: 1.2em;
width: 240px;
}

#offerdetailsModal
{
width: 530px;
height: 338px;
background: #fff;
color: #000;
border: 4px solid #525252;
margin-left: -265px;
margin-top: -169px;
top: 50%;
left: 50%;
position: absolute;
}

#offerdetailsModal .modalHead
{
text-align:right;
position:static;
font-weight: normal;
height: 28px;
width: auto;
background: #f3f3f3;
line-height: 2.5;
padding: 0 10px 0 0;
}

#offerdetailsModal h3
{
color: #000;
font-size: 1.4em;
margin: 10px 0 0 0;
}

#offerdetailsModal p
{
margin: 0 0 .8em 0;
}

#offerdetailsModal dt
{
font-weight: bold;
}

#offerdetailsModal dd
{
margin: 0 0 .8em 0;
}

#offerdetailsModal .content
{
clear:both;
padding:0 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
height: 315px;
width: 500px;
background: #fff;
color: #000;
}

#offerdetailsModal .close
{
color: #666;
background: none;
filter: none;
display: inline;
position: static;
text-indent: 0;
width: auto;
}

#offerdetailsModal a
{
color: #0079c2;
}

.content a
{
text-decoration:underline;
}



/*** Overrides ***/
#head li.pipe-reset,
#content li.pipe-reset,
#foot li.pipe-reset
{
border: 0;
padding-right:0;
margin-right:0;
}

#foot a.ptlink
{
    color:Blue;
}

/*** Debug ***/
#debug
{

}

/*** Fix for on hover flickering background images that Chase frequently sees ***/
#ie6 
{
filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}