/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, button {
	margin: 0; padding: 0;
	border: none; outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
body {
	font: 0.75em "Trebuchet MS", Arial, Helvetica, Tahoma, Verdana, sans-serif;
	color: #333;
	text-align: center;
}

h1 {
	position: absolute;
	top: -10px; left: 0;
	margin-top: 50px;
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	z-index: 50;
}

h1 img { margin: -42px 0 -26px 19px; }

h2 {
	color: #DF0A15;
	font-size: 2.4em;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 0.3em;
	font-weight: bold;
	letter-spacing: 0.06em;
}

a { color: #09F; }
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

/* Overall container */
#container {
	text-align: left;
	width: 760px;
	margin: 10px auto 0 auto;
	position: relative;
}

/* Header area */
#header {
	height: 97px;
	position: relative;
}

/* sign up / login */
#header div {
	position: absolute;
	top: 0; right: 0;
	font-size: 0.9em;
	color: #999;
}
#header div img { vertical-align: -0.4em; margin-left: 0.4em; }

/* Site menu */
#menu {
	float: right;
	margin-top: 40px;
	padding: 7px 0 7px 40px;
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
}

#menu li {
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	border-left: 1px solid #DEDEDE;
	padding: 0 8px 0 7px;
}

#menu li img { display: block; }
#menu li:first-child { border-left: none; padding-left: 0; }

/* Submenu */
#subMenu {
	position: absolute;
	right: 0; top: 74px;
}

#subMenu li {
	float: left;
	border-left: 1px solid #DBDBDB;
	padding: 0 13px;
}

#subMenu li:first-child { border-left: none; padding-left: 0; }
#subMenu li img { display: block; }

/* Footer */
#footer {
	color: #999;
	clear: both;
	font-size: 0.9em;
	border-top: dotted 1px #CCC;
	padding: 0.5em 0 2em 0;
	margin-top: 10px;
}

#footer span {
	float: right;
	display: block;
}

#footer span a {
	color: #999;
	text-decoration: underline;
}

/* Right sidebar */
#sidebarRight {
	width: 179px;
	float: right;
}

#sidebarRight .feature {
	border: 1px solid #DDD;
	padding: 4px;
	margin-bottom: 11px;
}

#sidebarRight .feature h3 {
	color: #666;
	text-transform: uppercase;
	padding-left: 4px;
	margin-bottom: 4px;
}
#sidebarRight .feature img { display: block; }

#sidebarRight .feature-seasonal {
	border: 1px solid #DDD;
	color: #FFF;
	padding: 4px;
	margin-bottom: 11px;
}
#sidebarRight .feature-seasonal div { background: #64A63A; text-align: center; }
#sidebarRight .feature-seasonal div h3 { font-size: 1.6em; padding: 25px 0 0 0; letter-spacing: 0.18em; margin: 0; text-transform: uppercase; }
#sidebarRight .feature-seasonal div ul li { line-height: 1.1em; margin: 0 7px; padding: 10px 0; border-bottom: 1px dotted #FFF; }
#sidebarRight .feature-seasonal div ul li.last { border: none; }
#sidebarRight .feature-seasonal div ul li a { color: #FFF; display: block; padding: 10px 0 5px 0; text-transform:uppercase; font-weight:bold; }
#sidebarRight .feature-seasonal div ul li strong { font-size: 1.1em; }

/* Content */
#content { margin-right: 190px; }
#content.noright { margin-right: 0; }
#subMenu { right: 190px; }



#sidebarRight { padding-top: 3.8em; }



#sidebarRight .login {

	border: 1px solid #DDD;

	padding: 8px;

	margin-bottom: 11px;

}



#sidebarRight .login p.error {

	color: #E10915;

	font-weight: bold;

	margin-bottom: 0.5em;

}



#sidebarRight .login h3 {

	color: #999;

	text-transform: uppercase;

	margin-bottom: 0.4em;

}



#sidebarRight .login ol li { margin-bottom: 0.5em; }



#sidebarRight .login input {

	border: 1px solid #BFBFBF;

	background: #F2F2F2;

	color: #797979;

	width: 100%;

	font: 0.9em/1.2 "Trebuchet MS", Arial, Helvetica, Tahoma, Verdana, sans-serif;

}



#sidebarRight .login .help { float: left; }

#sidebarRight .login .submit { text-align: right; }

