/*****************************************************************************/
/* Are You Thomas Cook? Recruitment site // thomas_cook.css (screen)
   Created: 
   Author:
   Copyright 2009 Thomas Cook Group PLC. All Rights Reserved. */
/*****************************************************************************/


/*- Reset default browser styles
---------------------------------------------------------------------------------------- */

/* Reset margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin: 0; padding: 0; }

/* Reset font-size for headers */
h1, h2, h3, h4, h5, h6 { font-size: 100%; }

/* Removes list-style from lists */
ol, ul { list-style: none; }

/* Reset font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style: normal; font-weight: normal; }

/* Removes list-style from lists */
table { border-collapse: collapse; border-spacing: 0; }

/* Removes border from fieldset and img */
fieldset,img { border: 0; }

/* Left-aligns text in caption and th */
caption,th { text-align: left; }

/* Removes quotation marks from q */
q:before, q:after { content:''; }

/* Removes dotted ouline on links in Firefox */
a { outline: none; }



/*- Global Styles
---------------------------------------------------------------------------------------- */


body {
	min-width: 760px;
	background: #fff url(../images/body_bg_tile.jpg) repeat-x 0 0;
	margin: 0;
	padding: 0;
	font: 62.5%/1.4 Helvetica, Arial, sans-serif;
}

strong { font-weight: bold; }

div#wrapper {
	width: 960px;
	text-align: left;
	background-color: #fff;
	margin: 0 auto; 	 
}

div#branding {
	position: relative;
	z-index: 0;
	background: #999 url(../images/branding.jpg) no-repeat 0 0;
	height: 100px;
	border-bottom: 10px solid #31495d;
	text-indent: -9999px;
}

div#branding h1 {
	margin: 0;
	font-size: 2.4em;
	font-weight: normal;
}

#branding p {
	margin: 0;
	font-size: 2.4em;
	font-weight: normal;
}


/*- Navigation styles
---------------------------------------------------------------------------------------- */

div#nav_main {
	position: relative;
	z-index: 1;
	height: 33px;
	top: 0;
	left: 120px;
	margin: 0;
	padding: 0;
	width: 820px;
}

div#nav_main h2 {
	font-size: 2.0em;
	font-weight: normal;
	width: 820px;
}

div#nav_main p {
	font-size: 2.0em;
	font-weight: normal;
	width: 820px;
}

ul#nav { background-image: url(../images/nav_bar.gif); }
ul#nav li { float: left; list-style-type: none }
ul#nav li a { height: 33px; display: block; position: absolute; top: 0; text-indent: -9999px; outline: none }

li#nav_home a,
li#nav_about a,
li#nav_overseas a,
li#nav_kidsworld a,
li#nav_entertainer a,
li#nav_administration a,
li#nav_benefits a,
li#nav_apply a { background: url(../images/nav_bar.gif); }

li#nav_home a 									{ background-position: 0 0; width: 50px; left: 0; }
li#nav_home a:hover								{ background-position: 0 -33px; }
#body_home li#nav_home a 						{ background-position: 0 -66px; }

li#nav_about a 									{ background-position: -50px 0; width: 60px; left: 50px; }
li#nav_about a:hover							{ background-position: -50px -33px; }
#body_about li#nav_about a 						{ background-position: -50px -66px; }

li#nav_overseas a 								{ background-position: -110px 0; width: 120px; left: 110px; }
li#nav_overseas a:hover							{ background-position: -110px -33px; }
#body_overseas li#nav_overseas a,
#body_escapades li#nav_overseas a,
#body_style li#nav_overseas a,
#body_transfer li#nav_overseas a 				{ background-position: -110px -66px; }

li#nav_kidsworld a 								{ background-position: -230px 0; width: 120px; left: 230px; }
li#nav_kidsworld a:hover						{ background-position: -230px -33px; }
#body_kidsworld li#nav_kidsworld a  			{ background-position: -230px -66px; }

li#nav_entertainer a 							{ background-position: -350px 0; width: 140px; left: 350px; }
li#nav_entertainer a:hover						{ background-position: -350px -33px; }
#body_entertainer li#nav_entertainer a  		{ background-position: -350px -66px; }

