/* @group General styles */

@font-face
{
    font-family: 'rf-vag';
    font-weight: 100;
    src: url(../fonts/VAGRoundedLTCom-Light.ttf);
}


div#layout_1 {
  float: left;
  padding-bottom: 35px;
  text-align: left;
}

.my-redfunnel p {
  font-size: 1.1em;
  line-height: 1.2em;
  margin-bottom: 1.2em;
}
.next-disabled{
    background: url(/img/my_redfunnel/next_button_white.gif) no-repeat 0 -58px;

    width: 53px;
    height: 26px;
    float: right;
}

.previous-disabled{
    background: url(/img/my_redfunnel/previous_button_white.gif) no-repeat 0 -58px;

    width: 74px;
    height: 26px;
    float: right;
}

.replacement,
.submit input {
  display: block;
  overflow: hidden;
  text-indent: -5000px !important;
}

a.replacement,
.submit input {
  border: 0;
  cursor: pointer;
}

.clearfix-myrf:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

/* @end */

/* @group My Red Funnel logged out */

.my-redfunnel .intro {
  padding: 10px 10px 0 10px;
}

.my-redfunnel .intro h3 {
  font-size: 1.4em;
  font-weight: normal;
}

/* @end */

/* @group Panels */

.panel {
  float: left;
  margin-bottom: 5px;
  width: 360px;
}

.panel .bg {
  width: 360px;
}

.panel .hd {
  padding-top: 12px;
}

.panel .bd {
  padding: 10px 10px 0 10px;
}

.panel .ft {
  height: 10px;
  width: 360px;
}

.panel h3 {
  margin-bottom: 0;
}

/* @end */

/* @group Sign Up panel */

.signup {
  margin-right: 3px;
}

.signup .bg {
  background: transparent url(/img/my_redfunnel/signup_bg.png) no-repeat 0 0;
}

.signup .hd {
  padding-left: 12px;
  padding-bottom: 25px;
}

.signup h3.new-user {
  background: transparent url(/img/my_redfunnel/signup_hd.png) no-repeat 0 0;
  height: 21px;
  width: 203px;
}

.signup .ft {
  background: #fff url(/img/my_redfunnel/signup_ft.png) no-repeat 0 0;
}

.signup .signup-button {
  background: transparent url(/img/my_redfunnel/signup_button.png) no-repeat 0 0;
  height: 16px;
  margin-top: 24px;
  width: 91px;
}

/* @end */

/* @group Existing User panel */

.existing {
  color: #fff;
}

.existing .bg {
  background: transparent url(/img/my_redfunnel/existing_bg.png) no-repeat 0 0;
}

.existing .hd {
  padding-left: 191px;
  padding-bottom: 25px;
}

.existing h3.existing-user {
  background: transparent url(/img/my_redfunnel/existing_hd.png) no-repeat 0 0;
  height: 21px;
  width: 159px;
}

.existing .ft {
  background: #fff url(/img/my_redfunnel/existing_ft.png) no-repeat 0 0;
}

.existing .input {
  padding-bottom: 2px;
}

.existing .input label {
  float: left;
  font-size: 1.1em;
  font-weight: bold;
  padding: 4px 9px 0 0;
  text-align: right;
  width: 121px;
}

.existing .input input {
  width: 164px;
}

.existing .submit {
  padding-top: 4px;
  margin-left: 249px;
}

.existing .login-button {
  background: url(/img/my_redfunnel/login_button_red.gif) no-repeat top center;
  height: 29px;
  width: 56px;
}
.existing .login-button:hover { background-position: bottom center; }

.existing .forgotten-password {
  float: left;
  margin-bottom: 0;
  margin-left: 130px;
  margin-top: 10px;
  width: 110px;

}

.existing .forgotten-password a {
  color: #fff;
  font-size: 0.8em;
}

.existing-user-login .bg {
  background: #fff url(/img/my_redfunnel/existing_user_login_small_bg.png) no-repeat 0 0!important;
}

.existing-agent-login .bg {
  background: #fff url(/img/business/existing-agent-login-small-bg.png) no-repeat 0 0!important;
}

.existing-user-login .hd {
  padding: 13px 0 0 11px!important;
}

.existing-user-login h3.existing-user-login-hd {
  background: #fff url(/img/my_redfunnel/existing_user_login_hd.png) no-repeat 0 0;
  height: 20px;
  width: 159px;
  border: 0;
}

.existing-agent-login h3.trade-login-hd {
  background: url(/img/business/account-login-hd.png) no-repeat 0 0;
  height: 21px;
  width: 122px;
  border: 0;
}

.existing-user-login .bd {
  padding-bottom: 0!important;
}

.existing-user-login .text label,
.existing-user-login .password label {
  font-size: 1.1em;
  font-weight: bold;
  margin: 8px 0 2px 0;
}

.existing-agent-login .text label,
.existing-agent-login .password label {
  font-size: 1.1em;
  font-weight: bold;
  margin: 8px 0 2px 0;
}

.existing-user-login .text input,
.existing-user-login .password input {
  margin-left: 0;
  width: 150px;
}

.existing-agent-login .text input,
.existing-agent-login .password input {
  margin-left: 0;
  width: 150px;
}

.existing-user-login p.forgotten-password {
  float: left;
  width: 50px;
}

.existing-user-login p.forgotten-password a {
  color: #FFF;
  background-colour: #FC0!important;
}

.existing-user-login .submit {
  padding-top: 6px;
}

