@import url("reset.css");
/*  
    ========================================
    Cross Country Trains
    Screen stylesheet
    Jesper Hills for Graphico, 29 May 2009
    
    Note: If you modify this file, please
    keep to these layout conventions as it
    helps everybody.
    ========================================
    
    1. Common
    2. Header
        2.1 Account
    3. Navigation
        3.1 Find Tickets
        3.2 Breadcrumb
    4. Footer, Site Info
    5. Content
    6. Social Bookmarks
    7. Sitemap
    8. Popup
    9. Tabs/Panes/Toggles
    10. Priority Messages
    
    Base styles:

*//* The file below is read by ALL browsers
   but the hacks contained within it further target 
   IE5-6 for Windows. See file for details. */
@import "ie6.css";
@import "ie7.css";

/* IE 5.5 hacks only */
@media tty 
{
i{content:"";/*" "*/}}@m;
@import 'ie55win.css'; /*";}
}/* */ 

/* The file below is ONLY read by IE5/Win.
   Makes use of the Mid Pass Filter: 
   http://tantek.com/CSS/Examples/midpass.html */   
@media tty 
{
 i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";}
}/* */

/* The file below is ONLY read by IE5/Mac.
   Makes use of the Band Pass Filter: 
   http://www.stopdesign.com/examples/ie5mac-bpf/ */

/*\*//*/
  @import "ie5mac.css";
/**/

    body { text-align: center; font-size: 62.5%; line-height: 1.4; font-family: Arial, Verdana, Sans-Serif; color: #34081d; background: #c0bcb4; }
    a { color: #da0046; text-decoration: none; }
    a:hover { color: #da0046; text-decoration: underline; }
    a:focus { color: #fff; background-color: #bf013d; outline: none; }
    a:active { color: #da0046; background-color: transparent; outline: none; }
    #skip { position: absolute; top: -9999em; }

/*
    1. Common
*/
    #account .section,
    #header .section,
    #nav .section,
    #fat .section,
    #account .section,
    .status .section,
    #breadcrumb .section,
    #content .section,
    #footer .section,
    #siteInfo .section {
        width: 962px;
        margin: 0 auto;
        text-align: left;
        }
    hr.none {
        display: none;
        }
    div.hr {
        height: 3px;
        background: url(../../_SiteImages/Template/dottedLarge.gif) left top repeat-x;
        margin: 5px 30px;
        overflow: hidden;
        }
        div.hr hr {
            display: none;
            }
    .left { float: left; }
    .right { float: right; }
    .clear { display: inline-block; }   
    .clear:after {
      content: "."; 
      display: block; 
      height: 0; 
      clear: both; 
      visibility: hidden;
    }
    * html .clear { height: 1%; }
    .clear { display: block; }
    .hide { position: absolute; top: -99999em; visibility: hidden; z-index: -1; }
/*
    2. Header
*/
    #header {
        background: #100103;
        padding: 15px 0 0;
        }
        #header .section {
            overflow: hidden;
            }
    #header img {
        float: left;
        margin: 10px 57px 0 0;
        }
    #header p {
        background: url(../../_SiteImages/Template/headerBG.jpg) right top no-repeat;
        width: 575px;
        
        height: 68px;
        text-indent: -9999em;
        overflow: hidden;
        float: left;
        }
        #pageHome #header p {
            background-position: right bottom;
            }
/*
    2.1 Account
*/
    #account {
        background: #390f22;
        }
        #account ul {
            float: right;
            position: relative;
            bottom: -7px;
            margin-bottom: -5px;
            }
        #account ul li,
        #account ul li a,
        #account ul li span {
            float: left;
            }
        #account ul li a,
        #account ul li span {
            font-size: 1.4em;
            font-weight: bold;
            color: #FFF;
            background: #390f22;
            margin-left: 1px;
            padding: 5px 10px;
            }
            #account ul li#accountSocial {
            font-size: 1.4em;
            font-weight: bold;
            color: #FFF;
            background: #390f22;
            margin-left: 1px;
            padding: 0 10px;
            line-height: 30px;
            }
            #account ul li#accountSocial a
            {
                padding: 0;
                background:transparent;
                float:none;
                display: inline;
                font-size: 0;
                line-height: 21px;
            }
            
            #account ul li#accountSocial a img
            {
                margin-bottom: -5px;
                margin-left: 5px;
            }
            
            #account ul li span {
                color: #C30045;
                }
        #account #login {
            display: none;
            width: 100%;
            overflow: hidden;
            }
            #account #login h2 {
                font-size: 2.1em;
                font-family: Arial, Verdana, Sans-Serif;
                color: #FFF;
                line-height: 1em;
                padding: 45px 0 0 360px;
                margin: 0;
                float: left;
                }
            #account #login ol {
                float: right;
                padding: 25px 0 0;
                margin: 0;
                list-style: none outside;
                width: 510px;
                }
                #account #login ol li {
                    list-style: none outside;
                    float: left;
                    padding-left: 12px;
                    }
                    #account #login li label {
                        font-size: 1.2em;
                        color: #9e9b8c;
                        display: block;
                        margin: 0 0 3px;
                        width: 200px;
                        }
                    #account #login li input {
                        display: block;
                        border: none;
                        background: #FFF;
                        color: #999285;
                        padding: 2px;
                        width: 200px;
                        margin: 0;
                        }
                    #account #login p {
                        color: #FFF;
                        font-size: 1.2em;
                        margin: 3px 0 0;
                        width: 200px;
                        }
                        #account #login li p label {
                            color: #FFF;
                            display: inline;
                            margin: 0;
                            font-size: 1em;
                            }
                        #account #login li p input {
                            display: inline;
                            width: auto;
                            padding: 0;
                            margin: 2px 0 0;
                            background: none;
                            }
                    #account #login li.btn button,
                    #account #login li.btn input {
                        width: 66px;
                        height: 33px;
                        border: none;
                        text-indent: -999em;
                        overflow: hidden;
                        background: url(../../_SiteImages/Template/btnGo.gif);
                        margin: 13px 0 0;
                        display: block;
                        }
