/* @override http://localhost:8080/css/creditz.css */

@charset "UTF-8";

/* CSS Document */

body {
  background: #123;
  color: #333;
  font-size: 11px;
}

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

a:hover {
  text-decoration: underline;
}

h1 {
  font-family: Georgia, serif;
  font-weight: normal;
  text-align: center;
}

h2 {
  padding: 20px 0 0;
  text-align: center;
}

.container_16 {
  background: #fff;
  border: 1px solid black;
}

.separator {
  background: #0068b3;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  min-height: 8px;
}

#head {
  background: #0068b3;
  color: white;
  text-align: right;
  width: 100%;
  margin-left: 0px;
  min-height: 8px;
}

#head img {
  padding: 12px 20px;
}

#head a, #creditz_footer a {
  color: white;
}

#creditz_header {
  background: url(../images/header.png) no-repeat;
  height: 100px;
  width: 960px;
  margin: 0px;
}

#creditz_logo {
  margin-top: 10px;
  margin-left: 10px;
}

#creditz_api {
  margin-top: 10px;
  margin-left: 5px;
}

#creditz_api2 {
  margin-top: 20px;
  margin-left: 100px;
}

#creditz_api3 {
  margin-top: -30px;
  margin-left: -50px;
}

#creditz_api4 {
  margin-top: -10px;
  margin-left: 10px;
}

#merchant_get_paid {
  margin-top: -60px;
  margin-left: 5px;
}

#merchant_get_paid1 {
  margin-top: 0px;
  margin-left: 150px;
}

#click_here {
  margin-top: -7px;
  margin-left: 100px;
}

#merchant_payment_cards {
  margin-top: -375px;
  margin-left: 0px;
}

#merchant_join_free {
  margin-top: -375px;
  margin-left: 200px;
}

#merchant_creditz_logo {
  margin-top: 0px;
  margin-left: 110px;
}

#merchant_creditz_mobile {
  margin-top: -40px;
  margin-left: 100px;
}

#open_account {
  margin-top: -60px;
  margin-left: 160px;
}

#creditz_banner {
  margin-top: 0px;
  margin-left: 400px;
}

#Floating_card {
  margin-top: 0px;
  margin-left: -20px;
}

#Floating_card1 {
  margin-top: -475px;
  margin-left: 0px;
}

#Floating_card2 {
  margin-top: 10px;
  margin-left: 35px;
}

#Floating_card3 {
  margin-top: 10px;
  margin-left: 130px;
}

#merchant_profit {
  margin-top: 10px;
  margin-left: 15px;
}

#star {
  margin-top: -32px;
  margin-left: 120px;
}

#star1 {
  margin-top: -13px;
  margin-left: 270px;
}

#acc_card {
  margin-top: -21px;
  margin-left: 170px;
}

#brochures {
  margin-top: -19px;
  margin-left: 310px;
}

#top_ten1 {
  margin-top: -10px;
  margin-left: 50px;
}

#top_ten2 {
  margin-top: 0px;
  margin-left: 100px;
}

#creditz_paid {
  margin-top: 40px;
  margin-left: 30px;
}

#locale_box {
  background: url(../images/block_navy.png) no-repeat;
  height: 163px;
  width: 300px;
  color: white;
  font-size: 12px;
  margin-top: 20px;
  margin-bottom: 20px;
}

#locale_box h1 {
  color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  padding-top: 10px;
}

#locale_box a {
  color: #ffffcc;
}

#new_merchants {
  text-align: center;
  padding-top: 20px;
  width: 370px;
}

#new_merchants h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  padding-top: 0px;
  margin-bottom: 1px;
  color: #c41c47;
}

#news_ticker_1 {
  width: 370px;
}

.news_ticker {
  line-height: 1em;
}

#member_tips {
  background: url(../images/block_blue.png) no-repeat;
  width: 300px;
  height: 176px;
  color: white;
}

#member_tips h1 {
  color: #ffffcc;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 18px;
  padding-top: 20px;
}

