@import url("reset.css");
@import url("grids.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
    11. Supplemental
    
    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";
/**/

.primary-promo,
.secondary-promo {
    display: none;
}

.no-js .primary-promo,
.no-js .secondary-promo {
    display: block;
}

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; }
    
    /*	Clear floats on a background */
.theBreaker
{
	height: 0.005em;
	clear: both;
	overflow: hidden;
}

/*
    1. Common
*/
    #account .section,
    #header .section,
    #nav .section,
    #fat .section,
    .fat .section,
    #account .section,
    .status .section,
    #breadcrumb .section,
    #content .section,
    #footer .section,
    #siteInfo .section,
    .section,
    .addendum {
        width: 962px;
        margin: 0 auto;
        text-align: left;
        background: none;
        }
    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; }
    .greyOut *
    {
        opacity:0.7;
        filter: alpha(opacity = 70);
    }
/*
    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 span {
                color: #C30045;
                }
            
            .socialLinksWrapper {
            	background: #390F22;
            	float: left;
            	height: 22px;
            	margin: 2px 0 0 1px;
            	overflow: hidden;
            	padding: 0 10px 5px;
            	position: relative;
            	zoom: 1;
            }
             
            .socialLink {
            	float: left;
            }
            
            .socialLink iframe {
            	border: none;
            }
            
            .socialLinksFacebook iframe {
							height: 65px !important;
            	margin-top: -40px !important;
							overflow: hidden !important;
							width: 55px !important;
            }
            
            .socialLinksTwitter iframe {
							height: 20px !important;
            	width: 170px !important;
            }
            
        #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;
                visibility: hidden;
                }
            #account #login ol {
                float: right;
                padding: 25px 0 0;
                margin: 0;
                list-style: none outside;
                visibility: hidden;
                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 .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;
                }
        #secondaryNav
        {
            overflow: hidden;
            width: 962px;
            margin: 0 auto;
            padding: 1em 0;
        }
        #secondaryNav ul {
            width: 962px;
            }
            #secondaryNav ul li {
                border-right: 1px solid #E8E6E3;
                line-height: 1.4em;
                padding: 0 0.8em;
                float:left;
                margin-bottom: 0.3em
            
                }
                #secondaryNav ul li.last
                {
                    border-right: 0 none;
                }
                #secondaryNav ul li a {
                    font-weight: normal;
                    line-height: 1;
                    white-space: nowrap;
                    font-size: 1.4em;
                    font-weight: normal;
                    color: #fff;
                    
                    }
/*
    3.1 Find Tickets
*/
    /* See fat.css */
/*
    3.2 Breadcrumb
*/
    .status { display: none; } 
    #breadcrumb {
        /*
            PB, 26/05/2011; homepage rework;
            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;
        /*
            PB. 20/01/11 autocompletes were being hidden when near bottom of content block,
            clearing is already handled by #contents first child       
            overflow: hidden;
        */
        }
        #content .section {
            /*
                PB, 26/05/2011; background changed as part of hmoepage rework;
            */
            background: #fff;/*#f0eeec;*/
            }
            #pageHome #content .section {
            background: #fff;
            }
        #content .leftColumn {
            float: left;
            width: 706px;
            background: #fff;
            border-right: 1px solid #FFF;
            }
            .fullWidth #content .leftColumn {
                width: 962px;
                border-right: none;
                }
        #content .rightColumn {
            float: right;
            width: 254px;
            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;
            }
            
        #content .leftColumn .leftColumn {
            width: 461px;
            }
        #content .leftColumn .rightColumn {
            padding-right: 10px;
            width: 234px;
            }
            