.existing-agent-login .login-button {
  background: url(/img/business/login-button-purple.gif) no-repeat 0 0;
  height: 27px;
  width: 50px;
  border: 0;
  margin-top: 10px;
  padding-top: 27px;
}
.existing-agent-login .login-button:hover { background-position: bottom center; }

.agent-details-small .logout-button {
  background: url(/img/business/log-out-button-purple.gif) no-repeat 0 0;
  height: 27px;
  width: 60px;
  border: 0;
  margin-top: 10px;
  float: right;
}
.agent-details-small .logout-button:hover { background-position: bottom center; }

/* @end */

/* @group Benefits panel */

.benefits {
  clear: left;
  margin-right: 3px;
}

.benefits .bg {
  background: transparent url(/img/my_redfunnel/benefits_bg.png) no-repeat 0 0;
}

.benefits .hd {
  padding-left: 11px;
  padding-bottom: 16px;
}

.benefits h3.benefits-member {
  background: transparent url(/img/my_redfunnel/benefits_hd.png) no-repeat 0 0;
  height: 21px;
  width: 316px;
}

.benefits .ft {
  background: #fff url(/img/my_redfunnel/signup_ft.png) no-repeat 0 0;
}

.benefits ul {
  background: transparent url(/img/my_redfunnel/travel_card.gif) no-repeat 205px bottom;
}

.benefits ul li {
  background: transparent url(/img/my_redfunnel/red_tick.png) no-repeat 0 0;
  padding-left: 27px;
}

.benefits ul li h4 {
  color: #d2001b;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0.4em;
  padding-top: 4px;
}

.benefits ul li#travel-card {
  padding-right: 150px;
}

.win-an-ipad {
  width: 360px;
  height: 288px;
  font-size: 1em;
  text-indent: -2000px;
  position: relative;
  overflow: hidden;
  background: url(/img/my_redfunnel/sign_up_and_win_an_ipad.gif) no-repeat;
}

#ipad-terms {
  position: absolute;
  right: 10px;
  top: 215px;
  width: 120px;
  height: 14px;
}

/* @end */

/* @group prize panel */

.prizes .bg {
  background: transparent url(/img/my_redfunnel/prize_bg.jpg) top left no-repeat;
  height: 288px;
}

.prizes .hd {
}

.prizes .bd {
}

.prizes .prize-terms {
  background: transparent url(/img/my_redfunnel/prize_terms.gif) no-repeat 0 0;
  height: 9px;
  margin: 210px 0 0 240px;
  width: 99px;
}

.prizes .ft {
}

.prizes-small .prize-text-first-small {
  color: white;
  line-height: 1.3em;
}

.prizes-small .ft {
  background: #fff url(/img/my_redfunnel/prize_draw_small_ft.png) no-repeat 0 0;
  height: 31px;
}

/* @end */

/* @group My Details panel */

.my-details {
  margin-right: 3px;
}

.my-details .bg {
  background: transparent url(/img/my_redfunnel/my_details_bg.png) no-repeat 0 0;
}

.my-details .hd {
  padding-left: 11px;
  padding-bottom: 35px;
}

.my-details h3.my-details-hd {
  background: transparent url(/img/my_redfunnel/my_details_hd.png) no-repeat 0 0;
  height: 24px;
  width: 101px;
}

.my-details ul li h4 a {
  background: transparent url(/img/my_redfunnel/red_arrow.png) no-repeat 100% 6px;
  color: #d2001b;
  font-size: 1.2em;
  font-weight: bold;
  padding-right: 7px;
}

.my-details ul li h4 {
  margin-bottom: 0.4em;
}

.my-details ul li p {
  margin-bottom: 0.7em;
}

.my-details ul li {
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 0.7em;
}

.my-details ul li.last-child {
  border-bottom: 0;
}

.my-details .ft {
  background: #fff url(/img/my_redfunnel/my_details_ft.png) no-repeat 0 0;
}

/* @end */

/* @group Travelcard panel */

.travelcard {
  margin-right: 3px;
}

.travelcard .bg {
  background: transparent url(/img/my_redfunnel/travelcard_bg.png) no-repeat 0 0;
}

.travelcard .hd {
  padding-left: 11px;
  padding-bottom: 35px;
}

.travelcard h3.travelcard-hd {
  background: transparent url(/img/my_redfunnel/travelcard_hd.png) no-repeat 0 0;
  height: 24px;
  width: 104px;
}

.travelcard ul li h4 a {
  background: transparent url(/img/my_redfunnel/red_arrow.png) no-repeat 100% 6px;
  color: #d2001b;
  font-size: 1.2em;
  font-weight: bold;
  padding-right: 7px;
}

.travelcard ul li h4 a {
  background: transparent url(/img/my_redfunnel/red_arrow.png) no-repeat 100% 6px;
  color: #d2001b;
  font-size: 1.2em;
  font-weight: bold;
  padding-right: 7px;
}

.travelcard ul li h4 {
  margin-bottom: 0.4em;
}

.travelcard ul li p {
  margin-bottom: 0.7em;
}

.travelcard ul li {
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 0.7em;
}

.travelcard ul li.last-child {
  border-bottom: 0;
}

.travelcard .ft {
  background: #fff url(/img/my_redfunnel/travelcard_ft.png) no-repeat 0 0;
}

/* @end */

/* @group Your Details panel */

.your-details,
.agent-details {
  position: relative;
}

.your-details .bg {
  background: transparent url(/img/my_redfunnel/your_details_bg.png) no-repeat 0 0;
}

.agent-details .bg {
  background: transparent url(/img/business/your-details-bg.png) no-repeat 0 0;
}

.your-details .hd {
  padding-left: 250px;
  padding-bottom: 35px;
}