/*
    3. Navigation
*/
    #nav {
        background: #eeecea;        
        }
    #nav.includingSecondary {
        border-bottom: 37px solid #aaa296;
        }
    #nav .section {
        position: relative;
        }
        #nav ul li {
            float: left;
            line-height: 2em;
            padding: 2em 1em 0;
            background: url(../../_SiteImages/Template/navItemBG.gif) left bottom repeat-x;
            border-right: 1px solid #eeecea;
            }
        #nav ul li.current {
            background: #aaa296;
            }
            #nav ul li a {
                font-size: 1.4em;
                color: #3e3b2a;
                font-weight: bold;
                }
            #nav ul li.current a {
                color: #FFF;
                }
        #nav ul ul {
            position: absolute;
            top: 3em;
            left: 0;
            width: 100%;
            }
            #nav ul ul li {
                background: #aaa296;
                border-right: 1px solid #e8e6e3;
                padding: 0 0.8em;
                line-height: 1em;
                }
                #nav ul ul li a {
                    font-weight: normal;
                    line-height: 1.1em;
                    float: left;
                    white-space: nowrap;
                    }
/*
    3.1 Find Tickets
*/
    /* See fat.css */
/*
    3.2 Breadcrumb
*/
    .status { display: none; } 
    #breadcrumb {
        background: #fff;
        }
        #breadcrumb p {
            font-size: 1.2em;
            color: #666;
            padding: 10px 30px 5px;
            }
        #breadcrumb p a {
            text-decoration: underline;
            }
        #breadcrumb p span {
            color: #25221a;
            }
        #breadcrumb h1 {
            font-size: 2.6em;
            line-height: 1em;
            font-weight: normal;
            color: #666;
            padding: 5px 30px 5px;
            margin: 0;
            float: left;
            }
        #breadcrumb .rssFeed {
            float: right;
            padding-right: 262px;
            }
            #breadcrumb .rssFeed img 
            {
                vertical-align: middle;
            }

/*
    4. Footer
*/
    #footer {
        background: #e5e3df;
        padding: 40px 0 20px;
        border-top: 1px solid #FFF;
        }
    #footer dl {
        float: left;
        width: 200px;
        margin: 0 17px;
        display: inline;
        }
        #footer dl dt {
            font-size: 1.8em;
            }
        #footer dl dd {
            font-size: 1.2em;
            font-weight: bold;
            background: url(../../_SiteImages/Template/dotted.gif) left bottom repeat-x;
            }
            #footer dl dd a {
                color: #34081D;
                display: block;
                padding: 1px 0;
                }
    #siteInfo .section {
        text-align: center;
        padding: 22px 0;
        }
        #siteInfo #YourSearchEngine {
            width: 472px;
            height: 25px;
            background: url(../../_SiteImages/Template/yourSearchEngine.gif) 0 0 no-repeat;
            overflow: hidden;
            text-indent: -9999em;
            margin: 0 auto;
            }
        #siteInfo ul {
            color: #bf013d;
            margin: 1.5em 0 0.5em;
            }
            #siteInfo ul li {
                display: inline;
                list-style: none outside;
                font-size: 1.4em;
                font-weight: bold;
                }
        #siteInfo p {
            font-size: 1.2em;
            color: #6b6250;
            width: 550px;
            margin: 0 auto;
            }
            
         #siteInfo #nationRailLogo
         {
             margin-right: 13px;
         }
         
         #siteInfo #arrivaLogo
         {
             margin-left: 13px;
         }