/*
    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.4;
        }
    .paragraphPromo a {
            
    }
    #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 30px 8px;
            padding: 10px 10px 10px 60px;
            border: 1px solid #E3DFD9;
            font-size: 1.2em;
            background: url(../../_SiteImages/Template/pdfIcon.gif) 8px 8px no-repeat;
            min-height:34px;
            }
            #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 { overflow: hidden }
        /* Address Style */
        #content address {
            font-style: normal;
            }
        /* List Styles */
        #content ol {
						padding-left: 1.5em;
						margin-left: 30px;
						}
        #content ol li {
            list-style: decimal outside;
            }
        #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: 1.4;
            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 {
        overflow: hidden;
        padding: 0;
        }
    #content .buttonList li {
        float: left;
        width: 50%;
        }   
    #content .buttonList li,
    #content .buttonList li a {
        display: block;
        list-style: none outside;
        }
        #content .buttonList li a {
            background: #d9d6d3 url(../../_SiteImages/Template/buttonListBG.gif) right top no-repeat;
            height: 3.05em;
            line-height: 3.05;
            font-size: 1.43em;
            text-indent: 30px;
            overflow: hidden;
            display: block; 
            }
    
    /* Search Form */    
    #content .stationSearch {
        background: #aaa296;
        padding: 10px 30px;
        color: #fff;
        border-right: solid 1px #fff;
        }
        #content .fat .stationSearch,
        #content .liveDepaturesSearch {
            background: none;
            padding: 0;
            color: #fff;
            border-right: none;
        }
        #content .search label {
            font-size: 2.6em;
            line-height: 1em;
            display: block;
            padding: 0 0 10px;
            }
            #content .search label span {
                font-size: 0.54em;
                }
        /*
            PB 15/01/11, affecting gernic fat panel so removed;
        #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;
            }
        #content #matrixPicker select
        {
            margin-top: 7px;
        }
            
    /* 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;
            }
    
    /* 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 5px 0;
        list-style: none outside;
        }
        #content .rightColumn .panelLinks li {
            background: #f4f1f4 url(../../_SiteImages/panelLinkbg.png) right center no-repeat;
            margin: 0 0 5px 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 25px/30px Bliss2, Bliss, "Trebuchet MS", Tahoma, Arial, sans-serif;
                    color: #666 !important;
                    display: block;
                    padding: 10px 30px 0 20px;
                    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 20px;
                    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;
        }
    */
    /* BC 28/01/2010 new date picker styles to avoid conflicts with FAT panel - judged unsafe til further investigation:
    
    #ui-datepicker-div {
        background: url(http://localhost/XCTWeb/_SiteImages/Fat/menu-popup.png) 50% -100px;
        border: 1px solid #CCC;
        clip: auto;
        }*/

/*
    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
*/
    .priority {
        background: #360f1d url(../../_SiteImages/Priority/priorityBG.png) 0 0 repeat-x;
        text-align:left;
        }
        
        .priority .gutter
        {
            background-color: Lime;
            width:862px;
            margin: 0 auto;
            background:url(../../_SiteImages/Priority/warning.png) 28px 20px no-repeat;
            padding: 20px 0 20px 115px;
        }
        .priority h2 {
            font-size: 2em;
             font-weight: bold;
            line-height: 1em;
            color: #fff;
            }
        .priority p,
        .priority ul,
        .priority ol {
            padding-top: 8px;
            padding-left: 0;
            padding-right: 0;
            padding-bottom: 0;
            font-size: 1.2em;
            color: #fff;
            }
         .priority a
         {
             color: #fff;
             font-weight: bold;
             text-decoration: underline;
         }