.your-details h3.your-details-hd {
  background: transparent url(/img/my_redfunnel/your_details_hd.png) no-repeat 0 0;
  height: 17px;
  width: 100px;
}

h3.agent-details-small-hd {
  background: transparent url(/img/business/your-details-hd.png) no-repeat 0 0;
  height: 18px;
  width: 99px;
}

.your-details .bd {
  color: #fff;
}

.your-details .log-out-button,
.your-details .update-button {
  background-position: top center;
  backgroun-repeat: no-repeat;
  height: 29px;
  width: 69px;
}

.your-details .log-out-button:hover,
.your-details .update-button:hover {
  background-position: bottom center;
  backgroun-repeat: no-repeat;
}

.your-details .log-out-button { background-image: url(/img/my_redfunnel/log_out_button_red.gif); }
.your-details .update-button { background-image: url(/img/my_redfunnel/update_button_red.gif); }

.your-details .log-out-button { margin-top: 16px; margin-bottom: 20px; }

.your-details .photo-frame {
  float: left;
  margin-right:10px;
}

.your-details .name {
  font-size: 1.3em;
}

.your-details .ft {
  background: #fff url(/img/my_redfunnel/your_details_ft.png) no-repeat 0 0;
}

/* @end */

/* @group Panels large */

.panel-large,
.sms {
  float: left;
  width: 542px;
}

.panel-large .bg,
.sms .bg {
  background: #fff url(/img/my_redfunnel/my_contact_details_bg.png) no-repeat 0 0;
  width: 542px;
}

.panel-large .bd,
.sms .bd {
  padding: 53px 10px 10px 10px;
}

.panel-large .ft,
.sms .ft {
  background: #fff url(/img/my_redfunnel/my_contact_details_ft.png) no-repeat 0 0;
  height: 10px;
  width: 542px;
}

.panel-large .input,
.sms-fields .input {
  background: #f7f7f7;
  clear: left;
  margin-bottom: 1px;
  padding: 4px 52px 3px 0px;
  width: 470px;
  overflow: hidden;
}

.panel-large .input label,
.panel-large .radio span,
.sms-fields .radio span {
  font-size: 1.1em;
}

.panel-large .text label,
.panel-large .file label,
.panel-large .select label,
.panel-large .password label,
.panel-large .date label,
.panel-large .radio span,
.sms-fields .text label,
.sms-fields .radio span {
  float: left;
  padding-top: 5px;
  width: 180px;
  margin-right: 20px;
  text-align: right;
}

form p em,
form label em {
  color: #990000;
  font-style: normal;
}

.panel-large .text input,
.panel-large .password input,
.sms-fields .text input {
  width: 254px;
}

.sms-fields .text input.country_code
{
    float: left;
    width: 32px;
    margin-right: 5px;
}

.sms-fields .text input.number
{
    float: left;
    width: 210px;
}

.sms-fields .radio label
{
    margin-right: 1em;
}

.panel-large  div.checkbox {
  padding:4px 52px 5px 0;
}

div.checkbox label {

  text-align: left;
  width: 250px;
  margin-top: 2px;
    margin-left:10px;
}

div.checkbox label[for="MyrfUserBusinessAccount"] {
	
	margin-top: 0;	
}
label[for="LoyaltyAccept"]{
    font-size: 1.1em;
}
#UserPreferencesForm div.checkbox {
  padding: 4px 10px 5px 10px;
  width: 500px;
}

#MyrfUserEditForm div.checkbox {
  padding: 4px 10px 5px 10px;
	float:left;
}

#UserPreferencesForm div.checkbox input {
  float: right;
}

#MyrfUserEditForm div.checkbox input {
	float:right;
	margin:11px 0 0;
}

.panel-large .select select {
  width: 262px;
}

.panel-large .title select,
.panel-large .postcode input {
  width: 100px;
}

.panel-large .checkbox input {
  margin-left: 200px;
  float: left;
}

.panel-large .input p {
  margin: 5px 12px 0 130px;
}

.panel-large .submit {
  margin: 10px 0 10px 10px;
  height: 30px;
}

.send-button {
  background: #fff url(/img/my_redfunnel/save_button_white.gif) no-repeat 0 0;
  height: 28px;
  width: 53px;
  float: right;
}

.radio-row input {
  width: 30px!important;
}

/* @end */

/* @group Panel Tabbed */

.panel-tabbed .bg {
  background: #fff url(/img/my_redfunnel/panel_tabbed_ft.gif) no-repeat bottom left;
}

.panel-tabbed .bd {
  padding: 10px;
}

/* @end */

/* @group My Contact Details panel */

.my-contact-details .bg {
  background: #fff url(/img/my_redfunnel/my_contact_details_bg.png) no-repeat 0 0;
}

.my-contact-details .bd {
  padding: 53px 10px 10px 10px;
  width: 521px;
}

.my-contact-details .bd .box {
	padding:16px;
	background:#F7F7F7;
}

.my-contact-details .ft {
  background: #fff url(/img/my_redfunnel/my_contact_details_ft.png) no-repeat 0 0;
}

/* @end */

/* @group Photo Frame */

.photo-frame {
  width: 73px;
  float: left;
}

.photo-frame .outside {
  background: transparent url(/img/my_redfunnel/photo_frame_outside.png) no-repeat 0 0;
  padding-left: 2px;
  padding-top: 1px;
  width: 71px;
}

.photo-frame .outside img {
  display: block;
}

.photo-frame .bottom {
  background: transparent url(/img/my_redfunnel/photo_frame_bottom.png) no-repeat 0 0;
  height: 2px;
  width: 73px;
}

