/*
---- Area Colours
*/

#sub-navigation ul li a {
	text-indent:-99999px;
	overflow:hidden;
	background:#9a999b url(../images/replacements/areas.gif) no-repeat top left;
}
h3.area span,
h4.area span,
h4.area a span {
	padding:0;
	height:32px;
	width:135px;
	text-indent:-99999px;
	overflow:hidden;
	background:#9a999b url(../images/replacements/areas.gif) no-repeat top left;
}

			
/* St Peter's Street */

#sub-navigation ul li a.area-st-peters-street,
h3.area-st-peters-street,
h4.area-st-peters-street,
h4.area a.area-st-peters-street,
ul.areas li a.area-st-peters-street { background-color:#d1001c; }

#sub-navigation ul li a.area-st-peters-street:hover,
h4.area a.area-st-peters-street:hover,
ul.areas li a.area-st-peters-street:hover {
	background-color:#6b6d6f;
}

ul.listings li.area-st-peters-street h3,
ul.listings li.area-st-peters-street h3 a,
ul.listings li.area-st-peters-street p,
ul.listings li.area-st-peters-street a,
#offers li.area-st-peters-street h3 a,
div.area-st-peters-street h3,
#offers li.area-st-peters-street p.read-more a,
body.area-st-peters-street #listing h3 {
	color:#d1001c;
}

ul.listings li.area-st-peters-street h3 a:hover,
#offers li.area-st-peters-street h3 a:hover,
#offers li.area-st-peters-street p.read-more a:hover {
	color:#6b6d6f;
}

#sub-navigation ul li a.area-st-peters-street { background-position:0 0; }
#sub-navigation ul li a.area-st-peters-street:hover { background-position:0 -32px; }

h3.area-st-peters-street span,
h4.area-st-peters-street span,
h4.area a.area-st-peters-street span { background-position:0 0; }
h4.area a.area-st-peters-street:hover span { background-position:0 -32px; }

body.area-st-peters-street #header h1 a { background-position:0 -80px; }

			
/* Market Place Area */

#sub-navigation ul li a.area-market-place-area,
h3.area-market-place-area,
h4.area-market-place-area,
h4.area a.area-market-place-area,
ul.areas li a.area-market-place-area { background-color:#699419; }

#sub-navigation ul li a.area-market-place-area:hover,
h4.area a.area-market-place-area:hover,
ul.areas li a.area-market-place-area:hover {
	background-color:#6b6d6f;
}

ul.listings li.area-market-place-area h3,
ul.listings li.area-market-place-area h3 a,
ul.listings li.area-market-place-area p,
ul.listings li.area-market-place-area a,
#offers li.area-market-place-area h3 a,
div.area-market-place-area h3,
#offers li.area-market-place-area p.read-more a,
body.area-market-place-area #listing h3 {
	color:#699419;
}

ul.listings li.area-market-place-area h3 a:hover,
#offers li.area-market-place-area h3 a:hover,
#offers li.area-market-place-area p.read-more a:hover {
	color:#6b6d6f;
}

#sub-navigation ul li a.area-market-place-area { background-position:-135px 0; }
#sub-navigation ul li a.area-market-place-area:hover { background-position:-135px -32px; }

h3.area-market-place-area span,
h4.area-market-place-area span,
h4.area a.area-market-place-area span { background-position:-135px 0; }
h4.area a.area-market-place-area:hover span { background-position:-135px -32px; }

body.area-market-place-area #header h1 a { background-position:0 -160px; }

			
/* Cathedral Area */

#sub-navigation ul li a.area-cathedral-area,
h3.area-cathedral-area,
h4.area-cathedral-area,
h4.area a.area-cathedral-area,
ul.areas li a.area-cathedral-area { background-color:#4a0039; }

#sub-navigation ul li a.area-cathedral-area:hover,
h4.area a.area-cathedral-area:hover,
ul.areas li a.area-cathedral-area:hover {
	background-color:#6b6d6f;
}

ul.listings li.area-cathedral-area h3,
ul.listings li.area-cathedral-area h3 a,
ul.listings li.area-cathedral-area p,
ul.listings li.area-cathedral-area a,
#offers li.area-cathedral-area h3 a,
div.area-cathedral-area h3,
#offers li.area-cathedral-area p.read-more a,
body.area-cathedral-area #listing h3 {
	color:#4a0039;
}