/*
    5. Content
*/
    #content {
        background: #eeecea;
        }
        #content .section {
            background: #f0eeec;
            }
            #pageHome #content .section {
            background: #fff;
            }
        #content .leftColumn {
            float: left;
            width: 698px;
            background: #fff;
            border-right: 1px solid #FFF;
            }
            .fullWidth #content .leftColumn {
                width: 962px;
                border-right: none;
                }
        #content .rightColumn {
            float: right;
            width: 262px;
            background: #fff;
            border-right: 1px solid #FFF;
            border-bottom: 1px solid #FFF;
            }
        /* Nested Columns */
        #content .columns {
            width: 100%;
            overflow: hidden;
            background: #FFF;
            }
            #content .columns .leftColumn,
            #content .columns .rightColumn {
                width: 348px;
                background: none;
                }
            #content .columns .rightColumn {
                border: none;
                background: none;
                }
        #content .gradient {
            background: #d9d6d3 url(../../_SiteImages/Template/contentGradient.gif) left top repeat-x;
            }
            
/*
    5. Content (Left)
*/        
    /* Headings */
    .box h2,
    #content h2 {
        font-size: 2em;
        line-height: 1em;
        font-weight: normal;
        padding: 8px 30px 0px;
        color: #353125;
        }    
        /* Heading 2 (Notice) */
        #content h2.notice {
            font-size: 2em;
            padding: 20px 30px;
            }
        /* Heading 2 (Column) */
        #content .columns h2 {
            color: #6b6250;
            background: none;
            }
    #content h3 {
        font-size: 1.4em;
        line-height: 1em;
        color: #746c5b;
        font-weight: bold;
        padding: 15px 30px 8px;
        }
    #content h4 {
        font-size: 1.4em;
        line-height: 1em;
        color: #746c5b;
        font-weight: bold;
        padding: 8px 30px 8px;
        }
    
    /* Horizontal Rule */
    #content hr {
        height: 1px;
        border: none;
        overflow: hidden;
        color: #EEECEA;
        background-color: #EEECEA;
        }
    
    /* Paragraphs/Lists (Standard) */
    #content p,
    #content blockquote, 
    #content address, 
    #content ol,
    #content ul,
    #content dl,
    #content img {
        padding: 8px 30px 8px;
        color: #746c5b;
        font-size: 1.4em;
        line-height: 1.4em;
        }
    .paragraphPromo a {
        padding: 8px 30px 8px;    
    }
    #content a img {
        padding: 0;
        }
    #content object,
    #content embed {
        margin: 8px 30px; 
        }
    #content .video object,
    #content .video embed {
        margin: 0; 
        }
        #content #homePageFlash,
        #content #fat object,
        #content #fat embed { margin: 0; }
        #content .yui-ac-container ul {
            padding: 0;
            font-size: 1.2em;
            line-height: inherit;
        }
        /* Paragraph Styles */
        #content p.leadParagraph {
            font-size: 1.6em;
            font-style: italic;
            }
        #content p.footnote {
            font-size: 1.2em;
            font-style: italic;
            }
        #content p.pdfAdvice {
            margin: 8px 60px 8px;
            padding: 10px 10px 10px 60px;
            border: 1px solid #E3DFD9;
            font-size: 1.2em;
            background: url(../../_SiteImages/Template/pdfIcon.gif) 8px 8px no-repeat;
            }
            #content p.pdfAdvice acronym {
                border-bottom: 1px dotted #746c5b;
                }
        /* Paragraph with Image */
        #content .paraWithImg { width: 100%; overflow: hidden; }
        #content .paraWithImg .imageLeft { float: left; margin-right: 5px; padding: 0; }
        #content .paraWithImg .imageRight { float: right; margin-left: 5px; padding: 0; }
        #content .paraWithImg p { float: left; }
        /* Address Style */
        #content address {
            font-style: normal;
            }
        /* List Styles */
        #content ol li {
            list-style: decimal inside;
            }
        #content ul li {
            list-style: disc inside;
            }
        #content .yui-ac-content ul li {
            list-style: none;
            margin-left: 0;
            }
        #content .uiAccStation ul li {
            list-style: none;
            margin-left: 0;
            }
        #content dl {
            padding-bottom: 0;
            }
            #content dl dt {
                font-weight: bold;
                }
            #content dl dd {
                padding-bottom: 8px;
                }                
        #content .simple li {
            list-style: none outside;
            display: block;
            }
        #content ul ul,
        #content ul ol,
        #content ol ol,
        #content ol ul,
        #content li p,
        #content li h2,
        #content li h3,
        #content li h4 {
            font-size: 1em;
            }
        /* Expanding List */
        #content ul.expand li {
            list-style: none outside;
            }
            #content ul.expand li span.toggle {
                background: url(../../_SiteImages/Template/toggleA.gif) 0 3px no-repeat;
                padding-left: 17px;
                display: block;
                color: #da0046;
                font-weight: bold;
                cursor: pointer;
                }
                #content ul.expand li span.open {
                    background-image: url(../../_SiteImages/Template/toggleB.gif);
                    }
        /* Visual List */
        #content ul.visualList li {
            list-style: none outside;
            }
            #content ul.visualList li h2,
            #content ul.visualList li p {
                padding-left: 0;
                padding-right: 0;
                padding-bottom: 8px;
                }
        /* Homepage smaller DD list */
        #content dl.specialOffer dd,
        #content p.specialOffer {
            font-size: 0.85em;
            }
        /* Blockquote Styles */
        #content blockquote {
            background: url(../../_SiteImages/Template/bqTop.gif) 30px 8px no-repeat;
            }
        #content blockquote p {
            font-size: 1em;
            background: url(../../_SiteImages/Template/bqBottom.gif) right bottom no-repeat;
            display: inline;
            }
           
    /* Tables */
    #content table {
        width: 100%;
        margin: 8px 0 8px;
        }
        #content table th {
            color: #353125;
            font-size: 1.4em;
            font-weight: bold;
            line-height: 1em;
            background: #d7d6d3;
            padding: 5px 30px;
            }
        #content table td {
            color: #6b6250;
            font-size: 1.4em;
            line-height: 1em;
            background: url(../../_SiteImages/Template/dottedLarge.gif) left bottom repeat-x;
            padding: 15px 30px 18px;
            border-bottom: none;
            }
            #content table td ul,
            #content table td ol,
            #content table td p {
                font-size: 1em;
                padding: 0;
                }
        #content table .last td {
            background: none;
            padding-bottom: 15px;
            }
        #content table caption {
            text-align: left;
            color:#746C5B;
            font-size: 1.4em;
            line-height: 1.4em;
            padding: 8px 30px;
            }
            
    /* Lead Image */
    #content .leadImage,
    #content .insert {
        background: #da0046;
        color: #FFF;
        width: 100%;
        overflow: hidden;
        margin: 8px 0 8px;
        }
        #content .leadImage img,
        #content .insert img {
            float: left;
            margin: 0 0px 0 30px;
            }
        #content .leadImage img {
            padding: 0;
            }
        #content .leadImage p,
        #content .insert p {
            font-size: 2.2em;
            font-style: italic;
            color: #FFF;
            line-height: 1.2em;
            float: left;
            width: 215px;
            padding: 20px 30px;
            }
            
    /* Article */
    #content .article h2 {
        font-size: 2.6em;
        line-height: 1.2em;
        color: #746c5b;
        padding-bottom: 10px;
        }
        #content .article h2 a {
            font-size: 1.15em;
            }
    
    /* Notice */
    #content .notice {
        background: #aaa296;
        color: #FFF;
        font-size: 2.6em;
        line-height: 1em;
        padding: 28px 25px 24px;
        margin: 0;        
        }
        
    /* Category list Table */
    #content .categoryList {
        background: #c3bbaf;
        width: 100%;
        overflow: hidden;
        }
        #content .categoryList h2 {
            background: #e0ddd9;
            padding: 7px 30px;
            font-size: 2em;
            line-height: 1em;
            font-weight: normal;
            position: relative;
            width: 638px;
            }
            #content .categoryList h2 a {
                font-size: 0.7em;
                font-weight: bold;
                position: absolute;
                left: 379px;
                top: 0.7em;
                }
        #content .categoryList ul,
        #content .categoryList ol {
            padding: 0;
            }
        #content .categoryList li {
            padding: 7px 30px;
            font-size: 1em;
            line-height: 1em;
            border-right: 1px solid #e0ddd9;
            border-top: 1px solid #e0ddd9;
            font-weight: bold;
            float: left;
            list-style: none outside;
            width: 288px;
            }
        #content .categoryList li.last {
            border-right: none;
            }
           
    /* Promotion list Table */
    #content table.promotionList {
        width: 100%;
        margin: 12px 0 0;
        }
        #content table.promotionList th {
            color: #353125;
            font-size: 1.4em;
            font-weight: bold;
            line-height: 1em;
            background: #d7d6d3;
            padding: 5px 30px;
            }
        #content table.promotionList td {
            color: #6b6250;
            font-size: 1.4em;
            line-height: 1em;
            background: url(../../_SiteImages/Template/dottedLarge.gif) left bottom repeat-x;
            padding: 15px 30px 18px;
            border-bottom: none;
            }
        #content table.promotionList .last td {
            background: none;
            padding-bottom: 15px;
            }
            
    /* Train list Table */
    #content table.trainList {
        width: 100%;
        margin: 10px 0 10px;
        }
        #content table.trainList td,
        #content table.trainList th {
            color: #6b6250;
            font-size: 1.4em;
            line-height: 1em;
            padding: 3px 30px 7px;
            background: url(../../_SiteImages/Template/dottedLarge.gif) left bottom repeat-x;
            border-bottom: none;
            }
        #content table.trainList a {
            font-weight: bold;
            }
        #content table.trainList .price {
            font-size: 1.29em;
            font-weight: bold;
            }
        #content table.trainList .type {
            font-size: 0.86em;
            }
            
    /* Plain Table */
    #content table.plain {
        width: 100%;
        margin: 10px 0 10px;
        }
        #content table.plain td,
        #content table.plain th {
            color: #6b6250;
            font-size: 1.4em;
            line-height: 1em;
            padding: 3px 5px 7px 30px;
            border-bottom: none;
            background: none;
            }
        #content table.plain a {
            font-weight: bold;
            }
        #content table.plain .price {
            font-size: 1.29em;
            font-weight: bold;
            }
        #content table.plain .type {
            font-size: 0.86em;
            }
    
    /* Pagination */
    #content .pagination {
        background: #f7f7f6;
        padding: 30px;
        font-size: 1.8em;
        line-height: 1em;
        color: #110e08;
        margin: 0;
        }
    
    /* Button List */
    #content .buttonList {
        width: 100%;
        overflow: hidden;
        padding: 0;
        }
    #content .buttonList li {
        float: left;
        width: 349px !important;
        }   
    #content .buttonList li,
    #content .buttonList li a {
        display: block;
        list-style: none outside;
        width: 100%;
        }
        #content .buttonList li a {
            background: #d9d6d3 url(../../_SiteImages/Template/buttonListBG.gif) left top no-repeat !important;
            height: 3.05em;
            width: auto;
            line-height: 3.05em;
            font-size: 1.43em;
            text-indent: 30px;
            overflow: hidden;
            }
    
    /* Search Form */    
    #content .search {
        background: #aaa296;
        padding: 10px 30px;
        color: #fff;
        }
        #content .search label {
            font-size: 2.6em;
            line-height: 1em;
            display: block;
            padding: 0 0 10px;
            }
            #content .search label span {
                font-size: 0.54em;
                }
        #content .search input,
        #content .search select,
        #content .form input,
        #content .form select,
        #content .form textarea {
            background: #FFF;
            border: 1px solid #cecac5;
            border-bottom: none;
            color: #999285;
            padding: 3px 8px;
            margin: 0 10px 0 0;
            font-size: 1.2em;
            width: 460px;
            float: left;
            font-family: Arial, Verdana, Sans-Serif;
            }
        #content input.uiTxtStation {
            float: none;    
        }
        #content .form select {
            padding: 3px;
            }
        #content .search button,
        #content .search .submitButton,
        #content .form button,
        #content .form .submitButton {
            background: #bf003d;
            border: none;
            color: #fff;
            padding: 5px;
            font-size: 2em;
            font-weight: bold;
            line-height: 1em;
            cursor: pointer;
            float: left;
            margin: -2px 0 0;
            width: auto;
            }
        #content .search .submitButton {
            float: none;
            margin: 0;
            }
        #content .search p {
            padding: 15px 0 0;
            font-size: 1.6em;
            line-height: 1em;
            }
            
    /* Regular Form */
    #content .form {
        background: #e3dfd9;
        border-top: 1px solid #FFF;
        padding: 25px 30px;
        }
        #content .form h2,
        #content .form h3 {
            font-size: 2em;
            line-height: 1em;
            color: #6e6553;
            padding: 0 0 5px;
            }
        #content .form p {
            padding: 8px 0 8px;
            color: #6e6553;
            }
        #content .form legend {
            display: none;
            }
        #content .form a {
            font-size: 1.4em;
            font-weight: bold;
            line-height: 1em;
            }
            #content .form p a,
            #content .form label a {
                font-size: 1em;
                }
        #content .form ul,
        #content .form ol {
            font-size: 1em;
            padding: 0;
            }
            #content .form li {
                list-style: none outside;
                display: block;
                width: 100%;
                overflow: hidden;
                }
            #content .form .radioList li {
                margin-left: 0;
                }
                #content .form label {
                    color: #6b6250;
                    font-size: 1.4em;
                    line-height: 1.5em;
                    font-weight: bold;
                    padding: 10px 0 0;
                    display: block;
                    }
                    #content .form span.required {
                        font-size: 1.5em;
                        font-weight: bold;
                        }
                    #content .form label.inline,
                    #content .form ul.radioList li label,
                    #content .form .checkbox label {
                        display: inline;
                        }
                #content .form input,
                #content .form select,
                #content .form textarea {
                    float: none;
                    width: 400px;
                    }
                #content .form input.radio,
                #content .form input.checkbox,
                #content .form .checkbox input,
                #content .form ul.radioList input {
                    background: none;
                    border: none;
                    width: auto;
                    }
        #content .form button,
        #content .form .submitButton {
            margin: 15px 10px 0 0;
            }
            
        #content #whichBoard .genericTextBox 
        {

            float: left;
            margin-top: 5px;
        }
        #content #whichBoard .submitButton
        {

            float: left;
            margin-top:0;
        }
    
    /* Video and Transcripts */        
    #content .transcript h3.js {
        color: #DA0046;
        cursor: pointer;
    }
            