/* @end */

/* @group Small panel */

.panel-small {
  float: left;
  width: 179px;
}

.panel-small .bg {
  width: 179px;
}

.panel-small .bd {
  padding: 10px;
}

.panel-small .ft {
  height: 10px;
  width: 179px;
}

/* @end */

/* @group Common Panel */

.panel-common {
  margin-bottom: 5px;
}

.panel-common .hd {
  background-position: top left;
  background-repeat: no-repeat;
  height: 51px;
  line-height: 51px;
}

.panel-common .hd#purchase-summary        { background-image: url(/img/my_redfunnel/purchase_summary_hd.png); }
.panel-common .hd#customer-summary        { background-image: url(/img/my_redfunnel/customer_summary_hd.png); }
.panel-common .hd#payment-details         { background-image: url(/img/my_redfunnel/payment_details_hd.png); }
.panel-common .hd#red-jet                 { background-image: url(/img/my_redfunnel/red_jet_hd.png); }
.panel-common .hd#red-jet-student         { background-image: url(/img/my_redfunnel/red_jet_student_hd.png); }
.panel-common .hd#passenger-vehicle-ferry { background-image: url(/img/my_redfunnel/passenger_vehicle_ferry_hd.png); }
.panel-common .hd#saver-ticket-books      { background-image: url(/img/my_redfunnel/saver_ticket_books_hd.png); }
.panel-common .hd#additional-information  { background-image: url(/img/my_redfunnel/additional_information_hd.png); }

.panel-common .bg {
  background: #fff url(/img/my_redfunnel/panel_tabbed_ft.gif) no-repeat bottom left;
  padding: 10px;
}

.panel-common .bg strong {
  color: #d61d1e;
}

.panel-common .bg p {
  line-height: 1.8em;
}

.panel-common .bg .form-row {
  background-color: #f9f9f9;
}

.panel-common .bg .form-note {
  background-color: #f9f9f9;
  color: #333!important;
  padding: 3px 5px 4px 5px;
  margin-bottom: 1px;
  width: 512px;
}

.panel-common .bg .form-note-indented {
  padding-left: 90px!important;
  width: 427px!important;
}

.panel-common .bg .form-note strong {
  color: #333!important;
}

/* @end */

/* @group Your details small panel */

.agent-details-small,
.your-details-small {
  color: #fff;
  margin-left: 1px;
  position: relative;
}

.agent-details-small .profile,
.your-details-small .profile {
  clear: both;
  padding-top: 5px;
}

.your-details-small .bg {
  background: #fff url(/img/my_redfunnel/your_details_small_bg.png) no-repeat 0 0;
}

.agent-details-small .bg {
  background: #fff url(/img/business/agent-details-small-bg.png) no-repeat 0 0;
}

.your-details-small .hd {
  padding: 13px 0 0 69px;
}

.agent-details-small .hd,
.existing-agent-login .hd {
  padding: 13px 0 0 10px;
}

.your-details-small .bd {
  min-height: 180px;
}

.your-details-small h3.your-details-small-hd {
  background: #fff url(/img/my_redfunnel/your_details_hd.png) no-repeat 0 0;
  height: 17px;
  width: 100px;
  border: 0;
}

.your-details-small .log-out-button,
.your-details-small .update-button {
  background-position: top center;
  backgroun-repeat: no-repeat;
  height: 29px;
  width: 69px;
  float: right;
}

.your-details-small .log-out-button:hover,
.your-details-small .update-button:hover {
  background-position: bottom center;
}

.your-details-small .log-out-button { background-image: url(/img/my_redfunnel/log_out_button_red.gif); }
.your-details-small .update-button { background-image: url(/img/my_redfunnel/update_button_red.gif); }

.your-details-small .log-out-button { margin-top: 13px; }
.your-details-small .update-button { margin-top: 48px; }

.your-details-small .use-travelcard input {
  float: left;
  margin: 0;
}

.your-details-small .use-travelcard label {
  cursor: pointer;
  float: left;
  width: 130px;
  padding: 0 0 5px 5px;
}

.your-details-small ul {
  font-size: 1.1em;
  list-style-type: none;
  margin-bottom: 1em;
  margin-top: 1em;
  margin-left: 0;
  margin-right: 0;
}
.your-details-small ul li {
  background: none;
  padding-left: 0;
}

.your-details-small .ft {
  background: transparent url(/img/my_redfunnel/your_details_small_ft.png) no-repeat 0 0;
}

.existing-agent-login .ft {
  background: transparent url(/img/business/agent-details-small-ft.png) no-repeat 0 0;
}

.agent-details-small .ft {
  background: transparent url(/img/business/agent-details-small-ft.png) no-repeat 0 0;
}

/* @end */

/* @group Preferences */

.preferences .checkbox input {
  float: left;
  margin-left: 0;
}

.preferences .checkbox label {
  float: left;
  line-height: 1.3;
  width: 470px;
}

/* @end */

/* @group Interests */

.interests .input {
  background: #fff;
  padding: 0;
  width: 522px;
}

.interests .checkbox {
  background: #F7F7F7;
  clear: left;
  margin-bottom: 1px;
  overflow: hidden;
  padding: 4px 52px 3px 70px;
  width: 400px;
}

.interests .checkbox input {
  float: left;
  margin-left: 0;
}

.interests .checkbox label {
  width: 300px;
  float: right;
  margin-top: 1px;
}

/* @end */

/* @group Sms */

.sms-fields label {
  font-size: 1.1em;
}

/* @end */

/* @group Login */

