/* =GLOBAL
   ----------------------------------------------------*/

    body {
        color: #fff;
        padding: 0;
        margin: 0 auto;
        text-align: center;
        font-family: verdana, Arial, sans-serif;
        background-color: #333333;
        font-size: 100.1%;
        line-height: 1.25em;
    }

    * {
        outline: none;
    }

    input, img, a {
        outline: none;  
    }

    .left {
        float: left;
    }

    .right {
        float: right;
    }

    .clear {
        clear: both;
    }

    .leftAlign {
        text-align: left !important;
    }

    .centerText {
        text-align: center !important;
    }

    .hidden {
        display: none;
    }

    a, img, input {
        outline: none;
    }

    img {
        border: 0;
    }

    a img {
        text-decoration: none;
    }

    small {
        font-size: 0.7em;
        line-height: 1.1em;
    }

    form,
    fieldset {
        margin: 0;
        padding: 0;
        border: 0;
    }

    h1, h2, h3, h4, h5 {
        margin: 0;
        padding: 0;
    }

    h2 {
        margin-bottom: 10px;
    }

    hr {
        border: 0;
        border-top: 1px dotted #fff;
        background: transparent;
        height: 1px;
        clear: both;
    }

    div#wrapper {
        width: 959px;
        margin: 0 auto;
        padding: 0;
        text-align: left;
        background: url(../img/bg.png) repeat-y;
    }

    small.pink {
        color: #f3e1e8;
    }

    button {
        background: transparent;
        border: 0;
        cursor: pointer;
    }

    button.send,
    button.next,
    a.next,
    button.back,
    a.back {
        width: 114px;
        height: 36px;
        text-indent: -10000px;
        background: url(../img/next.png) no-repeat;
        position: relative;
    }
    button.next:hover,
    a.next:hover {
        background: url(../img/next-over.png) no-repeat !important;
    }

    button.back,
    a.back {
        background: url(../img/back.png) no-repeat;
    }
    button.back:hover,
    a.back:hover {
        background: url(../img/back-hover.png) no-repeat !important;
    }

    button.send {
        background: url(../img/send.png) no-repeat;
    }
    button.send:hover {
        background: url(../img/send-hover.png) no-repeat !important;
    }

    a.button {
        display: block;
    }

    label {
        font-size: 0.8em;
        font-weight: bold;
        color: #fff;
        display: block;
        width: 200px;
        text-align: right;
        margin-right: 10px;
        float: left;
        margin-bottom: 15px;
    }

    label.inline {
        display: inline;
        font-weight: normal;
        margin: 0;
        width: auto;
        text-align: left;
        float: none;
    }

    .helpText {
        margin-left: 210px;
        float: left;
        line-height: 1em;
        clear: both;
        width: 200px;
    }

    .footNote {
        margin: 30px 0 20px 10px;
        line-height: 1em;
        color: #333;
        display: block;
        float: left;
        width: 580px;
    }

    a { 
        color: #81042C;
    }

    a:hover { 
        text-decoration: none;
    }

    .content .text {
        font-size: 0.75em;
        line-height: 1.2em;
    }

/* =ERRORS
   ----------------------------------------------------*/
    div.errorMessage {
        color: #81042C;
        font-size: 0.75em;
        padding: 20px;
    }
    label.error {
        color: #81042C;
    }
    div.error,
    fieldset.error {
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border:3px solid #868786;
        background: #fff;
        padding-top: 20px;
        height: auto !important;
        color: #900 !important;
    }
    div.error div.errorMessage {
        padding-top: 0;
    }
    .login div.error {
        background:#FFFFFF none repeat scroll 0 0;
        border:1px solid #81042C;
        font-size:0.8em;
        line-height:1.1em;
        margin-bottom:20px;
        padding:10px;
    }
    
    #stage1Form button.next {
        top: 98px;        
    }