/*  5. Content (Single instances) */

    #content .specialOffers h2 {
        padding-bottom: 10px;
        }
    #content .specialOffers ul {
        font-size: 1.3em;
        line-height: 1.3em;
        padding: 0 30px 15px;
        }
    #content .specialOffers ul li {
        list-style: none outside;
        font-weight: bold;
        display: block;
        padding: 0.25em 0;
        }
            #content .specialOffers ul li span a {
                color: #746c5b;
                font-size: 0.9em;
                }
    #content .signUp 
    {
        background: url(../../_SiteImages/Template/signUpBg.gif) right bottom no-repeat;
        min-height: 90px;
    }
                
/*
    5. Content (Right)
*/    
    /* Back To */
    #content .rightColumn .back a {
        background: #cfc9c0 url(../../_SiteImages/Template/back.gif) 20px 50% no-repeat;
        display: block;      
        padding: 20px 0 20px 20px;
        font-size: 1.6em;
        line-height: 1em;
        text-decoration: none !important;
        text-indent: 17px;
        }
    
    /* CTA */
    #content .rightColumn .cta {
        background: #371122 url(../../_SiteImages/Template/ctaBG.gif) left top repeat-y;
        padding: 10px 0;
        font-size: 1em;
        }
        #content .rightColumn .cta dt {
            display: block;
            padding: 20px 30px 5px;
            color: #FFF;
            font-size: 1.6em;
            }
        #content .rightColumn .cta dd {
            font-size: 2em;
            line-height: 1.2em;
            padding: 0 20px 20px 30px;
            }
            #content .rightColumn .cta dd a {
                display: block;
                }

    /* Quick Tickets */
    /*#content .rightColumn .quickTickets {
        border-bottom: 41px solid #e3dfd9;
        }*/
        #content .rightColumn .quickTickets h2 {
            background: #e3dfd9;
            padding: 15px 30px;
            font-size: 2.6em;
            }
        #content .rightColumn .ticketList {
            padding: 0;
            }
        #content .rightColumn .ticketList li {
            display: block;
            list-style: none outside;
            background: #eae7e4 url(../../_SiteImages/Template/ticketListBG.gif) left bottom repeat-x;
            color: #6a614c;
            padding: 7px 30px;
            }
            #content .rightColumn .ticketList li .route {
                display: block;
                font-weight: bold;            
                }
            #content .rightColumn .ticketList li .price {
                font-weight: bold;
                font-size: 1.29em;
                line-height: 1em;
                }
            #content .rightColumn .ticketList li .type {
                font-size: 0.86em;
                }
                
    /* Searches */
    #content .rightColumn .searches {
        border-top: 1px solid #FFF;
        background: #f9f8f9 url(../../_SiteImages/Template/searchesBG.gif) left bottom repeat-x;
        padding: 18px 30px;
        }
        #content .rightColumn .searches h2 {
            padding: 0 0 14px;
            background: none;
            color: #6a614c;
            }
        #content .rightColumn .searches ul,
        #content .rightColumn .searches ol,
        #content .rightColumn .searches p {
            padding: 0;
            }
        #content .rightColumn .searches li {
            font-weight: bold;
            margin: 0 0 5px;
            width: 100%;
            }
            #content .rightColumn .searches li a,
            #content .rightColumn .searches li {
                display: block;
                list-style: none outside;
                line-height: 1em;
                }
            #content .rightColumn .searches li span {
                font-size: 0.79em;
                display: block;
                }
                
    /* Home Panel links */
    #content .rightColumn .panelLinks {
        padding: 0 0 10px 0;
        list-style: none outside;
        }
        #content .rightColumn .panelLinks li {
            background: #f4f1f4 url(../../_SiteImages/Template/panelLinkbg.gif) right center no-repeat;
            margin: 5px 0 0;
            padding: 0;
            display: block;
            list-style: none outside;
            }
            #content .rightColumn .panelLinks li h3 {
                padding: 0;
                }
            #content .rightColumn .panelLinks li p {
                padding: 0;
                }
                #content .rightColumn .panelLinks h3 a {
                    font: bold italic 26px/30px Bliss2, Bliss, "Trebuchet MS", Tahoma, Arial, sans-serif;
                    color: #666 !important;
                    display: block;
                    padding: 10px 30px 0;
                    text-decoration: none;
                    background: none !important;
                    }
                #content .rightColumn .panelLinks p a {
                    font: bold 14px/18px Bliss2, Bliss, Arial, sans-serif;
                    color: #666 !important;
                    display: block;
                    padding: 0 30px 10px;
                    text-decoration: none;
                    background: none !important;
                    }
