/********************************************************************************/
/*
/*	these styles here are redefining the current styles of the CMS content area
/*	(as raileasy_2008.css comes after raileasy.css in the header declaration)
/*
/********************************************************************************/


#cms_lhs
{
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
	width: 551px;
	background-color: #fff;
	background: url(../images/furniture/cms/cms_content_blue_bg.gif) right repeat-y;
}

#cms_content
{
	padding: 15px 20px 25px 10px;
	background: url(../images/furniture/cms/cms_content_blue_bot.gif) bottom right no-repeat;
	float:left
}

#cms_content p
{
	line-height: 16px;
}

.h2_non_sifr
{
	display: block;
	color: #066acd;
	padding: 10px;
	background: url(../images/furniture/cms/cms_content_blue_top.gif) top no-repeat;
}

.cms_h2
{
	display: block;
	padding: 10px;
	background: url(../images/furniture/cms/h2_blue_bg.gif) top right no-repeat;
	color: #fff;
	margin: 0;
	font-size: 16px;
	line-height: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-top: 13px;
	height: 21px;
}



h3
{
	margin: 18px 0px 5px 0px;
	font-size: 12px;
	display: block;
	color: #000;
	line-height: 16px;
}

h3.blue
{
	margin: 18px 0px 5px 0px;
	font-size: 12px;
	display: block;
	color: #0661c0;
	line-height: 16px;
}

h3.green
{
	margin: 18px 0px 5px 0px;
	font-size: 12px;
	display: block;
	color: #1b8e01;
	line-height: 16px;
}


/********************************************************************************/
/*
/*	SUBNAV
/*
/********************************************************************************/


#cms_subnav
{
	margin: 0;
	padding: 0 0 5px 0px;
	position: relative;
	float: right;
	width: 175px;
	background: url(../images/subnav/subnav_box_green_bg.gif) bottom left no-repeat;
}

.subnav_h2
{
	display: block;
	padding: 10px 10px 4px 10px;
	background: url(../images/subnav/subnav_h2_green_bg.gif) top left no-repeat;
	color: #fff;
	margin: 0;
	font-size: 16px;
	line-height: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-top: 13px;
	height: 21px;
}

#cms_subnav ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#cms_subnav li
{
	display: block;
	width: 100%;
}

#cms_subnav li a
{
	margin: 0px 0px 2px 0px;
	padding: 3px 7px 4px 7px;
	display: block;
	line-height: 14px;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	height: auto;
}

#cms_subnav li a:hover
{
	background: #0668cd;
}

#cms_subnav h4
{
	display: block;
	margin: 0;
	font-size: 16px;
	line-height: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}


/********************************************************************************/
/*
/*	PROMO BOXES ON THE RIGHT
/*
/********************************************************************************/

.promobox_purple,
.promobox_mauve,
.promobox_salmon
{
	margin: 0;
	padding: 0 0 5px 0px;
	position: relative;
	float: right;
	clear: right;
	width: 175px;
}

.promobox_purple
{
	background: url(../images/promobox/promobox_box_purple_bg.gif) bottom left no-repeat;
}

.promobox_mauve
{
	background: url(../images/promobox/promobox_box_mauve_bg.gif) bottom left no-repeat;
}

.promobox_salmon
{
	background: url(../images/promobox/promobox_box_salmon_bg.gif) bottom left no-repeat;
}

	

.promobox_purple_h2,
.promobox_mauve_h2,
.promobox_salmon_h2
{
	display: block;
	padding: 10px 10px 4px 10px;
	color: #fff;
	margin: 0;
	font-size: 16px;
	line-height: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-top: 13px;
	height: 21px;
	text-align:center;
}

.promobox_purple_h2
{
	background: url(../images/promobox/promobox_h2_purple_bg.gif) top left no-repeat;
	background-color:#6C6393;
	height:auto;
}
.promobox_mauve_h2
{
	background: url(../images/promobox/promobox_h2_mauve_bg.gif) top left no-repeat;
	background-color:#916883;
	height:auto;
}
.promobox_salmon_h2
{
	background: url(../images/promobox/promobox_h2_salmon_bg.gif) top left no-repeat;
	background-color:#AE644D;
	height:auto;
}

