* {margin:0; padding:0;}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 78%;
	background:#000 url('../images/bkgd.jpg') no-repeat top left;
}

img{border:none;} 

p, .list,
form label, td		{ color:#FFF; line-height:1.7em; font-size:.9em;}
p					{ margin-bottom:1.2em; }

p.no-margin-bottom	{ margin-bottom:.3em}
.boxed				{ /*border:1px solid #cc0114;*/ padding:10px; background-color:#404040}
div.boxed			{ margin-bottom:1.2em}
.boxed p.txt-small	{ margin-bottom:0;}

.txt-small			{ font-size:10px; }
.txt-medium			{ font-size:1.2em}
.txt-large			{ font-size:1.4em;}
.txt-xlarge			{ font-size:1.9em;}
 
.list				{ margin:0 0 1em 1.5em; }
.list li 			{ padding:.4em 0; line-height:1.4em;}

ul.promotions				{ margin-left:.1em; border-bottom:1px solid #cc0114; width:60% }
ul.promotions li			{ clear:both; list-style:none; padding:5px; border:1px solid #cc0114; border-bottom:none; }
ul.promotions li.light		{ background-color:#404040;}
ul.promotions li span		{ display:block; width:135px; float:left; font-weight:bold;}

ul.demographics				{ margin-left:.1em}
ul.demographics li			{ padding-left:45px; list-style:none; }
ul.demographics li.large	{ font-weight:bold; font-size:1.2em}
ul.demographics span		{ margin-left:-45px; position:absolute; font-weight:bold}

ul.contact			{ margin-left:.1em}
ul.contact li		{ padding-left:65px; list-style:none;}
ul.contact span		{ margin-left:-65px; position:absolute; font-weight:bold}


a					{ color:#ff0018;}
a:hover				{ color:#FFF; background-color:#cc0114; text-decoration:none}
a:visited			{ }
a.link				{ padding:3px 5px; background-color:#FFF; color:#000; border:1px solid #363636; text-decoration:none;}
a.link:hover		{ background-color:#E5E5E5;}

a.hide				{ position:absolute; left:-999em; }

a.map				{ display:block; background-color:#cc0114; padding:5px; position:relative; text-decoration:none; color:#FFF; font-size:.8em;  }
a.map img			{ float:left; margin-right:15px; }
a.map span			{ position:absolute; top:45px; text-transform:uppercase; }
a.map:hover			{ background-color:#404040; }

object					{ margin:80px 0 35px 178px}
object img				{ margin:80px 0 45px 245px;}

h1						{ display:block; height:1px; width:1px; }
h1 span					{ text-indent:-999em; display:block; width:332px; height:76px; position:absolute; top:80px; left:245px; cursor:pointer; }
h2						{ color:#FFF; font-size:1.8em; margin-bottom:30px; font-weight:normal}
h2.small				{ font-size:12px}
h3						{ font-size:1.4em; color:#FFF; margin:40px 0 15px; font-weight:normal}
h4						{ font-size:1.1em; margin:10px 0 5px; color:#CCC; font-weight:normal}


/* ---------------------------- */
/* LAYOUT */
/* ---------------------------- */
#container				{ text-align:left; position:relative; width:990px; }
#content				{ background:url('../images/arrow.gif') no-repeat 225px 12px; }
#col-1					{ float:left; width:200px; margin-right:45px;}
#col-2					{ border:1px solid #cc0114; float:left; width:365px; margin-right:25px; padding:10px 15px; position:relative}
#col-3					{ float:left; width:320px;}

/* ---------------------------- */
/* NAVIGATION */
/* ---------------------------- */
ul#nav					{ margin-left:40px;}
ul#nav li 				{ list-style:none; margin-bottom:5px; padding-left:20px; }
ul#nav li.active		{ background:url('../images/arrow.gif') no-repeat left center;}
ul#nav li a				{ text-decoration:none; color:#FFF; background-color:#cc0114; display:block; padding:10px 0; text-align:center; font-size:.9em}
ul#nav li a:hover,
ul#nav li.active a		{ background-color:#FFF; color:#000}

/* Sub-nav */
/* ---------------------------- */
ul#sub-nav				{ margin:-20px 0 20px; }
ul#sub-nav li			{ float:left; list-style:none; margin-right:1px; }
ul#sub-nav li.last		{ margin-right:0;}
ul#sub-nav li a			{ color:#FFF; display:block; font-size:.8em; text-decoration:none; background-color:#cc0114; padding:5px 6px;}
ul#sub-nav li a:hover,
ul#sub-nav li.active a	{ background-color:#FFF; color:#000}

/* Footer-nav */
/* ---------------------------- */
#footer-nav						{ text-align:left; font-size:.8em; margin:20px 0 0 245px; padding-bottom:35px; color:#cc0114 }
#footer-nav ul li				{ list-style:none; float:left; padding-right:10px; border-left:1px solid #cc0114; padding-left:10px;}
#footer-nav ul li.first			{ padding-left:0; border-left:none;}
#footer-nav ul li a				{ text-decoration:none; color:#cc0114}
#footer-nav ul li a:hover		{ color:#FFF}

/* ---------------------------- */
/* RIGHT COL */
/* ---------------------------- */
p.caption				{ text-align:right; font-size:.8em;}


/* ---------------------------- */
/* SCREENS */
/* ---------------------------- */
table					{ border:1px solid #cc0114}
table#prices			{ margin-top:20px;}
table col				{ width:90px;}
table thead td			{ font-weight:bold; background-color:#cc0114; color:#FFF}
table tr.light td		{ background-color:#404040}
table td				{ padding:3px 11px;}


/* ---------------------------- */
/* ADVERTS & NEWS */
/* ---------------------------- */
ul.adverts						{ margin:0}
ul.adverts li					{ list-style:none; clear:both; padding:0; margin-bottom:5px;    }
ul.adverts li a					{ text-decoration:none; display:block; background-color:#404040; padding:5px; background-position:5px center; background-repeat:no-repeat; padding-left:155px; display:block; height:95px;}
ul.adverts li.birmingham a		{ background-image:url('../images/adverts/birmingham-fly-around.jpg')}
ul.adverts li.harvey-nicholls a	{ background-image:url('../images/adverts/harvey-nicholls.gif')}
ul.adverts li.centro a			{ background-image:url('../images/adverts/centro.gif')}
ul.adverts li a:hover			{ background-color:#cc0114}
ul.adverts li span				{ color:#FFF; display:block; }
ul.adverts li span.title		{ font-size:1.3em; margin-bottom:4px }
ul.adverts li span.summary		{ font-size:.9em; margin-bottom:10px; font-style:italic}
ul.adverts li span.link			{ }

body.advert-popUp				{ background-image:none; text-align:center; padding:10px }
body.advert-popUp #container	{ border:1px solid #cc0114; padding:25px 0; text-align:center; margin-bottom:10px; width:100% }
body.advert-popUp table			{ border:none; margin:0 auto}
body.advert-popUp object,
body.advert-popUp embed			{ margin:0;}


/* -- News -- */
/* ---------------------------- */
ul.adverts li.news-10Oct08 a	{ background-image:url('../images/news/thumbs/10-oct-08.jpg')}

h3.news							{ margin-top:15px; }
img.news-pic					{ border:1px solid #cc0114}
p.news-caption					{ padding:5px 10px; background-color:#cc0114; color:#FFF; font-size:.8em; font-style:italic; border:1px solid #cc0114}
p.top-right						{ position:absolute; top:20px; right:15px;}

/* ---------------------------- */
/* CONTACT */
/* ---------------------------- */
form				{ margin:20px 0 15px 0; background-color:#cc0114; padding:10px 15px; color:#FFF; }
form p				{ color:#000}
form .clearerForm	{ clear:both; padding:6px 0px; vertical-align:top;}
form fieldset		{ margin-bottom:10px; border:none; }
form fieldset.question		{ border-bottom:1px dashed #FFF; padding-bottom:10px; }

form label			{ width:120px; float:left; font-weight:bold; color:#FFF; line-height:1.15em}

form select, form input, form textarea{
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	padding:2px;
	border:1px solid #555;
	font-size:1em;
	width:165px;
}
form textarea#enquiry			{ width:200px; height:90px}

div.radio-buttons input				{ width:inherit; border:none;}
div.radio-buttons span.radio-wrap	{ margin-right:20px;}

form #submit{
	font-size:1.3em;
	font-weight:bold;
	margin-left:119px;
	margin-top:12px;
	border:none;
}

#btn-submit{border:none; width:70px; height:34px;}


/* ---------------------------- */
/* POP-UP */
/* ---------------------------- */
body.popUp-map				{ text-align:center; background-image:none}
body.popUp-map h3			{ margin-top:15px;}
body.popUp-map img			{ border:1px solid #cc0114}


/* --------------------- */
.clearfix:after {
    content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */ 
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden; /* further ensures the period is not visible */
}
/*.clearfix {display: inline-block;} /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */