

/* New panels for offer logos */
#panel_OneLogo, #panel_TwoLogos, #panel_ThreeLogos, #panel_FourLogos {width:514px; text-align:center;}
#panel1_LogoArea1 {width:514px; text-align:center;}

#panel2_LogoArea1 {float:left; width:227px; padding:10px; text-align:center;}
#panel2_LogoArea2 {float:right; width:227px; padding:10px; text-align:center;}

#panel3_LogoArea1 {float:left; width:143px; padding:10px; text-align:center;}
#panel3_LogoArea2 {float:left; width:144px; padding:10px; text-align:center;}
#panel3_LogoArea3 {float:left; width:143px; padding:10px; text-align:center;}

#panel4_LogoArea1 {float:left; width:103px; padding:10px; text-align:center;}
#panel4_LogoArea2 {float:left; width:103px; padding:10px; text-align:center;}
#panel4_LogoArea3 {float:left; width:103px; padding:10px; text-align:center;}
#panel4_LogoArea4 {float:left; width:103px; padding:10px; text-align:center;}

.imagedivider{float: left; margin-top: 10px;}

.ImageContainer {width:495px; margin: 10px 0 0 10px; background-color:#E7F1F7;}
.ImageContainer #offer_images {margin:0; padding:0;}
.ImageContainer ul#offer_images li HyperLink {clear:both;}
.ImageContainer ul#offer_images li {float:left;	list-style:none;}

.fourImages {display:inline; padding-left:9px; padding-right:8px;}
.threeImages {padding-left:19px; padding-right:19px; display:inline;}
.twoImagesFloatLeft {padding-left:10px;	padding-right:100px; display:inline; float:left;}
.twoImagesFloatRight {padding-left:135px; display:inline;}
.twoImagesDevider {padding-left:35px; display:inline; padding-right:20px;}

/* SINGLE IMAGE COLLECTION */
.offersimage .SingleImageContainer
{
	float:right; 
	clear: both;
	background-color:#D9EAF1; 
	width:190px; 
	padding:5px; 
	margin-left:10px;
	margin-right:3px; 
	margin-top:17px;
	margin-bottom:0px;	
}

.offersimage .SingleImageContainer .imageText
{
	padding: 10px 0 5px 0;
	font-family:Verdana; 
	text-align: center;
}

.offersimage .SingleImageContainer .imageText p
{
	color:#002E4F; 
	font-weight:bold;
}

.blueCaptionBox 
{
	font-family:Verdana;
	padding:5px 0 5px;
	text-align:center;
	background-color: #d9eaf1;
	width:200px;
	float:right;
	margin:0 0 8px 8px;
}

.offerscontent h2, .offerscontent h3{
	margin-bottom:5px;
}
.offerscontent p {
	margin-bottom:10px;
	margin-top:0;
	padding-bottom:0;
}

.centralContent .offerscontent ol,.centralContent .offerscontent ul {
	margin-left:40px;
	margin-right:20px;
}

.offerscontent label 
{
    font-size: 70%;
    font-weight: bold;
    color: #6d767d;
}

.offerscontent .dropdown-subnav 
{
    font-size: 70%;
    margin-right: 8px;
    float: left;
}

.offerscontent .submit
{
    float: left;
}

.offersimage {
    margin-bottom: 1em;
}

.offerscontent .moreoffers {
	padding-bottom:15px;
	margin-top:10px;
}

.offerscontent h1 {
    padding: 10px 0 10px 0;
    width: 290px;
}

.welcomeLanding h1 {
    padding-top: 10px;
    padding-left: 0px;
    width: 290px;
}
.bigadvert {
	background:#e6ece2;
	clear:both;
	overflow:auto;
	width:514px;
}

.bigadvert p {
	line-height:1.3em;
}

.bigadvert div {
	float:left;
	width:257px;
}

.bigadvert div ul {
	list-style-type:none;
	margin:5px 0 0 0;
	padding:0 0 0 20px;
}

.bigadvert div ul li {
	font-weight:bold;
	padding-bottom:6px;
}

.bigadvert h2{
	color:#002e4f;
	font-size:0.9em;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:0 !important;
}

.bigadvert .calltoaction {
	background:url(../img/btnRedRight.gif) top right no-repeat;
	text-align:center;
	float:left;
}

.bigadvert .calltoaction a {
	background:url(../img/btnRedLeft.gif) top left no-repeat;
	color:#fff;
	display:block;
	float:left;
	font-weight:bold;
	padding:6px 10px 10px 10px;
}

.arrowbg {
	background:url(../img/arrowBig.gif) left no-repeat;
	display:block;
	height:68px;
	width:514px;
}

.arrowbg a {
	color:#000;
	font-size:10px;
	display:block;
	font-size:1em;
	font-weight:bold;
	padding:23px 10px 10px 60px;
}

.greybluebg {background: url(../img/backgrounds/specialOffersBG.gif) repeat-y right top;}
.borderStyleTop, .borderStyleBottom {float:left; height:1px; width:100%; background: url(../img/backgrounds/navyOffersLine.gif) no-repeat top right; font-size:0px; line-height:0em;}
.borderStyleTop {background-position:right bottom;}

.columnscontainer {float: left; width: 516px;}

.leftcol, .rightcol {float:left;}
.leftcol {width:301px;}

.rightcol {width:186px;	display:inline;	margin:0 14px 0 15px;}
.rightcol h2 {margin:15px 0 5px 0; font-size:0.9em;}
.rightcol .bluebottom div {background-color:#5f7e8e;}
.rightcol .bluebottom img {margin-bottom: 1px;}

.leftcol .theoffer {float:left;	overflow:auto; width:301px;}
.leftcol .theoffer div.offerimage {display:inline; float:left; width:72px; margin:0 10px 0 20px; padding-bottom:10px;}
.leftcol .theoffer div.offerdesc {float:left; width:180px; font-size:95%;}
.leftcol .greybg {background-color:#F4F9F1;}

.leftcol .theoffer h2 {margin:20px 20px 10px 20px; padding:0 0 5px 0; border-bottom:1px dotted #b0bfcb;	font-size:0.9em; color:#45657B;}
.leftcol .theoffer h3 {margin:0; padding:0; font-size:0.8em;}
.leftcol .noheader {padding:10px 0;}

/*single image control*/
#singleImageContainer {float:right; width:198px; height:174px; margin-left:300px; padding:5px; background-color:#D9EAF1; border: solid 3px red;}
.singleImage {width:192px;	height:131px; margin-bottom:10px; float:right;	margin-left:300px;}

/* EUROSTAR BOOKINGS CONTROL */
#MainContainer {width:514px; height:342px; clear:both;}
.ImageHolder {float:left; display:inline; width:285px; height:343px; float:left; display:inline;}
#BookingContainer {position:relative; width:226px;	height:341px; float:right; display:inline; background-color:#D9E6F2; border:1px solid #6B8F9B;}
.mainheader {padding: 8px 0px 8px 10px; background: url(../img/backgrounds/gradient34hBlue.gif) repeat-x; font-size:0.8em; color:#FFFFFF; font-weight:bold;}

#journeyDirection {clear:both; width:226px;}
#journeyDirection  .radioBL {float:right; margin: 0px 4px 1px 0px; font-size:18px; color:Gray; font-weight:bold; font-family:Verdana;}

.sectionHeader {clear:both; margin:5px 0px; padding:5px 0px 5px 10px; background: url(../img/backgrounds/gradientRepeaterShort.gif) repeat-y; color:#052D46; font-weight:bold; font-size:0.75em;}
.input {font-family:Verdana; font-size:10px; color:#052D46;	width:75px;	margin-left:10px;}

.sectionHeader ul#pax li {float:left; font-weight:bold;	padding-right:6px; list-style:none;	font-family:Verdana; font-size:10px; color:#052D46;	padding-bottom:3px;	padding-top:3px;}
.selectList {clear:right; background: url(../img/EurostarBooking/16636_table_title_bg.jpg);}
.selectList li {list-style:none; float:left; padding:2px;}

.submitBtn {clear:both; position:absolute; bottom:0px; left:0px; height:auto; width:226px; padding:6px 0 6px 0; margin-top:8px; background: url(../img/backgrounds/gradient45h.gif) repeat-x;}
.submitBtn input {padding-left:130px;}

.fromPanel {float:right; font-family:Verdana; font-size:10px; font-weight:bold;	color:Gray;	padding:0 0 6px 0;}
.toPanel {float:right; font-family:Verdana; font-size:10px; font-weight:bold; color:Gray; padding:0 0 6px 0;}
.fromPanel label.departStation {font-family:Verdana; font-size:10px; font-weight:bold; color:Gray; display:inline;}

.toPanel label.arrivalStation {font-family:Verdana;	font-size:10px;	font-weight:bold; color:Gray; display:inline;}
.fromPanel select.BookingDdl {font-family:Verdana; color:Gray; width:175px;	font-size:9px; display:inline; margin: 0 8px 0 3px;}
.toPanel select.BookingDdl {font-family:Verdana; color:Gray; width:175px; font-size:9px; display:inline; margin: 0 8px 0 3px;}

.imgCalendar {vertical-align:middle;}
.ddlHour {font-size:10px; font-family:Verdana; color:Gray; width:60px;}
.selectDdl {font-size:10px;	font-family:Verdana; color:Gray; margin-left:10px;}
.passengers {margin-right:14px;}
.youthSpacer {margin-right:10px;}

.ageAdult {margin-right:10px;}
.ageChild {margin-right:25px;}
.ageSenior {margin-right:7px;}

.ddlYouthSpace {font-size:10px;	font-family:Verdana; color:Gray; margin-left:8px;}
.ddlSeniorSpace {font-size:10px; font-family:Verdana; color:Gray; margin-left:4px;}

table.offersTable {width:92%; border-top:none !important; border-bottom:none !important; margin-left:20px; line-height:0px; font-weight:bold;}
table.offersTable tr.noTopBorderClear {border-top: none !important;	border-top: 0px;}
table.offersTable td.leftColumn {width:70%;	font-weight:bold; color: #003D60; padding-top:3px !important; vertical-align:middle !important;}
table.offersTable td p {color:#36677d; font-size:1em;}

table.offersTable td.leftColumnClear {width:70%; border-top:none !important; font-weight:bold; color: #003D60; text-align:left;}
table.offersTable td.rightColumn {width:30%; background-color:#EFF1DC; font-weight:bold; text-align:center;	vertical-align:text-top !important;	padding:3px 0 0 0;	color:#000;}
table.offersTable td.leftColumnHeading p {color:#000;}
table.offersTable td.rightColumnClear {width:30%; border-top:none !important; background-color:#EFF1DC;	font-weight:bold; color:#36677d; text-align:left;}
table.offersTable td.rightColumnTop {width:30%;	background-color:#EFF1DC; font-weight:bold;	text-align:left; color:#000;}

.EurostarLogo {float:right;	margin:30px 20px 10px 10px;}

.loginButtons {margin: 10px 30px 10px 0;}
/*TWO FOR ONE AREA*/

#two4one {width: 530px;}

#two4one h1 
{
margin-bottom : 0px;
margin-left : 5px;
    }

#two4one h2 {color: #45657B; }
    
#two4one .divider
{
display : inline-block;
height : 20px;
margin-bottom : 10px;
width : 100%;
background : url(../img/2For1/im_divider.gif) bottom repeat-x;
    }
    
#two4one .colContainer 
{
display : inline-block;
padding : 20px 0px 10px 0px;
    }
    
#two4one .colContainer h2 
{
float : left;
width : 300px;
margin: 0px;
color: #45657B;
font-size: 1em;
    }
    
#two4one .colContainer .col1 
{
float : left;
margin-right : 20px;
    }

#two4one .colContainer .col2 
{
float : left;
margin-bottom: 20px;
    }
        
#two4one .offerColContainer 
{
display : inline-block;
padding : 20px 0px 10px 0px;
background : url(../img/2For1/im_divider.gif) bottom repeat-x;
    }
    
#two4one .offerCol1, #two4one .offerCol2, #two4one .offerCol3 
{
float : left;
margin-right : 10px;
    }

#two4one .offerCol1 {}

#two4one .offerCol2 
{
width : 340px;
margin-left: 20px;
    }

#two4one .offerCol3 
{
margin-right : 0px;
    }

#two4one .searchOffers 
{
padding : 10px;
background : #396b84 url(../img/2For1/bg_searchOffers.gif) top repeat-x;
/*width : 400px;*/
border : solid 1px #8da5af;
clear : both;
margin-top : 10px;
}

#two4one .fieldContainer 
{
    display : inline-block;
    margin : 8px;                      
}

#two4one legend
{
    color : #fff;
    font-weight : bold;
    padding-left : 5px;
    padding-bottom : 10px;
    font-size : 1em;
}

#two4one .fieldContainer label
{
    float : left;
    width : 140px;
    color : #fff;
    font-weight : bold;
}


#two4one div.mainIntro 
{
float : left;
margin-right : 10px;
    }
    
#two4one div.mainDetails 
{
clear : both;
margin-top : 10px;
    }

#two4one div.promo
{
border : solid 1px #cfcfcf;
background : #e5e5e7;
width : 112px;
float : left;
    }

#two4one div.promo h2, #two4one div.promo img, #two4one div.promo p { margin : 8px;}

#two4one div.promo img
{
border : solid 1px #cfcfcf;
    }


#two4one p.bluebutton {
	display:inline;
	float:left;
	margin-left:150px;
	text-align:center;
}

#two4one p.bluebutton a {
	width:80px;
	background:url(../img/2For1/bg_submit.gif) top left no-repeat;
	display:block;
	line-height:1em;
	padding:8px 0px 6px 0px;
	color:#fff;
	font-weight:bold;
}

#two4one p.bluebutton a#search {
	display:none;
}

#two4one p.pinkbutton {
	display:inline;
	float:left;
	margin-left:0px;
	text-align:center;
}

#two4one p.pinkbutton a {
	width:190px;
	background:url(../img/2For1/bt_get-voucher.gif) top left no-repeat;
	display:block;
	line-height:1em;
	padding:10px 0px 10px 0px;
	color:#fff;
	font-weight:bold;
}
#two4one .border {border : solid 1px #0f0;}

p.findOut a {
padding-left : 12px;
background : url(../img/2For1/im_purple_arrow.gif) no-repeat  left;
}

#plcPaging em 
{
    font-weight:bold;
    font-style:normal;
}
	


.ErrorText {color: red;}
.pagination {text-align: center; margin-top: 10px; font-size: 0.9em;}
.pagination em {font-weight: bold; text-decoration: underline;}
.findOut {font-weight: bold;}

#two4one iframe{max-height:1px; }
#spotLight iframe{max-height:1px;}



div.escapeHeader 
{
position : relative;
margin-left : -3px;
    }
    

