/* 
	@ Title: McDonald's UK makeupyourownmind basic style sheet
	@ Client: McDonald's UK
	@ Author: Ben Ellis
	@ Date: 26/03/2007
	@ Version: 1.00
*/

/* ------------------------------------------------------------
	Default elements
---------------------------------------------------------------- */
html { height: 101%; }

body {
	margin: 0 0 10px 0;
	padding: 0;
	background-color: #FFFFFF;
	color: #333333;
	font-size: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	text-align: center;
	}

a {
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
	outline: none;
	}

a:visited {color: #000;}

a:active {
	color: #FF0000;
	text-decoration: none;
	}

a:hover, a:focus {
	color: #000000;
	text-decoration: none !important;
	}

acronym {
	border-bottom: 1px #999999 dashed;
	cursor: help;
	}

h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a {
	font-weight: bold;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-decoration: none;
	}

h1 {
	font-size: 160%; 
	color: #000000;
	margin: 0 0 5px 0;
	}

h2 {
	font-size: 130%;
	color: #333333;
	margin: 0 0 5px 0;
	}

h3 {
	font-size: 155%;
	color: #000000;
	margin: 0 0 5px 0;
	}
	
/* ------------------------------------------------------------
	date span used on the news listings
---------------------------------------------------------------- */
h3 span.date {
	font-size: 70%;
	font-weight: normal;
	color: #c11727;
	padding-left:8px
	}
	
h3.logo {
	padding: 2px 0 0 28px;
	background: url(../images/smallMcDo_logo.jpg) top left no-repeat;
	}

h4 {
	font-size: 110%;
	color: #666666;
	margin: 0 0 5px 0;
	}
	
/* ------------------------------------------------------------
	Differnt heading, and colors
---------------------------------------------------------------- */

.heading1 {
	font-size: 220%;
	margin: 0 0 15px 0;
	line-height: 30px;
	color: #000000;
	}

.heading2 {
	font-size: 155%;
	margin: 0 0 5px 0;
	font-weight: normal;
	}

.heading3, .heading3 a {
	font-size: 125%;
	color: #730070;
	margin: 0 0 5px 0;
	font-weight: normal;
	}
	
.heading3 a {font-size: 120%;text-decoration: underline; }
	
.black {color: #000}

.dGrey {color: #333333}
	
.green {color: #4e9702}
	
.purple {color: #5c0673}

.red {color: #c11727}

.orange {color:#f65a05}

.tan {color: #8c5640}

p {
	margin: 0 0 10px 0;
	line-height: 1.4em;
	}

ol, ul, li {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	list-style-type: none;
	}

ol, ol li {
	list-style: decimal;
	list-style-type: decimal;
	margin-left: 9px;
	padding-left: 5px;
	line-height: 16px;
	}

div {
	margin: 0;
	padding: 0;
	}
	
div.clear {
	clear: left;
	display: block;
	height:0;
	}
	
div.padding10 {
	padding: 10px 0 10px 0;
	}

div.padding20 {
	padding: 20px 0 20px 0;
	}

img {
	border: none;
	}

/* ------------------------------------------------------------
	Form elements
---------------------------------------------------------------- */

form, input, textarea, select, button, fieldset {
	
	margin: 0;
}

form {
	clear: both;
}

form, fieldset {
	padding: 0;
}

form p {
	margin-top: 10px;
}

input, textarea, select {
	border-top: 1px #999999 solid;
	border-right: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	border-left: 1px #999999 solid;
	background-color: #FFFFFF;
	color: #333333;
	padding: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%
}

input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus {
	border-top: 1px #666666 solid;
	border-right: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	border-left: 1px #666666 solid;
	background-color: #F3F3F3;
	color: #000000;
}

button, input.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #333333;
	background: #EEEEEE;
	border: 1px #CCCCCC solid;
	margin: 0 0 0 2px;
	padding: 0 3px 0 3px;
	line-height: 13px;
	cursor: pointer;
	width: auto !important;
}

input.button:focus, input.button:hover {
	background: #999999
	}

button:hover, button:focus {
	color: #000000;	
	background-color: #CCCCCC;
}

fieldset {
	border: none;
}

legend {
	display: none;
}

label {
	font-weight: bold;
	font-size: 90%;
}

label span {
	color:#000000;
	font-weight: normal;
	line-height: 12px;
}

label, strong {
	color: #333333;
}

.checkbox {
	border: none;
	}

/*--- form error styles---*/	
.formErrors {
	border: 1px  solid #cc0000;
	margin-bottom: 15px;
	color: #000;
	}

.formErrors p { padding-left:12px;}
	
.formErrors h1 {
	
	margin: 0;
	padding: 3px 4px 0 12px;
	color: #cc0000;
	font-size: 110%
	}
	
.formErrors ul {
	margin-left: 12px;
	}
	
.formErrors ul li {
	background: url(../images/errorIndicator.gif) 0 6px no-repeat;
	padding: 0 0 0 17px;	
	}
	
input.error, textarea.error, select.error {
	border: 1px #990000 solid;
	background-color:#ffffcc;
	}
	
.jsclass body .randomcontent{ /*Do NOT remove! CSS to hide random interview content for the homepage*/
        display: none;
        }
		
#skipNav, .hide {display: none;}

.show {display: block;}

blockquote {
  margin:10px 0 10px 0;
  line-height: 1.4em;
}
blockquote div {
  padding: 0px;
}


table.newsArchive th { color:#FFFFFF; background-color: #c11727; padding: 2px 5px 2px 5px;border-right: 10px solid #FFF; font-size: 120%; font-weight: normal; line-height: 95%;}

table.newsArchive th.last { border-right: none !important; }

table.newsArchive td { border-bottom: 1px solid #e5e5e5; padding: 5px}

table.newsArchive td a { color: #c11727; }