#member_tips p, #login_form {
  padding-left: 20px;
  padding-right: 10px;
  font-size: 12px;
}


#animatedcollapse {
  color: black;
  background: #ebebeb;
  width: 300px;
  margin-top: 5px;
  margin-bottom: 5px;
}

#animatedcollapse h1 {
  display: block;
  background: url(../images/panel_header.png) no-repeat;
  color: white;
  width: 300px;
  height: 30px;
  line-height: 30px;
  margin-bottom: 10px;
}

#animatedcollapse h1.first {
  background: url(../images/panel_header.png) no-repeat white;
}

#animatedcollapse h1 a {
  text-decoration: none;
  color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.anime {
  width: 280px;
  background: #ebebeb;
  margin: 0 10px;
}

#creditz_content {
  margin-top: 20px;
  margin-bottom: 20px;
}

#creditz_content1 {
  margin-top: 360px;
  margin-bottom: 20px;
}

.creditz_content {
  margin-top: 20px;
  margin-bottom: 20px;
}

.creditz_content_next {
  margin-bottom: 20px;
}

.merchant_content {
  font-size: 10pt;
  margin-bottom: 1.5em;
}

h1.title {
  color: #0068b3;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 30px;
}

h2.title {
  color: #c41c47;
  font-size: 15px;
  font-weight: normal;
  margin-top: -35px;
}

#intro_text h1 {
  color: #0068b3;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 30px;
}

#intro_text h2 {
  color: #c41c47;
  font-size: 15px;
  font-weight: normal;
  margin-top: -35px;
}

#creditz_bottom_nav {
  background: #0068b3;
  color: white;
  text-align: center;
  width: 100%;
  margin-left: 0px;
  padding-top: 10px;
}

#creditz_bottom_nav p {
  margin-bottom: 0px;
}

#creditz_bottom_nav a {
  color: white;
}

#creditz_footer {
  background: #0068b3;
  color: white;
  text-align: center;
  width: 100%;
  margin-left: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#creditz_subnav {
  background-color: #0068b3;
  height: 460px;
  min-height: 460px;
  margin-left: 0px;
}

#creditz_subnav, #shopby {
  color: white;
  text-align: left;
  padding-top: 15px;
}

#creditz_subnav a, #shopby li a {
  text-decoration: none;
  color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

#creditz_subnav a:hover,  #creditz_subnav a#left_selected {
  color: yellow;
}

#creditz_subnav ul, #shopby ul {
  list-style: none;
}

#creditz_subnav ul ul a {
  font-size: 12px;
}

#block_huge {
  background: url(../images/block_navy_huge.png) no-repeat;
  height: 332px;
  width: 619px;
  text-align: left;
  padding: 20px;
}

#block_huge h1 {
  color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 30px;
  text-align: left;
}

#block_sq_blue, #block_sq_navy, #block_sq_red, #block_blue_large {
  background: url(../images/block_sq_blue.png) no-repeat;
  height: 199px;
  width: 211px;
  text-align: left;
  padding: 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: white;
}

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

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

#block_blue_large {
  background: url(../images/block_blue_large.png) no-repeat;
  height: 181px;
  width: 614px;
}

#shopby {
  color: #0068b3;
  background: white;
  text-align: right;
  padding-top: 15px;
}

#shopby li a {
  text-decoration: none;
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
}

#shopby h1 {
  color: #0068b3;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 30px;
  text-align: left;
}

#shopby li a:hover {
  color: #0068b3;
}

#shopby p {
  border: 1px solid #f1eee5;
  padding: 5px;
}

#shopby_brand {
  border: 1px solid #666666;
}

#shopby_brand th {
  background: #f1eee5;
}

#shopby_brand tbody tr td {
  font-family: "lucida grande", verdana, sans-serif;
  font-size: 8pt;
  padding: 3px 8px;
  border-top: 1px solid #D9D9D9;
  text-align: left;
}

