/* Scot Rail */

/************************* 
	Color Legend 
 Nav Bar Grey : #484848;
 Nav Bar Blue : #015ABE;
 Button Blue  : #015ABE;
 Sub Nav Pink : #F02287;
 Body text    : #443135;
 Headers      : #484848;
 Messages     : #08335E;
 Table Header : #DBDBDB;
 Table Content: #F1EFEB;
 Hrznt. Lines : #F1EFEB;
 Hrznt. Dashes: #443135; 
*************************/


/******************************** 
	Generic Styles
*********************************/

body {
	font-family: Helvetica,Arial,Sans-Serif;
	background: #fff url(../images/bg_body.gif) top repeat-x;
	color: #4D4D4D;
	}
body, select, input {
	font-family: Helvetica,Arial,Sans-Serif;
}
/*h1, h2, h3, h4, h5, h6, th {
	color: #484848;
}*/

h1 {
	color: #012766; 
	background-image: url(../images/h1_bg.gif); 
	background-repeat: no-repeat; 
	background-position: bottom left; 
	height: 1.6em;
}

a:link,
a:visited {
	text-decoration: underline;
}

.error, span.error {
	color: RED;
}


hr {
	background-color: #F1EFEB;
	color: #F1EFEB;
}

hr.dashed {
	border-bottom:1px dashed #443135;
}

table th {
	background-color:#DBDBDB;
	/*color: #FFFFFF;*/
}

/******************************** 
	MAIN DIVS
*********************************/

#master {
background:url('../images/bg-shadow.gif') #40509d repeat-y center top;
padding: 0 4px;
}

#main {
	background-color: #FFFFFF;
	padding: 10px 0 0 0;
	margin:0 auto;
	border-right: solid 1px #D2D2D2;
	border-left: solid 1px #D2D2D2;
	overflow: hidden;
}



/******************************** 
	Navigation
*********************************/
#dnn_NavigationPane, 
#dnn_SubNavigationPane, 
.skip_nav  {
	background-color: #FFFFFF;
	padding: 10px 0 0 0;
	margin:0 auto;
	overflow: hidden;
}

#master #dnn_NavigationPane {
	float: left;
	display: inline;
}

#master #dnn_NavigationPane div.inner {
	height: 100%;
}



#dnn_SubNavigationPane,
div.header_menu {
	border-right: solid 1px #D2D2D2;
	border-left: solid 1px #D2D2D2;
}

div.header_menu {
	float: right;
	width: 100%;	
	background-color: #393939;
	margin-right: -1px;
	overflow: hidden;
}

#dnn_NavigationPane ul.topLinks {
	padding: 10px;
}

#dnn_NavigationPane ul.topLinks li span{
	font-weight:normal;
}


#dnn_NavigationPane ul.topLinks li {
	margin-left: 0px;
	display: inline;
	color: #fff;
	border-right: none;
	padding: 0.2em 0.8em;
}

#dnn_NavigationPane ul.topLinks li a:link, 
#dnn_NavigationPane ul.topLinks li a:visited {
	background: transparent none no-repeat scroll left top;
	text-decoration: none;	
	font-weight: normal;
	font-size: 0.9em;
}
#dnn_NavigationPane ul.topLinks li:hover  {
	background-color: transparent;
}

#dnn_NavigationPane #mainNav li a:hover span  {
	background-color: transparent;
}

#dnn_SubNavigationPane div#booking_step {
	width: 100%;
}

#dnn_SubNavigationPane ul li {
	border-right:1px solid #484848;
}

#dnn_SubNavigationPane ul li.Current {
	color: #F02287;
}

#dnn_SubNavigationPane ul li.last {
	border-right:none;
}


/******************************** 
	Content: Fieldsets
*********************************/

body fieldset div.field_container, body fieldset div.field_container_error {
}

fieldset div.field_container label.singlespace, fieldset div.field_container_error label.singlespace {
	width: 1.0em;
} 