/*
    Resize (minimise spacing)
    Kept together to easily disable if required
*/
#header { padding-top: 0; height: 80px; /* PB 03/09/10 fixed height to prevent jump when flash load; */}
#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;
    float: left;
}

 /* NUS offer Form */
    #content #nusOffer {
        background: url(../../_SiteImages/NUSOffer/nusOfferBG.jpg) 0 0 no-repeat;
        padding: 0;
        height: 670px;
        width: 962px;
        position:relative;
        }
        #content #nusOffer .headerWrap1 {
        	left: 323px;
        	position: absolute;
        	top: 201px;
        }
					#content #nusOffer .headerWrap2 {
						bottom: 0;
						left: 0;
        		position: absolute;
        		width: 455px;
					}
						#content #nusOffer .header
						{
								font-size: 3em;
								font-weight: normal;
								color:#fff;
								line-height: 1.125;
						}
						#nusOffer .escapeHeader {
							margin-top: 265px;
						}
        #content #nusOffer h2,
        #content #nusOffer h3 {
            font-size: 2em;
            line-height: 1em;
            color: #6e6553;
            }
        #content #nusOffer .formFullWidth p,
        #content #nusOffer .partialWidth p {
            padding: 6px 0 6px;
            color: #fff;
            clear:both;
            }
        #content #nusOffer a {
            font-size: 1.4em;
            font-weight: bold;
            line-height: 1em;
            }
            #content #nusOffer p a,
            #content #nusOffer label a {
                font-size: 1em;
                color: #fff;
                text-decoration: underline;
                }
        #content #nusOffer ul,
        #content #nusOffer ol {
            font-size: 1em;
            padding: 0;
            }
            #content #nusOffer li {
                list-style: none outside;
                display: block;
                width: 100%;
                overflow: hidden;
                }
                #content #nusOffer label {
                    color: #fff;
                    font-size: 1.3em;
                    line-height: 1.5em;
                    font-weight: bold;
                    padding: 8px 0 0;
                    display: block;
                    }
                    #content #nusOffer .terms label
                    {
                        font-size: 1.1em;
                        
                        margin: 0;
                        position: absolute;
                        top: 8px;
                        left: 20px;
                        padding: 0;
                        line-height: 1;
                    }
                    #content #nusOffer span.required {
                        font-size: 1.5em;
                        font-weight: bold;
                        }
                    #content #nusOffer label.inline,
                    #content #nusOffer ul.radioList li label {
                        display: inline;
                        }
                #content #nusOffer .input,
                #content #nusOffer select,
                #content #nusOffer textarea {
                    float: none;
                    width: auto;
                    border: none;
                    }
                #content #nusOffer .formHalfWidth input {
                		border: 0;
                    width:245px;
                    padding:8px;
                    }
                #content #nusOffer input.radio,
                #content #nusOffer input.checkbox,
                #content #nusOffer .checkbox input,
                #content #nusOffer ul.radioList input {
                    background: none;
                    }
        #content #nusOffer button,
        #content #nusOffer .submitButton {
            margin: 15px 0 0;
            }
            
        #nusOffer .formHalfWidth {
            float:left;
            width:300px;
            }
        #nusOffer .formFullWidth 
        {
            width: 700px;
            margin-bottom:10px;
            padding-left:25px;
            overflow: hidden;
            }
            
        #nusOffer .partialWidth {
            width:748px;
            float:left;
            margin-bottom:10px;
            padding-left:25px;
            }
        #nusOffer .leftColumn .partialWidth {
        		width:593px;
        }
        
        #content #nusOffer .formFullWidth input.button {
            width:auto;
            background:#BF0034;
            border-color:#BF0034;
            color:#FFFFFF;
            font-weight:700;
            padding:0;
            width:auto;
            margin-bottom:1.5em;
            }
        #content #nusOffer .terms 
        {
            position: relative;
            height: 40px;
            
            }    
        #content #nusOffer .terms input {
            border:0;
            background:none;
            position: absolute;
            left: 0;
            top: 8px;
            width: auto;
            margin: 0;
            padding: 0;
            }
            
        
        #content #nusOffer .checkbox label {
            font-weight:normal;
            float:left;
            }
            
        #content #nusOffer .formFullWidth  p.promoCode { 
            font-size:250%; 
            padding:10px 15px; 
            background:#fff; 
            float:left;
            margin:.5em 0 1em;
            border:1px dashed #DEDAD;
            color: #999285;
        }
.fullWidth #content #nusOffer .leftColumn
{
    background-color: transparent;
}

#content #nusOffer .note
{
    position:absolute;
    bottom: 2em;
    left: 25px;
    color: #fff;
    font-size: 1.1em;
}

#content #nusOffer .error
{
    color: #FEB711;
		clear: both;
		display: block;
    font-style:italic;
}

#content #nusOffer .terms .error
{
    position: absolute;
    top: 21px;
    left: 20px;
}

/*visual list - Johnston 28/09/10*/
#content .visualList
{
    overflow: hidden;
    padding: 0;
    padding-top: 1em;
}

#content .visualList li
{
    float: left;
    width: 278px;
    margin: 0 21px;
    display: inline;
}

#content .visualList li img
{
    width: 274px;
    border: 2px solid #ce1443;
}

#content .visualList li h2
{
    color:#666666;
    font-size:2.0em;
    font-weight:normal;
    line-height:1em;
    margin:0;
}

/*
    11. Supplemental
*/

.columnBestFares dt {
    color: #DA0046;
}

.columnBestFares dd a {
    color: #746C5B;
}

#content .recentSearches {
    background: #efeeec;
    color: #6a6150;
}

#content .recentSearches h2,
#content .favouriteJourneys h2 {
    color: #6a6150;
    padding-left: 20px;
}

#content .recentSearches ul,
#content .favouriteJourneys ul,
#content .favouriteJourneys p {
    padding-left: 20px;
}

/*

BC 1856 Bordered entries: replace next 2 rules with below:




#content .recentSearches ul,
#content .favouriteJourneys ul {
    margin-top: 8px;
    overflow: hidden;
    padding-top: 0;
}

#content .recentSearches li,
#content .favouriteJourneys li {
    color: #DA0046;
    list-style: none;
    list-style-position: outside;
}

#content .recentSearches a,
#content .favouriteJourneys a {
    border-top: 1px solid #D8D7D5;
    color: #DA0046;
    display: block;
    font-weight: bold;
    margin-top: -1px;
    padding: 5px 0 6px;
}

*/

#content .recentSearches li,
#content .favouriteJourneys li {
    color: #DA0046;
    list-style: none;
    list-style-position: outside;
    margin-bottom: 5px;
}