.promobox_content
{
	padding: 10px 15px 12px 15px;
	color: #ffffff;
	line-height:15px;
}

.promobox_content img
{
	padding-bottom: 8px;
	border: none;
}

.promobox_content a
{
	color: #ffffff;
}

.promo2 {
	margin:10px 5px;
	min-height:65px;
}
.promo2 a {
}

.promoa1 a {
	margin-left: 50px;
	float:left;
	font-size:14px;
	text-align:right;
}

.promoa2 a {
	margin-right:60px;
	margin-left: -10px;
	float:left;
	font-size:14px;
	text-align:left;
}


.promobox_purple .promoa1 a, .promobox_purple .promoa2 a {
	color:#655D8D;
}
.promobox_purple .promoa1 a:hover, .promobox_purple .promoa2 a:hover {
	color:#BEB9D2;
}

.promobox_mauve .promoa1 a, .promobox_mauve .promoa2 a {
	color:#8A5F7C;
}
.promobox_mauve .promoa1 a:hover, .promobox_mauve .promoa2 a:hover {
	color:#D1BBC9;
}

.promobox_salmon .promoa1 a, .promobox_salmon .promoa2 a {
	color:#AA5D46;
}
.promobox_salmon .promoa1 a:hover, .promobox_salmon .promoa2 a:hover {
	color:#E0B9AC;
}

a.promotext1, a.promotext2 {
	font-size:72px;
	line-height:72px;
	text-decoration:none;
}
.promoupto {
	float:left;
	margin-left:-10px;
	margin-top:-20px;
	font-size:16px;
}

/*  */


/**************************************************/
/*
/*		DESTINATION SEARCH
/*
/**************************************************/

#destinationSearchForm .categorySelector_holder
{
	padding: 0px 0px 0px 8px;
	background-color: #eef9dd;
	border-bottom:2px solid white
}

#destinationSearchForm .destinationTypeSelector_holder
{
	padding: 6px 5px 5px 10px;
	background-color: #eef9dd;
	border-right:2px solid white;	
}

#destinationSearchForm .locationCaptions_holder
{
	padding: 2px 0px 0px 10px;
	background-color: #eef9dd;
}

#destinationSearchForm .locationSelector_holder
{
	padding: 8px 0px 0px 0px;	/* FF */
	.padding: 5px 0px 0px 0px;	/* IE7 */
	background-color: #eef9dd;
}

#destinationSearchForm .submitButton_holder
{
	padding: 0px 10px 0px 10px;
	background-color: #eef9dd;
}


#destinationSearchForm select,
#destinationSearchForm label,
#destinationSearchForm input
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
}

.locationTextInput
{
	width: 168px;
}

#destinationSearchForm label
{
	line-height: 22px;
}

#destinationSearchForm select,
#destinationSearchForm input
{
	line-height: 11px;
}

#destinationSearchForm select#dest_cat
{
 	width: 214px;
	margin: 0 0 0 4px; 
}

#destinationSearchForm select#dest_subcat
{
 	width: 214px;
	margin: 0 0 0 4px;
}

#destinationSearchForm .radio_destinationType
{
	padding: 0px;
	/* this is an important styling hack here for the future!!!  do not delete this comment!!!   */
	/* the margin-bottom value below (5px) is not used because we want some bottom spacing for this tag,
	/* this will actually prevent the radiobutton label text to float aroundand therefore under the radiobutton/checkbox,
	/* if the label text is longer then it could fit to one single line	(if its value was only 0px, the text would flow under the radiobutton) */
	margin: 5px 3px 0px 0px;	/* FF */
	.margin: 1px 4px 0px 0px;	/* IE7 */
	float: left;
	text-align:left;
	width: 16px;
	align: left;
	clear:both;
}

a.restartSearchButton
{
	background-image: url("../images/buttons/button_start_new_search.gif");
	width: 140px;
	height: 25px;
	display: block;	
}

/************************************************
/
/	SEARCH RESULTS LIST PAGER	
/
/***********************************************/

table.searchResultList_pager
{
	border-top: 1px dotted #bbbbbb;
	border-bottom: 1px dotted #bbbbbb;
}

td.resultsNumber_holder,
td.pager_holder
{
	padding:7px 5px 7px 5px;
}

