html, body { width: 100%; height: 100%; } /* declare the viewport size */
body { color: #404040; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: url(../images/bg_gray.gif); text-align: center; margin-top: 0; padding-top: 0; }

a { color: #036; text-decoration: underline; }
a:hover { text-decoration: none; }
a:active { color: #633; }
a:visited { color: #363; text-decoration: underline; }

.credibility {color: #808080; font-size: 7pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align:center; padding:3px; margin:5px; border: 1px #C0C0C0 solid;}

#outer_page_wrap { background-image: url(../images/bg_2-900.gif); background-repeat: repeat-y; text-align: center; position: relative; width: 900px; overflow: hidden; float: none; min-height: 100%; margin: auto; }
#outer_page_wrap_wide { text-align: center; position: relative; width: 1000px; overflow: hidden; float: none; min-height: 100%; margin: auto; }
html>body #outer_page_wrap {height: auto;}

#page_wrap { text-align: left; position: relative; width: 850px; overflow: hidden; float: none; min-height: 100%; margin: auto; }
#page_wrap_wide { text-align: left; position: relative; width: 950px; overflow: hidden; float: none; min-height: 100%; margin: auto; }
html>body #page_wrap {height: auto;}

#header_area { background: url('../images/header_img2.jpg') top right; background-repeat: no-repeat; width: 850px; height: 135px; overflow: hidden; float: none; } /* background: url('../images/header_img2.jpg') top right; background-repeat: no-repeat; */

 

#header_area_wide { background-image: url(../images/header_img.jpg); background-repeat: no-repeat; background-position: 0 0; width: 1000px; height: 110px; overflow: hidden; float: none; }
#main_logo { position: relative; top: 5px; float: left; }
#body_area { width:845px; background-image: url(../images/header_shadow.gif); background-repeat: repeat-x; border:0px dashed green; padding: 10px 0 0 5px; }



#body_area_wide {text-align: center; clear: both; margin-top: 0; padding-top: 15px; width: 1000px; overflow: hidden; margin-bottom: 10px; padding-left: 8px; }
#column_1 { text-align: left; width: 347px; height: 350px; overflow: hidden; float: left; margin-bottom: 0; padding-right: 10px; padding-left: 10px; }
#column_1 img {padding-top: 5px; padding-bottom: 10px;}
#column_1 p {padding: 0px; margin: 0px;}
#column_2 { text-align: left; width: 347px; height: 350px; float: left; margin-bottom: 0; padding-right: 10px; padding-left: 15px; border-left: 1px solid #ccc; }
#column_2 img {padding-top: 5px; padding-bottom: 10px;}
#column_2 p {padding: 0px; margin: 0px;}


/* a and b columns for the homepage redesign - 2/13/2008 */
#column_1a { text-align: left; width: 347px; height: 175px; overflow: hidden; float: left; margin-bottom: 0; padding-right: 10px; padding-left: 10px; }
#column_1a img {padding-top: 5px; padding-bottom: 10px;}
#column_1a p {padding: 0px; margin: 0px; font-size:8pt; text-align: justify; }
#column_2a { text-align: left; width: 347px; height: 175px; float: left; margin-bottom: 0; padding-right: 10px; padding-left: 15px; border-left: 0px solid #ccc; }
#column_2a img {padding-top: 5px; padding-bottom: 10px;}
#column_2a p {padding: 0px; margin: 0px; font-size:8pt;  text-align: justify; }
#column_1b { text-align: left; width: 347px; height: 175px; overflow: hidden; float: left; margin-bottom: 0; padding-right: 10px; padding-left: 10px; border-top: 0px solid #CCCCCC;}
#column_1b img {padding-top: 5px; padding-bottom: 10px;}
#column_1b p {padding: 0px; margin: 0px; font-size:8pt;  text-align: justify; }
#column_2b { text-align: left; width: 347px; height: 175px; float: left; margin-bottom: 0; padding-right: 10px; padding-left: 15px; border-left: 0px solid #ccc;  border-top: 0px solid #CCCCCC;}
#column_2b img {padding-top: 5px; padding-bottom: 10px;}
#column_2b p {padding: 0px; margin: 0px; font-size:8pt;  text-align: justify; }

#column_1c { text-align: left; width: 719px; height: 175px; overflow: hidden; float: left; margin-bottom: 0; padding-right: 10px; padding-left: 10px; border-top: 0px solid #CCCCCC;}
#column_1c img {padding-top: 5px; padding-bottom: 10px;}
#column_1c p {padding: 0px; margin: 0px; font-size:8pt;  text-align: justify; }
#column_2c { text-align: left; width: 347px; height: 175px; float: left; margin-bottom: 0; padding-right: 10px; padding-left: 15px; border-left: 0px solid #ccc;  border-top: 0px solid #CCCCCC;}
#column_2c img {padding-top: 5px; padding-bottom: 10px;}
#column_2c p {padding: 0px; margin: 0px; font-size:8pt;  text-align: justify; }

#column_3 { text-align: left; width: 750px; min-height: 160px; margin-right: 15px; margin-bottom: 0; padding-left: 10px; }
#column_3 img { width: 175px; height: 116px; overflow: hidden; float: left; margin-right: 0; padding-top: 5px; padding-right: 25px; padding-bottom: 0; }
#column_3 p { clear: none; margin: 5px 20px 15px 200px; padding: 0; display: block; }
#column_4 { text-align: left; width: 710px; clear: both; margin-top: 20px; margin-bottom: 0; margin-left: 5px; padding-top: 15px; padding-right: 5px; padding-left: 5px; border-top: 1px dotted #ccc; }
#footer_area { width: 850px; overflow: hidden; clear: both; margin-top: 5px; padding-top: 10px; padding-bottom: 0; }
#agent_login_area { text-align: center; margin: 0; padding: 8px 0 0 0; border-top: 1px dotted #ccc; display: block; }
#contact_info { text-align: center; margin-top: 25px; padding-top: 10px; padding-bottom: 10px; border-top: 1px dotted #999; }
#footer_contact_info { text-align: center; margin-top: 5px; padding-top: 10px; padding-bottom: 10px; border-top: 1px dotted #999; }
.headline { color: #363; font-size: 14px; width: 100%; margin-bottom: 4px; padding-bottom: 2px; border-bottom: 1px solid #363; }
html>body .headline {width: auto;}
html>body .headline a {width: auto;}
.headline a { display: block; width: 100%; color: #363; font-size: 16px; text-decoration: none; padding-top: 5px; padding-bottom: 3px; padding-left: 2px; }
.headline a:hover { background-color: #ffc; }
.headline a:active {  }
.headline a:visited {  }

h1{ color: #363; font-size: 14px; margin-bottom: 4px; padding-bottom: 2px; border-bottom: 1px solid #363; }
html>body h1 a {width: auto;}
h1 a { display: block; width: 100%; color: #363; font-size: 14px; text-decoration: none; padding-top: 5px; padding-bottom: 3px; padding-left: 2px; }
h1 a:hover { background-color: #ffc; }
h1 a:active {  }
h1 a:visited {  }

h2 { color: #363; font-size: 14px; margin-bottom: 4px; width: auto; float: left; padding-top: 5px; padding-bottom: 5px; padding-left: 2px; }
p { clear: left; text-align: left;}
h3 { color: #363; font-size: 12px; font-weight: normal; font-style: italic; background-color: #fff; margin-left: 95px; padding-bottom: 3px; border-bottom: 1px dotted #ccc; display: block; }

h4 { color: #363; font-size: 14px; background-image: url(../images/header_img.jpg); background-repeat: no-repeat; background-position: -50px 0; margin-bottom: 4px; padding-top: 5px; padding-left: 2px; padding-bottom: 5px; border-bottom: 1px solid #363; width: 100%; clear: both; border-top: 1px solid #363; }
html>body h4 {width: auto;}
.page_heading { color: #363; font-size: 14px; margin-bottom: 4px; padding-top: 5px; padding-left: 2px; padding-bottom: 5px; border-bottom: 1px solid #363;  width: 100%;}
html>body .page_heading {width: auto;}

.page_subheading { color: #363; font-size: 14px; background-image: url(../images/header_img.jpg); background-repeat: no-repeat; background-position: -50px 0; margin-bottom: 4px; padding-top: 5px; padding-left: 2px; padding-bottom: 10px; border-bottom: 1px solid #363; width: 100%; clear: both; border-top: 1px solid #363; }
html>body .page_subheading {width: auto;}

#left_column { width: 125px; float: left; margin-bottom: 15px; padding-right: 15px; padding-left: 15px; }
#page_body { text-align: left; width: 655px; float: left; margin-bottom: 15px; padding-right: 0; padding-left: 25px; border-left: 1px solid #ccc; }
#page_body p { text-align: left; }

#navigation { width: 140px; padding:0; color: #333; text-align: left; float: left; margin: 0; }
#navigation ul { margin: 0; padding: 0; list-style: none;} 
#navigation li { border-bottom: 1px solid #696; margin: 0; padding: 0;}
#navigation li a { display: block; padding: 6px 5px 5px 6px; color: #9c9; text-decoration: none; width: 100%; } 
html>body #navigation li a { width: auto; } 
#navigation li a:hover { background-color: #ffc; color: #363;}
/*#navigation li .current_page {color: #000;}*/
#navigation li .current_page a {color: #000;}
#navigation li .current_page a:visited {color: #000;}

html>body #navigation li .current_page { width: auto; } 


#navigation_l2 { width: 125px; padding:0 0 15px 15px; color: #333; clear: both; margin: 0; }
#navigation_l2 ul { margin: 0; padding: 0; list-style: none;} 
#navigation_l2 li { border-bottom: 1px dotted #9c9; margin: 0; padding: 0;}
#navigation_l2 li a { display: block; padding: 6px 5px 5px 6px; color: #9c9; text-decoration: none; width: 100%; } 
html>body #navigation_l2 li a { width: auto; } 
#navigation_l2 li a:hover { background-color: #ffc; color: #363;}
/*.current_page { display: block; padding: 6px 5px 5px 6px; width: 100%;  color: #363; text-decoration: none; }
html>body #navigation_l2 li .current_page { width: auto; } */


#navigation_l3 { width: 110px; padding:0 0 15px 15px; color: #333; clear: both; margin: 0; }
#navigation_l3 ul { margin: 0; padding: 0; list-style: none;} 
#navigation_l3 li { border-bottom: 1px dotted #9c9; margin: 0; padding: 0;}
#navigation_l3 li a { display: block; padding: 6px 5px 5px 6px; color: #9c9; text-decoration: none; width: 100%; } 
html>body #navigation_l3 li a { width: auto; } 
#navigation_l3 li a:hover { background-color: #ffc; color: #363;}
/*#current_page { display: block; padding: 6px 5px 5px 6px; width: 100%;  color: #363; text-decoration: none; }
html>body #navigation_l3 li #current_page { width: auto; } */

/*html>body #row_general_navigation { width: auto; }*/
#row_general_navigation { width: 555px; padding:0; color: #333; text-align: left; margin: 0 0 5px; clear: both; }
#row_general_navigation ul { margin: 0; padding: 0; list-style: none;} 
#row_general_navigation li { margin: 0 0 10px 0; padding: 0; float: left; }
#row_general_navigation li a { display: block; color: #363; text-decoration: none; width: auto; padding: 3px 6px 3px 6px; border-right: 1px solid #ccc; } 
html>body #row_general_navigation li a { width: auto; } 
#row_general_navigation li a:hover { background-color: #ffc; color: #363;}

li .current_page_gn {color: #000;}
li .current_page_gn a {color: #000;}
/*html>body #row_general_navigation li .current_page_gn { width: auto; } */


#b_row_general_navigation { width: 555px; padding:0; color: #333; text-align: left; height: 0; clear: both; margin: 10px 0 5px; }
#b_row_general_navigation ul { margin: 0; padding: 0; list-style: none;} 
#b_row_general_navigation li { margin: 0 0 0; padding: 0; float: left; }
#b_row_general_navigation li a { display: block; color: #363; text-decoration: none; width: auto; padding: 3px 10px 3px 6px; border-right: 1px solid #ccc; } 
html>body #b_row_general_navigation li a { width: auto; } 
#b_row_general_navigation li a:hover { background-color: #ffc; color: #363;}


#f_row_general_navigation { width: 100%; padding:10px 0 15px; color: #333; text-align: left; clear: both; min-height: 20px; margin: 5px 0 0; border-top: 1px dotted #999; }
#f_row_general_navigation ul { margin: 0; padding: 0; list-style: none;} 
#f_row_general_navigation li { margin: 0 0 0; padding: 0; float: left; }
#f_row_general_navigation li a { display: block; color: #363; text-decoration: none; width: auto; padding: 3px 10px 3px 6px; border-right: 1px solid #ccc; } 
html>body #f_row_general_navigation li a { width: auto; } 
#f_row_general_navigation li a:hover { background-color: #ffc; color: #363;}


/*#h_general_navigation { width: 115px; padding:0; color: #333; font-size: 11px; line-height: 11px; position: relative; top: 0; left: 490px; float: left; margin: 0; }*/
#h_general_navigation { width: 200px; padding:0; color: #274D27; font-size: 11px; line-height: 11px; position: absolute; top: 8px; left: 640px; float: left; margin: 0; }


#h_general_navigation ul { margin: 0; padding: 0; list-style: none;} 
#h_general_navigation li { border-bottom: 1px solid #696; margin: 0; padding: 0;}
#h_general_navigation li a { display: block; padding: 5px 5px 5px 6px; color: #274D27; font-size: 11px; font-weight: bold; line-height: 11px; text-decoration: none; width: 100%; } 
html>body #h_general_navigation li a { width: auto; } 
#h_general_navigation li a:hover { background-color: #ffc; color: #363;} 

.section { height: auto; clear: both; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px dotted #999; }
.section .subhead { color: #363; font-size: 12px; font-weight: normal; font-style: italic; background-color: #fff; margin-left: 95px; padding-bottom: 5px; border-bottom: 1px dotted #ccc; display: block; }
.section .description { min-height: 80px; margin: 0 0 3px 95px; padding: 5px 0 3px; display: block; }
.section .image { float: left; border: solid 1px #ccc; }

#credit_cards { color: #333; font-size: 12px; text-align: center; position: relative; top: 33px; left: 25px; width: 400px; height: 40px; float: left; }
#credit_cards p { margin: 0; padding: 5px 0 0; }
#cc_disclaimer { color: #000; font-size: 10px; text-align:center; margin-top: 10px; margin-bottom: 10px; }
/* #cc_disclaimer { color: #000; font-size: 10px; position: relative; left: 185px; width: 400px; margin-top: 10px; margin-bottom: 10px; } */

#statement { font-size: 12px; font-style: italic; text-align: center; width: 750px; overflow: hidden; margin-bottom: 15px; }
#jpmorgan_column {font-size: 12px; margin-top: 15px; margin-left: 5px;}
address { font-weight: inherit; font-style: normal; display: inline; }
apply_now_button { width: 90px; height: 24px; float: right; }

#date_time { color: #404040; font-size: 11px; font-weight: bold; text-align: right; position: absolute; top: 115px; right: 5px; width: 750px; clear: both; margin-right: 5px; }

#amazon_items_wrap { width: auto; clear: both; margin-bottom: 12px; }
.amazon_item { width: 120px; height: 240px; float: left; margin: 15px; }

.default_list { width: 300px; padding:0; text-align: left; clear: both; margin: 0; }
.default_list ul { margin: 0; padding: 0; list-style: none;}
.default_list li { border-bottom: 1px solid #696; margin: 0 0 8px; padding: 0;}
.default_list li a { display: block; padding: 6px 5px 5px 6px; text-decoration: none; width: 100%; } 
html>body .default_list li a { width: auto; } 
.default_list li a:hover { background-color: #ffc; color: #363;}
#referral_wrap { margin-top: 15px; }
#general_disclaimer { padding: 15px; border: dotted 1px #999; }