/* screen.css */

/* ------------------- */
/* BASIC LAYOUT & DIVS */
/* ------------------- */

body {
	background:url(/images/main-bg.png) repeat-x;	
}

h1 { color:#e20077; font-size:2.8em; font-weight:bold; line-height:1.4; position:absolute; top:0; width:733px; }
h2 { color:#35629c; font-weight:bold; font-size:1.4em; margin:70px 0 20px 0; }
h3 { color:#de0076; font-weight:bold; font-size:1.3em; margin:0 0 20px 0; }

p { margin:10px 0; }

#bus_benefits h3 { margin-bottom:10px; }

select, input, textarea { 
	border:1px solid #627EA2;
	padding:2px; color:#808080; 
}

form a { color:#e10077; }

#wrapper { width:733px;	margin:0 auto; clear:both; }

#footer { 
	background:url(/images/footer-bg.jpg) repeat-x left bottom;
	height:85px; clear:both; text-align:center;
	padding-top:40px;
}

#header { height:118px; position:relative; }

#main-content { margin-top:28px; position:relative; }

#free_travel_home #main-content { 
	background:url(/images/footer-img.png) center bottom no-repeat;
	padding-bottom:450px; 
}

#free_travel_home #main-content img.offer-closed{
    margin:75px 0 100px 0;
}

#right-col { float:right; width:215px; margin-top:75px; }

#content {
	width:500px; padding-top:1px;
}

#logo { float:right; margin-top:20px; }


/* Bus benefits block */

#bus-benefits-link {
	display:block; width:214px; height:366px;
	background:url(/images/bus-benefits.png) no-repeat;
	outline:none; text-indent:-10000px;
}

/* End of bus benefits block */

/* Homepage */

.send-button {
	background:url(/images/send-button.png) repeat-x;
	border:none; width:56px; height:24px; color:#f188c0;
	font-size:0; vertical-align:top; cursor:pointer;
}

.next-button {
	background:url(/images/next-button.png) repeat-x;
	border:none; width:78px; height:24px; color:#f188c0;
	font-size:0; vertical-align:top; cursor:pointer;
}

#select-free-travel-city-form label {
	display:block; color:#35629c; font-size:1.2em;	
	font-weight:bold;
}

#select-free-travel-city-form ul {
	background:url(/images/ukmap.png) no-repeat;
	float:right; width:216px; height:320px;
	list-style:none; position:relative;
}

#select-free-travel-city-form ul li {
	position:absolute;	
}

#select-free-travel-city-form ul li a {
	display:block; background:url(/images/map-marker.png) no-repeat left top;
	width:20px; height:17px; outline:none; text-decoration:none;
}

#select-free-travel-city-form ul li a span {
	display:none; padding:15px; width:90px;
	background:#eb4c9f; color:#fff; position:absolute;
	left:-120px; top:-40px; z-index:100;
	font-size:1.2em; text-align:center;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

#select-free-travel-city-form ul li a:hover span,
#select-free-travel-city-form ul li a.active span {
	display:block;
}

#select-free-travel-city-form ul li a:hover,
#select-free-travel-city-form ul li a.active {
	background:url(/images/map-marker.png) no-repeat left bottom;
}

#select-free-travel-city-form select, 
#select-free-travel-city-form input { margin:5px 0; }

/* End of homepage */

/* Send to a friend block */

#send-friend { 
	width:215px; color:#fff; margin-top:20px; 
}

#send-friend h6 { 
	background:url(/images/send-friend-h4.png) no-repeat; 
	padding-left:15px; line-height:45px; font-weight:bold;
	font-size:1.3em; height:30px;
}

#send-friend form, #send-friend div { 
	background:url(/images/send-friend-bg.png) no-repeat left bottom; 
	width:185px; padding:0 15px; overflow:auto;
}

#send-friend div {
	display: none;
}

#send-friend fieldset {
	background:url(/images/send-divider.png) repeat-x;
	border:none; margin:15px 0;
}

#send-friend label {
	margin-top:10px; display:block;
}

#send-friend label input {
	display:block; width:178px; border:#627ea2 1px solid;
	padding:2px;
}

#start-button {
	background:url(/images/start-button.png) repeat-x;	
	width:55px; height:26px; display:block;
	text-indent:-10000px; margin-bottom:10px;
	outline:none;
}

#send-friend .send-button {
	background:url(/images/send-friend-button.png) repeat-x;
	float:right; margin:10px 0 20px 0;
}

#send-friend form ul {
	list-style-position:inside;	
}