/* =HEADER
   ----------------------------------------------------*/
    #top {
        background: url(../img/header.png) no-repeat;
        height: 163px;
    }

    #topTabs,
    #stageTabs {
        margin: 0;
        padding: 0;
        float: right;
        list-style: none;
    }

    #stageTabs {
        float: left;
        position: relative;
        top: 20px;
        left: 30px;
    }

    #topTabs {
        position: relative;
        right: 45px;
        top: 35px;
        z-index: 100;
    }

    #topTabs li {
        float: left;
        margin-left: 20px;
        background: url(../img/little-brunette.png) no-repeat;
        line-height: 21px;
        padding-left: 25px;
    }
    #topTabs.mobile li {
        background: url(../img/little-brunette-orange.png) no-repeat;
    }

    #topTabs li.loginTab {
        background: url(../img/little-ginger.png) no-repeat;
    }

    #topTabs.mobile li.loginTab {
        background: url(../img/little-ginger-orange.png) no-repeat;
    }

    #topTabs li a,
    #topTabs li div.a {
        display: block;
        color: #000;
        font-size: 0.8em;
    }

    #topTabs li div a {
        display: inline;
        text-decoration: underline;
    }
    #topTabs li div a:hover {
        text-decoration: none;
    }

    #stageTabs li {
        float: left;
    }

    #stageTabs li div {
        font-size: 0.75em;
        text-decoration: none;
        color: #D2CBC1;
        padding: 2px 4px;
    }

    #stageTabs li.selected div {
        color: #fff;   
    }

    #logo {
        float: right;
        position: relative;
        right: 30px;
        top: 15px;
    }

    #title {
        float: left;
        position: relative;
        left: 40px;
        top: 28px;
    }

/* =MIDDLE
   ----------------------------------------------------*/
    #middle {
        background: url(../img/footer.png) bottom no-repeat;
        color: #fff;
        clear: both;
        text-align: center;
        float: left;
        width: 959px;
    }
    #fulfillment #middle {
        background: transparent;
        height: 486px;
        position: relative;
        text-align: left;
    }

    #middle #stageContainer {
        width: 910px;
        margin: 0 auto;
        text-align: left;
    }
    #stage6Form #stageContainer {
        width: 890px; 
        margin-left: 53px;
    }
    #loginRegister #middle #stageContainer {
        width: 921px;
        height: 563px;
    }
    #fLogin #middle #stageContainer {
        width: 921px;
        height: 563px;
    }

    .twoCol .leftCol {
        float: left;
        width: 438px;
    }

    .twoCol .rightCol {
        float: right;
        width: 438px;
    }

    .gradientStage .content,
    .gradientStageGrey .content{
        margin: 15px 28px;
    }

    .gradientStage .content .leftCol {
        float: left;
        width: 420px;
        border-right: 1px dotted #fff;
        padding-right: 20px;
    }

    .gradientStage .content .rightCol {
        float: right;
        width: 400px;
    }

    .gradientStage .content .rightCol label {
        width: 165px;
    }

    .gradientStage .content .rightCol .helpText {
        margin-left: 175px;
    }

/* =FOOTER
   ----------------------------------------------------*/
    #footer { 
        color: #fff;
        padding-top: 10px;
        font-size: 0.7em;
        text-align: left;
        background: #333;
        clear: both;
    }

    #footer a {
        color: #fefefe;
    }

    #footer a:hover {
        text-decoration: none;
    }


/* =STAGE1
   ----------------------------------------------------*/
    .dow {
        font-weight: normal
    }

    #stage1Form {
        padding-top: 20px;
    }

    #stage1Form fieldset {
        height: 100px;
        clear: both;
    }

    #stage1Form fieldset.mid {
        line-height: 30px;
        height: 40px
    }

    #footerImage {
        position: relative;
        float: left;
        left: -32px;
        margin-bottom: 40px;
    }

