/* @group General styles */

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

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

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(/rf2/app/webroot/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(/rf2/app/webroot/img/my_redfunnel/signup_hd.png) no-repeat 0 0;
  height: 21px;
  width: 203px;
}

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

.signup .signup-button {
  background: transparent url(/rf2/app/webroot/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(/rf2/app/webroot/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(/rf2/app/webroot/img/my_redfunnel/existing_hd.png) no-repeat 0 0;
  height: 21px;
  width: 159px;
}

.existing .ft {
  background: #fff url(/rf2/app/webroot/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(/rf2/app/webroot/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(/rf2/app/webroot/img/my_redfunnel/existing_user_login_small_bg.png) no-repeat 0 0!important;
}

.existing-agent-login .bg {
  background: #fff url(/rf2/app/webroot/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(/rf2/app/webroot/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(/rf2/app/webroot/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(/rf2/app/webroot/img/business/login-button-purple.gif) no-repeat 0 0;
  height: 27px;
  width: 50px;
  border: 0;
  margin-top: 10px;
}
.existing-agent-login .login-button:hover { background-position: bottom center; }

.agent-details-small .logout-button {
  background: url(/rf2/app/webroot/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(/rf2/app/webroot/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(/rf2/app/webroot/img/my_redfunnel/benefits_hd.png) no-repeat 0 0;
  height: 21px;
  width: 316px;
}

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

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

.benefits ul li {
  background: transparent url(/rf2/app/webroot/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;
}

/* @end */

/* @group prize panel */

.prizes .bg {
  background: transparent url(/rf2/app/webroot/img/my_redfunnel/prize_bg.jpg) top left no-repeat;
}

.prizes .hd {
  padding-left: 11px;
  padding-bottom: 12px;
}

.prizes h3.prize-draw {
  background: transparent url(/rf2/app/webroot/img/my_redfunnel/prize_hd.png) no-repeat 0 0;
  height: 21px;
  width: 316px;
}

.prizes .bd {
  height: 280px;
}

.prizes h4.win {
  background: transparent url(/rf2/app/webroot/img/my_redfunnel/prize_win.gif) no-repeat 0 0;
  height: 74px;
  margin-bottom: 14px;
  width: 117px;
}

.prizes .prize-terms {
  background: #fff url(/rf2/app/webroot/img/my_redfunnel/prize_terms.png) no-repeat 0 0;
  height: 9px;
  margin: 278px 0 0 240px;
  width: 99px;
}

.prizes .member-button {
  background: transparent url(/rf2/app/webroot/img/my_redfunnel/become_a_member_button_black.gif) no-repeat top center;
  height: 29px;
  margin-top: -29px;
  margin-left: 197px;
  position: relative;
  width: 141px;
}
.prizes .member-button:hover { background-position: bottom center; }

.prizes .ft {
  background: url(/rf2/app/webroot/img/my_redfunnel/prize_ft.jpg) bottom left no-repeat;
  padding-bottom: 18px;
  height: auto;
}

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

.prizes-small .ft {
  background: #fff url(/rf2/app/webroot/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(/rf2/app/webroot/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(/rf2/app/webroot/img/my_redfunnel/my_details_hd.png) no-repeat 0 0;
  height: 24px;
  width: 101px;
}

.my-details ul li h4 a {
  background: transparent url(/rf2/app/webroot/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(/rf2/app/webroot/img/my_redfunnel/my_details_ft.png) no-repeat 0 0;
}

/* @end */

/* @group Travelcard panel */

.travelcard {
  margin-right: 3px;
}

.travelcard .bg {
  background: transparent url(/rf2/app/webroot/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(/rf2/app/webroot/img/my_redfunnel/travelcard_hd.png) no-repeat 0 0;
  height: 24px;
  width: 104px;
}

.travelcard ul li h4 a {
  background: transparent url(/rf2/app/webroot/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(/rf2/app/webroot/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(/rf2/app/webroot/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(/rf2/app/webroot/img/my_redfunnel/your_details_bg.png) no-repeat 0 0;
}

.agent-details .bg {
  background: transparent url(/rf2/app/webroot/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(/rf2/app/webroot/img/my_redfunnel/your_details_hd.png) no-repeat 0 0;
  height: 17px;
  width: 100px;
}

h3.agent-details-small-hd {
  background: transparent url(/rf2/app/webroot/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(/rf2/app/webroot/img/my_redfunnel/log_out_button_red.gif); }
.your-details .update-button { background-image: url(/rf2/app/webroot/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(/rf2/app/webroot/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(/rf2/app/webroot/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(/rf2/app/webroot/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;
}

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

div.checkbox label {
	float: right;
	margin-top: 5px;
	text-align: left;
	width: 250px;
}

#UserPreferencesForm div.checkbox,
#MyrfUserEditForm div.checkbox {
	padding: 4px 10px 5px 10px;
	width: 500px;
}

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

#MyrfUserEditForm div.checkbox input {
	margin-right: 150px;
}

.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(/rf2/app/webroot/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(/rf2/app/webroot/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(/rf2/app/webroot/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 .ft {
  background: #fff url(/rf2/app/webroot/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(/rf2/app/webroot/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(/rf2/app/webroot/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(/rf2/app/webroot/img/my_redfunnel/purchase_summary_hd.png); }
.panel-common .hd#customer-summary        { background-image: url(/rf2/app/webroot/img/my_redfunnel/customer_summary_hd.png); }
.panel-common .hd#payment-details         { background-image: url(/rf2/app/webroot/img/my_redfunnel/payment_details_hd.png); }
.panel-common .hd#red-jet                 { background-image: url(/rf2/app/webroot/img/my_redfunnel/red_jet_hd.png); }
.panel-common .hd#red-jet-student         { background-image: url(/rf2/app/webroot/img/my_redfunnel/red_jet_student_hd.png); }
.panel-common .hd#passenger-vehicle-ferry { background-image: url(/rf2/app/webroot/img/my_redfunnel/passenger_vehicle_ferry_hd.png); }
.panel-common .hd#saver-ticket-books      { background-image: url(/rf2/app/webroot/img/my_redfunnel/saver_ticket_books_hd.png); }
.panel-common .hd#additional-information  { background-image: url(/rf2/app/webroot/img/my_redfunnel/additional_information_hd.png); }

.panel-common .bg {
  background: #fff url(/rf2/app/webroot/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(/rf2/app/webroot/img/my_redfunnel/your_details_small_bg.png) no-repeat 0 0;
}

.agent-details-small .bg {
  background: #fff url(/rf2/app/webroot/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(/rf2/app/webroot/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(/rf2/app/webroot/img/my_redfunnel/log_out_button_red.gif); }
.your-details-small .update-button { background-image: url(/rf2/app/webroot/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(/rf2/app/webroot/img/my_redfunnel/your_details_small_ft.png) no-repeat 0 0;
}

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

.agent-details-small .ft {
  background: transparent url(/rf2/app/webroot/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(/rf2/app/webroot/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(/rf2/app/webroot/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(/rf2/app/webroot/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(/rf2/app/webroot/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; }

.continue-button {
  background: url(/rf2/app/webroot/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(/rf2/app/webroot/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(/rf2/app/webroot/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(/rf2/app/webroot/img/my_redfunnel/save_button_white.gif) no-repeat top center;
  float: right;
  height: 29px;
  width: 56px;
}
.save-button:hover { background-position: bottom center; }

.login-button {
  background: url(/rf2/app/webroot/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(/rf2/app/webroot/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(/rf2/app/webroot/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(/rf2/app/webroot/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(/rf2/app/webroot/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(/rf2/app/webroot/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(/rf2/app/webroot/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(/rf2/app/webroot/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(/rf2/app/webroot/img/my_redfunnel/statement_tab.gif); }
.travelcard-tabs ul li#add-to-your-account-tab a { width: 97px; background-image: url(/rf2/app/webroot/img/my_redfunnel/add_to_your_account_tab.gif); }
.travelcard-tabs ul li#travelcard-history-tab a { width: 125px; background-image: url(/rf2/app/webroot/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(/rf2/app/webroot/img/my_redfunnel/previous_button_white.gif);
  width: 74px;
}

.pagination-links li.next span,
.pagination-links li.next a {
  background-image: url(/rf2/app/webroot/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(/rf2/app/webroot/img/my_redfunnel/package_1.gif); }
.credit-select .package-header#header-package-2 { background-image: url(/rf2/app/webroot/img/my_redfunnel/package_2.gif); }
.credit-select .package-header#header-package-3 { background-image: url(/rf2/app/webroot/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(/rf2/app/webroot/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(/rf2/app/webroot/img/my_redfunnel/my_credit_steps_payment_details.gif) }
#my-credit-steps li#step-summary { width: 106px; background-image: url(/rf2/app/webroot/img/my_redfunnel/my_credit_steps_summary.gif) }
#my-credit-steps li#step-success { width: 96px; background-image: url(/rf2/app/webroot/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;
}

/* end */