/*
    Created on : 06/02/2014, 5:21:12 PM
    Author     : ladbrokesdigitalaustralia
*/

@import url("global.css");
@import url("sub.css");

body,
html {
  margin: 0;
  padding: 0;
  color: #45484d;
  -moz-osx-font-smoothing: grayscale;
  background: #000000 url("images/lbcard-bg-man.jpg") no-repeat top center;
}

.plain { background: #000000 url("images/lbcard-bg-man-plain.jpg") no-repeat top center; }

/* content settings */

h1 {
  color: white;
  text-indent: -9999px;
}

h2 {
  color: white;
  font-size: 30px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

h3 {
  margin: 0;
  padding: 0;
  font-size: 23px;
  font-family: din, opensans, arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height: 22px;
  color: #252525;
  font-weight: normal;
  text-shadow: 1px 1px 2px #efefef;
}

p {
  margin-bottom: 10px;
}

/* button settings */

.button {
  background-color: #b3c700;
  background-image: none;
  color: #ffffff;
  text-align: center;
  float: right;
  margin-left: 17px;
  width: 92px;
  font-size: 23px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.25);
}

.action .button {
  height: 23px;
  padding-top: 12px;
}
.button:hover { background-color: #c1d800; }

/* general content setup */

.main {
  width: 990px;
  margin: auto;
  height: 100%;
}

.content {
  width: 990px;
  position: relative;
  background-color: #ffffff;
  margin-top: 20px;
  border-radius: 9px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  box-shadow: 3px 4px 20px rgba(0, 0, 0, 0.5);
}

.red-content {
  background: transparent url("images/lbcard-sprite.png") no-repeat 0 -600px;
  padding: 20px;
  height: 423px;
  width: 950px;
  border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
}

.logo {
  width: 200px;
  height: 30px;
  float: left;
}

.logo.lbcard-login {
  position: absolute;
  z-index: 999;
  margin: 20px;
}

.menu {
  float: right;
  width: 315px;
  height: 40px;
}

.menu.lbcard-login {
  position: absolute;
  z-index: 9;
  width: 950px;
  padding: 20px;
  background-color: #c70005;
}

.menu a {
  color: white;
  font-size: 20px;
  text-decoration: none;
  font-family: din, opensans, arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-align: right;
  padding: 10px 10px 0 10px;
  float: right;
  margin-left: 15px;
  height: 30px;
  background: rgb(185, 0, 0);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.menu a:hover { background-color: rgb(155, 0, 0); }

.menu .faq-link { float: left; width: 17px; height: 17px; margin-right: 6px; background: transparent url("images/lbcard-sprite.png") no-repeat -960px 0; }
.menu .how-it-works-link { float: left; width: 17px; height: 17px; margin-right: 6px; background: transparent url("images/lbcard-sprite.png") no-repeat -960px -20px; }

.the-title {
  float: right;
  width: 665px;
  height: 163px;
  margin-top: 55px;
  background: transparent url("images/lbcard-sprite.png") no-repeat -312px -417px;
}

.action {
  width: 476px;
  height: 50px;
  float: right;
  margin-top: 4px;
  font-size: 22px;
  font-family: din, opensans, arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height: 22px;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
}

.action li {
  color: white;
  float: left;
  width: 218px;
  padding-left: 20px;
}

.action .button { float: right; }

/* steps 1, 2, 3 */

.steps {
  width: 975px;
  height: 90px;
  float: right;
  margin-top: 42px;
  margin-right: -20px;
  padding-right: 15px;
}

.steps ul,
.action ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  margin-top: 24px;
}

.steps li {
  font-size: 11px;
  color: #ffffff;
  float: right;
  width: 310px;
  height: 40px;
  padding-left: 10px;
  padding-top: 8px;
}

.steps li.middle {
  width: 300px;
}

.steps li ul { list-style: disc; }

.steps .one { width: 37px; height: 37px; float: left; margin: -4px 10px 0 0; background: transparent url("images/lbcard-sprite.png") no-repeat -879px -122px; }
.steps .two { width: 37px; height: 37px; float: left; margin: -4px 10px 0 0; background: transparent url("images/lbcard-sprite.png") no-repeat -916px -122px; }
.steps .three { width: 37px; height: 37px; float: left; margin: -4px 10px 0 0; background: transparent url("images/lbcard-sprite.png") no-repeat -953px -122px; }

.video {
  width: 417px;
  float: left;
  margin-top: 45px;
  margin-left: 40px;
  font-size: 13px;
  color: #666666;
}

.video h3 { margin-bottom: 4px; }
.video p { margin: 8px 0 14px; }

.benefits {
  width: 505px;
  float: right;
  background: transparent url("images/lbcard-sprite.png") no-repeat 8px 0;
  margin-top: 20px;
}

.benefits ul {
  float: right;
  width: 300px;
  list-style: none;
  margin-top: 30px;
  margin-right: 200px;
  font-size: 13px;
  color: #666666;
}

.benefits h3 { padding-left: 20px; }

.benefits li { background: transparent url("images/lbcard-sprite.png") no-repeat -979px -469px; width: 210px; margin-left: 36px; margin-bottom: 42px; }

/* apply or join section */

.apply-or-join {
  font-size: 13px;
  color: #666666;
  padding: 0 20px 20px;
}

.apply-or-join h3 {
  color: black;
  margin-bottom: 14px;
  text-transform: uppercase;
}

.apply-or-join-column {
  width: 425px;
  float: left;
  background: #f6f6f6;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  padding: 30px 20px 20px;
}

.apply-or-join-column.two {
  float: left;
  margin-left: 20px;
}

.apply-or-join-column p,
.apply-or-join-column h3 {
  padding-right: 200px;
}


.apply-or-join-column .apply-or-join-buttons {
  width: 200px;
  float: right;
}

.lbcard-logo img {
  width: 590px;
  height: 90px;
  margin: 25px 0 35px 180px !important;
}

.lbcard-card-small {
  background: transparent url("images/lbcard-sprite.png") no-repeat -820px 0;
  width: 136px;
  height: 90px;
  margin: 0 auto 10px;
}

.apply-or-join-buttons .button { box-shadow: none; }
.apply-or-join-buttons .button.apply { margin-right: 38px; }
.apply-or-join-buttons .button.join { margin-right: 33px; }

.ladbrokes-logo {
  width: 196px;
  height: 55px;
  background: transparent url("images/lbcard-sprite.png") no-repeat -675px -122px;
  margin: 20px auto 25px;
}

/* how it works */

.how-it-works {
  margin-top: 20px;
  background: #f6f6f6;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  padding: 30px 20px 20px;
}

.how-it-works div { float: right; }

.how-it-works .button:hover { cursor: pointer; }

.grey { background-color: #999999; box-shadow: none; margin: 0 5px 0 5px; }
.grey:hover { background-color: #999999; }
.left-side { margin-top: 40px; margin-left: 10px; }
.right-side { width: 155px; }
.right-side .grey { margin: 0 auto 30px; float: none; }
.arrow { margin-top: 10px; width: 30px; height: 23px; background: transparent url("images/lbcard-sprite.png") no-repeat -500px -273px; }
.left-arrow { margin-top: 5px; width: 85px; height: 108px; background: transparent url("images/lbcard-sprite.png") no-repeat -538px -273px; }
.right-arrow { margin-top: 10px; width: 85px; height: 108px; background: transparent url("images/lbcard-sprite.png") no-repeat -625px -273px; }

/* faq page */

.faq-content {
  padding: 0 0 0 40px;
  width: 950px;
  background: #ffffff url("images/faq-bg.jpg") repeat-y right;
}

.copy {
  width: 700px;
  padding: 50px 20px 0 0;
  font-size: 12px;
}

.copy h2 {
  width: 700px;
  margin-bottom: 20px;
  border-bottom: 1px solid #eceded;
}

.lbcard-faq-question { padding: 40px 0 20px; }

.lbcard-faq-question p {
  font-size: 12px;
  color: #7b7b7b;
  margin-top: 4px;
}

.lbcard-faq-question ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.lbcard-faq-question li {
  font-size: 14px;
  color: #2f353f;
  margin-bottom: 20px;
  height: 100%;
  list-style: none;
}

.lbcard-faq-question li strong {
  font-weight: bold;
}

.lbcard-faq-question ul ul {
  padding-left: 24px;
}

.lbcard-faq-question li li {
  list-style: circle;
  background: none;
  margin: 10px 0;
  padding-left: 0;
}

.lbcard-faq-question .number {
  width: 40px;
  height: 40px;
  float: left;
}

.lbcard-faq-question .question { padding-left: 60px; }

.lbcard-faq-question .one { background: transparent url("images/lbcard-sprite.png") no-repeat -500px 0; }
.lbcard-faq-question .two { background: transparent url("images/lbcard-sprite.png") no-repeat -540px 0; }
.lbcard-faq-question .three { background: transparent url("images/lbcard-sprite.png") no-repeat -580px 0; }
.lbcard-faq-question .four { background: transparent url("images/lbcard-sprite.png") no-repeat -620px 0; }
.lbcard-faq-question .five { background: transparent url("images/lbcard-sprite.png") no-repeat -660px 0; }
.lbcard-faq-question .six { background: transparent url("images/lbcard-sprite.png") no-repeat -700px 0; }
.lbcard-faq-question .seven { background: transparent url("images/lbcard-sprite.png") no-repeat -740px 0; }
.lbcard-faq-question .eight { background: transparent url("images/lbcard-sprite.png") no-repeat -780px 0; }

.lbcard-faq-question .nine { background: transparent url("images/lbcard-sprite.png") no-repeat -500px -40px; }
.lbcard-faq-question .ten { background: transparent url("images/lbcard-sprite.png") no-repeat -540px -40px; }
.lbcard-faq-question .eleven { background: transparent url("images/lbcard-sprite.png") no-repeat -580px -40px; }
.lbcard-faq-question .twelve { background: transparent url("images/lbcard-sprite.png") no-repeat -620px -40px; }
.lbcard-faq-question .thirteen { background: transparent url("images/lbcard-sprite.png") no-repeat -660px -40px; }
.lbcard-faq-question .fourteen { background: transparent url("images/lbcard-sprite.png") no-repeat -700px -40px; }
.lbcard-faq-question .fifteen { background: transparent url("images/lbcard-sprite.png") no-repeat -740px -40px; }
.lbcard-faq-question .sixteen { background: transparent url("images/lbcard-sprite.png") no-repeat -780px -40px; }

.lbcard-faq-question .seventeen { background: transparent url("images/lbcard-sprite.png") no-repeat -500px -80px; }
.lbcard-faq-question .eightteen { background: transparent url("images/lbcard-sprite.png") no-repeat -540px -80px; }
.lbcard-faq-question .nineteen { background: transparent url("images/lbcard-sprite.png") no-repeat -580px -80px; }
.lbcard-faq-question .twenty { background: transparent url("images/lbcard-sprite.png") no-repeat -620px -80px; }
.lbcard-faq-question .twentyone { background: transparent url("images/lbcard-sprite.png") no-repeat -660px -80px; }
.lbcard-faq-question .twentytwo { background: transparent url("images/lbcard-sprite.png") no-repeat -700px -80px; }
.lbcard-faq-question .twentythree { background: transparent url("images/lbcard-sprite.png") no-repeat -740px -80px; }

.show_hide {
  background-color: #d7d7d7;
  background-image: none;
  height: 20px;
  width: 670px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  text-indent: 0;
  margin-left: 0;
  color: #2b2b2b;
  font-size: 17px;
  margin-bottom: 20px;
  text-shadow: none;
  box-shadow: none;
}

.show_hide:hover { background-color: #cccccc; color: #2b2b2b; }

.slidingDiv { position: relative; }

.lbcard-faqtitle {
  text-indent: -9999px;
  width: 405px;
  height: 23px;
  background: transparent url("images/lbcard-sprite.png") no-repeat -500px -182px;
}

/* why join tab */

.why-join {
  background: #f6f6f6;
  float: right;
  width: 215px;
  color: #999999;
  letter-spacing: -0.1px;
  border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 0 0;
  padding-bottom: 25px;
}

.why-join .title {
  background: #f0efee;
  height: 85px;
  margin-bottom: 20px;
  margin-top: 0;
  padding: 35px 0 0 20px;
  border-radius: 0 10px 0 10px;
  -webkit-border-radius: 0 10px 0 0;
  -moz-border-radius: 0 10px 0 0;
}

.why-join .title h2 {
  text-indent: -9999px;
  width: 175px;
  height: 60px;
  background: transparent url("images/lbcard-sprite.png") no-repeat -500px -120px;
}

.why-join .join-point {
  padding: 0 20px 0 20px;
  margin-bottom: 12px;
}

.why-join .join-point h3 {
  font-family: din;
  color: #6b6e72;
  letter-spacing: 0;
  font-size: 22px;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  margin-top: 16px;
}

.why-join .join-point p {
  margin-top: 0;
  margin-bottom: 8px;
}

@-moz-document url-prefix() {
  .why-join .join-point p {
    margin-bottom: 4px;
  }
}

.why-join .join-point.noborder {
  border-bottom: none;
}

.why-join .button {
  float: left;
  margin-left: 20px;
  margin-top: 8px;
  width: 141px;
  height: 42px;
  font-size: 33px;
  box-shadow: none;
}

/* footer and other settings */

.content-footer {
  width: 930px;
  margin: 30px auto 40px;
  color: #999999;
  background-color: #000000;
}

.footer { margin-top: 10px; }

.footer a { color: #999999; font-weight: bold; }

.footer .payment-types {
  height: 30px;
  padding: 10px 5px 0 0;
  width: 350px;
  float: left;
}

.footer .mastercard-downloads {
  float: left;
  height: 30px;
  background: transparent url("images/lbcard-sprite.png") no-repeat -708px -307px;
  margin: 0 20px 0 0;
  padding: 8px 0 0 100px;
}

.footer .eftpos-downloads {
  float: left;
  height: 25px;
  background: transparent url("images/lbcard-sprite.png") no-repeat -708px -273px;
  margin: 0 20px 0 0;
  padding: 8px 0 0 100px;
}

.footer .payment-types div {
  background: transparent url("images/lbcard-sprite.png") no-repeat 0 -657px;
  display: inline-block;
  height: 32px;
  width: 53px;
  margin-right: 5px;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
}

.footer .badges { height: 40px; }

.footer .payment-types .mastercard { background-position: -500px -237px; }
.footer .payment-types .mastercard { background-position: -560px -237px; }
.footer .payment-types .paypal { background-position: -620px -237px; }
.footer .payment-types .bpay { background-position: -680px -237px; }
.footer .payment-types .poli { background-position: -740px -237px; }
.footer .payment-types .netteller { background-position: -800px -237px; }

/* table settings */

table {
  background: #f6f6f6;
  border: 1px solid #d8d8d8;
  margin: 10px 0 20px 0;
  border-collapse: collapse;
  margin-right: 10px;
  width: 100%;
}

th {
  padding: 10px;
  border: 1px solid #2f353f;
  background: #2f353f;
  color: white;
  font-weight: bold;
}

tr {
  border: none;
}

td {
  border: 1px solid #d8d8d8;
  padding: 10px;
}