#content .recentSearches a,
#content .favouriteJourneys a {
    color: #DA0046;
    font-weight: bold;
}

.favouriteJourneys {
    background: #fff url(../../_SiteImages/background_panel_beigeToWhite.jpg) repeat-x 50% 0;
    /*margin-bottom: -16000px;
    padding-bottom: 16000px;
    zoom: 1;*/
}

#content .favouriteJourneys a.registerHere {
    background: url(../../_SiteImages/graphic_favouriteJourneys_registerHere_photo.jpg);
    display: block;
    height: 213px;
    overflow: hidden;
    padding: 0;
    text-indent: -16000px;
}

.ie6-only {
    display: none;
}

#content .stationSearch .gutter {
    margin: 0;
}

#content .stationSearch .results {
    top: 0;
}

#content .stationSearch input {

}
#content .stationSearch label {
    color: #6B6250;
}
#content .fat .stationSearch label {
    color: #fff;
}
#content .stationSearch .searchAction {
    padding-top: 31px;    
}

#content .liveDepaturesSearch .searchAction {
    padding-top: 18px;    
}

#content .stationSearch .searchAction input {
    background: #BF003D;
    border: none;
    color: white;
    cursor: pointer;
    font-size: 2em;
    font-weight: bold;
    padding: 3px 5px;
    margin: 0;
    width: auto;    
}

#content .search .variant {
    font-size: 2.6em;
    font-weight: normal;
    line-height: 1em;
    color: #fff;
    padding: 0;
}

#content .inlineStationSearch input,
#content .liveDepaturesSearch input {
    width: 380px;  
    border: 1px solid #CECAC5;
}

/* <snippet author="Barney" date="29/11/2010" description="Group booking module elements"> */

@import 'grids.css';

#content p.indented, 
#content blockquote.indented, 
#content address.indented, 
#content ol.indented, 
#content ul.indented, 
#content dl.indented, 
#content img.indented {
    padding: 0;
}

.displayNone {
    display: none;
}

.module,
.moduleContent {
    position: relative;
    z-index: 1;
}

    .module .decorative b {
        display: block;
        position: absolute;
    }

        .module .decorative .t {
            left: 0;
            right: 0;
            top: 0;
            width: 100%;
        }

        .module .decorative .r {
            bottom: 0;
            left: auto;
            right: 0;
            top: 0;
        }

.moduleRaised,
.moduleRaised .decorative b {
    background: url(../../_SiteImages/background_moduleRaised.png);
}