/* =STAGE2
   ----------------------------------------------------*/
    #singleInfo {
        font-size: 0.8em;
    }
    h3.timetable,
    div.timetableError {
        color:#000000;
        font-size:0.77em;
        font-weight:bold;
        margin:10px 20px;
    }
    div.timetableError {
        clear: both;
        color: #900;
        line-height: 1.2em;
    }
    div.timetableError p {
        float: none !important;
        width: auto !important;
    }
    
    table div.timetableError {
        font-weight: normal;
        font-size: 1.05em;
        font-weight: normal;
        text-align: left;
    }
    table div.timetableError a {
        font-size: 1em !important;
    }
    

    .engineering,
    .flexibleValidity {
        font-size:0.8em;
        line-height:1.3em;
        margin:0 0 40px 20px;
        width:550px;
    }
    .engineering {
        margin:0 0 20px 20px;
        background: #fff;
        color: #81042C;
        padding: 20px 20px 0 20px;
        width: 510px;
    }

    #stage2 #middle #stageContainer {
        width: 932px;
    }

    #stage2 #chooseOneReturn,
    #stage2 #singleTickets {
        position: relative;
        top: -10px;
        left: 40px;
    }

    #ticketSelectionBubble,
    #ticketSelectionErrorBubble {
        background: url(../img/ticket-selection-bubble.png) no-repeat;
        height: 240px;
        width: 297px;
        position: absolute;
        color: #fff;
        margin-left: 590px;
        margin-top: -20px;
        z-index: 80;
    }
    #ticketSelectionErrorBubble {
        background: url(../img/ticket-selection-bubble-error.png) no-repeat;
    }

    #ticketSelectionBubble p,
    #ticketSelectionErrorBubble p {
        font-size: 0.7em;
        left: 20px;
        line-height: 1.2em;
        position: relative;
        text-align: center;
        top: 24px;
        width: 136px;
    }
    
    #flexibleTicketContainer {
        width: 932px;
        padding:0 0 20px;
        background: url(../img/flexible-single-divide.png) bottom center no-repeat transparent;
    }    
    #flexibleTicketContainer .wbCorner {
        background: url(../img/wb-corners.gif);
        width: 11px;
        height: 11px;
        overflow: hidden;
        float: left;
    }

    #flexibleTicketDetails {
        margin: -20px 273px 20px 19px;
        width: 640px;
        font-size: 0.69em;
        color: #000;
        overflow: hidden;
        background: url(../img/flexible-tickets-bottom.png) bottom left no-repeat #fff;
    }
    #flexibleTicketsTop {
        display: block;
    }
    #flexibleTicketDetails .wbTopLeft {
        background-position: 33px 0px;
    }
    #flexibleTicketDetails .wbTopRight {
        background-position: 22px 0px;
        float: right;
    }
    #flexibleTicketDetails .wbBottomRight {
        background-position: 11px 0px;
        float: right;
    }
    #flexibleTicketDetails .content {
        margin: -11px 15px 0 15px
    }

    #flexibleTicketDetails .returnProduct {
        margin: 20px;
    }
    #flexibleTicketDetails .returnProduct a {
        position: relative;
        top: -6px;
        font-size: 1.26em;
        color: #868786;
        font-weight: bold;
    }
    #flexibleTicketDetails .returnProduct .returnBreakdown {
        margin-left:30px;
        font-size: 1.26em;
        color: #868786;
    }

    #flexibleTicketDetails .returnProduct label{
        display: inline;
        color: #868786;
        font-size: 2.5em;
        font-weight: bold;
        float: none;
        margin-bottom: 0;
        line-height: 1em;
        width: auto !important;
    }

    #flexibleTicketContainer button.next,
    #flexibleTicketContainer a.back {
        position: relative;
        right: 20px;
        top: -23px;
    }
    #stage2Next.next,
    #stage2Back.back {
        position: relative;
        right: 20px;
    }
    #flexibleTicketContainer a.back, 
    #stage2Back.back {
        right: 61px;
    }

    #stage2Container {
        width: 890px;
        padding-bottom: 40px;
        margin: 0 22px;
    }

    table.timetable {
        width: 100%;
        font-size: 0.9em;
    }

    table.wide {
        width: 910px;
    }

    .timetableWrapper {
        width: 438px;
        overflow: hidden;
        color: #000;
        background: url(../img/timetable-wrapper-top.png) no-repeat #fff;
    }
    .timetableWrapper img {
        display: block;
    }

    table.timetable thead td {
        color: #fefefe;
        line-height: 1em;
    }

    table.wide thead td {
        background: url(../img/wide-table-top.gif) top no-repeat #5b5b5b;
    }

    table.wide tfoot td {
        background: url(../img/wide-table-bottom.gif) top no-repeat #fff;
    }

    table.wide .reservation {
        width: 50%;
    }    

    table.wide .reservation label {
        display: inline;
        cursor: pointer;
        width: auto;
        font-weight: normal;
        float: none;
        color: #000;
        font-size: 1em;
    }

    table.timetable colgroup {
        border: 0;
    }

    table.timetable tbody th {
        text-align: center;
        border: 0;
        font-weight: normal;
        font-size: 0.7em;
        padding: 3px 0 !important;
    }
    table.timetable tbody tr.classes a {
        font-weight: bold;
        font-size: 1.19em;
        color: #000;
    }


    table.timetable tbody th.pink {
        color: #900;
    }

    table.timetable tbody th strong {
        font-weight: bold;
        font-size: 1.2em;
    }

    table.timetable tbody td {
        font-size: 0.75em;
        text-align: center;
        color: #000;
        padding: 3px 0 !important;
    }

    table.timetable tbody td label {
        display: block;
        text-align: center;
        margin: 0 2px;
        cursor: pointer;
        width: auto;
        font-weight: normal;
        float: none;
        color: #000;
        font-size: 1em;
    }

    table.timetable tbody td span.soldOut {
        text-align: center;
    }
    
    table.timetable tbody td span.soldOut a {
        color: #00f;
        text-decoration: none;
        font-style: italic;
        margin: 0 auto;
        text-align: center;
        display: block;
    }
    table.timetable tbody td span.soldOut a img {
        display: block;
        margin: 0 auto;
    }

    table.timetable tbody td.standard:hover,
    table.timetable tbody td.first:hover {
        background: #5B5B5B;
    }

    table.timetable tbody td.standard:hover label,
    table.timetable tbody td.first:hover label {
        color: #fff !important;
    }

    table.timetable tbody td label.cheapest {
        color: #900;
    }

    table.timetable tbody td.selected {
        background: #81042C;
        color: #fff;
    }

    table.timetable tbody td.selected label {
        color: #fff !important;
    }

    table.timetable tbody td label input {
        padding: 0;
    }

    table.timetable tbody a {
        color: #333333;
        font-size: 1.19em;
    }

    table.timetable tbody a:hover {
        text-decoration: none;
    }
    
    div.daySelector {
        width: 100%;
        height: 44px;
        width: 438px;
    }
    
    div.daySelector a.shiftLeft,
    div.daySelector a.shiftRight {
        display: block;
        width: 8px;
        margin-right: 3px;
        height: 40px;
        float: left;
        background-position: right middle;
    }
    div.daySelector a.shiftRight {
        margin-left: 4px;
        margin-right: 0;
    }
    
    div.daySelector a.shiftRight {
        float: right;
    }

    div.daySelector div.viewport {
        overflow: hidden;
        background: transparent;
        width: 415px;
        height: 44px;
        float: left;
        text-align: center;
        position: relative;
    }

    div.daySelector div.viewport div.days {
        margin: 0 auto;
        position: relative;
        width: 6300px; /*75px*84 days*/
    }

    div.daySelector div.viewport a.day {
        display: block;
        float: left;
        width: 69px;
        padding: 11px 0;
        font-size: 0.63em;
        color: #000;
        text-decoration: none;
        line-height: 1.1em;
    }

    div.daySelector div.viewport a.day .underline {
        text-decoration: underline;        
    }

    div.daySelector div.viewport a.day .price {
        text-align: center;
    }
    div.daySelector div.viewport a.day .price img {
        margin: 2px auto 0;
    }

    div.daySelector div.viewport a.selected .underline {
        text-decoration: none;        
    }
    div.daySelector div.viewport a.selected {
        line-height: 1em;
    }

    div.daySelector div.viewport a.day .month {
        display: none;
    }

    div.daySelector div.viewport a.selected  {
        margin-top: 6px;
        text-decoration: none;
        width: 139px;
        background: url(../img/stage-2-date-tab.png) no-repeat;
        font-size: 0.69em;
        font-weight: bold;
        line-height: 1.1em;
        height: 40px;
        padding: 0;
        padding-top: 5px;
    }

    div.daySelector div.viewport a.selected .month {
        display: inline;
    }

    div.daySelector div.viewport a.selected .price {
        display: none;
    }

    div.daySelector div.viewport a.day:hover .underline {
        text-decoration: none;
    }

    #seatingPref {
        position: relative;
        right: 105px;
        top: 4px;
        margin-bottom: 40px;
    }

    #firstClassBubble {
        cursor: pointer;
        position: absolute; 
    }
    #seatingPrefLabel {
        float: right;
        font-size: 0.69em;
        line-height: 44px;
        line-height:32px;
        position: relative;
        right: 100px;
    }    
    
    #reservableInformation {
        line-height: 1.4em;
        margin-left: 145px;
        padding: 10px 15px;
        position: relative;
        top: 10px;
        width: 440px;
        text-align: right;
    }
    #reservableInformation label {
        display: inline;
        float: none;
        width: auto;
    }

    #reservableInformation a {
        font-size: 1em !important;
        font-weight: normal !important;
        position: static !important;
    }
    #reservableInformationBox {
        padding-top: 10px;
        text-align: left;
        font-size: 0.9em;
    }
    #reservableInformationBox label {
        display: block !important;
        float: left !important;
        line-height: 2em;
        text-align: left;
        width: 130px !important;
        text-align: right;
    }
    #reservableInformationBox p {
        margin-top: 0;
        float: left;
        width: 190px;
    }
    .selectedFlexible a,
    .selectedFlexible label {
        color: #F49600 !important;
    }

