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

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%;
background: #fff url(../images/bg_body.jpg);
color: #333;
}

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

h1
{
font-size: 1.4em;
}

h2
{
font-size: 1.2em;
}

h3
{
font-size: 1.1em;
}

p
{
margin: .5em 0;
}

img,
a img
{
border: 0;
}

a
{
color: #06c;
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}

a:visited
{

}

ul
{
margin: 1.5em 0;
}

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

ul ul
{
margin-top: 0;
}

strong
{
font-weight: bold;
}

sup
{
font-family: "small fonts", Arial, Helvetica, sans-serif;
line-height: .7;
font-size: .6em;
vertical-align: top;
}

#ie sup
{
font-size: .7em;
}


/*** 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
{
    background: url(../images/background.png) no-repeat; /* png8 index trans white */
margin: 10px auto;
width: 779px;
}

#head
{
/*background: url(../images/bg_head.png) no-repeat; /* png8 index trans white */
width: 746px;
height: 41px;
padding: 15px 0 0 33px;
}

#content
{
/* background: url(../images/bg_content.jpg) 0 bottom no-repeat; */
width: 779px;
height: 497px;
position:relative;
}

#ie6 #content
{
height: 494px;
}

#hero
{
/* background: url(../images/bg_hero.jpg) no-repeat; */
width: 752px;
height: 197px;
padding: 24px 2px 20px 25px;
}

#ie6 #hero
{
height: 210px;
padding: 24px 2px 5px 25px;
}

#birdseed
{
/* clear: both; */
}

#foot
{
font-size: .85em;
padding: 10px 25px;
color: #666;
}

.ada #foot
{
    bottom:0px;
}


/*** 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 */
color: #fff;
position: absolute;
top: 0;
}

#footLinks
{
margin: 0;
overflow:auto;
}

#footLinks li
{
float: left;
list-style-type: none;
border-right: 1px solid #bbb;
padding: 0 5px 0 0;
margin: 0 5px 0 0;
}

#footLinks a
{

}

/*** Buttons ***/
#btn_apply_top
{
width: 147px;
height: 30px;
background: url(../images/btn_apply1.png) no-repeat;
display: block;
float: right;
margin: 10px 0 0 0;
position:relative;
top:20px;
left:160px;
}



#btn_apply_btm
{
width: 148px;
height: 31px;
background: url(../images/btn_apply2.png) no-repeat;
margin: 45px 0 0 20px;
}


/*** Other Custom ***/
#logo_chase
{
width: 138px;
height: 30px;
display: none;
}

#card
{
background: url(../images/card_lg.jpg) no-repeat; /*png32 full trans*/
width: 214px;
height: 209px;
float: right;
right:20px;
position:relative;
bottom:10px;
}

#ie6 #card
{
    bottom:20px;
}

#ie6 #cardflipm
{
    bottom:30px;
}

#ie6 #btn_apply_top
{
    top:0px;
}

h1
{
background: url(../images/hdg_hero.png) no-repeat;
width: 429px;
height: 135px;
float: left;
margin: 0;
position:relative;
top:30px;
left:50px;
}



h2
{
/* background: url(../images/offer_hero.png) no-repeat; */ /* png8 index trans med blue */
width: 180px;
height: 82px;
float: left;
margin: 0 20px 0 125px;
}

#ie6 h2
{

}

#flashContent2
{
width: 126px;
height: 48px;
float: left;
position:relative;
bottom:40px;
left:160px;
}

#flashContent2 p
{
background: url(../images/spinner.png) no-repeat;
width: 126px;
height: 48px;
margin: 0;
}

div#flashContent
{
width: 572px;
height: 180px;
float: left;
margin-bottom: 11px;
margin-top:12px;
}

#flashContentWrapper
{
    position:absolute;
    z-index:100;
}

object#flashContent
{
width: 666px;
height: 198px;
float: left;
margin: 0 0 0px 63px;
}

.instruct
{
background: url(../images/instructions.png) 64px 0 no-repeat;
width: 100%;
height: 7px;
line-height: .6;
margin: 4px 0 3px 0;
}

#flashContent dl
{
float: left;
width: 504px;
position: relative;
}

#flashContent dt
{
width: 131px;
height: 58px;
position: absolute;
left: 64px;
background: url(../images/sprite_content_dt.png) no-repeat;
cursor: pointer;
}

#flashContent dd
{
width: 378px;
height: 160px;
position: absolute;
left: 190px;
margin-left:-9999px;
}

#flashContent dd li
{
list-style-type:none;
}

#flashContent dd.visible
{
margin-left: 0;
}