ul.listings li.area-cathedral-area h3 a:hover,
#offers li.area-cathedral-area h3 a:hover,
#offers li.area-cathedral-area p.read-more a:hover {
	color:#6b6d6f;
}

#sub-navigation ul li a.area-cathedral-area { background-position:-270px 0; }
#sub-navigation ul li a.area-cathedral-area:hover { background-position:-270px -32px; }

h3.area-cathedral-area span,
h4.area-cathedral-area span,
h4.area a.area-cathedral-area span { background-position:-270px 0; }
h4.area a.area-cathedral-area:hover span { background-position:-270px -32px; }

body.area-cathedral-area #header h1 a { background-position:0 -240px; }

			
/* The Maltings */

#sub-navigation ul li a.area-the-maltings,
h3.area-the-maltings,
h4.area-the-maltings,
h4.area a.area-the-maltings,
ul.areas li a.area-the-maltings { background-color:#149cb6; }

#sub-navigation ul li a.area-the-maltings:hover,
h4.area a.area-the-maltings:hover,
ul.areas li a.area-the-maltings:hover {
	background-color:#6b6d6f;
}

ul.listings li.area-the-maltings h3,
ul.listings li.area-the-maltings h3 a,
ul.listings li.area-the-maltings p,
ul.listings li.area-the-maltings a,
#offers li.area-the-maltings h3 a,
div.area-the-maltings h3,
#offers li.area-the-maltings p.read-more a,
body.area-the-maltings #listing h3 {
	color:#149cb6;
}

ul.listings li.area-the-maltings h3 a:hover,
#offers li.area-the-maltings h3 a:hover,
#offers li.area-the-maltings p.read-more a:hover {
	color:#6b6d6f;
}

#sub-navigation ul li a.area-the-maltings { background-position:-405px 0; }
#sub-navigation ul li a.area-the-maltings:hover { background-position:-405px -32px; }

h3.area-the-maltings span,
h4.area-the-maltings span,
h4.area a.area-the-maltings span { background-position:-405px 0; }
h4.area a.area-the-maltings:hover span { background-position:-405px -32px; }

body.area-the-maltings #header h1 a { background-position:0 -320px; }

			
/* Christopher Place */

#sub-navigation ul li a.area-christopher-place,
h3.area-christopher-place,
h4.area-christopher-place,
h4.area a.area-christopher-place,
ul.areas li a.area-christopher-place { background-color:#1d0c42; }

#sub-navigation ul li a.area-christopher-place:hover,
h4.area a.area-christopher-place:hover,
ul.areas li a.area-christopher-place:hover {
	background-color:#6b6d6f;
}

ul.listings li.area-christopher-place h3,
ul.listings li.area-christopher-place h3 a,
ul.listings li.area-christopher-place p,
ul.listings li.area-christopher-place a,
#offers li.area-christopher-place h3 a,
div.area-christopher-place h3,
#offers li.area-christopher-place p.read-more a,
body.area-christopher-place #listing h3 {
	color:#1d0c42;
}

ul.listings li.area-christopher-place h3 a:hover,
#offers li.area-christopher-place h3 a:hover,
#offers li.area-christopher-place p.read-more a:hover {
	color:#6b6d6f;
}

#sub-navigation ul li a.area-christopher-place { background-position:-540px 0; }
#sub-navigation ul li a.area-christopher-place:hover { background-position:-540px -32px; }

h3.area-christopher-place span,
h4.area-christopher-place span,
h4.area a.area-christopher-place span { background-position:-540px 0; }
h4.area a.area-christopher-place:hover span { background-position:-540px -32px; }

body.area-christopher-place #header h1 a { background-position:0 -400px; }

			
/* Other Streets */