/* =STAGE3
   ----------------------------------------------------*/
    #fulfilmentSelection {
        width: 922px;
        height: 581px;
        overflow: hidden;
        background: url(../img/fulfilment-backgrounds.png) -922px 0px no-repeat;
        position: absolute;
        top: -95px;
        left: 20px;
        z-index: 50;
    }
    .selfPrint {
        background-position: -922px 0px !important;
    }
    .mobile {
        background-position: 0px 0px !important;
    }

    #selfPrintTitle,
    #mobileTitle {
        position: absolute;
        left: 28px;
        top: 20px;
    }
    #selfPrintSmallIntro,
    #mobileSmallIntro {
        left: 28px;
        position: absolute;
        top: 46px;
        width: 130px;
        font-size:0.9em;
    }
    #selfPrint h1,
    #mobile h1 {
        left: 480px;
        position: relative;
        top: 40px;
    }
    
    #selfPrint p,
    #mobile p {
        left: 480px;
        position: relative;
        top: 40px;
        width: 425px;
        font-size:0.9em;
    }

    #selfPrintButton,
    #mobileButton {
        cursor: pointer;
        height: 231px;
        position: absolute;
        top: 68px;
        width: 400px;
        z-index: 200;
        display: block;
        background: transparent;
        color: #fff;
        text-decoration: none;
    }
    #mobileButton {
        top: 305px;
    }

    #fulfilmentSelection a.next {
        left: 799px;
        position: absolute;
        top: 504px;
    }

    #fulfilmentSelection a.back {
        left: 671px;
        position: absolute;
        top: 504px;
    }