fieldset legend, .r_box .head{
	background:#393939;
	overflow:hidden;
	/*color:#56575D;*/
}
.journey_details .r_box .head {
	background-image: none;
}	
fieldset.out legend, fieldset.ret legend  {
	background-image: none;
}
	
fieldset legend span.head, .r_box .head{
	width: 58.6em;
}

fieldset legend span.head .num{ 
	color: #fff;
}

fieldset legend span.head .txt{ 
	color: #fff;
}

.ret input{
	/*font-size:0.9em;*/
}

fieldset fieldset div.field_container div.cal, 
fieldset fieldset div.field_container_error div.cal {
    cursor: pointer;
    margin-top: 1.2em;
}

div.fieldset_option fieldset legend, div.two_col fieldset legend, div.two_col_2 fieldset legend {
	background-image:none;
}

/*Borders (left and right)*/
fieldset div.bordered, .fieldset .content{background: none;}
/*Bottom border*/
fieldset div.bordered div.foot,
.fieldset .foot {display: none;}
.fieldset .foot {background-image:url('../images/ff_br.gif');}
fieldset div.bordered div.foot div,
.fieldset .foot div{background-image:url('../images/ff_bl.gif');}

/******************************** 
	Content: RailCards
*********************************/

#railCardsContainer,
#railCards {
	padding-left: 0;
}

#railCards label{
	width: auto;
	padding-right: 1em;
}



/******************************** 
	Content: Messages
*********************************/
#dnn_ContentPane div.qh_box_body a{
	background:#F1F1F1 none repeat scroll 0 0;
	color: #08335E;
	text-decoration: underline;
}
#dnn_ContentPane div.sleeper_link div.qh_box_body {
	border: none;
}


/******************************** 
	Content: Ticket Matrix
*********************************/
.ticket_matrix {
	clear: both;
}

#TimeTableContent table td {
	background-color: #F1EFEB;
}

#TimeTableContent table td .price {
	background-color: #FFFFFF;
	}

#TimeTableContent td abbr,
#TimeTableContent div.legend span.upgrade,
#TimeTableContent span.abbr {
	color: #443135;
}

div.sub { 	/*Note affects Buttons*/
	overflow: hidden;
	height: auto;
	padding: 0px;
}

.withReturn {
	border-right:2px dotted #443135;
}



h2.checkAvail {clear:both;}

/******************************** 
	Page: Travel essentials
*********************************/
table#totals th,
table#totals td {
	border-bottom: 1px solid #F1EFEB;
}

table td, table th.non {
	background-color: #F1EFEB;
}

#totals th {
	color: #443135;
}

/******************************** 
	Page: Shopping Basket
*********************************/
div.total, div.nontotal {
	border-bottom:1px solid #F1EFEB;
}

div.bg_shade {
	background-color: #F1EFEB;
}

div.marginned div.button_minor {
	border: none;
	background-color: transparent;
}

div.marginned div.button_minor a{
	color: #443135;
	text-decoration: underline;
}

/******************************** 
	Buttons
*********************************/
span.main_action INPUT, span.main_action a, span.icon_link a{
	background-image: url('../images/button_major_left.gif');
	background-color: transparent;
	color:#FFF;
}
span.main_action a:hover,span.main_action a:visited{
	color: #fff;
}
span.sendSmsLink a{
	color: #0000C4;
}
span.main_action, span.print{background-image:url('../images/button_major_right.gif');}

span.button_minor INPUT, 
span.button_minor a, 
span.back INPUT, 
span.back a,
body #dnn_ContentPane div.qh_box_body span.back a 
{
	background-image: url('../images/button_minor_left.gif');
	height: auto;
	padding-bottom: 3px;
	color: #FFFFFF;
	text-decoration: none;
}

span.back, 
span.button_minor  {
	background-image:url('../images/button_minor_right.gif');
	background-position-x: 100%;
	background-position-y: 50%;
}


div.button_earlier{background-image:url('../images/input_arrows_bk.gif');}
div.button_later{background-image:url('../images/input_arrows.gif');}

