/*	-------------------------------------------------------------
	Thorntons Chocolates
	-------------------------------------------------------------
	Description:	Global CSS include
	Filename:		  style.css
	Date:			    24/06/2008 09:31
	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	GLOBAL BODY STYLES
	-------------------------------------------------------------	*/

* {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 67.5% !important;
	color: #535353;
	background: #FEFAF7;
}

hr {
	display: none;
}

.clear {
	clear: both;
}

a {
	color: #AE8A7C;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

/*	-------------------------------------------------------------
	CONTAINER
	-------------------------------------------------------------	*/

.container {
	width: 748px;
	border: 1px solid #EDECEA;
	border-top: none;
	background: #FFF;
	margin: 0 auto;
	text-align: left;
	padding: 0 4px 10px 4px;
}

/*	-------------------------------------------------------------
	HEADER
	-------------------------------------------------------------	*/

.header {
	background: #EFE4D0 url(../images/header.jpg) no-repeat;
}

	.header ul {
		list-style: none;
		float: right;
		margin: 56px 20px 7px 0;
	}
	
		.header ul li {
			float: left;
			font-size: 0.9em;
		}
		
			.header ul li a {
				/*color: #FFF;*/
				color: #270000;
				/*border-right: 1px solid #FFF;*/
				border-right: 1px solid #270000;
				padding: 0 10px;
				display: block;
				font-weight: bold;
			}
			
			.header ul li.last a {
				border-right: none;
			}

/*	-------------------------------------------------------------
	BREADCRUMB
	-------------------------------------------------------------	*/

.breadcrumb {
	background: #AB7CAA;
	padding: 7px 10px;
	border-top: 2px solid #FFF;
	color: #FFF;
}

	.breadcrumb a {
		color: #FFF;
	}

/*	-------------------------------------------------------------
	MAIN COLUMN
	-------------------------------------------------------------	*/

.main_col {
	float: right;
	width: 560px;
}

.main_col_bg {
	background: #FCFBF7;
	padding: 10px 0 10px 15px;
	margin-right: 13px;
}

	.main_col .panel_featured {
		/*background: #AC7CAA url(../images/panel_bg_featured.gif) repeat-x top left;*/
        background: #CCFF99;
		padding: 14px 10px;
		width: 150px;
		height: auto !important;
		height: 286px;
		min-height: 286px;
		border: 1px solid #E6E5E3;
		float: left;
		margin: 14px 0 0 0;
	}
	
		.main_col .panel_featured h2 {
			/*color: #FFF;*/
			color: #5D3712;
			font-size: 1.9em;
			font-family: Times, "Times New Roman";
			font-weight: normal;
			margin-bottom: 10px;
		}
		
		.main_col .panel_featured a {
			/*color: #FFF;*/
			color: #5D3712;
			font-weight: bold;
		}
		
		.main_col .panel_featured p.listing {
			margin-bottom: 10px;
			font-size: 1.1em;
			color: #3D0A1B;
		}
		
		.main_col .panel_featured .more {
			font-family: Times, "Times New Roman";
			font-size: 1.1em;
		}
		
			.main_col .panel_featured .more a {
				/*background: url(../images/arrow_wp.gif) no-repeat 100% 50%;*/
				padding: 0 10px 2px 0;
			}
	
	.main_col .panel_alerts {
		background: #490400 url(../images/panel_bg_joba.jpg) no-repeat bottom left;
		padding: 14px 10px;
		width: 150px;
		height: auto !important;
		height: 286px;
		min-height: 286px;
		border: 1px solid #E6E5E3;
		float: left;
		margin: 14px 0 0 8px;
	}
	
		.main_col .panel_alerts h2 {
			color: #D7B327;
			font-size: 1.9em;
			font-family: Times, "Times New Roman";
			font-weight: normal;
		}
		
		.main_col .panel_alerts p.sub {
			color: #B4847A;
			font-size: 1.1em;
			font-weight: bold;
			margin-bottom: 8px;
		}
		
		.main_col .panel_alerts p {
			color: #FFF;
			font-size: 1.1em;
			margin-bottom: 8px;
			line-height: 1.6em;
		}
		
		.main_col .panel_alerts .more a {
			font-family: Times, "Times New Roman";
			font-size: 1.1em;
			color: #F58C9D;
			font-weight: bold;
			background: url(../images/arrow_pr.gif) no-repeat 100% 50%;
			padding: 0 10px 2px 0;
		}
	
	.main_col .panel_graduate {
		background: #F18F9E url(../images/panel_bg_graduate.jpg) no-repeat bottom left;
		padding: 14px 10px;
		width: 150px;
		height: auto !important;
		height: 286px;
		min-height: 286px;
		border: 1px solid #E6E5E3;
		float: left;
		margin: 14px 0 0 8px;
	}
		
		.main_col .panel_graduate h2 {
			color: #FFF;
			font-size: 1.9em;
			font-family: Times, "Times New Roman";
			font-weight: normal;
		}
		
		.main_col .panel_graduate p {
			color: #4C0407;
			font-size: 1.1em;
			margin-bottom: 8px;
			line-height: 1.6em;
		}
		
		.main_col .panel_graduate .more a {
			font-family: Times, "Times New Roman";
			font-size: 1.1em;
			color: #FFF;
			font-weight: bold;
			background: url(../images/arrow_wp.gif) no-repeat 100% 50%;
			padding: 0 10px 2px 0;
		}
	
	.main_col .panel_testimonials {
		background: #AC7CAA url(../images/panel_bg_featured.gif) repeat-x top left;
		padding: 4px;
		border: 1px solid #FFF;
		width: 522px;
		margin: 10px 0 0 0;
	}
	
		.main_col .panel_testimonials img {
			float: left;
			margin-right: 4px;
		}
		
		.main_col .panel_testimonials .text {
			width: 242px;
			color: #FFF;
			float: right;
			font-size: 1.1em;
		}
		
			.main_col .panel_testimonials .text strong {
				color: #460606;
			}
	
	.main_col .panel_talent {
		background: #5BB91E url(../images/panel_bg_talent.gif) repeat-x top left;
		padding: 10px 10px;
		width: 150px;
		border: 1px solid #E6E5E3;
		float: left;
		margin: 10px 0 0 0;
	}
	
		.main_col .panel_talent h3 {
			color: #1E510E;
			font-size: 1.9em;
			font-family: Times, "Times New Roman";
			font-weight: normal;
			margin-bottom: 4px;
		}
		
		.main_col .panel_talent p {
			margin-bottom: 10px;
			color: #1E510E;
			line-height: 1.4em;
		}
		
		.main_col .panel_talent img {
			margin: 0 0 6px 4px;
		}
		
		.main_col .panel_talent .more {
			margin: 0;
		}
		
		.main_col .panel_talent .more a {
			font-family: Times, "Times New Roman";
			font-size: 1em;
			color: #FFF;
			font-weight: bold;
			background: url(../images/arrow_wg.gif) 100% 50% no-repeat;
			padding: 0 10px 2px 0;
			margin: 0;
		}
	
	.main_col .panel_company {
		float: right;
		width: 509px;
		border: 1px solid #E6E4E5;
		padding: 10px;
		margin: 10px 0 0 0;
		line-height: 1.6em;
	}
	
		.main_col .panel_company img {
			float: left;
			margin: 0 8px 0 0;
		}
		
		.main_col .panel_company h3 {
			color: #DDB033;
			font-size: 2em;
			font-family: Times, "Times New Roman";
			font-weight: normal;
			margin-bottom: 12px;
		}
		
		.main_col .panel_company p {
			margin-bottom: 10px;
		}
		
		.main_col .panel_company .more a {
			font-family: Times, "Times New Roman";
			font-size: 1em;
			color: #3D0100;
			font-weight: bold;
			background: url(../images/arrow_rw.gif) 100% 50% no-repeat;
			padding: 0 10px 2px 0;
		}

/*	-------------------------------------------------------------
	JOB DETAIL
	-------------------------------------------------------------	*/

	.main_col .job_content {
		background: #FFF;
		border: 1px solid #E6E5E3;
		width: 330px;
		float: left;
		padding: 10px;
		margin-top: 6px;
	}
	
		.main_col .job_content h2 {
			color: #AB8E7E;
			font-size: 2.6em;
			font-family: Times, "Times New Roman";
			font-weight: normal;
			margin-bottom: 2px;
		}
		
		.main_col .job_content p.salary {
			margin-bottom: 8px;
			font-size: 1.1em;
		}
		
			.main_col .job_content p.salary strong {
				color: #735028;
			}
		
		.main_col .job_content p.summary {
			margin-bottom: 2px;
			font-size: 1.1em;
		}
		
			.main_col .job_content p.summary strong {
				color: #735028;
			}
		
		.main_col .job_content .daysleft {
			float: right;
			margin: 10px 0 6px 0;
			text-align: right;
			font-family: Times, "Times New Roman";
			font-size: 1.1em;
			font-weight: bold;
			width: 100px;
		}
		
			.main_col .job_content .daysleft span {
				color: #410500;
				background: url(../images/dtg_box.gif) no-repeat;
				display: block;
				width: 31px;
				height: 20px;
				float: right;
				padding: 11px 2px 0 0;
				text-align: center;
			}
			
			.main_col .job_content .daysleft p {
				color: #AE91AF;
				clear: right;
			}
		
		.main_col .job_content .apply {
			float: left;
			margin: 18px 0 6px 0;
			font-family: Times, "Times New Roman";
			font-size: 1.1em;
			font-weight: bold;
			width: 180px;
		}
		
			.main_col .job_content .apply p a {
				color: #AE91AF;
				background: url(../images/arrow_pw.gif) 100% 50% no-repeat;
				padding: 0 10px 2px 0;
			}
		
		.main_col .job_content .desc p {
			font-size: 1.1em;
			margin-top: 10px;
		}

	.main_col .panel_what_next {
		background: #AC7CAA url(../images/panel_bg_featured.gif) repeat-x top left;
		padding: 10px;
		width: 150px;
		float: right;
		margin-right: 2px;
		margin-top: 6px;
	}
	
		.main_col .panel_what_next h3 {
			color: #FFF;
			font-size: 1.9em;
			font-family: Times, "Times New Roman";
			font-weight: normal;
			margin-bottom: 10px;
		}
		
		.main_col .panel_what_next p {
			margin-bottom: 10px;
			font-size: 1.1em;
			color: #FFF;
			font-weight: bold;
			padding-left: 18px;
			background: url(../images/bigarrow_pp.gif) no-repeat 0 2px;
		}
		
		.main_col .panel_what_next a {
			color: #340108;
			font-weight: bold;
		}

/*	-------------------------------------------------------------
	SEARCH
	-------------------------------------------------------------	*/

	.main_col .search_content {
		background: #FFF;
		border: 1px solid #E6E5E3;
		margin-top: 6px;
		padding: 0 0 28px 0;
	}
	
		.main_col .search_content .paging {
			float: right;
			margin: 14px 14px 0 0;
			font-size: 1.1em;
			font-weight: bold;
		}
		
			.main_col .search_content .paging a {
				font-weight: bold;
			}
		
		.main_col .search_content .searched {
			margin: 14px 0 10px 14px;
			font-size: 1.1em;
		}
		
			.main_col .search_content .searched strong {
				color: #6B4D29;
			}
			
			.main_col .search_content .searched p
			{
			    margin: 0.5em 0;
			}
		
	.main_col .search_content .form {
		padding-bottom: 14px;
		border-bottom: 1px solid #E6E5E3;
	}
		
		.main_col .search_content .form p {
			padding: 4px 0 4px 14px;
		}
		
		.main_col .search_content .form select {
			padding: 2px;
			color: #777;
			border: 1px solid #AAA;
			font-size: 1em;
			font-family: Arial, sans-serif;
			width: 136px;
		}
		
		.main_col .search_content .search_listing {
			padding: 14px;
			background: #F6F0F0;
			border-bottom: 1px solid #E6E5E3;
		}
		
		.main_col .search_content .sl_odd {
			background: #FFF;
		}
		
			.main_col .search_content .search_listing h3 {
				font-size: 1.5em;
				color: #5D3712;
				margin-bottom: 4px;
			}
			
			.main_col .search_content .search_listing p {
				font-size: 1.1em;
				margin-bottom: 4px;
			}
			
				.main_col .search_content .search_listing p strong {
					color: #B9A0BE;
				}
			
			.main_col .search_content .search_listing img {
				margin-top: 10px;
			}

/*	-------------------------------------------------------------
	EMPLOYEES
	-------------------------------------------------------------	*/

h2.pg_title {
	color: #AA84A9;
	font-size: 2em;
	font-family: Times, "Times New Roman";
	font-weight: normal;
	margin-bottom: 10px;
}

	.employee_listing {
		padding: 10px;
		background: #F5EFEF;
		border: 1px solid #EAE6E5;
		margin-bottom: 14px;
	}
	
		.employee_listing img {
			float: left;
			margin-right: 14px;
		}
		
		.employee_listing .info {
			font-size: 1.1em;
			font-family: Times, "Times New Roman";
			font-weight: normal;
			float: left;
			width: 310px;
		}
		
			.employee_listing .info strong {
				color: #AA84A9;
			}
		
		.employee_listing .butt {
			float: right;
			margin: 28px 0 0 0;
		}
	
.employee_detail {
	background: #FFF;
	border: 1px solid #E6E5E3;
	width: 330px;
	float: left;
	padding: 10px;
	margin-top: 6px;
}

		.employee_detail .info {
			font-size: 1.1em;
			font-family: Times, "Times New Roman";
			font-weight: normal;
			margin: 10px 0 18px 0;
		}
		
			.employee_detail .info strong {
				color: #AA84A9;
			}
		
		.employee_detail .question {
			font-size: 1.1em;
			font-family: Times, "Times New Roman";
			font-weight: bold;
			margin: 0 0 2px 0;
			color: #AA84A9;
		}
		
		.employee_detail .answer {
			font-size: 1.1em;
			margin: 0 0 14px 0;
		}
		
	.main_col .panel_other_emp {
		padding: 10px;
		width: 150px;
		float: right;
		margin-right: 2px;
	}
	
		.main_col .panel_other_emp h3 {
			color: #764D2D;
			font-size: 1.3em;
			font-family: Times, "Times New Roman";
			font-weight: bold;
			margin-bottom: 20px;
		}
		
		.main_col .panel_other_emp p {
			margin-bottom: 2px;
			font-size: 1.1em;
		}
		
		.main_col .panel_other_emp a {
			font-weight: bold;
		}
		
		.main_col .panel_other_emp img.butt {
			margin-top: 70px;
		}
	
/*	-------------------------------------------------------------
	LEFT COLUMN
	-------------------------------------------------------------	*/

.left_col {
	float: left;
	width: 172px;
	margin-top: 10px;
	padding-left: 8px;
}

	.left_col h3 {
		color: #BE8C2D;
		font-size: 1.6em;
		font-weight: normal;
		font-family: Times, "Times New Roman";
		width: 136px;
		margin-bottom: 4px;
	}
	
	.left_col .form {
		width: 136px;
	}
	
		.left_col .form p {
			padding: 4px 0;
			border-top: 1px solid #A68F95;
		}
		
		.left_col .form select {
			padding: 2px;
			color: #777;
			border: 1px solid #AAA;
			font-size: 1em;
			font-family: Arial, sans-serif;
			width: 136px;
		}
		
		.left_col .form input {
			padding: 2px;
			color: #777;
			border: 1px solid #AAA;
			font-size: 1em;
			font-family: Arial, sans-serif;
			width: 130px;
			background: #F4F4F4;
		}
		
	.left_col ul {
		list-style: none;
		width: 136px;
		border-top: 1px solid #E8E2D6;
		margin-top: 12px;
	}
	
		.left_col ul li {
			border-bottom: 1px solid #E8E2D6;
		}
		
		.left_col ul li a {
			display: block;
			padding: 4px 8px;
			font-weight: bold;
			color: #AE8A7C;
		}
		
		.left_col ul li.dark a {
			color: #58391A;
		}
		
		.left_col ul li.pink a {
			color: #DE6682;
		}
		
		.left_col ul li a:hover {
			text-decoration: underline;
		}
    
    .left_col img
    {
        width: 135px;
        margin: 25px 0;
    }

/*	-------------------------------------------------------------
	FOOTER
	-------------------------------------------------------------	*/

.footer {
	clear: both;
	border: 1px solid #EDECEA;
	border-top: none;
	width: 756px;
	margin: 0 auto;
}

	.footer p {
		border: 2px solid #FFF;
		/*background: #DCD6D6;*/
		/*background: #AB7CAA;*/
		background: #EFE4D0;
		padding: 10px;
		/*color: #FFF;*/
		color: #663333;
		font-size: 0.9em;
	}
	
		.footer p a {
			/*color: #FFF;*/
			color: #663333;
			font-weight: bold;
		}

.footer_text {
	clear: both;
	width: 756px;
	margin: 0 auto;
	padding: 10px 0;
	line-height: 1.6em;
	font-size: 0.9em;
	color: #B0A4A8;
}

.footer_text2 {
	clear: both;
	width: 756px;
	margin: 0 auto;
	padding: 10px 0;
	line-height: 1.6em;
	font-size: 0.9em;
	color: #D1CFDC;
}

	.footer_text2 a {
		color: #D1CFDC;
		text-decoration: underline;
	}
	
	.footer_text2 a:hover {
		color: #88000A;
	}
	
/*	-------------------------------------------------------------
	Mapping
	-------------------------------------------------------------	*/
	
.client-side-map
{
    width: 400px;
    height: 400px;
}

/*	-------------------------------------------------------------
	Job Search
	-------------------------------------------------------------	*/
	
.full-search-upper,
.full-search-lower
{
    float: left;
    margin: 10px 20px 0px;    
}

.full-search-upper select,
.full-search-lower select
{
    width: 200px;
}

.full-search-upper h3,
.full-search-lower h3
{
		color: #BE8C2D;
		font-size: 1.6em;
		font-weight: normal;
		font-family: Times, "Times New Roman";
		width: 136px;
		margin-bottom: 4px;
}

.full-search-lower select
{
    height: 8.75em;
}

.searchbutton,
.keywords
{
    width:427px;
    margin: 17px;
    padding-left: 8px;
}

    .keywords input
    {
        width:100%;
    }

.searchbutton
{
    text-align: right;
    margin-top: 0px;
}

    .searchbutton input
    {
        width: 7em;
    }
    
/*	-------------------------------------------------------------
	Error handling
	-------------------------------------------------------------	*/
	
.hiddenspan
{
    color: #FCFBF7;
}

/*	-------------------------------------------------------------
	Send to a friend
	-------------------------------------------------------------	*/
	
.full-search-upper input,
.full-search-lower input
{
    width: 196px;
}

.keywords textarea
{
    width: 100%;
    height: 50px;
}

/*	-------------------------------------------------------------
	Application form
	-------------------------------------------------------------	*/
	
.button
{
    width: 7em;
    color: #FFFFFF;
    border: 1px solid #AAAAAA;
    background: #AB7CAA;
}

.button:hover
{
    background: #DCD6D6;
    color: #838383;
}

.navigationBox
{
    background: #FFFFFF;
    border: 1px solid #E6E5E3;
    margin: 1em 0 0.4em;
    padding: 1em;
    width: 93%;
    height: 2em;
    position: relative;
    text-align: center;
}

.previousButton,
.nextButton,
.previewButton,
.submitButton
{
    position: absolute;
    top: 0.8em;
}

.previousButton
{
    left: 1em;
}

.nextButton,
.submitButton
{
    right: 1em;
}

.previewButton
{
    right: 8.45em;
}

/*	-------------------------------------------------------------
	Page content
	-------------------------------------------------------------	*/

.main_col .page_content {
	background: #FFF;
	border: 1px solid #E6E5E3;
	float: left;
	padding: 10px;
	margin-top: 6px;
	width: 96%;
}

    .main_col .page_content h3 {
        color:#BE8C2D;
        font-family:Times,"Times New Roman";
        font-size:1.6em;
        font-weight:normal;
    }
    
    .main_col .page_content h4 {
        font-size:1.2em;
    }
    
    .main_col .page_content {
        font-size:1.1em;
    }

    .main_col .page_content p {
        margin-top:10px;
        font-size:1.1em;
    }
	
div.error
{
    color: Red;
}

    div.error li
    {
        list-style-type: none;
    }

input.ConvertButton
{
    background: #FFF;
    border-width: 0px;
	color: #AE8A7C;
	text-decoration: none;
    font-size: 100%;
    position: relative;
    left: -4px;
    top: -1px;
    text-align: left;
    font-weight: bold;
	border-bottom: solid 1px #FFF;
	cursor: pointer;
}

input.ConvertButton:hover
{
	color: #000;
	text-decoration: underline;
	border-bottom: solid 1px #AE8A7C;
}