/* =STAGE4
   ----------------------------------------------------*/

    #loginOrRegister {
        width: 921px;
        font-size: 0.85em;
        background: url(../img/login-background.png) center repeat-x;
        position: absolute;
        height: 463px;
        margin-left: 1px;
    }
    .error #loginOrRegister {
        background: url(../img/login-background-error.png) center repeat-x;        
    }

    #loginOrRegister #login {
        position: relative;
        width: 250px;
        left: 125px;
        top: 145px;
    }

    #loginOrRegister #register {
        position: absolute;
        width: 250px;
        left: 538px;
        top: 133px;
        font-weight: bold;
    }
    #loginOrRegister #register p {
        width: 205px;
        margin: 0 auto;
        margin-bottom: 40px;
        font-size: 1.1em;
    }

    #loginOrRegister label {
        width: 70px;
        font-size: 0.9em;
    }
    #loginOrRegister #login small.right a {
        line-height: 2em;
        display: block;
    }

    #loginButton {
        background: url(../img/login-button.png) no-repeat;
        width: 114px;
        height: 36px;
        text-indent: -10000px;
    }
    #loginButton:hover {
        background: url(../img/login-button-hover.png) no-repeat;
    }
    #forgottenLoginForm #loginButton {
        background: url(../img/login-green.png) no-repeat;
        margin:0 auto;
    }
    #forgottenLoginForm #loginButton:hover {
        background: url(../img/login-green-hover.png) no-repeat;
    }
    #tryAgainButton {
        background: url(../img/try-again-button.png) no-repeat;
        width: 158px;
        height: 36px;
        text-indent: -10000px;
        margin: 0 auto;
    }
    #tryAgainButton:hover {
        background: url(../img/try-again-button-hover.png) no-repeat;
    }

    #email,
    #password {
        width: 158px;
    }

    #loginOrRegisterBack {
        position: relative;
        top: 500px;
        right: 170px;
    }
    #newCustomerButton {
        background: url(../img/new-customer-button.png) no-repeat;
        width: 194px;
        height: 36px;
        text-indent: -10000px;
        margin: 0 auto;
    }
    #newCustomerButton:hover {
        background: url(../img/new-customer-button-hover.png) no-repeat;
    }

    #forgottenLogin {
        width: 921px;
        font-size: 0.85em;
        background: url(../img/forgotten-login-background.png) center repeat-x #60B5D3;
        position: absolute;
        height: 463px;
        margin-left: 1px;
    }
    .error #forgottenLogin {
        background: url(../img/forgotten-login-background-error.png) center repeat-x #60B5D3;
    }
    .sent #forgottenLogin {
        background: url(../img/forgotten-login-background-sent.png) center repeat-x #60B5D3;
    }
    #forgottenLoginForm {
        margin: 189px 317px 0;
        width: 300px;
    }
    #forgottenLoginForm .content {
        margin: 0 auto;     
    }
    #forgottenLoginForm p {
        font-size: 0.9em;
        margin: 0 auto 20px;    
        width: 250px;
        line-height: 1.3em;
    }
    #forgottenLoginForm label {
        text-align: right !important;
        width: 50px;
        left: 38px;
        position: relative;
    }
    #fLogin a.back {
        position: relative;
        right: 173px;
        top: 500px;
    }

/* =STAGE5
   ----------------------------------------------------*/
    .fieldsetHeader {
        color: #999;
        float: left;
        width: 200px;
    }
    .horizontalInput {
        float: left;
        padding-right: 20px;
    }
    .horizontalInput label {
        width: auto;
        margin-bottom: 0;
    }
    .innerFieldset {
        float: left;
        width: 590px;
    }
    .innerFieldset label {
        width: 150px;
    }
    fieldset.pink .centerText div {
        margin: 0 auto;
        width: 600px;
        font-size: 0.8em;
    }
    fieldset.pink .centerText strong {
        color: #81042C;
    }
    fieldset.pink .fieldsetHeader {
        width: 180px;
    }
    #stage5Form button {
        position: relative;
        right: -20px;
        top: -10px;
    }
    #stage5Form a.back {
        position: relative;
        right: 20px;
        top: -10px;
    }

    #stage5Form div.error {
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border:3px solid #868786;
        background: #fff;
        padding: 20px;
        height: auto !important;
        color: #000;
        float: left;
    }

    #stage5Form div.error label {
        color: #000 !important;
    }

    #stage5Form div.error label.red {
        color: #900 !important;
    }

/* =STAGE6
   ----------------------------------------------------*/
    #contactDetailsContainer {
        margin: 10px 0 25px 0;
    }
    .contactDetails {
        float: left;
        width: 200px;
        font-size: 0.75em;
        line-height: 1.2em;
        margin: 0 40px 0 0;
    }

    #confirmation {
        font-size: 0.75em;
    }
    #complete #confirmation {
        font-size: 0.95em;
    }

    #confirmation thead {
        color: #fff;
    }
    #confirmation th {
        font-weight: bold;
        line-height: 32px;
        padding-left: 15px;
        border-bottom: 1px dotted #fff;
        text-align: left;
    }
    #confirmation td {
        font-size: 0.9em;
        padding: 5px 10px;
    }
    #confirmation .headerLeft {
    }
    #confirmation .headerRight {
    }
    #confirmation td.totalPrice {
        text-align: right;
        border-top: 1px dotted #fff;
    }
    #confirmation td.price {
        text-align: right;
        border-left: 1px dotted #fff;
    }
    #confirmation th.price {
        border-left: 1px dotted #fff;
    }
    
    div.checkboxes {
        width: 850px;
    }
    .errorCheckboxes {
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border:3px solid #868786;
        background: #fff;
        padding: 20px;
        height: auto !important;
        color: #000;
        width: 807px !important;
    }
    .errorCheckboxes .content p,
    .errorCheckboxes .content label {
        color: #000;
        width: 807px !important;
    }

    div.checkboxes .content p,
    div.checkboxes .content label {
        font-size: 0.7em;
        line-height: 1.1em;
        width: 870px;
    }
    div.checkboxes .content label {
        display: inline;
        font-weight: normal;
        margin: 0;
        text-align: left;
    }
    #stage6Form button {
        position: relative;
        top: -22px;
        right: 20px;
    }
    #stage6Form a.back {
        position: relative;
        right: 63px;
        top: -22px;
    }