#sidebarRight .login a { color: #797979; text-decoration: underline; }



#sidebarRight .problemsLoggingIn h3 {

	background: #09F;

	color: #FFF;

	font-size: 1.2em;

	padding: 2em;

	text-align: center;

	margin-bottom: 0;

}



#sidebarRight .problemsLoggingIn h3 a { color: #FFF; }



#sidebarRight .contactUs {

	background: #FC0;

	color: #333;

	font-size: 0.9em;

	padding: 10px 10px 10px 13px;

	margin-bottom: 11px;

}



#sidebarRight .contactUs h3 {

	color: #ED1B2D;

	font-size: 1.2em;

	text-transform: uppercase;

	margin-bottom: 0.3em;

}



#sidebarRight .contactUs address { font-style: normal; }



#content { padding-left: 19px; margin-top: 2em; }



.intro {

	border: 1px solid #DBDBDB;

	padding: 5px;

	margin: 0 0 11px -19px;

}



.intro div {

	background: #E10915;

	color: #FFF;

	padding: 16px;

}



#content .intro h3 {

	font-size: 1.8em;

	color: #FFF;

	text-transform: uppercase;

	margin-bottom: 0.4em;

}



.intro a { color: #FFF; text-decoration: underline; }



.introBlock {

	display: block;

	position: relative;

	left: -19px;

	margin: 0 0 11px 0;

}



#content p,

.newColumnMain p { margin-bottom: 1em; }

#content h3 {

	color: #DF0A15;

	text-transform: uppercase;

	font-size: 1.2em;

	margin-bottom: 0.4em;

}



#content .logo { float: right; }



/* FAQs */

#sidebarRight .contactUs {

	background: #FC0;

	color: #333;

	font-size: 0.9em;

	padding: 10px 10px 10px 13px;

	margin-bottom: 11px;

}



#sidebarRight .contactUs h3 {

	color: #ED1B2D;

	font-size: 1.2em;

	text-transform: uppercase;

	margin-bottom: 0.3em;

}



#sidebarRight .contactUs address { font-style: normal; }

#sidebarRight .contactUs a { color: #ED1B2D; text-decoration: underline; }



#content.faqs ul {

	list-style-position: outside;

	list-style-image: url(../images/bullet-reddiamond.png);

	margin: 0 2em 3em;

}



#content.faqs ul li { margin-bottom: 0.6em; }



#content.faqs dl { margin-left: -19px; }

#content.faqs dl dt {

	color: #ED1B2D;

	font-size: 1.3em;

	font-weight: normal;

	margin: 0 0 0.4em 0;

	padding-left: 28px;

	background: url(../images/friends/faqs/bg-qanda.png) no-repeat 0 4px;

}



#content.faqs dl dd {

	margin: 0 0 4em 0;

	padding-left: 28px;

	background: url(../images/friends/faqs/bg-qanda.png) no-repeat 0 -296px;

}

#content.faqs dl dd p { margin-bottom: 0.8em; }



/* Register, Coach Drivers */

#content.register form, #content.coachDrivers form {

	background: #F3F3F3;

	padding: 12px 19px;

	margin-left: -19px;

}



#content.register form ol li, #content.coachDrivers form ol li { margin-bottom: 0.25em; }

#content.register form input[type=text], #content.register form select,

	#content.coachDrivers form input[type=text], #content.coachDrivers form textarea {

	font: 1.2em/1.2 "Trebuchet MS", Arial, Helvetica, Tahoma, Verdana, sans-serif;

	color: #333;

}



#content.register form label, #content.coachDrivers form label {

	display: inline-block;

	width: 12em;

	cursor: pointer;

	vertical-align: top;

}

#content.register form label.inline { width: auto; }



#content.register form label em, #content.register form h4 em,

	#content.coachDrivers form label em {

	color: #E11823;

	font-weight: bold;

	font-size: 1.2em;

}



#formEmail, #formAddress2, #formAddress3, #formCounty { width: 25em; }

#formFirstName, #formLastName { width: 20em; }

#formTelephone, #formMobile { width: 15em; }

#formPostcode1, #formPostcode2 { width: 4em; }



#content.register .steps { margin: 1em 0 1.5em; text-align: center; }



.errors {

	background: #E10915;

	color: #FFF;

	padding: 12px 19px;

	font-size: 1.3em;

	font-weight: bold;

	margin: 0 0 1em -19px;

}