.moduleRaised {
    background-position: 0 100%;
    color: #6b6250;
    margin: 0 16px 16px;
    min-height: 600px;
    overflow: hidden;
    width: 930px;
}

        .moduleRaised .decorative .t {
            height: 30px;
            overflow: hidden;
        }

        .moduleRaised .decorative .r {
            background-position: 100% 100%;
            height: 100%;
            -height: 15999px;
            top: auto;
            width: 30px;
        }

            .moduleRaised .decorative .t .r {
                background-position: 100% 0;
                top: 0;
            }

    .moduleRaised .moduleContent {
        padding: 13px 36px 56px;
    }
    
    .moduleRaised .indent {
        padding: 0 40px;
    }
    
    .moduleRaised .column1 {
        float: left;
        width: 359px;
    }
    
    .moduleRaised .column2 {
        overflow: hidden;
        padding-left: 80px;
    }
    
    .moduleRaised .column2a {
        float: left;
        width: 110px;
    }
    
    .moduleRaised .column2b {
        float: left;
        padding-left: 20px;
    }
    
    .moduleRaised .passengerTypesGroup {
        float: left;
    }
    
    .moduleRaised .passengerTypesGroup input {
        margin-right: 10px;
        width: 162px;
    }
    
    .moduleRaised #oneWaySelector
    {
        float: right;
        margin-top: 21px;
        overflow: hidden;
        clear: none;
    }
    
    .moduleRaised #oneWaySelector label
    {
        display:inline;
        margin: 0;
        float: none;
        padding-left: 2px;
    }
    
    .moduleRaised #oneWaySelector input
    {
        display: inline;
        margin: 0;
        width: auto;
        float: none;
    }
    
    .moduleRaised label {
        font-size: 12px;
        font-weight: bold;
    }
    
    .moduleRaised .primaryLabel {
        display: block;
        font-size: 15px;
        font-weight: bold;
    }
    
    .moduleRaised .required {
        color: #501a3c;
        font-weight: bold;
    }
    
    .moduleRaised .hr {
        border-bottom: 1px solid #efedec;
        border-top: 1px solid #c9c6c0;
        clear: both;
        display: block;
        font-size: 0;
        height: 0;
        line-height: 0;
        margin: 18px 0;
        overflow: hidden;
        position: relative;
    }
    
    #content .moduleRaised .hr hr {
        display: none;   
    }
    
    /*
    #content .moduleRaised h2,
    #content .moduleRaised p {
        padding: 0;
    }
*/
    
    .moduleRaised .stylizedText {
        font-family: Bliss2,Bliss,"Trebuchet MS",Tahoma,Arial,sans-serif;
    }
    
    .moduleRaised .headingWrapper {
        margin: 0 0 12px;
    }
    
    #content .moduleRaised h2.stylizedText,
    #content .moduleRaised legend.stylizedText {
        color: #6b6250;
        font-size: 35px;
        font-style: italic;
        font-weight: normal;
        margin: 27px 0 0 0;
        letter-spacing: -.03em;
        padding: 0;
    }
    
    #content .moduleRaised p.stylizedText {
        margin-bottom: 10px;
        padding: 0;
    }
    
    #content .moduleRaised h3.stylizedText {
        font-size: 19px;
        font-style: italic;
        padding: 0;
        margin: 24px 0 18px;
        color: inherit;
    }
    
    .moduleRaised strong {
        color: #501a3c;
    }
    
    .moduleRaised .textInput,
    .moduleRaised select {
        border: 1px solid #d4d0c8;
        clear: both;
        color: #6b6250;
        display: block;
        font-family: Arial, Verdana, Sans-Serif;
        font-size: 15px;
        font-weight: bold;
        height: 24px;
        line-height: 24px;
        margin: 0;
        padding: 1px 5px;
        width: 347px;
    }
    
    .moduleRaised select {
        height: 27px;
        min-width: 92px;
        padding-right: 0;
        width: auto;
    }
    
    /* webkit is especially aggressive with certain inconsistent form elements */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        .moduleRaised select {
            background: #fff url(../../_SiteImages/background_moduleRaised_select.gif) no-repeat 100% 50%;
            height: 27px;
            -webkit-appearance: none;
        }
    }
    
    .moduleRaised .inputGroupsLinear {
        overflow: hidden;
    }
    
    .moduleRaised .inputGroupsLinear .inputGroup {
        float: left;
        margin-right: 20px;
    }
    
    .moduleRaised .inputGroupsLinear .followingGroup {
        float: none;
        margin-right: 0;
        overflow: hidden;
    }
    
    .moduleRaised .inputGroupsLinear .button {
        margin-top: 20px;
    }
    
    .moduleRaised .inputSizeReduced .textInput {
        width: 207px;
    }
    
    .moduleRaised .dateInput {
        float: left;
        margin: 0 2px 0 0;
        width: 68px;
    }
    
    .moduleRaised .timeInput {
        float: left;
        margin: 0 2px 0 0;
        width: 50px;
    }
    
    .moduleRaised textarea.textInput {
        height: 100px;
    }
    
    .moduleRaised .countryInput {
        width: 359px;
    }
    
    .moduleRaised .inputGroupsLinear .postCodeGroup {
        float: none;
        overflow: hidden;
    }
    
    .moduleRaised .postCodeInput {
        float: left;
        width: 236px;
    }
    
    .moduleRaised .tickInput {
        clear: both;
        display: block;
        padding: 2px 0 0;
    }
    
    .moduleRaised .inputGroupsLinear .followField {
        float: left;
        margin-left: 20px;
        margin-top: 0;
    }
    
    .moduleRaised .tickInput * {
        vertical-align: middle;
    }
    
    .moduleRaised .tickInput input {
        padding: 0;
        margin: 0 3px 0 0; 
    }
    
    .moduleRaised .button {
        background: url(../../_SiteImages/background_moduleRaised_button.png);
        border: none;
        color: #6b6250;
        cursor: pointer;
        display: block;
        font-family: inherit;
        font-size: 15px;
        font-weight: bold;
        height: 31px;
        line-height: 31px;
        outline: none;
        padding: 0;
        text-align: center;
        width: 212px;
    }
    
    #content .moduleRaised .floatedList {
        margin: 0;
        overflow: hidden;
        padding: 0;
    }
    
    #content .moduleRaised .floatedList li {
        float: left;
        list-style: none;
        margin: 10px 28px 10px 0;
    }
        
    .moduleRaised .smallButton {
        background: url(../../_SiteImages/background_moduleRaised_smallButton.png);
        float: left;
        width: 91px;
    }
    
    .moduleRaised .button::-moz-focus-inner {
        border: none;
    }
    
    .moduleRaised .button:active {
        background-position: 0 -31px;
    }
    
    .moduleRaised .datePicker {
        background: url(../../_SiteImages/graphics_groupBooking.png) 0 -72px;
        cursor: pointer;
        display: block;
        float: left;
        height: 28px;
        margin: 0;
        width: 28px;
    }
    
    .moduleRaised .datePicker:focus,
    .moduleRaised .datePicker:hover {
        background-position: 0 -108px;
    }
    
    .moduleRaised .datePicker:active {
        background-position: 0 -144px;
    }
    
    .moduleRaised .validation {
        background-color: #501a3c;
        clear: both;
        color: #fff !important;
        display: block;
        display: inline-block;
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 15px;
        padding: 5px 9px 5px 7px; 
        position: relative;
    }
    
    .moduleRaised .validation .decorative b {
        background: url(../../_SiteImages/graphics_groupBooking.png);
        display: block;
    }
    
    .moduleRaised .validation .decorative .t,
    .moduleRaised .validation .decorative .b {
        bottom: -10px;
        left: 10px;
        height: 10px;
        right: auto;
        top: -10px;
        width: 14px;
    }
    
    .moduleRaised .validation .decorative .r,
    .moduleRaised .validation .decorative .l {
        bottom: auto;
        height: 14px;
        left: -6px;
        right: -6px;
        top: 6px;
        width: 10px;
    }
    
    .moduleRaised .validation .decorative .t {
        background-position: 0 0;
        bottom: auto;
    }
    
    .moduleRaised .validation .decorative .r {
        background-position: 0 -18px;
        left: auto;
    }
    
    .moduleRaised .validation .decorative .b {
        background-position: 0 -36px;
        top: auto;
    }
    
    .moduleRaised .validation .decorative .l {
        background-position: 0 -54px;
        right: auto;
    }
    
    .moduleRaised .passwordLink {
        color: #746C5B;
        display: block;
        font-size: 12px;
        margin: -10px 0 0;
    }
    
    .moduleRaised .cronInput {
    	display: inline;
    	min-width: 60px;
    }
    
    .moduleRaised .yearInput {
    	min-width: 77px;
    }
    
    #ui-datepicker-div {
        background: url(../../_SiteImages/Fat/menu-popup.png) 50% -100px;
        border: 1px solid #ccc;
        z-index: 5;
    }
    
    /* <snippet description="bugfix for jQueryUI & YUI components (datepicker and autocomplete widgets) failing to render"> */
    
        #ui-datepicker-div {
            clip: rect(auto);
            clip: auto;
        }
    
        .yui-ac-container {
            *z-index: 10000;
        }
    
    /* </snippet> */
    