/* =STAGE8
   ----------------------------------------------------*/

    #complete {
        text-align: left;
        font-size: 0.8em;
        margin: 0 40px;
    }

    #faq .text strong {
        margin: 5px 0;
        display: block;
    }

/* =PROMPT
   ----------------------------------------------------*/

    .jqiwarning .jqi{ background-color: #f7f7f7; }
    .jqifade{
        position: absolute;
        background-color: #333333;
    }
    div.jqi{
        position: absolute;
        background-color: #f7f7f7;
        width: 300px;
        text-align: left;
    }
    div.jqi .jqiclose{
        display: none;
    }
    div.jqi .jqicontainer{
        background-color: #f7f7f7;
        color: #ffffff;
        font-weight: bold;
        text-align: center;
    }
    div.jqi .jqimessage{
        background-color: #F7F7F7;
        color: #fff;
        font-weight: normal;
        color: #414247;
        font-size: 0.8em;
    }

    div.jqi .jqimessage h1 {
        display: block;
        background-color: #414247;
        font-size: 1.1em;
        line-height: 1.1em;
        padding: 5px;
        color: #fff;
    }

    div.jqi .jqibuttons{
        text-align: center;
    }

    div.jqi .jqibuttons button {
        background-color: #414247;
        float: none;
        border: 0;
        font-weight: bold;
        font-size: 0.8em;
        color: #fff;
        padding: 5px 10px;
        cursor: pointer;
        margin: 10px;
    }

    div.jqi .jqibuttons #jqibuttonNo {
        background: transparent;
        border: 1px solid #414247;
        color: #414247;
    }