.login .login-button {
  background-image: url(/img/my_redfunnel/login_button_red.gif) no-repeat top center;
  height: 29px;
  width: 56px;
  float: right;
}
.login .login-button:hover { background-position: bottom center }

/* @group Terms */

.terms ul {
  font-size: 1.1em;
  list-style-type: decimal;
  margin-left: 25px;
  line-height: 1.3;
}

/* @end */


/* @group MyRf Add */

#myrf-add {

}

#myrf-add label {
  padding-top: 4px;
}

#myrf-add label em {
  padding-left: 3px;
  position: absolute;
}

#myrf-add #qas {
  margin: 20px 0;
}

#myrf-add #qas .form-row {
  padding: 0;
  background: none;
  margin: 0;
}

#myrf-add #qas .form-row label {
  padding-top: 0;
}

#myrf-add #qas fieldset {
  padding-bottom: 0;
}

#myrf-add #qas fieldset.buttons {
  margin-top: 5px;
}

#myrf-add #qas fieldset.buttons div.btn-left {
  width: 320px !important;
}

#myrf-add div.radio {
  padding-bottom: 8px;
}

#myrf-add div.radio label,
#myrf-add div.radio input {
  float: left;
}

#myrf-add div.radio label {
  margin-right: 20px;
  padding-top: 3px;
  margin-left: 5px;
}

#myrf-add div.radio label.first-child {
  float: left;
  margin-right: 20px;
  text-align: right;
  width: 176px;
}

#myrf-add div.checkbox {
  padding: 0 10px 8px 10px;
  width: 502px;
}

#myrf-add div.checkbox-row input {
  float: right;
  margin: 0;
  margin-top: 8px;
}

#myrf-add div.checkbox-row label {
  float: left;
  width: 480px;
  line-height: 1.5em;
}

.error-message {
  color: #cc0000;
  font-weight: bold;
  text-align: right;
  padding: 5px;
}


/* @end */

/* @group pagination */
.page-links li {
  display:inline;
}
/* end */


/* @group MyRf Buttons */

.create-account-button {
  background: url(/img/my_redfunnel/create_account_button_white.gif) top center no-repeat;
  float: right;
  height: 29px;
  width: 215px;
}
.create-account-button:hover { background-position: bottom center; }

.add-to-your-account-button {
  background: url(/img/my_redfunnel/add_to_your_account_button_white.gif) top center no-repeat;
  float: right;
  height: 29px;
  width: 149px;
}
.add-to-your-account-button:hover { background-position: bottom center; }

.credit-your-account-button {
  background: url(/img/my_redfunnel/credit_your_account_button_white.gif) top center no-repeat;
  float: right;
  height: 29px;
  width: 141px;
}
.credit-your-account-button:hover { background-position: bottom center; }

.please-wait-button {
  float: right;
}

.continue-button {
  background: url(/img/my_redfunnel/continue_button_white.gif) top center no-repeat;
  float: right;
  height: 29px;
  width: 78px;
}
.continue-button:hover { background-position: bottom center; }

.abandon-booking-button {
  background: url(/img/my_redfunnel/abandon_booking_button_white.gif) top center no-repeat;
  float: left;
  height: 29px;
  width: 133px;
}
.abandon-booking-button:hover { background-position: bottom center; }

.abandon-purchase-button {
  background: url(/img/my_redfunnel/abandon_purchase_button_white.gif) top center no-repeat;
  float: left;
  height: 29px;
  width: 138px;
}
.abandon-purchase-button:hover { background-position: bottom center; }

.save-button {
  background: url(/img/my_redfunnel/save_button_white.gif) no-repeat top center;
  float: right;
  height: 29px;
  width: 56px;
}
.save-button:hover { background-position: bottom center; }
.join-button {
    background: url(/img/my_redfunnel/join_button_white.gif) no-repeat top center;
    float: right;
    height: 29px;
    width: 56px;
}
.join-button:hover { background-position: bottom center; }

.remove-button {
  background: url(/img/my_redfunnel/remove_button_white.gif) no-repeat top center;
  float: right;
  height: 29px;
	margin-top: 6px;
	width: 75px;
}
.remove-button:hover { background-position: bottom center; }

.login-button {
  background: url(/img/my_redfunnel/login_button_white.gif) no-repeat top center;
  float: right;
  height: 29px;
  width: 56px;
}
.login-button:hover { background-position: bottom center; }

.login-button-red {
  background: url(/img/my_redfunnel/login_button_red.gif) no-repeat top center;
  float: right;
  height: 29px;
  width: 56px;
}
.login-button-red:hover { background-position: bottom center; }

.use-travelcard-button {
  background: url(/img/my_redfunnel/use_travelcard_button_red.gif); 0 0 no-repeat;
  height: 29px;
  width: 118px;
  float: right;
}
.use-travelcard-button:hover { background-position: 0 -29px; }

.dont-use-travelcard-button {
  background: url(/img/my_redfunnel/dont_use_travelcard_button_red.gif); 0 0 no-repeat;
  height: 29px;
  width: 152px;
  float: right;
}
.dont-use-travelcard-button:hover { background-position: 0 -29px; }

.add-to-basket-button {
  background: url(/img/my_redfunnel/add_to_basket_button_white.gif); 0 0 no-repeat;
  height: 29px;
  width: 110px;
  float: right;
}
.add-to-basket-button:hover { background-position: 0 -29px; }

.make-a-ferry-booking-button {
  background: url(/img/my_redfunnel/make_a_ferry_booking_button_white.gif); 0 0 no-repeat;
  height: 29px;
  width: 155px;
  float: right;
}
.make-a-ferry-booking-button:hover { background-position: 0 -29px; }