/* </snippet> */

/*
    PB, 20/04/2011 
    6247_Promopage_SSO
    base line height 1.6em/16px;
*/
#content .membership h2 {
    line-height: 1.1;   
    font-family: Bliss2, Bliss,"Trebuchet MS",Tahoma, Arial, sans-serif;
    color: #6B6250;
    font-size: 32px;
    font-style: italic;
    font-weight: normal;
    margin: 32px 0 16px 0; 
    padding: 0;
}

#content .membership h3 {
    font-size: 22px;
    line-height: 1.454;
    margin: 0 0 16px 0; 
    padding: 0;
}

#content .membership .hgroup {
    margin: 0 0 16px 0;  
    padding: 0 32px;  
}

#content .membership .hgroup p {
    padding: 0; 
    margin: 0;    
}

.membership fieldset {
    padding: 0 32px;
    margin: 0 0 16px 0;
}

.membership .question {
    margin: 0 0 16px 0;
}

.membership .action, 
.membership label, 
.membership .text, 
.membership select {
    clear: both;
    color: #6B6250;
    display: block;
}

.membership label {
    font-weight: bold;
    font-size: 14px;
    line-height: 1.142;
    margin-bottom: 1px;
}

.membership .text, 
.membership select {
    width: 90%;
    padding: 1px 5px;
    border: 1px solid #D4D0C8;
    font-size: 16px;
}

.membership select {
    padding-right: 0\9;
    width: 93%;
}

.membership .action a {
    color: #746C5B;
    font-size: 12px;
    margin: 5px 0 0 0;
    line-height: 19px;
}

.membership .submit {
    padding-top: 18px;    
}

.membership .validation {
    background: none;
    display: block;
    clear: both;
    padding: 0;
    margin-bottom: 0;
}