/*
    6. Social Bookmarks
*/
    .SocialBookmarks {
        background: #f7f7f6;
        padding: 10px 0 20px;
        }
    .SocialBookmarks ul {
	    width: 100%;
	    overflow: hidden;
	    margin: 0 !important;
        }
    .SocialBookmarks ul li {
	    list-style: none outside !important;
	    display: block;
	    float: left;
	    margin: 0;
	    padding: 0;
        }
    .SocialBookmarks ul li a {
	    display: block;
	    color: #666666;
	    padding: 50px 40px 0 0;
	    font-size: 0.85em !important;
        }
    .SocialBookmarks p {
	    margin-bottom: 10px !important;
	    font-size: 1.9em !important;
	    color: #25221a !important;
	    line-height: 1em !important;
        }
    .SocialBookmarks a.delicious { background: url(../../_SiteImages/Icons/iconDelicious.gif) left top no-repeat; }
    .SocialBookmarks a.digg { background: url(../../_SiteImages/Icons/iconDigg.gif) left top no-repeat; }
    .SocialBookmarks a.reddit { background: url(../../_SiteImages/Icons/iconReddit.gif) left top no-repeat; }
    .SocialBookmarks a.facebook { background: url(../../_SiteImages/Icons/iconFacebook.gif) left top no-repeat; }
    .SocialBookmarks a.stumbleupon { background: url(../../_SiteImages/Icons/iconStumbleupon.gif) left top no-repeat; }
    .SocialBookmarks a.twitter { background: url(../../_SiteImages/Icons/twitter.gif) left top no-repeat; }