.submit-button {
  background: url(/img/my_redfunnel/submit_button_white.gif); 0 0 no-repeat;
  height: 29px;
  width: 64px;
  float: right;
}
.submit:hover { background-position: 0 -29px; }

/* end */

/* @group MyRf Tabs */

.travelcard-tabs {
  background: url(/img/my_redfunnel/tab_ft.gif) bottom left no-repeat;
  padding-bottom: 9px;
}

.travelcard-tabs ul {
  height: 33px;
}

.travelcard-tabs ul li {
  float: left;
  display: inline;
  margin-right: 5px;
}

.travelcard-tabs ul li a {
  height: 33px;
  line-height: 33px;
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.travelcard-tabs ul li#statement-tab a { width: 95px; background-image: url(/img/my_redfunnel/statement_tab.gif); }
.travelcard-tabs ul li#add-to-your-account-tab a { width: 97px; background-image: url(/img/my_redfunnel/add_to_your_account_tab.gif); }
.travelcard-tabs ul li#travelcard-history-tab a { width: 125px; background-image: url(/img/my_redfunnel/travelcard_history_tab.gif); }

.travelcard-tabs ul li a:hover {
  background-position: 0 -33px;
}

.travelcard-tabs ul li.active a {
  background-position: 0 -66px!important;
}

/* end */

/* @group MyCredit */

#my-credit-statement #account-balance {
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  height: 29px;
  padding: 8px 0 6px 0;
}

#my-credit-statement #account-balance span {
  color: #d61d1e;
}

#my-credit-statement #account-balance {

}

#my-credit-statement #account-balance p {
  float: left;
  font-weight: bold;
  font-size: 1.3em;
  height: 26px;
  line-height: 26px;
  margin: 0;
}

#my-credit-statement #account-balance .add-to-your-account-button {
  float: right;
}

#my-credit-statement .statement {
  border-bottom: 1px solid #d6d6d6;
  width: 100%;
  margin-bottom: 10px;
}

#my-credit-statement .statement td {
  border-top: 1px solid #d6d6d6;
  font-size: 1.1em;
  padding: 8px 0 8px 0;
}

#my-credit-statement .statement td.description {
  font-weight: bold;
}

#my-credit-statement .statement td.price {
  text-align: right;
}

.pagination-summary {
  height: 29px;
  line-height: 29px;
}

.pagination-summary p {
  font-size: 1.1em;
}

.pagination-summary p.summary-details { float: left; }
.pagination-summary p.summary-limit { float: right; }

.pagination-links {
  margin-bottom: 10px;
}

.pagination-links li {
  float: left;
  display: inline;
  margin-right: 2px;
}

.pagination-links li.previous span,
.pagination-links li.next span,
.pagination-links li.select span,
.pagination-links li.previous a,
.pagination-links li.next a,
.pagination-links li.select a {
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  height: 29px;
}

.pagination-links li.previous span,
.pagination-links li.previous a {
  background-image: url(/img/my_redfunnel/previous_button_white.gif);
  width: 74px;
}

.pagination-links li.next span,
.pagination-links li.next a {
  background-image: url(/img/my_redfunnel/next_button_white.gif);
  width: 53px;
}

.pagination-links li.previous a:hover,
.pagination-links li.next a:hover,
.items-per-page button.select:hover {
  background-position: 0 -29px;
}

.pagination-links li.previous span,
.pagination-links li.next span {
  background-position: 0 -58px;
}

.credit-select fieldset {
  padding-bottom: 30px;
}

.credit-select label {
  font-size: 1.1em;
}

.credit-select .package {
  border-bottom: 1px solid #d5d5d5;
  height: 50px!important;
}

.credit-select .package-header {
  border-bottom: 1px solid #d5d5d5;
  background-position: top left;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  line-height: 14px;
  margin-top: 20px;
  padding-bottom: 7px;
  cursor: pointer;
}

.credit-select .package-header#header-package-1 { background-image: url(/img/my_redfunnel/package_1.gif); }
.credit-select .package-header#header-package-2 { background-image: url(/img/my_redfunnel/package_2.gif); }
.credit-select .package-header#header-package-3 { background-image: url(/img/my_redfunnel/package_3.gif); }

.credit-select .package {
  height: 25px;
  line-height: 25px;
}

.credit-select .package input {
  float: left;
  margin: 6px 5px 0 0;
}

.credit-select .package .description {
  color: #d61d1e;
  float: right;
  font-weight: bold;
  text-align: right;
  line-height: 15px;
  padding-top: 5px;
}

.credit-select .package .price {
  float: left;
  font-weight: bold;
}

#my-credit-history .statement {
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 20px;
  width: 100%;
}

#my-credit-history .statement td {
  border-top: 1px solid #d6d6d6;
  font-size: 1.1em;
  line-height: 1.2em;
  padding: 8px 0 8px 0;
}

/* end */

/* @group MyCredit Steps */

#my-credit-steps {
  background: url(/img/my_redfunnel/my_credit_steps_bg.gif) 0 0 no-repeat;
  height: 37px;
  line-height: 37px;
  margin-bottom: 10px;
  padding-left: 10px;
}

#my-credit-steps li {
  float: left;
  margin-right: 5px;
  background-position: 0 0;
  background-repeat: no-repeat;
}

#my-credit-steps li#step-payment-details { width: 139px; background-image: url(/img/my_redfunnel/my_credit_steps_payment_details.gif) }
#my-credit-steps li#step-summary { width: 106px; background-image: url(/img/my_redfunnel/my_credit_steps_summary.gif) }
#my-credit-steps li#step-success { width: 96px; background-image: url(/img/my_redfunnel/my_credit_steps_success.gif) }