.membership .validation .arrow {
    background: url(../../_SiteImages/graphics_groupBooking.png) 0 0 no-repeat;
    display: block;
    width: 14px;
    height: 10px;
    margin-left: 10px;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

.membership .noArrow .arrow {
	display: none;
}

.membership .hr {
    margin: 16px 0 0 0;
}

.membership .validation .msg {
    display: inline;
    display: inline-block;
    color: white;
    font-size: 15px;
    font-weight: bold;
    padding: 0 9px 0 7px;
    line-height: 2.133;
    background-color: #501A3C;
}

.membership .field-group label,
.membership .field-group input,
.membership .field-group select {
  display: inline;
  width: auto;
}

.membership .field-group select {
	width: 77px;
}

.membership .field-group label {
  font-weight: normal;
}

#content .membership .question ul,
#content .membership .question li {
    padding: 0;
    margin: 0;
    list-style: none;    
}

#content .membership .question li {
    display: inline;    
}

#content .whichBoard {
    padding: 0; 
    border: 0;
    background: url(../../Images/whichboard-t.jpg) 50% 0 no-repeat;
    margin-bottom: 1.4em;
}

#content .whichBoard .gutter {
    padding: 40px 53px; 
    background: url(../../Images/whichboard-b.jpg) 50% 100% no-repeat;
}

#content .whichBoard h2 {
	font-size: 22px;
	line-height: 1.454;
	margin: 0 0 16px 0;
	padding: 0;
	font-family: Bliss2, Bliss, 'Trebuchet MS', Tahoma, Arial, sans-serif;
	color: #6B6250;
	font-style: italic;
	font-weight: normal;
}

#content .whichBoard h4,
#content .whichBoard p {
    padding: 0; 
    margin: 1em 0;   
    line-height: 1;   
}

#content .whichBoard h4 {
    margin: 0 0 0.5em 0;    
}

#content .whichBoard .optional h4 {
		color: #511a41;
}

.promos .hr,
#content .whichBoard .hr {
    height: 2px;
    margin: 1.4em 0;
    overflow: hidden;  
    background: url(../../Images/hr.jpg) 0 0 repeat-x;  
}

#content .whichBoard select,
#content .whichBoard input {
    width: 90%;    
}

#content .whichBoard select {
    padding: 0;   
    border: 1px solid #CECAC5; 
}

#content .whichBoard label {
    padding: 0; 
}

#content .whichBoard .searchAction {
    padding-top: 1.4em;
}

#content .whichBoard .submit input {
    width: auto;    
    background: none;
    border: medium none;
    color: #323232;
    padding: 0;
}

#content .whichBoard .find {
    margin-bottom: 2.8em;    
}

#content .whichBoard .optional {
    background: url(../../Images/optional-t.jpg) 50% 0 no-repeat;
}

#content .whichBoard .optional .gutter {
    background: url(../../Images/optional-t.jpg) 100% 0 no-repeat;
    margin: 0;
    padding: 1.4em 0;
    width: 600px;
}

#content .whichBoard .optional label {
    font-size: 1.1em;
    line-height: 1.818;    
}

#content .whichBoard .optional .hgroup,
#content .whichBoard .optional label
{
    padding-left: 15px;    
}


/*
    PB, 12/05/2011: homepage rework styles;
*/
/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace {
	position: relative;
	margin: 0px;
	padding: 0px; /* hide overflow:hidden from IE5/Mac */ /* \*/
	overflow: hidden; /* */
}
.replace span {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1; /*for Opera 5 and 6*/
}
/*Example HTML - all elements that require replacement use the .replace class then
set the rule for the specific image and dimensions and associate with the elements ID.

<h1 id="myh1" class="replace" >Headline<span></span></h1> 

the add the CSS:
#myh1, #myh1 span
{ 
	width:300px;
	height:100px; 
	background-image: url(head.png); 
} 
*/
body {
    background: #eeecea;    
}

h4 {
    color: #746C5B;
    font-size: 1.6em;
    line-height: 1;   
    margin-bottom: 0.9375em;
}

.addendum {
	background: #fff url(../../Images/footer.jpg) 0 100% repeat-x;
	border: #fff solid 4px;
	border-width: 0 4px 4px;
	width: 954px;
}

#breadcrumb .section, 
.home #content, 
.section {
    background: white; 
}

.addendum .section {
	background: none;
}

.section .gutter {
    margin: 0 4px; 
}

.addendum .gutter {
	margin-left: 0;
	margin-right: 0;
}

.directory .gutter {
    background: none;  
}

.directory-column {
    padding: 45px 20px;   
}

.directory a {
    display: block;
    font-size: 1.1em;
    font-weight: bold; 
    line-height: 2;
    border-bottom: dotted 1px #b0aca3;
}