ul#searchResultList_pagerLinks
{
	list-style:none;
	height:1%;
	float: right;
	padding:0px 20px 0px 20px;
	font-weight: bold;
}

ul#searchResultList_pagerLinks li
{
	float: left;
}

ul#searchResultList_pagerLinks li.separator
{
	float: left;
	padding: 0px 3px 0px 3px;
	font-weight: normal;
	color: #aaaaaa;
}

a.pagerLink_active
{
	text-decoration: underline;
	float: right;
	color: #0000ee;
}

span.pagerLink_inactive
{
	text-decoration: none;
	color: #999999;
	float: right;
}

table.searchResultList
{
	margin:10px 0px 10px 0px;
}

td.resultLine_impair,
td.resultLine_pair
{
	padding:5px 5px 5px 5px;
}

td.resultLine_impair
{
	background-color: #f4f9fb;
}

td.resultLine_pair
{
	background-color: #ffffff;
}


/************************************************
/
/	ALPHABETICAL LIST
/
/***********************************************/

td.destination_search_alphabet_holder
{
	background-color: #f1f1f1;
	padding:7px 10px 7px 10px;
}

ul#destination_search_alphabet
{
	list-style:none;
	height:1%;
	float: left;
	font-weight: bold;
}


ul#destination_search_alphabet li
{
	float: left;
}

ul#destination_search_alphabet li.separator
{
	float: left;
	padding: 0px 3px 0px 3px;
	font-weight: normal;
	color: #aaaaaa;
}



/************************************************
/
/	CATEGORIES
/
/***********************************************/

td.categoryLinks_column
{
	background-color: #edf6fa;
	padding: 5px 10px 5px 10px;
}

ul.destination_categories {
	margin: 10px 0px 0px 0px;	/* FF  */
	font-weight: bold;
	float:none;
	clear:both;
	border: 0px red solid;	
	text-align:left;
}

ul.destination_categories li {
	font-weight: bold;
	background: none;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;	/* FF  */
	list-style-image: none;
	list-style:none;
	float:none;
	text-align:left;	
	border: 0px green solid;
}