/*social bookmarks interactive - Stuart Johnston*/

.SocialBookmarksInteractive
{
    margin: 34px 0;
    overflow: hidden;
    height: 45px;
    position:relative;
    background: url(../../_SiteImages/SocialBookmarksInteractive/sbBG.jpg) left bottom no-repeat;
}

.SocialBookmarksInteractive .hideSbLinks
{
    position:absolute;
    left: -500px;
    z-index:1001;
}

.SocialBookmarksInteractive #sbTrigger
{
    margin:0;
    padding: 0;
    width: 252px;
    height: 45px;
    float: left;
    position:absolute;
    left: 0;
    top: 0;
    z-index:100;
}

.SocialBookmarksInteractive #sbTrigger a
{
    display: block;
    width: 100%;
    height: 100%;
    /*background:url(../../_SiteImages/SocialBookmarksInteractive/sbBG.jpg) left bottom no-repeat;*/
    text-indent: -9999em;
    overflow: hidden;
    background-color:transparent;
}

.SocialBookmarksInteractive #sbTrigger a:hover;
.SocialBookmarksInteractive #sbTrigger a:active
{
    background-color: Transparent;
}

.SocialBookmarksInteractive #sbLinks
{
    overflow: hidden;
    height: 45px;
}

.SocialBookmarksInteractive #sbLinks ul
{
    padding: 0;
    margin: 0;
    width: 361px;
    height: 45px;
    background:url(../../_SiteImages/SocialBookmarksInteractive/sbSprite.jpg) right bottom no-repeat;
    overflow: hidden;
}