button.button_major, input.button_major, .button_arrow{background-image:url('../images/input_arrows.gif');}
input.button_major_bk, div.button_major_bk{background-image:url('../images/input_arrows_bk.gif')}

input.button_minor, div.button_minor, input.button_arrow, div.button_arrow{color: #e13e8d;background:url('../images/input_arrows.gif') no-repeat 98% transparent;padding:0 13px 0 0.5em;border:none;font-weight:bold;}

body span.details_link {
	background-image: none;
	padding: 0;
}

body span.details_link a{
	padding-right: 1.5em;
	background: url(../images/input_arrows.gif) no-repeat right center;
	color: #000e7a;
}

	
span.details_link input {
	background:transparent url(../images/input_arrows.gif) no-repeat scroll 98% 50%;
	border:medium none;
	color:#000E7A;
	font-weight:normal;
	padding:0 18px 0 0.5em;
}

div.button_earlier,
div.button_later a { 
	padding-left: 1.3em;
	text-decoration: none;
}

div.button_later,
div.button_earlier a {
	padding-right: 1.3em;
	text-decoration: none;
}
div.sub span.main_action a {
	padding-top:0;
}

/*div.sub span.button_major_link {
	padding-top:5px;
}*/
div.sub span.button_major_link a {
	padding-top:5px;
}

/******************************** 
	Footer Styles
*********************************/

#footer {
	margin: 0 auto;
	background: url('../images/footer_bg.gif') transparent no-repeat;
	border-top: none;
	padding: 0;
	overflow: hidden;
	border-right: solid 1px #D2D2D2;
	border-left: solid 1px #D2D2D2;
}

#footer ul {
	max-width: none;
	min-width: 65em;
	padding: 10px 0 10px 0;
	text-align:center;
}


#footer ul li {
	list-style: none;
	display: inline;
	float: none;
	border-right: none;
}


#footer ul li a:link,
#footer ul li a:visited {
	font-size: 1em;
}

#footer ul li a:hover {
	color:#015ABE;
}

#footer img {
	float: right;
	position: relative;
	right: 10px;
	top: -15px;
}

/******************************** 
	Page: Journey Summary
*********************************/

#JourneySummaryModule table th {
	background-color:#484848;
	color: #FFFFFF;
}



/******************************** 
	Page: Ticket Terms and Cond
*********************************/

div.terms label {
	display: inline;
	float: left;
}

div.terms span {
	float: left;
	width: 100%;
}

/******************************** 
	Page: Delivery option
*********************************/
div.option_image_container {
	clear: left;
}

fieldset div.fulfil_right div.option label {
	margin-left: 0.4em;
}

fieldset div.fulfil_right div.option div {
	margin-left: 0.8em;
}
/* Credit Cards Fees */

.cc_fee {
	display: none;
}

#TimeTableContent table td.price {
	background-color: #fff;
	font-weight:normal;
}

.group_desc {
	font-weight:normal;
}

table#out_times th {
	font-weight: normal;
	background: none;
}

th.ttype {
	background: none;
}

fieldset div.bordered ul.delivery_desc li {
	margin-bottom:4px;
}

/******************************** 
	ANNOUNCEMENT BOX
*********************************/
div.qh_box_body{background-color: #f1f1f1 !important;}
div.qh_box_head{background-image:url("../images/top_left.gif"); background-color: #f1f1f1 !important;}
div.qh_box_head h2, div.qh_box_head h3, div.qh_box_head div{background-image:url("../images/top_right.gif");}
div.qh_box_l_corner{background-image:url("../images/btm_left.gif"); background-color:#f1f1f1;}
div.qh_box_r_corner{background-image:url("../images/btm_right.gif");}
/************************/
/*	SPEECH BUBBLE BOX	*/
/************************/
div.box div.box_arrow {
	background-image: url('../images/box_arrow_left.gif');
}
div.box div.box_head {
	background-image: url('../images/box_arrow_top_left.gif');
}
div.box div.box_head div{
	background-image: url('../images/box_arrow_top_right.gif');
}
div.box div.box_foot{
	background-image: url('../images/box_arrow_foot_left.gif');
}
div.box div.box_foot div {
	background-image: url('../images/box_arrow_foot_right.gif');
}

fieldset fieldset legend {
	background: none;
}

/************************/
/*	SUPPLIMENT	*/
/************************/

#EvenPassenger .passengers .basic legend {
	background:none;
}

#EvenPassenger .passengers hr {
	background-color: #DDD;
	color: #DDD;
	margin-top:1.5em;
	margin-bottom:1em;
}

.separator_supplement {
	width:94%; 
	margin-left:2em;
	background-color:#DDDDDD;
	color:#DDDDDD;
}

.sup_selected {
	padding-left:2em;
}

#Out_SuppMsg, #In_SuppMsg {
	display:none;
}