li#nav_administration a 						{ background-position: -490px 0; width: 130px; left: 490px; }
li#nav_administration a:hover					{ background-position: -490px -33px; }
#body_administration li#nav_administration a  	{ background-position: -490px -66px; }

li#nav_benefits a 								{ background-position: -620px 0; width: 140px; left: 620px; }
li#nav_benefits a:hover							{ background-position: -620px -33px; }
#body_benefits li#nav_benefits a  				{ background-position: -620px -66px; }

li#nav_apply a 									{ background-position: -760px 0; width: 60px; left: 760px; }
li#nav_apply a:hover							{ background-position: -760px -33px; }
#body_apply li#nav_apply a  					{ background-position: -760px -66px; }


/*- Generic content styles
---------------------------------------------------------------------------------------- */

div#main_content {
	float: left;
	width: 960px;
	min-height: 420px;
	background-color: #ffcf00;
	margin: 0;
	padding-bottom: 20px;
}
div#main_content img#photo {
	clear: right;
	float: right;
	margin-bottom: 75px;
}

div#main_content_photo {
	clear: right;
	float: right;
	width: 490px;
	margin-bottom: 75px;
}
div#main_content_photo_admin {
	clear: right;
	float: right;
	width: 490px;
	background: url(../images/resort.jpg) no-repeat;
	margin-bottom: 75px;
}
div#main_content_photo_over {
	clear: right;
	float: right;
	width:490px;
	background:url(../images/overseas.jpg) no-repeat;
	margin-bottom: 75px;
}
div#main_content_photo_ent {
	clear: right;
	float: right;
	width: 490px;
	background:url(../images/entertainer.jpg) no-repeat;
	margin-bottom: 75px;
}
div#main_content h3 {
	height: 170px;
	width: 470px;
	margin: 0;
	padding: 0;
}

ul#nav_reps {
	list-style: none;
	width: 450px;
	padding: 0;
	clear: left;
	float: left;
	padding: 10px 0 20px 20px;
}

ul#nav_reps li {
	float: left;
	padding: 0;
	margin: 0;
}

ul#nav_reps li a {
	color: #0c6ead;
	text-decoration: none;
	font: bold 1.3em Helvetica, Arial, sans-serif;
	margin-right: 20px;
}

ul#nav_reps li a:hover {
	color: #283b4c;
}

div#main_content h4 {
	font: bold 1.5em Helvetica, Arial, sans-serif;
	color: #283B4C;
	width: 450px;
	clear: left;
	float: left;
	margin: .5em 0;
	padding: 0 0 0 20px;
}

div#main_content h5 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	color: #283B4C;
	clear: left;
	float: left;
	margin: 0;
	padding: 0 0 0 20px;
	width: 450px;
}

#body_overseas #overseas_reps a,
#body_soccer #soccer_reps a,
#body_escapades #escapades_reps a,
#body_villa #villa_reps a,
#body_transfer #transfer_reps a {
	color: #283b4c;
}


div#main_content p {
	color: #31495D;
	width: 420px;
	font-size: 1.3em;
	letter-spacing: 0.02em;
	margin: 1em 20px;
	padding: 0;
}

div#main_content p img { padding: 10px 10px 0 0; }

div#main_content cite { font-weight: bold; }

.values_color { color: #0C6EAD; }


/*-  default links
----------------------------------------------------------------------*/

a:link { color: #0c6ead;  }

a:visited { color: #0c6ead; }

a:hover, a:active { color: #283b4c; }


/*- Site info styles
---------------------------------------------------------------------------------------- */

div#site_info {
	background-color: #283b4c;
	height: 50px;
	clear: both;
	margin: 0;
	padding: 0;
}

div#site_info p {
	font-size: 1.1em;
	letter-spacing: 0.05em;
	color: #fff;
	float: right;
	margin: 0;
	padding: 20px 20px 0 20px;
}

div#site_info p.logo {
	float: left;
	margin: 0;
	padding: 5px 20px;
}


/*- Home content styles
---------------------------------------------------------------------------------------- */

#body_home #main_content {
	background: #ffcf00 url(../images/home_bg.jpg) no-repeat 0 280px;
	width: 960px;
	margin: 0;
	padding-bottom: 20px;
}