#sub-navigation ul li a.area-other-streets,
h3.area-other-streets,
h4.area-other-streets,
h4.area a.area-other-streets,
ul.areas li a.area-other-streets { background-color:#cb0048; }

#sub-navigation ul li a.area-other-streets:hover,
h4.area a.area-other-streets:hover,
ul.areas li a.area-other-streets:hover {
	background-color:#6b6d6f;
}

ul.listings li.area-other-streets h3,
ul.listings li.area-other-streets h3 a,
ul.listings li.area-other-streets p,
ul.listings li.area-other-streets a,
#offers li.area-other-streets h3 a,
div.area-other-streets h3,
#offers li.area-other-streets p.read-more a,
body.area-other-streets #listing h3 {
	color:#cb0048;
}

ul.listings li.area-other-streets h3 a:hover,
#offers li.area-other-streets h3 a:hover,
#offers li.area-other-streets p.read-more a:hover {
	color:#6b6d6f;
}

#sub-navigation ul li a.area-other-streets { background-position:-675px 0; }
#sub-navigation ul li a.area-other-streets:hover { background-position:-675px -32px; }

h3.area-other-streets span,
h4.area-other-streets span,
h4.area a.area-other-streets span { background-position:-675px 0; }
h4.area a.area-other-streets:hover span { background-position:-675px -32px; }

body.area-other-streets #header h1 a { background-position:0 -480px; }

			
/* Markets */

#sub-navigation ul li a.area-markets,
h3.area-markets,
h4.area-markets,
h4.area a.area-markets,
ul.areas li a.area-markets { background-color:#0a7b5a; }

#sub-navigation ul li a.area-markets:hover,
h4.area a.area-markets:hover,
ul.areas li a.area-markets:hover {
	background-color:#6b6d6f;
}

ul.listings li.area-markets h3,
ul.listings li.area-markets h3 a,
ul.listings li.area-markets p,
ul.listings li.area-markets a,
#offers li.area-markets h3 a,
div.area-markets h3,
#offers li.area-markets p.read-more a,
body.area-markets #listing h3 {
	color:#0a7b5a;
}

ul.listings li.area-markets h3 a:hover,
#offers li.area-markets h3 a:hover,
#offers li.area-markets p.read-more a:hover {
	color:#6b6d6f;
}

#sub-navigation ul li a.area-markets { background-position:-810px 0; }
#sub-navigation ul li a.area-markets:hover { background-position:-810px -32px; }

h3.area-markets span,
h4.area-markets span,
h4.area a.area-markets span { background-position:-810px 0; }
h4.area a.area-markets:hover span { background-position:-810px -32px; }

body.area-markets #header h1 a { background-position:0 -560px; }

			
/* Nearby Shopping */

#sub-navigation ul li a.area-nearby-shopping,
h3.area-nearby-shopping,
h4.area-nearby-shopping,
h4.area a.area-nearby-shopping,
ul.areas li a.area-nearby-shopping { background-color:#eb7b19; }

#sub-navigation ul li a.area-nearby-shopping:hover,
h4.area a.area-nearby-shopping:hover,
ul.areas li a.area-nearby-shopping:hover {
	background-color:#6b6d6f;
}

ul.listings li.area-nearby-shopping h3,
ul.listings li.area-nearby-shopping h3 a,
ul.listings li.area-nearby-shopping p,
ul.listings li.area-nearby-shopping a,
#offers li.area-nearby-shopping h3 a,
div.area-nearby-shopping h3,
#offers li.area-nearby-shopping p.read-more a,
body.area-nearby-shopping #listing h3 {
	color:#eb7b19;
}

ul.listings li.area-nearby-shopping h3 a:hover,
#offers li.area-nearby-shopping h3 a:hover,
#offers li.area-nearby-shopping p.read-more a:hover {
	color:#6b6d6f;
}

#sub-navigation ul li a.area-nearby-shopping { background-position:-945px 0; }
#sub-navigation ul li a.area-nearby-shopping:hover { background-position:-945px -32px; }

h3.area-nearby-shopping span,
h4.area-nearby-shopping span,
h4.area a.area-nearby-shopping span { background-position:-945px 0; }
h4.area a.area-nearby-shopping:hover span { background-position:-945px -32px; }

body.area-nearby-shopping #header h1 a { background-position:0 -640px; }