div.r_box .head h2 {
	color:#FFF;
}

.passengers .bordered .basic .error {
	padding:.5em 0 0 1.3em;
	display:block;
	float:left;
	margin:-1.9em 0 0 17.8em;
}
.out_sup_ess .r_box h2, .ret_sup_ess  .r_box h2 {
	margin-bottom:0.3em;
}
.out_sup_ess .r_box span, .ret_sup_ess  .r_box span {
	padding-top:.5em;
	margin-bottom:.5em;
}

.customer_preferences span.error  {
	border: 1px #F1F1F1 solid !important;
}

/*----Combined Matrix----*/

#matrixContent .group_desc .bubble {	
	margin-left:0px;
}
/* for Shopping basket & Payment Confirmation page */
a.show_journeydetails {
	background-image: url('../images/icon_show.gif');
}
a.hide_journeydetails {
	background-image: url('../images/icon_hide.gif');
}

.even {
	background-color:#F1F1F1;
}
/***************************
REFUND PAGE
****************************/
div.refund_button span.button_minor a {
	padding-top: 0;
	height: 19px;
}
div.refund_button span.button_minor {
	height: 19px;
}
/******************************** 
	COMBINED MATRIX 
*********************************/

.ticket_matrix .promotion_desc,
.combined_matrix .promotion_desc {
	background-color: #DE015C;
	color: #FFFFFF;
	display: block;
	padding: 0 0.2em;
}

.combined_matrix table td {
	background-color: #F1EFEB;
}


div.out table th {
	background-color: #FFFFFF;
	border-left: 1px solid #FFF;
	border-top: 0 none;
}



.combined_matrix .ticket_banner_container {
	background: transparent url(../images/ticket_banner.gif) repeat-x scroll left top;
}

#main .combined_matrix table th a{
	text-decoration: underline;
}

#main .combined_matrix table .ticketsInRow,
#main .combined_matrix table .highlight {
	background-color: #cdd1d8;
}

#main .combined_matrix table .ticketSelected,
#main .combined_matrix table .finalTrainSelected,
#main .combined_matrix table .finalTicketTypeSelected {
  	background-color: #3B598A;
  	color: #FFF;
}


#main .combined_matrix table .ticketSelected a,
#main .combined_matrix table .finalTrainSelected a,
#main .combined_matrix table .finalTicketTypeSelected a,
#main .combined_matrix table .ticketSelected .category_desc,
#main .combined_matrix table .finalTrainSelected .category_desc,
#main .combined_matrix table .finalTicketTypeSelected .category_desc {
  	color: #FFF;
}


.combined_matrix #viewSinglesText, 
.combined_matrix #viewFirstClassTickets,
.combined_matrix #hideSinglesText,
.combined_matrix #hideFirstClassTickets {
	color: #0000C4;
	font-weight:bold;
}

.combined_matrix #viewSinglesText, 
.combined_matrix #viewFirstClassTickets {
	background-image: url('../images/arrow_right.png');
}

.combined_matrix #hideSinglesText {
	background-image: url('../images/arrow_up.png');	
}

.combined_matrix #hideFirstClassTickets {
	background-image: url('../images/arrow_down.png');	
}

.time_table_module span.button_minor {
	display: none;
}
.combined_matrix table td span.upgrade,
.combined_matrix table td span.supplement,
 div.legend span.upgrade,
 div.legend span.supplement {
 	color: #f02287;
}
/*CJS*/