#my-credit-steps li.active {
  background-position: 0 -37px;
}

/* @group Season and Saver Tickets */

.resource-price {
  width: 70px;
  float: left;
  display: inline;
  margin-right: 10px;
  text-align: right;
}

select.saver-ticket {
  width: 70px;
}

#MyrfSeasonTicketCardProtection {
  width: auto;
  float: right;
}

.my-contact-details .section
{
    width: 522px;
}

.my-contact-details .section h3
{
    margin-bottom: 4px;
    padding-top: 10px;
    padding-left: 10px;
    width: 508px;
    vertical-align: bottom;
}

.my-contact-details #address input.disabled
{
    background: #f7f7f7;
    color: #555;
}

.my-contact-details .section
{
    margin-bottom: 20px;
}
.my-contact-details .info
{
    display:block;
    padding-left: 10px;
    color: #000;
}

.my-contact-details .red-button
{
    display: inline-block;
    color: #F8231D;
    font-family: 'rf-vag';
    font-size: 14px;
    font-weight: bold;
    text-align: center;
	margin-top: 4px;
    padding: 4px 10px 4px 10px;

    border: 2px solid #F8231D;
    border-radius:15px;

    overflow: hidden;

    cursor: pointer;
}

.my-contact-details .right
{
    float: right;
}
.my-contact-details .red-button:hover
{
    background-color: #F8231D;
    color: #fff;
}

.seats-left{
    display: block;
    font-size: 0.8em;
    color: #BC002D;
}
/* @Loyalty Dashboard */
.loyalty-dashboard-headers
{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 20;
    font-weight: bold;
    text-align: center;
    margin-top: 4px;
    padding: 4px 10px 4px 10px;


}
.loyalty-nav li a{
    color: #939393;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(/img/global/tabs/white-left.gif);
    display: inline;
    float: left;
    margin: 0;
    padding: 0 2px 0 10px;
}
.loyalty-nav li span {
    background-position: right top;
    background-repeat: no-repeat;
    background-image: url(/img/global/tabs/white-right.gif);
    display: inline;
    float: left;
    font-weight: bold;
    padding: 13px 10px 13px 0px;
    text-decoration: none;
}
.loyalty-nav li.selected span {
    color: #ffffff;
     background-position: right top;
     background-repeat: no-repeat;
     background-image: url(/img/global/tabs/charcoal-right.gif);
     display: inline;
     float: left;
     font-weight: bold;
     padding: 13px 10px 13px 0px;
     text-decoration: none;
 }
.loyalty-nav li.selected a{
    background-image: url(/img/global/tabs/charcoal-left.gif);
}
.loyalty-tabs .tab {
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-top-style: solid;
    border-top-width: 3px;
    clear: both;
    padding: 15px 0px 40px;
}
.loyalty-nav li.selected {
    background-image: url(/img/global/tabs/charcoal-left.gif);
}
.loyalty-tabs{
    width:645px;

}
.loyalty-dashboard-top{
    background: url(/img/loyalty/hero.png) 0 0 no-repeat;

    width: 723px;
    margin-bottom: 10px;
    padding-left: 10px;
    float:left;
}
.loyalty-dashboard-logo{
     background: url(/img/loyalty/loyalty-logo.png) 0 0 no-repeat;
     height: 200px;
     width: 300px;
     margin-bottom: 10px;
     padding-left: 10px;
    float: right;
    background-size: contain;
 }
.loyalty-dashboard-meter{
    background: url(/img/loyalty/loyalty-meter.png) 0 0 no-repeat;
    height: 200px;
    width: 152px;
    margin-bottom: 10px;
    margin-top: 20;
    float: right;

}
.loyalty-dashboard-meter .header{
    margin-top: 30;
    margin-left: auto;
    margin-right: auto;
    width: 75;
    font-size: x-small;


}
.loyalty-progress-wrapper{
    background-color: #00b2e7;
}
.loyalty-progress-filled{
    background-color: #0000AA;
}
.loyalty-progress-end{
    height: 52px;
    width: 52px;
    margin-top:-19px;
    margin-right:-19px;
    text-align: center;
    vertical-align: middle;
    line-height: 48px;

    background: url(/img/loyalty/loyalty_progress_end_bkg.png) 0 0 no-repeat;;
}
.pg-normal-hidden{
    display:none;
}
.pg-normal-previous:hover{
    cursor: pointer;
}
.pg-normal-next:hover{
    cursor: pointer;
}
.pg-normal-previous{
    background-image: url(/img/my_redfunnel/previous_button_white.gif);
    width: 74px;
    height: 26px;
    float:right;
}
.pg-normal-next{
    background-image: url(/img/my_redfunnel/next_button_white.gif);
    width: 53px;
    height: 26px;
    float:right;
}
.loyalty-dashboard-header{
    margin-right:auto;
    margin-left:auto;
    text-align:center;
    height:200;
    font-size:20;
    width:100%;
    float:right;
    font-weight:bold;
    margin-top:20px;
}
.loyalty-dashboard-items{
    width: 650px;
    margin-bottom: 10px;
    padding-left: 30px;
    float:left;
}

.loyalty-dashboard-progress{
    width: 590px;
    margin-bottom: 10px;
    float:left;
}
.loyalty-dashboard-line{
    background: url(/img/loyalty/loyalty-horizontal-line.png) 0 0 no-repeat;
    height: 10px;
    width: 655px;
    margin-bottom: 10px;

    float:left;
}
.loyalty-dashboard-item{
     margin-bottom: 10px;
     float:left;
     margin-right:5px;
 }
