body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 78%;
	text-align:center;
	background:#000 url('../images/bkgd-purple.jpg') no-repeat center top;
}
body.whats-here		{ background:#000 url('../images/bkgd-wood.jpg') no-repeat center top;}

* 					{ margin:0; padding:0;}
img					{ border:none;} 

p, .list, icons,
form label, td		{ color:#666; line-height:1.3em; font-size:.9em;}
p					{ margin-bottom:1em;  }
p.no-margin-bottom	{ margin-bottom:.3em}

.txt-small			{ font-size:.8em; }
.txt-medium			{ font-size:1.2em}
.txt-large			{ font-size:1.4em;}
.txt-xlarge			{ font-size:1.9em;}

.txt-blue			{ color:#008fd4}
.txt-white			{ color:#FFF}
 
.list				{ margin:0 0 1em 1.5em; }
.list li 			{ }

a					{ color:#4c054e;}
a:hover				{ color:#FFF; background-color:#4c054e; text-decoration:none}
a:visited			{ }
a.argent-logo:hover	{ background-color:transparent}

a.hide				{ position:absolute; left:-999em; }

h1					{ width:242px; height:71px; background:url('../images/logo.jpg') no-repeat left bottom; display:block; text-indent:-999em; position:relative; margin-left:10px}
h1 span				{ text-indent:-999em; display:block; width:242px; height:71px; position:absolute; top:0; left:0; cursor:pointer;  }
h2					{ margin-bottom:15px; color:#660667}
h2.logo								{ display:block; width:100%; height:20px; background-position:0 0; background-repeat:no-repeat; text-indent:-999em; margin-bottom:8px; }
div.wildfire-col h2					{ background-image:url('../images/logos/wildfire.gif'); height:60px;}
div.bebo-col h2						{ background-image:url('../images/logos/bebo.gif'); height:60px;}
div.nandos-col h2					{ background-image:url('../images/logos/nandos.gif');}
div.baguette-col h2					{ background-image:url('../images/logos/baguette.gif'); height:40px;}
div.mcdonalds-col h2				{ background-image:url('../images/logos/mcdonalds.gif'); height:50px;}
div.jd-wetherspoons-col h2			{ background-image:url('../images/logos/jd-wetherspoons.gif'); height:60px;}
div.alliance-leicester-col h2		{ background-image:url('../images/logos/alliance-leicester.gif')}
div.bureau-de-change-col h2			{ background-image:url('../images/logos/eurochange.gif')}
div.florists-col h2					{ background-image:url('../images/logos/interflora.gif')}
div.newsflow-newsagent-col h2		{ background-image:url('../images/logos/newsflow.gif')}
div.greggs-col h2					{ background-image:url('../images/logos/greggs.gif'); height:30px;}
div.entices-col h2					{ background-image:url('../images/logos/entices.gif'); height:54px;}
div.spar-col h2						{ background-image:url('../images/logos/spar.gif'); height:25px}
h3					{ margin:20px 0 3px 0; color:#660667; font-size:1.1em}


/* ---------------------------- */
/* LAYOUT */
/* ---------------------------- */
#container				{ text-align:left; position:relative; width:995px; margin:0 auto; }
#header					{ background:url('../images/bkgd-header.jpg') no-repeat 0 0; height:123px; position:relative }
#bottom					{ clear:both; background:url('../images/bkgd-content-purple.jpg') no-repeat 0 0; height:470px;}
body.flash #bottom		{ background-image:none}
body.whats-here #bottom	{ background:url('../images/bkgd-content-wood.jpg') no-repeat 0 0;}
#content				{ padding:55px 10px 0 0;}
#col-1,
#col-2,
#col-3					{ float:left; }
#col-1					{ width:165px;}
#col-2					{ width:524px; height:385px; margin:0 15px 0 10px;  padding:15px 18px; background:url('../images/bkgd-col2-purple-wide.gif') no-repeat 0 0; position:relative}
body.whats-here #col-2	{ background:url('../images/bkgd-col2-wood.gif') no-repeat 0 0; width:354px; margin:0 15px;}
#col-3					{ width:400px; height:411px; position:relative;}

/* ---------------------------- */
/* CONTENT */
/* ---------------------------- */
img.home								{ margin-left:10px;}
p.home									{ position:absolute; left:-999em; }
div#flash								{ position:absolute; top:168px}

p.key				{ position:absolute; right:40px; top:135px}
p.key span			{ display:block; width:15px; height:15px; float:left; background-color:#F4A62B; margin-right:10px;}
img.units			{ position:absolute; bottom:30px; right:20px}
ul.argent li		{ list-style:none; margin-right:15px; margin-bottom:10px; font-size:.9em; color:#666}
ul.argent li img	{ margin-bottom:3px}

p.download			{ display:block; clear:both; }
p.download a		{ padding:5px 10px; background-color:#4c054e; color:#FFF; text-decoration:none}
p.download a:hover	{ background-color:#FF671D}

img.location-map	{ position:absolute; left:70px; bottom:20px}

#scroll-box								{ height:232px; overflow:scroll; overflow:auto; margin-bottom:15px; padding-right:15px; }
div.baguette-col #scroll-box,
div.mcdonalds-col #scroll-box			{ height:202px; }
div.wildfire-col #scroll-box			{ height:192px}
div.bebo-col #scroll-box,
div.jd-wetherspoons-col #scroll-box		{ height:182px; }

div #icons 							{ /*background:url('../images/dot-purple.gif') repeat-y 165px 0; */ }
div.mediastream-col #icons,
div.newsflow-newsagent-col #icons,
div.florists-col #icons,
div.bureau-de-change-col #icons,
div.alliance-leicester-col #icons{ background-image:none; margin-top:20px}


#icons ul						{ float:left; /*width:160px;*/ color:#666 }
#icons ul.col-1					{ border-right:purple; margin-right:20px; }
#icons ul li					{ list-style:none; font-size:.8em; padding:5px 0 9px 28px; margin-bottom:0; background-position:0 0; background-repeat:no-repeat;}
#icons ul li.menu				{ background-image:url('../images/icons/menu.gif')}
#icons ul li.opening			{ background-image:url('../images/icons/opening.gif'); padding:1px 0 2px 28px;}
#icons ul li.opening span.open-day	{ width:60px; float:left; display:block;}
#icons ul li.tel				{ background-image:url('../images/icons/tel.gif')}
#icons ul li.web				{ background-image:url('../images/icons/web.gif')}
#icons ul li a					{}

#col-3 ul						{ position:absolute; right:-5px; bottom:5px; }
#col-3 ul li					{ list-style:none; float:left; margin-right:6px;}
#col-3 ul li a					{ display:block; display:block; width:64px; height:64px; overflow:hidden; position:relative}
#col-3 ul li a img				{ position:absolute; top:0;}
#col-3 ul li a:hover img,
#col-3 ul li.active a img		{ top:-64px}

/* ------- CONTACT --------- */
ul.logos						{}
ul.logos li						{ float:left; list-style:none; margin-right:60px;}

/* ------- MAPS --------- */
ul#maps							{}
ul#maps li						{ list-style:none; margin-bottom:5px; }
ul#maps li a					{ padding:30px 0 0 110px; background-position:0 0; background-repeat:no-repeat; display:block; height:51px; background-color:transparent; width:250px  }
ul#maps li.location-map a		{ background-image:url('../images/thb-locationMap.jpg') }
ul#maps li.units-map a			{ background-image:url('../images/thb-unitMap.jpg') }
ul#maps li.brochure a			{ background-image:url('../images/thb-brochure.jpg') }
ul#maps li a:hover				{ text-decoration:none; color:#4c054e; background-position:0 -81px }


/* ---------------------------- */
/* NAVIGATION */
/* ---------------------------- */
/* Primary Nav */
/* ---------------------------- */
#nav 					{ position:absolute; top:58px; left:325px}
#nav li 				{ float:left; list-style:none; margin-right:11px; border-right:1px solid #ee4e00; padding-right:11px; font-size:1em }
#nav li.last			{ border:none; margin-right:0; padding-right:0;}
#nav li a				{ color:#FFF; text-decoration:none; text-transform:uppercase} 
#nav li a:hover,
#nav li.active a		{ color:#ef4e00; background-color:transparent;  } 

/* Sub Nav */
/* ---------------------------- */
#sub-nav					{}
#sub-nav li					{ list-style:none; margin-bottom:1px; padding-left:10px;  }
#sub-nav li a				{ text-decoration:none; background-color:#000; color:#FFF; text-transform:uppercase; font-size:.8em; display:block; padding:4px 5px;}
#sub-nav li a:hover			{ background-color:#ef4e00; color:#FFF}

#sub-nav li.active			{ background:url('../images/navigation/circle-purple.gif') no-repeat 3px center;}	
#sub-nav li.active a		{ color:#ef4e00}
#sub-nav li.active a:hover	{ background-color:#000; cursor:default}

/* --------------------- */
.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 */