#shopby_brand img {
  border: 1px solid #f1eee5;
}

#shopby a {
  text-decoration: none;
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.col4_form {
  width: 80%;
}

.col4_form td {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 5px;
}

/* Basic form (e.g. signup, questionnaire) */

.basic_form {
  margin: 0 auto;
}

.basic_form td {
  padding: 2px;
}

.col2_form {
  
}

.col2_form td {
  padding: 2px 5px 2px 5px;
}

.col2_form label {
  font-weight: bold;
}

.sectionend {

}

.sectionend td {
  padding-bottom: 10px;
}

.sectionbegin {

}

.sectionbegin td {
  padding-top: 10px;
}

.form_required {
  color: red;
}

.form_optional {
  color: black;
}

/* use on columns > 1 */
td.form_col{
  padding-left: 10px;
}

.form_hint {
  font-size: 0.8em;
  color: gray;
}

.form_error {
  color: white;
  background-color: red;
}

.form_error_summary {
  border: 2px solid black;
  color: white;
  background-color: red;
  text-align: center;
  font-weight: bold;
  padding: 0.2em 2em;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 400px;
}

#text_page {
  width: 500px;
  margin-left: 190px;
}

#lnkshare_lnks img {
  padding: 20px;
}

.footer_links {
  font-size: 9pt;
}

.footer_links a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin-right: 10px;
}

.brand_links a {
  padding-left: 4px;
  padding-right: 4px;
}

#gift_cards {
  height: 380px;
  width: 260px;
  min-width: 260px;
  overflow: auto;
  float: left;
}

#gift_cards td {
  padding-top: 6px;
  padding-bottom: 6px;
}

#shopping_cart {
  width: 340px;
  min-width: 340px;
  overflow: hidden;
  float: left;
  margin-left: 20px;
}

#shopping_cart table {
  width: 85%;
}

#shopping_cart th {
  background-color: #0068b3;
  color: white;
  font-weight: bold;
  text-align: left;
}

#shopping_cart td {
  border-bottom: solid 1px black;
  padding: 4px 2px 4px 2px;
}

.statement_title {
  font-size: larger;
  font-weight: bold;
  margin-bottom: 10px;
}

.statement_buttons {
  margin-top: 10px;
  margin-bottom: 10px;
}

.statement_button {
  background-color: #0068b3;
  color: white;
  font-weight: bold;
  border: 2px solid gray;
  padding: 2px 10px;
  margin-right: 2px;
}

.statement_balance {
  font-weight: bold;
  margin-bottom: 4px;
  margin-top: 4px;
}

#statement_body {
  display: inline-block;
}

table.statement_table {
  margin-bottom: 0px;
}

.statement_table th {
  background-color: #eeeeee;
  border: 1px solid gray;
  padding: 2px 8px;
}

.ibm {
  font-weight: bold;
  font-size: 10pt;
}

.statement_table td {
  background-color: #eeeeee;
  border: 1px solid gray;
  padding: 1px 8px;
}

.remove_card {
  color: red;
  text-align: center;
  cursor: pointer;
}

.card {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 11pt;
}

.card label {
  font-weight: bold;
  padding-right: 10px;
}

#exchange_content {
  width: 300px;
  float: left;
}

.exchange_rules {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 11pt;
}

.exchange_rules label {
  font-weight: bold;
  padding-right: 10px;
  padding-left: 5px;
}

#login_form table {
  margin-bottom: 10px;
}

h3 {
  color: #c41c47;
  font-size: 13px;
  font-weight: normal;
  margin-top: -20px;
}

/*#login_status {
  color: yellow;
  font-size: 0.7em;
  font-weight: normal;
  margin-left: -10px;
}*/

#topnav_logout {
  display: inline-block;
  margin-top: -10px;
  margin-left: -10px;
  top: 4px;
  position: relative;
  color: yellow;
  font-size: 0.7em;
  font-weight: normal;
}

#topnav_login {
  color: yellow;
  font-size: 0.7em;
  font-weight: normal;
  margin-left: -12px;
}

#topnav_country {
  color: yellow;
  font-size: 0.7em;
  font-weight: normal;
  padding-left: 2px;
}

#password_form label {
  margin: 5px 5px 5px 20px;
}

.inline_chunk {
  height: 80px;
  width: 700px;
  overflow: auto;
  border: 1px solid silver;
}

.questionnaire_opt_out {
  margin-bottom: 10px;
}

.questionnaire_opt_out a {
  color: #0068b3;
  font-style: italic;
}

.form_heading {
  color: #0068b3;
  font-weight: bold;
  font-size: 1.1em;
  margin-top: 10px;
}

.questionnaire_text {
  font-weight: bold;
}

.dialog_content {
  margin-right: auto;
  margin-left: auto;
  width: 300px;
  text-align: center;
}

.legal_embed h1 {
  color: #0068b3;
  font-size: 10px;
  font-weight: normal;
  margin-top: 15px;
  margin-bottom: 15px;
}

.legal_embed h3 {
  color: #c41c47;
  font-size: 13px;
  font-weight: normal;
  margin-top: 15px;
  margin-bottom: 5px;
}

.legal_embed p {
  margin-bottom: 10px;
}

/* hybrid graphic-text buttons */

a.button:hover {
  text-decoration: none;
}

.button_outer {
  display: table;
  text-align: left;
}

.button_middle {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  text-align: center;
}

.button_inner {
  margin-right: 10px;
  margin-left: 10px;
  font-size: 1.2em;
  color: white;
}

.button_small {
  width: 209px;
  height: 85px;
}

.button_lightblue_small {
  background: url(../images/button_lightblue_small.gif) no-repeat;
}

.button_darkblue_small {
  background: url(../images/button_darkblue_small.gif) no-repeat;
}

.button_red_small {
  background: url(../images/button_red_small.gif) no-repeat;
}

.placeholder {
  color: #ccc;
}

/* DEPRECATED */
#login-box {
  background: url(../images/block_navy.png) no-repeat;
  height: 163px;
  width: 300px;
  color: white;
  font-size: 12px;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* DEPRECATED */
#login-box h1 {
  color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* DEPRECATED */
#login-box a {
  color: #ffffcc;
}

/* DEPRECATED */
#login-box #submit {
  float: right;
  padding-top: 5px;
  padding-left: 5px;
}

/* DEPRECATED */
#login-box table td {
  color: white;
  font-size: 12px;
}

#login_box {
  height: 163px;
  color: white;
  font-size: 12px;
}

.login_box_narrow {
  background: url(../images/block_navy.png) no-repeat;
  width: 300px;
}

.login_box_wide {
  background: url(../images/login_box.gif) no-repeat;
  width: 370px;
}

.login_box_centered {
  margin-left: auto;
  margin-right: auto;
}

#login_box h1 {
  color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  padding-top: 8px;
  margin-bottom: -4px;
}

#login_box a {
  color: #ffffcc;
}

#login_box p {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 0.9em;
}

#login_box #login_form {
  margin-top: 12px;
  margin-bottom: 12px;
}

#login_box .card_part, #login_box .password {
  margin-right: 4px;
  margin-bottom: 4px;
}

#login_box #card_part_1 {
  width: 60px;
}

#login_box #card_part_2 {
  width: 30px;
}

#login_box #card_part_3, #login_box #card_part_4 {
  width: 45px;
}

#login_box #password {
  width: 130px;
}

#login_box #name {
  width: 130px;
}

#login_box .login_field {
  width: 130px;
}

#login_box .login_error {
  width: 130px;
  color: white;
  background-color: red;
}

#login_box .login_caption {
  padding-right: 6px;
  text-align: right;
}

#login_box .caption {
  width: 60px;
  display: inline-block;
  margin-bottom: 6px;
}

#login_box #submit {
  float: right;
  padding-top: 5px;
}