.errors ul {

	font-size: 0.8em;

	font-weight: normal;

	margin-bottom: 0.6em;

}



/* Coach drivers */

#content.coachDrivers small { font-size: 0.9em; color: #777; }



#formCompany, #formContactName, #formContactEmail, #formBusiness { width: 24em; }

#formAddress { width: 18em; height: 8em; }

#formDrivers, #formCoaches { width: 6em; }



/* Profile page */

#content.register form .note {

	float: right;

	width: 181px;

	margin: 0.35em -211px 0 0;

	color: #666;

}



#content.register form ul li { display: inline; }

#content.register form ul { margin-bottom: 1.5em; }



/* Coach drivers */

#content.coachDrivers .disclaimer { color: #777; font-size: 0.9em; margin-top: 1.5em; }



/* Lost password */

#content.lostPassword form {

	background: #F3F3F3;

	margin-left: -19px;

	padding: 19px;

}



/* Police */

#content.police .intro {

	background: #FFF url(../images/friends/police/main-img.jpg) no-repeat left top !important;

	width: 562px;

	height: 395px;

	margin-bottom: 1.5em;

	border: none;

}



#content.police .intro div {

	color: #000;

	padding: 17px 20px 10px 17px;

	background: transparent;

}



#content.police .intro h3 { margin-bottom: 140px; }

#content.police .intro div p.first { font-size: 1.1em; width: 90%; }

#content.police .intro div p.second { font-size: 0.8em; line-height: 1.1em; }

#content.police .intro a { color: #FFF; text-decoration: underline; }



#content.police #content { padding-top: 1px; }



#content.police h2 { margin-top: 10px; margin-bottom: 17px; /*padding-left: 20px;*/ }

#content.police h4 {

	font-size: 1.2em;

	font-weight: bold;

	color: #ED1B2D;

	margin-bottom: 0.5em;

}



#whatsonmenu {

	margin: -23px 0 20px 0;

	padding: 94px 0 0 6px;

	width: 180px;

	float: right;

	/*background: url(../images/friends/police/whatsonmenu-top.gif) no-repeat top left;*/

}



#whatsonmenu div {

	height: 370px;

	padding-top: 19px;

	padding: 0 10px 20px 0;

	margin: 1px 0 0 -6px;

}



#whatsonmenu h3 img { display: block; }



#whatsonmenu a {

	color: #ED1B2D;

	text-decoration: underline;

}



#whatsonmenu h3 {

	margin: 0;

	padding: 0;

}



/* Kids */

#intro.kids {

	border: 1px solid #DBDBDB;

	padding: 5px;

	margin: 0 0 1.4em -1.8em;

	height: 267px;

	width: 750px;

}



#intro.kids div {

	background: #000 url(../images/kids/bg-halloween.png) no-repeat top left;

	color: #FFF;

	padding: 0;

	height: 267px;

}

#intro.kids h2 { margin: 0; padding: 0; }

#intro.kids p {

	font-size: 1em;

	margin: -10px 0 5px 13px;

	padding: 0;

	width: 450px;

	line-height: 1.2em;

}

#intro.kids ul { margin: 15px 0 0 0; padding: 0; }

#intro.kids ul li { float: left; margin: 0; padding: 0; }



#subFeatures { margin-left: -1.8em; }

#subFeatures.kids ul { position: relative; width: 763px; overflow: hidden; margin-bottom: 15px;}

#subFeatures.kids ul li {

	float: left;

	padding: 5px;

	border: 1px solid #DBDBDB;

}

#subFeatures.kids ul li.menu { padding-bottom: 0em; position: absolute; top: 0; right: 0; }

#subFeatures.kids ul li.masks {

	width: 490px;

	height: 80px;

	position: relative;

	margin-right: 15px;

}



#subFeatures.kids ul li.masks h3 {

	font-size: 1.6em;

	margin: 2px 0 0 6px;

}

#subFeatures.kids ul li.masks h4 {

	font-size: 1.2em;

	margin: 0 0 5px 7px;

	text-transform: uppercase;

}

#subFeatures.kids ul li.masks p {

	font-size: 0.9em;

	margin-left: 6px;

	width: 330px;

	color: #666;

	line-height: 1.2em;

}