a.send-again-button { 
	background:url(/images/send-another-button.png) no-repeat;
	width:95px; height:24px; display:block; font-size:1em;
	color:#f188c0; cursor:pointer; 
	clear:left;
	text-indent:-10000px;
	margin:10px 0 20px;
	float: right;
}

/* End of send to a friend */

/* Questionnaire */

.pink-text { color:#e10077; }

#select-free-travel-question-form #step2 fieldset {
	background:url(/images/horiz-divider.png) no-repeat center bottom;
	border:0;
}

#select-free-travel-question-form #step2 fieldset small {
	clear:both; font-size:0.9em; color:#808080; 
	display:block; margin:0 0 10px 0;
}

#select-free-travel-question-form #step2 fieldset.tandc {
	background:none; border:0; margin-bottom:10px;
}

#select-free-travel-question-form #step2 fieldset.tandc small {
	margin:15px 0 0 0;
}

#select-free-travel-question-form #step2 fieldset.tandc label {
	width:auto; font-size:0.9em; color:#808080; font-weight:normal;
}

#select-free-travel-question-form #step2 fieldset.tandc label input {
	width:auto; display:inline; border:none; margin:10px 10px 0 10px;
}

#select-free-travel-question-form label {
	display:block; color:#35629c; font-size:1.2em; font-weight:bold;
	margin-bottom:20px; line-height:1.1; width:220px;	
}

#select-free-travel-question-form label small {
	display:block; color:#808080; font-size:0.9em; font-weight:normal;	
}

#select-free-travel-question-form label select,
#select-free-travel-question-form label input {
	display:block; width:185px; margin:10px 0;
}

#select-free-travel-question-form label.radiolabel {
	display:inline;	font-size:1em; color:#808080; font-weight:normal;
	position:relative; top:-20px; margin-bottom:10px;
}

#select-free-travel-question-form label.radiolabel input {
	display:inline; width:auto;	border:none; margin:10px 10px 0 10px;
}

#select-free-travel-question-form #step2 fieldset label {
	float:left;	margin:12px 20px 10px 0;
}

#select-free-travel-question-form #step3 fieldset {
	width:220px; float:left; border:0;
}

#select-free-travel-question-form #step3 fieldset.tandc,
#select-free-travel-question-form #step3 fieldset.datepicker {
	width:500px; clear:left; padding:15px 0;
	background:url(/images/horiz-divider.png) no-repeat center top;
}

#select-free-travel-question-form #step3 fieldset.tandc label {
	width:auto;	
}

#select-free-travel-question-form #step3 fieldset.datepicker label {
	float:left;	margin-bottom:0;
}

#select-free-travel-question-form #step3 fieldset.datepicker small {
	margin-left:10px; line-height:30px;
}

#select-free-travel-question-form #step3 fieldset.tandc label input {
	width:auto; display:inline; border:none; margin:10px 10px 0 10px;
}

fieldset#right-fs {
	background:url(/images/vert-divider.jpg) no-repeat;
	padding-left:30px; width:190px;
}

/* old last-step-button 
#last-step-button  { 
	background:url(/images/last-step-button.png) no-repeat;
	width:78px; height:24px; border:none; 
	float:right;
	margin-right:0px; 
	display:none; 
	font-size:0; 
	color:#f188c0;
	cursor:pointer;
}
*/

#last-step-button_oo, #last-step-button_ot  { 
	width:78px; height:24px; border:none; 
	float:right;
	margin-right:0px; 
	font-size:0; 
	color:#f188c0;
	cursor:pointer;
	clear:right;
}

#back-bottom_oo, #back-bottom_ot  { float:left; }
#back-bottom_to, #back-bottom_tt  { cursor:pointer; float:left; width:56px; height:24px; border:none; outline:none; }

#find-address-button { 
	background:url(/images/find-address-button.png) no-repeat; 
	width:92px; height:24px; border:none; font-size:0; color:#808080;
	cursor:pointer; margin-top:37px;
}

#datepicker { clear:both; margin:20px 0; }

#choose-date {
	background:url(/images/choose-date.png) no-repeat;
	width:24px; height:21px; text-indent:-10000px;
	display:block; float:left; 
	margin-top:5px;
	margin-bottom:5px;
}

#submit-button_to, #submit-button_tt, #submit-button { 
	background:url(/images/submit.png) no-repeat; 
	width:65px; height:24px; border:none; float:right;
	font-size:0; color:#f188c0; cursor:pointer;
}

#submit-button { float:none; display:block; margin-top:20px; }

.back-button { 
	/*background:url(/images/back-button.png) no-repeat;*/
	width:56px; height:24px; border:none; font-size:0;
	color:#f188c0; cursor:pointer;
}