#body_home div#main_content div#inset {
	background: #ffcf00 url(../images/inset_logo.gif) no-repeat 0 0;
	width: 960px;
	height: 90px;
	display: block;
	text-indent: -9999px;
	clear: both;
	margin: 0;
	padding: 0;
}

#body_home #main_content h1 { /* PW change - h1 prominence reset in semantic structure - thrown off page to allow graphic header to take prominent position on page */
	position: absolute;
	left: -900px;
}

#body_home #main_content h2 { /* PW change - h3 tag replaced with h2 to improve semantic structure */
	font-size: 3em;
	font-weight: normal;
	color: #31495D;
	margin: 20px 20px 10px 20px;
	padding:0;
}

#body_home #main_content p {
	color: #31495D;
	width: 620px;
	font-size: 1.3em;
	letter-spacing: 0.02em;
	clear: none;
	float: none;
	margin: 1em 20px;
	padding: 0;
}

#body_home #main_content .large { font-size: 1.6em; }

/* Home Buttons */
body#body_home ul#home_btns {
	float: right;
	margin-top: -60px;
	padding-right: 20px;
}

body#body_home ul#home_btns li a {
	text-indent: -9999px;
	display: block;
	padding-bottom: 20px;
}

body#body_home ul#home_btns li#home_values a  {
	background: url(../images/btn_values_star.png) no-repeat 0 0;
	width: 240px;
	height: 126px; 
}

body#body_home ul#home_btns li#home_brands a  {
	background: url(../images/btn_brands.jpg) no-repeat 0 0;
	width: 184px;
	height: 69px;
}

body#body_home ul#home_btns li#home_quiz a  {
	background: url(../images/btn_quiz.jpg) no-repeat 0 0;
	width: 184px;
	height: 69px; 
}



/*- Header (h3) styles
---------------------------------------------------------------------------------------- */

#body_about #wrapper #main_content h3,
#body_apply #wrapper #main_content h3,
#body_benefits #wrapper #main_content h3,
#body_kidsworld #wrapper #main_content h3,
#body_entertainer #wrapper #main_content h3,
#body_overseas #wrapper #main_content h3,
#body_soccer #wrapper #main_content h3,
#body_escapades #wrapper #main_content h3,
#body_villa #wrapper #main_content h3,
#body_transfer #wrapper #main_content h3,
#body_administration #wrapper #main_content h3,
#body_values #wrapper #main_content h3 {
	width: 410px;
	height: 155px;
	text-indent: -9999px;
	margin: 30px 20px 20px 20px;
	padding: 0;
}

#body_about #wrapper #main_content h3 {
	background: url(../images/header_badge_about.jpg) no-repeat 0 0;
}

#body_apply #wrapper #main_content h3 {
	background: url(../images/header_badge_apply.jpg) no-repeat 0 0;
}

#body_benefits #wrapper #main_content h3 {
	background: url(../images/header_badge_benefits.jpg) no-repeat 0 0;
}

#body_kidsworld #wrapper #main_content h3 {
	background: url(../images/header_badge_kidsworld.jpg) no-repeat 0 0;
}

#body_entertainer #wrapper #main_content h3 {
	background: url(../images/header_badge_entertainers.jpg) no-repeat 0 0;
}

#body_overseas #wrapper #main_content h3 {
	background: url(../images/header_badge_overseas.jpg) no-repeat 0 0;
}

#body_soccer #wrapper #main_content h3 {
	background: url(../images/header_badge_soccer.jpg) no-repeat 0 0;
}

#body_escapades #wrapper #main_content h3 {
	background: url(../images/header_badge_escapades.jpg) no-repeat 0 0;
}

#body_villa #wrapper #main_content h3 {
	background: url(../images/header_badge_villa.jpg) no-repeat 0 0;
}

#body_transfer #wrapper #main_content h3 {
	background: url(../images/header_badge_transfer.jpg) no-repeat 0 0;
}