#flashContent #content_1_dt
{
background-position: 0 0;
top: 0;
background: url(../images/box1.png) no-repeat; 
}

#flashContent #content_1_dd
{
 
}

#flashContent #content_1_dd_wrapper
{
    background: url(../images/content_1_dd.png) no-repeat;
    width: 378px;
    height: 160px;
}

#flashContent #content_2_dt
{
background: url(../images/box2.png) no-repeat; 
top: 56px;
}

#flashContent #content_2_dd
{
    background: url(../images/content_2_dd.png) no-repeat;
}

#flashContent #content_3_dt
{
background: url(../images/box3.png) no-repeat; 
top: 112px;
}

#flashContent #content_3_dd
{
    background: url(../images/content_3_dd.png) no-repeat;
}
#calendarLinkDiv
{
    height:25px;
    left:170px;
    position:relative;
    top:100px;
    width:125px;
}
.calendarLink
{
    display:block;
    height:25px;
    width:125px;
    text-decoration:none;
    
}

#calendarModal
{
	position:absolute;
	top: 250px;
	left: 75px;
	width: 664px;
	height: 177px;
	font-size: 11px;
	color: #666666;
	font-family: Arial;
	background: url(../images/calendar.jpg) no-repeat;
	z-index: 10000;
	text-align: left;
	vertical-align: middle;
}
#calendarModal #close
{
    float:right;
    padding-right:20px;
    padding-top:4px;
}


/* #ie6 #flashContent #content_3_dd
{
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/content_3_dd.png',sizingMethod='crop');
} */


#applyNow
{
float: right;
width: 205px;
margin: 15px 0px 0px 0px;
position:relative;

}

.ada #applyNow
{
    bottom:0px;
}

#apply_statement1
{
background: url(../images/apply_statement1.png) no-repeat;
width: 190px;
height: 126px;
margin:20px 0 0 10px;
}



#apply_statement2
{
background: url(../images/apply_statement2.png) no-repeat;
width: 205px;
height: 49px;
margin-top: 21px;
}



#apr_stmts
{
background: #d9d9d9 url(../images/gray_box_top.gif) 0 0 no-repeat;
padding: 13px 0 0 0;
color: #0064be;
position: relative;
}

#apr_stmts ul
{
margin:0;
padding: 0 5px 4px 15px;
}

#apr_stmts li
{
margin:0 16px 4px 10px;
font-size: .85em;
padding: 0;
}

#apr_stmts li.stmt_2
{
padding-top: 2em;
}

#apr_stmts li div
{
position: absolute;
left: 40%;
margin-top: -1.8em;
}

#apr_stmts p
{
margin:0 0 5px 0;
font-size: .85em;
padding: 0 10px 13px 25px;
background: url(../images/gray_box_btm.gif) 0 bottom no-repeat;
}

#pricingTermsContent
{
text-align:center;
display:block;
font-size: .85em;
margin: 3px 0 0 0;
color: #0066CC;
}

#pricingTermsContent a
{
text-decoration:underline;
}

#pricingTermsContent:hover
{
text-decoration:none;;
}

#freedom_matters
{
width: 381px;
height: 27px;
background: url(../images/title_freedom_matters.gif) 0 7px no-repeat;
clear: both;
margin: 0 0 0 20px;
}

#foot a,
#foot a:visited
{
text-decoration: underline;
}

ul#birdseed
{
margin-top:0;
}

#birdseed li
{
list-style-type:none;
}

#birdseed dt
{
font-weight: bold;
}

#birdseed dt sup,
#birdseed li sup
{
font-weight: normal;
font-family: Arial,Helvetica,sans-serif;
line-height: 1.5;
font-size: .8em;
vertical-align: top;
}

#ie #birdseed dt sup,
#ie #birdseed li sup
{
font-size: .9em;
}

#birdseed dd,
#birdseed li
{
margin: 0 0 1.5em 0;
}

#copyright
{
clear: both;
padding: 5px 0 0 0;
}

#alreadyCardmember
{
position:absolute;
bottom: 25px;
left:65px;
color: #020202;
font-size:0.85em;
}


#alreadyCardmember a
{
text-decoration:underline;
}

#alreadyCardmember span.pricing_terms {
margin-left: 320px;
}

span.cardmember_phone  {
color:#020202;
font-size:0.85em;
left:40px;
position:relative;
top:0px;
}
#liveperson
{
position:absolute;
bottom:20px;
left:410px;
}

/*** 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)";
}

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

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

#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: 295px;
width: 500px;
background: #fff;
color: #000;
}

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

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

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

}

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

#floodlight
{
	display:none;
}

.flashPanel
{
	display:none;
}