/* ----- TAGS ----- */
body {
	margin:0;
	padding:0;
	font: 9pt Verdana, Arial, sans-serif;
	background-color: #fefbf2;
	color: #3e2b00;
}

img {
	border: none;
}

h1 {
	font: small-caps bold 12pt Georgia, Times, serif;
	margin: 3px 0;
}
h2 {
	font: small-caps bold 10pt Georgia, Times, serif;
}
h3 {
	font: 10pt Verdana, Arial, sans-serif;
}
h4 {
	font-weight: bold;
	font-size: 10pt;
}

hr {
	border: none;
	border-top: 1px solid #d4cfb9;
}

a:link, a:active, a:visited {
	color: #432600;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
}

/* ----- IDs ----- */ 
#debug_panel {
	background-color: #f1e13c;
	padding: 20px;
	margin: 0 auto;
	width: 730px;
}

#debug_fieldset {
	background-color: #f1e13c;
	padding: 20px;
	margin: 0 auto;
	width: 690px;
}
#header_box {
	clear: both;
	height: 142px;
}
#header {
	background-color: #0A0001;
	height: 116px;
}
#header img, #logo img {
	position: absolute;
	left: 50%;
	margin-left: -350px;
}

@media print {
	#logo {
		display: none;
	}
	#logo_back {
		display: none;
	}
}
#logo_back {
	background-color: #b68212;
	height: 27px;
}

@media print {
	#menubar {
		display: none;
	}
}
#menubar {
	background-color: black;
	border-bottom: 1px solid #f2c862;
	height: 31px;
	clear: both;
	font: bold 9pt Arial, Helvetica, sans-serif;
	color: #f7eecd;
}

/*  TIMELIME Specific styles from http://www.twinings.com/style/history.css */

#timeline_holder
{
	width:760px;
	margin-left: -12pt;
	padding-left:18px;
	padding-top:17px;
	height:381px;
	background:url(../images/holder.gif) top left no-repeat;;
	voice-family: "\"}\""; 
  	voice-family:inherit;
 	width:742px;
	height:364px;
}

html>body #timeline_holder {
  width:742px;
   height:364px;
} 

/* ----- CLASSES ----- */
.content {
	width: 730px;
	background-color: #FDF6DD;
	/*background: url('../images/background_fade.gif') repeat-x;*/
	border: 2px solid #dbd7cb; /*#F7E59C; this is the more orange style colour*/
	border-bottom: none;
	clear: both;
	margin: 0 auto;
	padding: 20px;
}

/* Styling for the jobs panel */

.jobs, .cvhelp {
	background-color: #963;
	width: 230px;
	color: #eeeac7;
	padding: 10px;
	float: right;
	border: 1px solid #dbd7cb;
	margin-bottom: 2px;
}
.jobs a:link, .jobs a:visited, .job a:active, .cvhelp a:link, .cvhelp a:visited, .cvhelp a:active {
	color: #eeeac7;
}
.jobs a:hover {
	text-decoration: none;
}
.jobs p, .cvhelp p {
	margin: 6px auto;
}

/* Styling for the cv help panel */

.cvhelp {
	background-color: #b68212;
	color: #ffffff;
	clear: right;
	height: 350px;
	overflow: auto;
}

/* the movie shares this */
.menu, .movie {
	margin: 0 auto;
}
.movie {
	margin-left: 100px;
}

/* Styling for the page footer
   < 7 IE Hack */
* html .footer {
	margin-top: -8px;
}

.footer {
	width: 732px;
	clear: both;
	margin: 0 auto;
	padding: 5px 20px;
	border-top: none;
	border-right: 1px solid #dbd7cb;
	border-bottom: 1px solid #dbd7cb;
	border-left: 1px solid #dbd7cb;
	background-color: #f3ebd6;
}
.footer img {
	margin: 10px;
}
.footer span {
	float: right;
	margin-top: -60px;
}

@media screen {
	.text {
		width: 470px;
	}
	.text p {
		padding: 0 5px;
	}
}
@media print {
	.text {
		width: 60%;
	}
}

div.divider {
	background: url('../images/footer_repeat.jpg') repeat-x;
	width: 774px;
	height: 6px;
	margin: 0 auto;
	clear: both;
}