#body_administration #wrapper #main_content h3 {
	background: url(../images/header_badge_administration.jpg) no-repeat 0 0;
}

#body_values #wrapper #main_content h3 {
	background: url(../images/header_badge_values.jpg) no-repeat 0 0;
}


/*- Quiz styles
---------------------------------------------------------------------------------------- */

#body_quiz #main_content {
	background: #ffcf00 url(../images/home_bg.jpg) no-repeat left 274px;
	width: 960px;
	margin: 0;
	padding-bottom: 30px;
}

#body_quiz img#inset {
	float: right;
	margin: 0;
	position: relative;
	bottom: 0;
	padding: 0;
	border-width: 0;
	border-style: none;
	clear: right;
}

#body_quiz #main_content h3 {
	font-size: 2.5em;
	font-weight: normal;
	color: #31495D;
	margin: 20px 20px 10px 20px;
	display: block;
	height: auto;
}

#body_quiz #main_content p {
	color: #31495D;
	width: 620px;
	font-size: 1.3em;
	letter-spacing: 0.02em;
	clear: none;
	float: none;
	padding: 0;
}

#body_quiz #main_content h4 {
	font-size: 1.5em;
	font-weight: normal;
	color: #31495D;
	width: 620px;
	clear: left;
	float: left;
	margin: 0;
	padding: 0 0 0 20px;
}

#body_quiz #main_content img#applyonline  {
	float: right;
	clear: right;
	margin-right: 110px;
	border: 0;
}

#the_answers,
#verdict {
	display: none;
}

#the_questions div,
#the_answers div {
	display:none;
}

#the_questions p {
	font-weight: bold;
	letter-spacing: 0.02em;
}

#the_questions ol {
	padding-left: 40px;
}

#the_questions li {
	width:100%;
	margin: 0;
	color: #283B4C;
	font: 1.3em Helvetica, Arial, sans-serif;
	list-style-type: upper-alpha;
	padding: 0;
}

#the_questions li a {
	color: #358ACA;
	text-decoration: none;
	font-weight: bold;
}

#the_questions li a:hover {
	text-decoration: underline;
}

#next_link {
	display: none;
	margin-left: 20px;
}

#next_link a {
	font-size: 1.3em;
	color: #358ACA;
	text-decoration: none;
	font-weight: bold;
}

#verdict h4 {
	font-weight: normal;
	font-size: 1.5em;
	margin-left: 20px;
	width: 620px;
	letter-spacing: 0.02em;
	color: #283B4C;
	padding-bottom: 20px;
}

#verdict p {
	font-weight: normal;
	font-size: 1.3em;
	margin-left: 20px;
	width: 620px;
	letter-spacing: 0.02em;
	color: #283B4C;
}


/*- Apply styles
---------------------------------------------------------------------------------------- */

/*
#body_apply p {
	width: 430px;
	margin: 0;
	padding: 0;
}
*/

body.screening#body_apply div#main_content p {
	width: 860px;
	margin: .8em 20px .8em 20px;
	padding: 0;
}

body.screening#body_apply div#main_content ul {
	margin: 20px 0 1em 20px;
}

body.screening#body_apply div#main_content ul li {
	font-size: 1em;
	color: #283B4C;
	clear: left;
	margin: 0;
	padding: .3em 0 .3em 0;
}

body.screening#body_apply div#main_content li a {
	color: #0c6ead;
	text-decoration: none;
	font: bold 1.3em Helvetica, Arial, sans-serif;
	margin-right: 10px;
}

body.screening#body_apply div#main_content li a:hover {
	color: #283b4c;
}

body.screening#body_apply div#main_content form {
	font: bold 1.3em Helvetica, Arial, sans-serif;
	color: #283b4c;
}

body.screening#body_apply div#main_content form fieldset div {
	margin: 0 0 .5em 20px;
	padding: 0;	
}

body.screening#body_apply div#main_content form fieldset input {
	margin: 0 0 2em 20px;
	padding: 0;	
}

body.screening#body_apply div#main_content form fieldset input.submit {
	display: block;
	margin: 0 0 0 20px;
	padding: 0 0 1.5em 0;	
}