#subFeatures.kids ul li.masks p a {

	color: #333;

	text-decoration: underline;

}



#subFeatures.kids ul li.masks img.bg {

	position: absolute;

	top: -4px;

	right: 0;

}



#subFeatures.kids ul li.masks a.download {

	position: absolute;

	bottom: -0.4em;

	right: 0;

}



#tandc.kids {

	border: 1px solid #DBDBDB;

	clear: both;

	float: left;

	padding: 5px;

	margin: 3px 0 1.4em -1.8em;

	width: 750px;

}



#tandc.kids h2,

#tandc.kids h3 { color: #FFF; }



#tandc.kids p {

	font-size: 1.2em;

	margin: 10px 10px 0 12px;

	}



#tandc.kids div {

	background: #D35000;

	color: #FFF;

	padding: 0 0 15px 0;

	overflow: hidden;

	clear: both;

	display: block;

}



#tandc.kids div div {

	background: #333 url(../images/kids/bg-crayola.png) no-repeat top right;

	float: right;

	padding: 0 0 15px 0;

	margin: 20px;

	width: 350px;

}



#tandc.kids div h2 { font-size: 1.8em; padding: 15px 0 10px 11px; }



#tandc.kids div h3 { font-size: 1.4em; margin: 10px 0 0 10px; }



#tandc.kids div ul { clear: both; }

#tandc.kids div ul li { float: left; background: #FFF; color: #333; margin-left: 15px; width: 350px; height: 30em; }

#tandc.kids div ul li ul li { display: block; background: none; width: 90%; height: auto; margin: 0 0 10px 0; padding: 0 0 0 15px; }

#tandc.kids div ul li h3 { margin: 15px 0 10px 15px; color: #333; }



#tandc.kids div div p {

	font-size: 1em;

	font-weight: normal;

}



/* Seasonal offers */

.seasonalOfferOut { margin-bottom: 21px; }



.seasonalOfferOut div {

	background: #C00 url(../images/offers/200911/bg-friends-notloggedin.png) no-repeat 0 0;

	position: relative;

	min-height: 270px;

	padding: 0;

}



.seasonalOfferOut .tag1 { position: absolute; left: 13px; top: -8px; }

.seasonalOfferOut .tag2 { position: absolute; right: -7px; top: 48px; }



/* Vintage */

.newColumnMain {

	width:460px;

	float:left;

}

.newColumnSide {

	float:right;

}

.vintageBanner {

	background:url(../images/promo/vintage/vintage_background.jpg) bottom left no-repeat;

	clear:both;

	padding:10px 0 300px 0;

	zoom:1;

}

	.vintageBanner #content {

		margin-right:230px;

	}

	.vintageBanner #sidebarRight {

		width:190px;

		margin-top:-140px;

	}



#subForm {

	font-size:1.1em;

}

	#subForm label {

		clear:left;

		float:left;

		line-height:1.8em;

		width:130px;

	}

	#subForm input {

		float:left;

		line-height:1.8em;

		margin:0 0 10px 0;

		padding:5px;

		width:240px;

		border:1px solid #999;

		border-radius:5px;

		-moz-border-radius:5px;

		-webkit-border-radius:5px;

		box-shadow:inset 0 0 10px #ccc;

		-moz-box-shadow:inset 0 0 10px #ccc;

	}

		input.validation-failed {

			border-color:#DF0A15 !important;

		}

	#subForm span {

		color:#DF0A15;

		float:left;

		line-height:1.8em;

		margin-left:10px;

	}

	#subForm #submit {

		background:url(../images/promo/vintage/button_submit.png) top left no-repeat;

		border:none;

		height:38px;

		margin:10px 0 20px 140px;

		text-indent:-9999em;

		width:187px;

		border-radius:0;

		-moz-border-radius:0;

		-webkit-border-radius:0;

		box-shadow:none;

		-moz-box-shadow:none;

	}

	#subForm p {

		padding-bottom:15px;

	}

	#subForm strong {

		font-size:1.4em;

		

	}

	#subForm #upToDate {

		clear:both;

		font-size:0.8em;

		margin:10px 0 0 140px;

	}

		#subForm #upToDate p {

		}

		#subForm #upToDate input,

		#subForm #upToDate label {

			border:none;

			display:inline;

			float:none;

			line-height:1px;

			margin:0px;

			padding:4px;

			width:auto;

		}