.SocialBookmarksInteractive #sbLinks ul li
{
    list-style-type: none;
    padding: 0;
    margin: 0;
    float: left;
}

.SocialBookmarksInteractive #sbLinks ul li a
{
    margin: 0;
    padding:0;
    width: 45px;
    height: 45px;
    display: block;
    text-indent: -9999em;
    overflow: hidden;
    background:url(../../_SiteImages/SocialBookmarksInteractive/sbSprite.jpg) right bottom no-repeat;
    z-index:1000;
    position:absolute;
    top: 0;
}

.SocialBookmarksInteractive #sbLinks .delicious
{
    background-position: -307px 0;
    left: 137px;
}
.SocialBookmarksInteractive #sbLinks .delicious:hover,
.SocialBookmarksInteractive #sbLinks .delicious:focus
{
    background-position: -307px -45px;
}

.SocialBookmarksInteractive #sbLinks .digg
{
    background-position: -459px 0;
    left: 289px;
}

.SocialBookmarksInteractive #sbLinks .digg:hover,
.SocialBookmarksInteractive #sbLinks .digg:focus
{
    background-position: -459px -45px;
}

.SocialBookmarksInteractive #sbLinks .reddit
{
    background-position: -357px 0;
    left: 187px;
}

.SocialBookmarksInteractive #sbLinks .reddit:hover,
.SocialBookmarksInteractive #sbLinks .reddit:focus
{
    background-position: -357px -45px;
}

.SocialBookmarksInteractive #sbLinks .facebook
{
    background-position: -205px 0;
    left: 35px;
}