.directory a:link,
.directory a:visited,
.directory a:active {
    color: #746C5B;
}

.directory a:hover,
.directory a:focus {
    color: #403e34;
    background: none;
    text-decoration: none;
}

.home #content {
    padding-top: 4px; 
}

#footer {
    text-align: center;
    padding-bottom: 4px;
}

#footer .gutter {
    background: none;    
}

.footer-nav {
    margin-bottom: 1em;   
}

.footer-nav li {
    display: inline-block;  
    list-style: none;
}

.footer-nav a {
    display: block;   
    line-height: 1.2;
    font-size: 1.1em;
    margin-right: 5px;
    padding-right: 5px;
    border-right: solid 1px #a9a79f;
    float: left;
}

.footer-nav li.last a {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}

#strapline, #strapline span {
    width: 234px;
    height: 38px; 
    background: url(../../Images/strapline.jpg) 0 0 no-repeat;     
}

#strapline {
    margin: 0 auto 2em auto;      
}

.impressum {
    margin-bottom: 1.6em;   
}

.impressum span {
    display: block;
    line-height: 1.6em;   
}

.partners {
    padding-bottom: 1em;   
}

.promos, .fares {
   min-height: 482px; 
   padding-bottom: 1em; 
   padding-top: 0.5em;
}

.promos {
    margin-right: 2px;
    background: #e3e2e1; 
    text-align: center; 
}

.fares {
    margin-left: 2px;
    background: url(../../Images/bestfare.jpg) 0 100% repeat-x;  
}

.promos .hr {
    margin: 1em 1.5em 1em 1.5em;
}

#content .mod dl,
#content .mod ul {
   font-size: 1.1em; 
}

.mod .gutter {
   margin: 0 10px 0 20px; 
}

#content .mod dl,
#content .mod ul,
#content .mod h3,
#content .mod dd,
#content .mod p {
   padding: 0; 
}

#content .mod p {
   font-size: 1.1em;
   margin-bottom: 1.4em; 
}

#content .mod h3 {
    font-family: Bliss2, Bliss, "Trebuchet MS", Tahoma, Arial, sans-serif;
    font-style: italic;
    margin-bottom: 1em;  
    margin-top: 1em;    
    font-size: 1.5em;
    line-height: 1;
}

#content .mod dl,
#content .mod ul {
    margin-bottom: 1.4em;   
}

#content .bestfare dt,
#content .bestfare dd {
    font-weight: bold;
    padding-left: 2px;
    padding-right: 2px;
}

#content .bestfare dd {
    margin-bottom: 0.636em;
    padding-bottom: 0.8em;
}

.seperator {
    background: url(../../Images/hr.jpg) 0 0 repeat-x;  
}

.bestfare .seperator {
    background: url(../../Images/hr.jpg) 0 100% repeat-x;  
}


.quote .gutter {
    background: url(../../Images/quote.jpg) 50% 0 repeat-x; 
    padding: 1.5em 12px 15px 12px;    
}

#content .quote h4, 
#content .quote p {
    padding: 0;
}

#content .quote h4 {
   font-family: Bliss2, Bliss, "Trebuchet MS", Tahoma, Arial, sans-serif;
   font-style: italic;
   font-weight: normal;
   font-size: 2.2em;
   margin-bottom: 0.341em;
}

#content .quote p {
    font-size: 1.4em;
    line-height: 1.071;
    margin-bottom: 1.071em;
}

.searches .gutter {
    background: url(../../Images/searches.jpg) 0 100% no-repeat; 
    padding: 0 10px;    
    margin-left: 10px;  
    border: solid 1px #d0d0d0;
}

#content .searches li {
    margin-left: 14px;
    list-style: disc outside none;
}

#content .searches .search-icon {
    font-weight: bold;
    padding: 0.636em 0 0.727em 35px; 
    background: url(../../Images/search-item.png) 0 50% no-repeat; 
    list-style: none;
    margin-left: 0;
}

.favourite-journeys {
    padding-top: 1px;   
}

.back {
    padding: 0 10px; 
    margin-bottom: 1.5em;  
}

#content .rightColumn .back a {
    background: #cfc9c0  url(../../_SiteImages/Template/back.gif) 10px 50% no-repeat;
    font-size: 1.5em;
    line-height: 1em;
    display: block;
    padding: 1em 0 1em 30px;
}

#nav {
    background: #edecea;
}

#secondaryNav {
    background: #c0bcb3;
}

.secondary-promo-header {
    text-align: left;
    margin: 0 1.5em;
}

.flash-promo {
    margin-left: auto;   
    margin-right: auto;  
    width: 450px;
}