#body_apply form {
	padding: 0px;
	width: 960px;
	margin-right: 0px;
	margin-bottom: 75px;
	margin-left: 0px;
	margin-top: 0px;
	clear: left;
	float: left;
}
#body_apply form h4 {
	width: 410px;
	clear: left;
	float: left;
	margin: 0px;
	padding-left: 20px;
	padding-bottom: 5px;
	padding-top: 10px;
}

#body_apply form fieldset {
	width: 920px;
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: #FFDF55;
	clear: left;
	float: left;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}
#body_apply form fieldset h4 {
	padding-bottom: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 20px;
	width: 430px;
}

#body_apply form fieldset legend {
	display: none;
}
#body_apply form fieldset div.left {
	width: 450px;
	float: left;
}
#body_apply form fieldset  div.right {
	width: 450px;
	float: left;
}
#body_apply form fieldset p {
	width: 430px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin: 0px;
}

#body_apply form fieldset p input {
	font-size: 1em;
	letter-spacing: 0.02em;
	border: 1px solid #999999;
	padding: 3px;
	width: 428px;
	color: #283B4C;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0px;
}

#body_apply form fieldset p select {
	width: 428px;
	border: 1px solid #999999;
	padding-top: 2px;
	padding-left: 2px;
	color: #283B4C;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	line-height: 1.4;
}

#body_apply form fieldset p textarea {
	width: 428px;
	border: 1px solid #999999;
	color: #283B4C;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	height: 4em;
	padding: 3px;
}
#body_apply form label {
	font-size: 1em;
	letter-spacing: 0.02em;
	padding: 0;
	color: #283B4C;
	margin: 0;
}
#body_apply form table {
	clear: left;
	float: left;
	padding: 0px;
	margin: 0px;
}
#body_apply form table th {
	text-align: left;
	font-size: 1.3em;
	color: #283B4C;
	width: 215px;
	padding-left: 20px;
	vertical-align: top;
	font-weight: normal;
}
#body_apply form table td {
	width: 205px;
	vertical-align: top;
	padding-left: 20px;
	padding-bottom: 20px;
}
#body_apply form table td label {
	display: none;
}
#body_apply form table td input {
	letter-spacing: 0.02em;
	border: 1px solid #999999;
	padding: 3px;
	width: 203px;
	color: #283B4C;
	margin: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 130%;
	line-height: 1.4;
}
#body_apply form table td textarea {
	color: #283B4C;
	width: 203px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	height: 4em;
}
#body_apply form table td select {
	color: #283B4C;
	width: 213px;
	border: 1px solid #999999;
	margin: 0px;
	font: 130%/1.4 Helvetica, Arial, sans-serif;
}
#body_apply form input.radio {
	border-width: 0px;
	border-style: none;
	width: auto;
	height: 1em;
	line-height: 1em;
}
#body_apply form input.checkbox {
	border-width: 0px;
	border-style: none;
	width: auto;
	height: 1em;
	line-height: 1em;
}
#body_apply form input.submit {
	border: none;
	width: 50px;
	height: 25px;
	padding: 3px 0 0 0;
}


/*-  Brand page styles
----------------------------------------------------------------------*/

#body_brands #brand_content {
	background-color: #ffcf00;
	width: 960px;
	margin: 0;
	padding: 0;
}

#body_brands #brand_content h2 {
	font-size: 2.5em;
	font-weight: normal;
	color: #31495d;
	margin: 0 20px 10px 20px;
	padding: 20px 0 0 0;
}

#body_brands #brand_content p {
	font-size: 1.3em;
	letter-spacing: 0.02em;
	color: #31495d;
	margin: 0 0 1em 20px;
	padding: 0;
}

/* brand_list */

ul#brand_list {
	height: 440px;
	padding-top: 20px;
}

li.col1 {
	float: left;
	width: 160px;
	padding: 0 0 30px 20px;
}

li.col2, li.col3, li.col4, li.col5 {
	float: left;
	width: 160px;
	padding: 0 0 30px 30px;
}


.stars {
	background: url(../images/stars.gif) no-repeat 0 0;
}