.SocialBookmarksInteractive #sbLinks .facebook:hover,
.SocialBookmarksInteractive #sbLinks .facebook:focus
{
    background-position: -205px -45px;
}

.SocialBookmarksInteractive #sbLinks .stumbleupon
{
    background-position: -409px 0;
    left: 239px;
}

.SocialBookmarksInteractive #sbLinks .stumbleupon:hover,
.SocialBookmarksInteractive #sbLinks .stumbleupon:focus
{
    background-position: -409px -45px;
}
.SocialBookmarksInteractive #sbLinks .twitter
{
    background-position: -256px 0;
    left: 86px;
}
.SocialBookmarksInteractive #sbLinks .twitter:hover,
.SocialBookmarksInteractive #sbLinks .twitter:focus
{
    background-position: -256px -45px;
}

/*
    7. Sitemap
*/
    #content .sitemap h2,
    #content .sitemap ul,
    #content .sitemap ul ul {
        font-size: 1em;
        line-height: 1em;
        margin: 0;
        padding: 0;
        list-style: none outside;
        }
        #content .sitemap {
            font-size: 1.4em;
            padding: 23px 30px;
            }
            #content .sitemap h2 {
                font-weight: bold;
                margin: 1em 0 0.5em;
                }
            #content .sitemap ul li,
            #content .sitemap ul ul li {
                padding: 3px 0 3px 1.5em;
                background: url(../../_SiteImages/Template/arrow1.gif) 0.5em 0.4em no-repeat;
                list-style: none outside;
                }
            #content .sitemap ul ul li {
                background-image: url(../../_SiteImages/Template/arrow2.gif);
                }
            #content .sitemap ul ul ul li {
                background-image: url(../../_SiteImages/Template/arrow3.gif);
                }

/*
    8. Popup
    moved to box.css
*/
/*
    8.1 Popup Date
*/  
    #ui-datepicker-div {
        background: #390015 url(../../_SiteImages/Template/ftBg.gif) left top repeat-x;
        }
    #ui-datepicker-div .ui-datepicker-calendar th span {
        color: #E1134F;
        }

/*
    9. Tabs/Panes/Toggles
*/
    #content .tabs {
        width: 638px;
        overflow: hidden;
        padding-bottom: 0;
        }
        #content .tabs li {
            float: left;
            list-style: none outside;
            background: #D9D6D3 url(../../_SiteImages/Template/contentGradient.gif) repeat-x left top;
            border: 1px solid #D9D6D3;
            border-bottom: none;
            margin: 0 1px 0 0;
            }
            #content .tabs li a {
                padding: 5px 10px;
                display: block;
                }
        #content .tabs li.current {
            background: #AAA296;
            border-color: #AAA296;
            }
            #content .tabs li.current a {
                color: #FFF;
                }
    #content .pane {
        border: 1px solid #AAA296;
        margin: 0 30px 8px;    
        }
        #content .pane .pane {
            border: none;
            margin: 0;
            padding: 8px 0;
            }

/*
    10. Priority Messages
*/
    #content .priority {
        padding: 13px 20px 10px 60px;
        margin: 0 0 8px;
        border: 1px solid #EEECEA;
        border-left: none;
        border-right: none;
        background: #F6f6f6 url(../../_SiteImages/Template/priority.gif) 30px 10px no-repeat;
        }
        #content .priority h1 {
            font-size: 2em;
            line-height: 1em;
            color: #ffad00;
            }
        #content .priority p,
        #content .priority ul,
        #content .priority ol {
            padding-top: 8px;
            padding-left: 0;
            padding-right: 0;
            padding-bottom: 0;
            font-size: 1.2em;
            }
/*
    Resize (minimise spacing)
    Kept together to easily disable if required
*/
#header { padding-top: 0; }
#header p { height: 63px; }
#account { /* PB 03/09/10 margin-top: -5px; */ padding-top: 5px; }
#nav ul li { padding-top: 0.5em; }
#fat .section { padding-top: 0 !important; }

.video {
    padding-left:30px;    
}

#uiAccStation {
    position: relative;
    top: -6px;  
}

/*Arriva form*/
#arrivaFormContainer
{
    background-color:#fff;
    padding:8px 30px;
}

#fat .bestFares label,
#fat .bestFares .checkbox {
    display: inline;
}

#fat .bestFares label {
    font-size: 1.2em;
    font-weight: normal;
}

#fat .bestFares .checkbox {
    width: auto;
}

#bookmark {
    float: left; 
    margin-left: 24px;
    padding-left: 10px;
    background: url(../../_SiteImages/Template/bookmark.jpg) left center no-repeat;
}

#bookmark a {
    height: 17px; 
    display: block; 
    background: url(../../_SiteImages/Template/lnk-bookmark.jpg) right center no-repeat;
    padding-right: 10px;
    color: #000;
    padding-top: 1px;
}