#dnn_ContentPane .journey_summary {
	margin-top: -2.8em;
}

.journey_summary span.head {
	background-color: #393939;
	color: #fff;
}

.journey_summary .cjs_header {
	background-color: #F1EFEB;
	padding: 1.1em 0.5em;
}	

.journey_summary .js_saving {
	background-color:#f1f1f1;
}

.journey_summary .section,
.journey_summary div.bordered {
	border-color: #E9E9E9;
}

.constant_journey_summary .cjs_header .toggle {
	padding-left: 15px;
}

.constant_journey_summary .cjs_header .collapse {
	background-image:url(../images/icon_hide_small.gif);
}

.constant_journey_summary .cjs_header .expand {
	background-image:url(../images/icon_show_small.gif);
}

.more_details_overlay .r_box .head h2 span.wrap
{
	width: 95%;
}
a.numberOfBookings, a.numberOfBookings:hover, a.numberOfBookings:link, a.numberOfBookings:visited
{
	color:#083360 !important;
	text-decoration:none !important;
	cursor: pointer;
	font-weight: normal !important;
}
a.numberOfBookings b
{
	font-weight: bold !important;
}

.combined_matrix table th span.sleeper_journey{
	position: relative;
}

.combined_matrix table th span.sleeper_journey img{
	left: 130px;
	top: -5px;
}

table.view_booking_details_table td{
	background-color: transparent !important;}

.pagination ul li.prevLI{
	background: url(../images/paginationPrev.gif) no-repeat 5px 3px;
	padding-right: 10px;
}

.pagination ul li.nextLI{
	background: url(../images/paginationNext.gif) no-repeat 5px 3px;
}

.orderStatusHighlight, .orderStatusHighlight td{
	background-color: #F1EFEB;
}

div.terms div input{
	margin-top: 0.5em;
}

div.terms div label{
	padding: 0.5em 1em 4px 0;
}

.dialogcontent .booking_confirmation_head span.print,
#Body .dialogcontent .booking_confirmation_head  span.print a  {
	background: none;
	color: blue;
}

.dialogcontent #bookingDetailsDiv .total_booking_payment .journey_price_category{
	padding-right: 1px;
}

/* Sleeper Requirement */
#OutBackButton{
	text-decoration: underline;
	background: none;
}

/* Order status overlay - change of journey */
div.dialogcontent .journey_breakdown_table_container .icon_link a{
	background-image: none;
	color: #0000C4;
}

/* 335047 - Refund success page */
span.print, span.print a{
	background: none;
}

/* 335046 - Refund request page */
div.refund_request_faq{
	margin-top: 4.4em;
}

fieldset.refunds_request_ span.txt a.viewLink, fieldset.next_steps span.print a{
	color: #FFF;
}

#dnn_ContentPane p.ticket_checkbox label{
	padding-top: 3px;
}

.cheapest_txt {
	background-color: #F02287;
	color: #fff;
}
.cheapest_border {
	border-color: #F02287;
}
.withReturn .price .group_price .cheapest_row{
	width: 45em;
}
#main .journey_summary .title .head {
	background-image: none;
}

#timetablemodule .change-journey-span {
     display: none; /* hide change journey link on combined */
}

/* start override global combinedmatrix.css - fix ticket restriction overlay */
div.dialogcontent .ticket_tnc h1 {
    margin-top: 5px;
}

.ticket_tnc #InnerDiv {
    margin-top: 0px;
}
/*end override global combinedmatrix.css - ticket restriction overlay */

.col_details label, div.qh_box_body .terms_checkbox label{float: left;}
.plusbus-info label{float: none;}

.r_box .container h4 a{padding-left:0px;}
.booking_confirmation_head{height:5.1em;}
.booking_confirmation_head h1{padding-top:0px;}

.journey_breakdown_table_container .sec_links{
	top: 10px;
}

.journey_breakdown_table_container .sec_links a{
	font-weight: normal;
}