/* Shared movie styles */
.h_movie img, .v_movie img {
	float: left;
	margin: 2px;
}
@media print
{
	.h_movie_content {
		display: none;
	}
	.v_movie {
		display: none;
	}
}
.h_movie_content, .v_movie {
	clear: both;
	background-color: #F3EBD6;
}
.h_movie, .v_movie {
	/*background: url('../images/movie_background.jpg') no-repeat;*/
	background-color: #FEFAF1;
	border: 1px solid #dbd7cb;
	padding: 2px;
	margin: 2px 0;
}
.h_movie p, .v_movie p {
	font: 8pt Verdana, Arial, sans-serif;
	margin: 3px auto;
}

/* Styling for the horizontal (h_) movie panel 
   < 7 IE Hack */
* html .h_movie_content {
	margin-top: -8px;
}

.h_movie_content {
	width: 732px;
	min-height: 100px;
	margin: 0 auto;
	padding: 5px 20px;
	border-top: none;
	border-bottom: none;
	border-right: 1px solid #dbd7cb;
	border-left: 1px solid #dbd7cb;
}
.h_movie {
	width: 350px;
	height: 90px;
}

/* Styling for the vertical (v_) movie panel */
.v_movie {
	width: 230px;
	float: right;
	margin: 10px auto;
}
.v_movie p {
	clear: both;
}
img.line {
	margin: 3px;
}

/* Styling for the brands page icons and hovers */
.brands {
	height: 130px;
}
.brandicon {
	width: 89px;
	height: 130px;
	text-align: center;
	float: left;
	border: 1px solid #FDF6DD;
	z-index: 15;
}

.brandtext {
	border: 1px solid #d5cdb4;
	padding: 5px;
	background-color: #f4eed5;
	margin-top: 2px;
	z-index: 5;
}

/* nasty hack for < ie7 */
* html .brandtext {
	margin-top: -1px;
}

/* Styling for the strategy flags */
.flags {
	/*width: 730px;*/
	margin: 0 auto;
	margin-left: 60px;
	text-align: center;
}
.flags p {
	margin: 5px;
	float: left;
}

/* Stlying for form elements */
.req {
	color: red;
}
.form div {
	margin-top: 10px;
}

/* Styling for addresses on the site */
.address {
	width: 230px;
	margin: 5px;
}
.address li {
	list-style: none;
	margin-left: -30px;
}

/* for go to to link */
.toplink {
	float: right;
	font-weight: normal;
}

/* -- header menu items -- */
.m_home, .m_aboutus, .m_workinghere, .m_ourbrands, .m_jobs, .m_contactus {
	margin: 0 25px;
	white-space: nowrap;
}
.m_home {
	width: 31px;
}
.m_aboutus {
	width: 54px;
}
.m_workinghere {
	width: 80px;
}
.m_ourbrands {
	width: 69px;
}
.m_jobs {
	width: 29px;
}
.m_contactus {
	width: 71px;
}


/*  TIMELIME Specific styles from http://www.twinings.com/style/history.css

------------------------------------------------------------------*/

html>body #timeline_holder {
  width:742px;
   height:364px;
}

/* Job Alert Form */

.job-alert-form{float:left;width:400px;}
.job-alert-form form{font-size:1.1em;}
.job-alert-form form fieldset{border:0;}
.job-alert-form form fieldset legend{text-transform:uppercase;color:#3E2B00;font-weight:700;font-family:Georgia;font-size:0.8em;}
.job-alert-form .form-line{width:353px;float:left;clear:left;margin:5px 0;}
.job-alert-form .form-line input,.job-alert-form .form-line select{float:left;border:1px solid #3E2B00;padding:2px;}
.job-alert-form .form-line input.checkbox{width:14px;border:0;}
.job-alert-form .error input{border:1px solid #EF7777;}
.job-alert-form .form-line label{float:left;width:180px;text-align:left;padding:2px 6px 2px 0;}
.job-alert-form .form-line input{width:160px;}
.job-alert-form .form-line select{width:166px;}
.job-alert-form .form-line input.button-submit{width:160px;float:right;color:#FFF;background-color:#3E2B00;border:1px solid #3E2B00;}
.job-alert-form .form-line input.button-submit:focus{background-color:#963;}
.job-alert-form .form-line input:focus{background-color:#FFFFE8;}
.job-alert-form .form-line label em,.job-alert-form p.error-message{color:red;}