ul.destination_categories li a {
	font-weight: bold;
	font-size: 11px;
	text-decoration:underline;
	padding:  0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

ul.destination_categories li a:hover {
	text-decoration:underline;
}

ul.destination_categories li ul.destination_subcategories {
	margin: 5px 0px 5px 15px;		/* FF */
	.margin: 5px 0px 5px 10px;		/* IE7 */
	padding: 0px;					
	float: none;
	clear:both;
	border: 0px blue solid;
	width: 220px;
}



ul.destination_categories li ul.destination_subcategories li {
	margin: 0px 0px 5px 0px;
	padding:  0px 0px 0px 0px;
	border: 0px blue solid;
	float:  none;
	list-style-image: none;
	list-style:none;
	display:block;
}



ul.destination_categories li ul.destination_subcategories li a {
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;		/* FF */
	float: none;
	text-decoration:underline;
	}

ul.destination_categories li ul.destination_subcategories li a:hover {
	text-decoration:underline;
}


/**************************************************/
/*
/*		FIND TICKETS
/*
/**************************************************/


#findForm
{
	float:left;
	margin: 0px 20px 15px 0px;
}

table#
{
	width: 225px;
	float:left;
	margin: 0px 0px 15px 0px;
	border:0px red solid;
}

table#findTicketsForm_table { font-size: 12px; border: 1px solid #066acd; background: #daf1fd; }

table#findTicketsForm_table.ibeTableRight { float: right; margin-bottom: 10px; }

#findTicketsForm_table td.findTicketsForm_header
{
	padding: 5px 5px 5px 5px;
	font-weight: normal;
	font-size:14px;
	color: #ffffff;
	text-align:center;
	background-color: #2577c9;
	border-bottom: 1px solid #ffffff;
}

/* type */

td.findTicketsForm_typeCaption_holder 
{
	padding: 7px 0px 7px 7px;
	background-color: #daf1fd;
	width: 37%;
	color: #0066cc;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px #ffffff solid;
}

#findTicketsForm_table td.findTicketsForm_typeSelector_holder
{
	padding: 7px 0px 7px 0px;
	background-color: #daf1fd;
	border-bottom:1px #ffffff solid;
}

#findTicketsForm_table td.findTicketsForm_typeSelector_holder label
{
	font-size: 12px; 
	font-weight: normal;
	float:left;
	padding: 0px 15px 0px 0px;
	_padding: 0px 10px 0px 0px;	/* IE 6 */
}


/* from */

td.findTicketsForm_fromCaption_holder
{
	padding: 6px 0px 6px 7px;
	background-color: #daf1fd;
	width: 30%;
	color: #0066cc;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px #ffffff solid;
}

td.findTicketsForm_fromCaption_holder label
{
	font-size: 12px;
	font-weight: bold;
}

td.findTicketsForm_fromSelector_holder
{
	padding: 6px 10px 6px 0px;
	background-color: #daf1fd;
	border-bottom:1px #ffffff solid;
	font-size: 12px;
	font-weight: normal;
}

td.findTicketsForm_fromSelector_holder label
{
	font-size: 12px;
	font-weight: normal;
	float:vleft;
	padding: 0px 20px 0px 0px;
}

td.findTicketsForm_fromSelector_holder select
{
	font-size: 12px;
	font-weight: normal;
}

/* depart */

td.findTicketsForm_departCaption_holder
{
	padding: 6px 0px 6px 7px;
	background-color: #daf1fd;
	width: 35%;
	color: #0066cc;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px #ffffff solid;
}


td.findTicketsForm_departSelector_holder
{
	padding: 6px 10px 6px 0px;
	background-color: #daf1fd;
	border-bottom: 1px #ffffff solid;
	font-size: 12px;
	font-weight: normal;
	text-align:right;
}

td.findTicketsForm_departSelector_holder select
{
	font-size: 12px;
	font-weight: normal;
}




.radio_journeyType
{
	padding: 0px;
	margin: 1px 5px 0px 0px;	/* FF */
	.margin: -3px 2px 0px 0px;	/* IE7 */
	text-align:left;
	align: left;
	float:left;
}



input.findTicketsForm_textInput
{
	width: 100%;
	line-height: normal;
	font-size:12px;
}


.findTicketsForm_submitButton_holder
{
	padding: 5px 0;
	background-color: #daf1fd;
}

.findTicketFooterLinks
{
	display: inline-block; font-size: 10px; padding: 5px;
}


/********************************************************************************/
/*
/*	TRAIN COMPANIES, ATTRACTIONS, STATION INFO
/*
/********************************************************************************/


#trainCompany_details,
#attraction_details
{
	width:276px;
	float:left;
	overflow:hidden;
	border:0px red solid;
	margin-bottom: 10px;
}

#trainCompany_details p, #attraction_details p
{
	padding: 0;
	line-height: 15px;
}

#trainCompany_details h3, #attraction_details h3
{
	padding: 0px;
	margin: 13px 0px 2px 0px;
}

td.attractionDetails_captions
{
	width: 40%;
	font-weight:bold;
	padding: 3px 10px 3px 0px;
}

td.attractionDetails_data
{
	line-height: 15px;
	font-weight:normal;
	padding: 3px 0px 3px 0px;
}

/********************************************************************************/
/*
/*	SPECIAL OFFERS
/*
/********************************************************************************/


#specialOfferPage_leftColumn
{
	width: 225px;
	float:left;
	padding: 0px 20px 0px 0px;
}

#specialOfferImages_holder
{
	width: 225px;
	overflow:hidden;
	float:left;
	padding: 0px 0px 0px 0px;
	text-align:center;
}

table#moreSpecialOffers_table
{
	margin: 0px 0px 0px 1px;
	q
}


.moreSpecialOffer_holder
{
	padding: 0px 18px 0px 0px;
}

.moreinfoimage
{
	height:70px;
	width:112px;
	overflow:hidden;
	top:auto;
	left:auto;
}

img.specialOfferImage
{
	border: 1px solid #7d99b5;
}

img.moreSpecialOfferThumb
{
	border: 1px solid #7d99b5;
	width: 110px;
	margin: 0px 0px 11px 0px;
	overflow: hidden;
}


#book_lhs {
	background-image:none;
	min-height:280px;
	width:225px;
}