a.back-button { 
	background:url(/images/back-button.png) no-repeat;
	width:56px; height:24px; display:block; font-size:1em;
	color:#f188c0; cursor:pointer; 
	clear:left;
	text-indent:-10000px;
}

#next-back {	
	height:24px;
	display:block;
	clear:both;	
	margin:20px 0;
}

#next-back small { color:#e20379; clear:right; float:right; width:150px; text-align:right; }

#step2, #step3, #select-free-travel-question-form {	
	width:500px;
	padding: 0 0;
	display:inline-block;		
}

#more-button { 
	background:url(/images/plan-your-journey.jpg) no-repeat;
	width:117px; height:24px; border:none; float:right;
	margin-right:0px; 
	display:block; font-size:0; color:#f188c0;
	cursor:pointer;
}

#error-messages-header {	
	font-size:14px;
	font-weight:bold;
	color:#35629C;	
}

ul#error-messages {
	background:#e20077;
	padding:2px 5px;	
}

ul#error-messages li {	
	margin: 10px 20px;
	color: #fff;
	padding:2px 5px;
	font-weight:bold;
}

#loader {	
	display: none;
	margin-top: 42px;
	margin-left: 275px;	
}

/* End of questionnaire */


/* Surveys */

#continue-button { 
	background:#e20077; color:#fff; border:#a00054 1px solid;
	text-decoration:none; padding:5px; display:block; width:100px;
	text-align:center; -moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#eb4c9f), to(#e20077));
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}

#continue-button:hover { 
	background:#eb4c9f;
	background: -webkit-gradient(linear, left top, left bottom, from(#e20077), to(#eb4c9f));
}

body#survey h1,
body#survey_2 h1,
body#survey_3 h1,
body#survey_p3 h1,
body#survey_p3_2 h1,
body#survey_p3_3 h1 { font-size:2.5em; line-height:1.1; top:-26px; width:450px; }

#survey #main-content,
#survey_2 #main-content,
#survey_3 #main-content,
#survey_4 #main-content { 
	background:url(/images/footer-img.png) center bottom no-repeat;
	padding-bottom:450px; 
}

blockquote { margin:20px; font-weight:bold; font-size:1.2em; }

#voucher { 
	width:453px; border:#768ba6 2px dashed;
	padding:20px; -moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px; color:#808080;
	margin:20px 0;
}
#voucher img { float:right; }
#voucher p img { float:none; }
#voucher h1 { position:static; font-size:1.8em; overflow:hidden; display:inline; }
#voucher h2 { margin:0; border-bottom:#81b6d9 1px solid; padding-bottom:15px; }
#v-id { color:#333; line-height:1.6; font-size:1.1em; }

#print-button { 
	background:#e20077; color:#fff; border:#a00054 1px solid;
	text-decoration:none; padding:5px; display:block; width:100px;
	text-align:center; -moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#eb4c9f), to(#e20077));
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}

#survey form p,
#survey_2 form p,
#survey_3 form p,
#survey_p3 form p,
#survey_p3_2 form p,
#survey_p3_3 form p { color:#de0076; font-weight:bold; margin-top:20px; }

#survey_3 form p span,
#survey_p3_3 form p span { color:#808080; }

#survey fieldset, #survey_2 fieldset, 
#survey_3 fieldset, #survey_p3 fieldset, 
#survey_p3_2 fieldset, #survey_p3_3 fieldset,
#survey-form label input { border:0; }

#survey label,
#survey_2 label,
#survey_3 label,
#survey_p3 label,
#survey_p3_2 label,
#survey_p3_3 label { margin-right:20px; }

#survey fieldset label,
#survey_2 fieldset label,
#survey_3 fieldset label,
#survey_p3 fieldset label,
#survey_p3_2 fieldset label,
#survey_p3_3 fieldset label { display:block; }

#survey .next-button,
#survey_2 .next-button,
#survey_3 .next-button,
#survey_p3 .next-button,
#survey_p3_2 .next-button,
#survey_p3_3 .next-button { margin-top:20px; display:block; }

#percentage { 
	border:#9ed4e5 1px solid; background:#9ed4e5 url(/images/percentage-bg.png) no-repeat; color:#0077af; 
	text-align:center; padding:5px; margin-top:40px; width:390px;
}

#percentage.zero-pc { background-position:0 0; }
#percentage.thirtythree-pc { background-position:133px 0; }
#percentage.fifty-pc { background-position:200px 0; }
#percentage.sixtysix-pc { background-position:266px 0; }