.loyalty-dashboard-item-end{
    margin-bottom: 10px;
    float:left;
    margin-right:-15px;
}
.loyalty-dashboard-item-end .items-header-wrapper{
    margin-right:0px;
    margin-bottom: 10px;
    float:right;
}
.loyalty-dashboard-item-end .items-image{
    margin-right:0px;
}
.loyalty-dashboard-item-end .items-header-wrapper .items-header{
     background: url(/img/loyalty/loyalty_header_bkg_right.png) 0 0 no-repeat;
     background-size: contain;
     width: 150px;
     height: 90px;
     vertical-align: middle;
     text-align: center;
     font-size: 12px;
     color: white;
 }
.loyalty-dashboard-item-end .items-header-wrapper .items-header p{
    width:70%;
    margin-left:30px;
}

.loyalty-dashboard-item:last-child{
    margin-bottom: 10px;
    float:left;
}

.loyalty-dashboard-progress{
    margin-bottom: 10px;
    float:left;
    margin-right:5px;
}

.loyalty-dashboard-last-progress:last-child{
    margin-bottom: 10px;
    float:left;
}
.items-header-wrapper{

    margin-right:-77px;
    margin-bottom: 10px;
    float:right;

}
.progress-header-wrapper{

    margin-right:-77px;
    margin-bottom: 10px;
    float:right;

}

.items-header-end{
    background: url(/img/loyalty/loyalty_header_bkg.png) 0 0 no-repeat;
    background-size: contain;
    width: 150px;
    height: 90px;

    vertical-align: middle;
    text-align:center;
    font-size: 12px;
    color: white;
}
.progress-header-last-wrapper{
    margin-bottom: 10px;
    float:right;
}
.items-last-header{

    width: 105px;
    height: 57px;
    margin-left:auto;
    margin-right:auto;
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    font-size: 12px;
    color: white;
}
.progress-last-header{

    width: 105px;
    height: 57px;
    margin-left:auto;
    margin-right:auto;
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    font-size: 12px;
    color: white;
}
.items-header{
    background: url(/img/loyalty/loyalty_header_bkg.png) 0 0 no-repeat;
    background-size: contain;
    width: 150px;
    height: 90px;

    vertical-align: middle;
    text-align:center;
    font-size: 12px;
    color: white;

}

.items-header p{
    width:90%;
    display: table;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;

}
.loyalty-items-tooltip{
     float:right;
     z-index:20;
     width:20px;
    cursor:pointer;
 }
.loyalty-progress-tooltip{
    float:right;
    z-index:20;
    width:20px;
    margin-top:20px;
    cursor:pointer;
}
.loyalty-items-tooltip-paragraph{
    padding-left:50px;
    padding-top:10px;
    width:20px;
}

.progress-header{
    background: url(/img/loyalty/loyalty_header_bkg.png) 0 0 no-repeat;
    background-size: contain;
    width: 150px;
    height: 90px;
    vertical-align: middle;
    text-align:center;
    font-size: 12px;
    color: white;
}

.progress-header p{
    width:90%;
    display: table;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;

}

.items-image{
     width: 105px;
     height: 140px;
    float:right;
     display: table-cell;
     vertical-align: middle;
     text-align:center;
     font-size: 12px;
    margin-top:23px;
    margin-right:-57px;
 }

.progress-image{
    width: 105px;
    height: 140px;
    float:right;
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    font-size: 12px;
    margin-top:23px;
    margin-right:-57px;
}

.loyalty-dashboard-row{

    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;

}

.loyalty-dashboard-distance{

      height: 376px;
      width: 723px;
      line-height: 376px;
      margin-bottom: 10px;
      padding-left: 10px;
  }

.loyalty-dashboard-itiniery-head{
    background: url(/img/loyalty/background-itiniery-head.png) 0 0 no-repeat;
    height: 52px;
    width: 650px;
    text-align: center;
    line-height: 52px;
    margin-bottom: 10px;
    padding-left: 10px;
    font-weight: bold;
    color: white;
    display: inline-block;
}

.loyalty-signup-form
{
    padding-left: 10px;
}
.loyalty-partpay{
    position:relative;
    padding: 0px 0px 10px 10px;
    margin-bottom: 20px;
    width:460px;
}
.loyalty-partpay-label {
    height: 50px;
    left: 15px;
    position: relative;
    overflow: hidden;
    width: 460px !important;
    top:0px !important;


}

#demo {
    margin : 0 auto;
    width:100%;
}

#demo .extra {
    padding-left:30px;
}

#demo .options {
    padding-left:10px;
}

#demo .getOption {
    padding-left:10px;
    padding-right:20px;
}



.chart-horiz .chart { width: 90% }

.chart-horiz .chart li {
    display: block;
    height: 23px;
    margin-top: 3px;
    position: relative
}

.chart-horiz .chart li:before {
    color: #fff;
    content: attr(title);
    left: 5px;
    position: absolute
}

.chart-horiz .chart li.title:before {
    color: black;
    font-weight: bold;
    left: 0
}

.chart-horiz .chart li:first-child { margin-top: 0 }

.chart-horiz .chart li .bar {
    background: #27ae60;
    height: 100%;
    min-width: 164px
}

.chart-horiz .chart li .number {
    color: #27ae60;
    font-size: 18px;
    font-weight: bold;
    padding-left: 5px;
    position: absolute;
    top: -3px
}

.chart-horiz .chart li.past .bar { background: #2ecc71 }

.chart-horiz .chart li.past .number { color: #2ecc71 }

/* end */