/* =DATE PICKER
   ----------------------------------------------------*/

    table.jCalendar {
        border: 0;
        background: #fff;
        width: 200px;
    }
    table.jCalendar th {
        background: #969696;
        color: #fff;
        font-weight: bold;
        padding: 3px 5px;
        border: 1px solid #ECECEC;
    }
    table.jCalendar th.weekend {
        background: #C6C6C6;
    }

    table.jCalendar td.current-month {
        background: #ECECEC;
        border: 1px solid #ECECEC;
        color: #4F4F4F;
        padding: 3px 5px;
        text-align: center;
        font-weight: bold;
    }

    table.jCalendar td.disabled {
        color: #AEAEAE;
    }

    table.jCalendar td.selected {
        border: 1px solid #191919;
    }

    table.jCalendar td.other-month {
        background: #fff;
        border: 1px solid #ECECEC;
        color: #fff;
        padding: 3px 5px;
        text-align: center;
        font-weight: bold;
    }

    table.jCalendar td.other-month:hover {
        color: #4F4F4F;
    }

    /* For the popup */

    /* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

    div.dp-popup {
        position: relative;
        background: #fff;
        border: 1px solid #AEAEAE;
        font-size: 10px;
        font-family: arial, sans-serif;
        padding: 0;
        width: 200px;
    }
    div#dp-popup {
        position: absolute;
        z-index: 199;
    }
    div.dp-popup h2 {
        background: #414247;
        font-size: 12px;
        text-align: center;
        margin: 0;
        padding: 0;
        color: #fff;
        line-height: 18px;
    }
    a#dp-close {
        font-size: 11px;
        padding: 4px 0;
        text-align: center;
        display: block;
    }
    a#dp-close:hover {
        text-decoration: underline;
    }
    div.dp-popup a {
        color: #000;
        text-decoration: none;
        padding: 3px 2px 0;
    }
    div.dp-popup div.dp-nav-prev {
        position: absolute;
        top: 0px;
        left: 4px;
        width: 100px;
        font-weight: bold;
    }
    div.dp-popup div.dp-nav-prev a {
        float: left;
    }
    /* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
    div.dp-popup div.dp-nav-prev a,
    div.dp-popup div.dp-nav-next a {
        cursor: pointer;
        color: #fff;
        font-size: 12px;
    }
    div.dp-popup .dp-nav-next-year,
    div.dp-popup .dp-nav-prev-year {
        display: none;
    }

    div.dp-popup div.dp-nav-prev a.disabled,
    div.dp-popup div.dp-nav-next a.disabled {
        cursor: default;
        display: none;
    }
    div.dp-popup div.dp-nav-next {
        position: absolute;
        top: 0px;
        right: 4px;
        width: 100px;
        font-weight: bold;
    }
    div.dp-popup div.dp-nav-next a {
        float: right;
    }
    div.dp-popup a.disabled {
        cursor: default;
        color: #aaa;
    }
    div.dp-popup td {
        cursor: pointer;
    }
    div.dp-popup td.disabled {
        cursor: default;
    }
    
/* =DATE PICKER
   ----------------------------------------------------*/
    #tooltip {
        position: absolute;
        z-index: 3000;
        border: 1px solid #E0E0E0;
        background-color: #5B5B5B;
        padding: 5px;
        font-size: 0.6em;
        color: #fff;
        font-weight: normal !important;
        text-align: left;
    }
    #tooltip h3, #tooltip div { margin: 0; }

    #tooltip .price {
        text-align: right;
    }

    #tooltip .total {
        border-top: 1px solid #fff;
    }

/* =MARKET RESEARCH
   ----------------------------------------------------*/
    #marketResearch {
        font-size: 0.7em;
        padding-bottom: 40px;
        width: 850px;
    }
    #marketResearch label {
        display: block;
        float: left;
        width: 300px;
        text-align: right;
        margin: 0 5px 10px;
        padding-top: 2px;
        font-size: 1em;
        font-weight: normal;
    }