/*
** Piccadilly Garden
** 2009/05/07
*/
html { height: 100%; margin-bottom: 1px; font-size: 100%; }
body { padding: 0; background: #fff; color: #666; font: .813em/1.25 "Arial", "Helvetica", sans-serif; }
* { margin: 0; padding: 0; }
p, ul, ol, dl { padding-bottom: 1em; }
ul, ol { margin-left: 0; padding-left: 3ex; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
textarea, input, select, option, optgroup, button { font: 1em "Arial", "Helvetica", sans-serif; }
img { border: none; vertical-align: bottom; }
a { color: #fe0000; text-decoration: none; outline: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a:active { color: #000; }
button, input.radio, input.checkbox, label, select { cursor: pointer; }


/*
 * some globally used classes
 */
.left { float: left !important; }
.right { float: right !important; }

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

.no-margin { padding-bottom: 0 !important; }
.margin { padding-bottom: 1em !important; }

.accessibility { position: absolute; left: -999em; }

input.text { padding: 2px 0 2px 3px; border: 1px solid #abadb3; background: #fff; color: #000; vertical-align: middle; }
input.quote { padding-right: 20px; background: #fff url("../images/pounds.png") no-repeat 100% 50%; }

button { padding: 0; border: none; background: transparent; vertical-align: middle; }
button span { float: left; height: 19px; padding: 0 0 0 10px; background: #fe0000 url("../images/button.png") no-repeat 0 0; color: #fff; font-size: 11px; line-height: 19px; text-transform: uppercase; white-space: nowrap; }
button span span  { padding: 0 10px 0 0; background-position: 100% 0; }

button.donate span { padding-left: 20px; background-position: 0 100%; }
button.donate span span { padding-left: 0; background-position: 100% 100%; }

hr { width: 950px; height: 5px; margin: 5ex auto; border: none; background: #f2f2f2; }

h1 { padding: 0 0 1ex; color: #000; font-size: 2em; }
h2 { padding: 0 0 1ex; color: #000; font-size: 1.462em; font-weight: 300; }
h3 { padding: 1em 0 1ex; color: #000; }

a.more { position: relative; font-size: 13px; text-transform: lowercase; }

a.file { display: block; padding: 0 0 0 24px; background: transparent url("../images/icon_pdf.png") no-repeat 0 3px; color: #666; }
a.file strong { display: block; color: #000; }

a.bullet-a { padding: 0 0 0 30px; background: transparent url("../images/bullet_a.png") no-repeat 7px 50%; color: #000; font-size: 1.182em; text-transform: uppercase; }
a.bullet-b { overflow: hidden; display: inline-block; width: 15px; height: 9px; background: transparent url("../images/bullet_b.png") no-repeat 50% 50%; text-indent: -99em; vertical-align: -1px; }
a.bullet-b:hover { position: relative; top: 1px; border-bottom: 1px solid #fe0000; }
a.bullet-c { padding-right: 13px; background: transparent url("../images/bullet_b.png") no-repeat 100% 60%; color: #666; }

ul.flat { list-style: none; padding: 0; }

a.thumbnail { position: relative; display: block; color: #000;  text-transform: uppercase; }
a.thumbnail span { display: block; margin-top: 1ex; padding: 0 0 0 14px; background: transparent url("../images/bullet_c.png") no-repeat 0 50%; }
a.thumbnail span.icon { position: absolute; left: 0; top: 0; margin: 0; padding: 0; background: transparent url("../images/icon_thumbnail.png") no-repeat 50% 50%; }
a.thumbnail img { display: block; }

div.map { position: relative; width: 640px; height: 350px; border: 5px solid #edeae2; }

form.directions input.text { width: 190px; }

p.logos { margin-top: 1ex; padding: 3ex 0 0; border-top: 2px solid #f2f2f2; text-align: center; }
p.logos img { margin: 0 15px; }


/*
 * page header
 */
.header { position: relative; overflow: hidden; width: 960px; margin: 0 auto -5px; background: transparent url("../images/header_background.png") no-repeat 433px 0; }
.header h1 { float: left; width: 132px; height: 101px; padding: 28px 0 28px 10px; }
.header p.links { float: right; padding: 7ex 10px 0; color: #ccc; font-family: "Tahoma", "Geneva", sans-serif;  word-spacing: 1ex; }
.header p.links a { color: #888; word-spacing: normal; }
.header p.links a:hover { color: #fe0000; text-decoration: none; }
.header p.tagline { float: left; width: 420px; margin: 50px 0 0 36px; padding: .5ex 0 .5ex 68px; border-left: 1px solid #f2f2f2; background: transparent url("../images/quote.png") no-repeat 36px .7ex; color: #aaa; font-size: 1.846em; font-weight: 300; line-height: 1; }
.header p.tagline cite { font-style: normal; }
.header p.tagline strong { color: #fe0000; font-weight: 300; }
.header p.tagline span { font-size: .95em; }

/* main menu */
.header ul { overflow: hidden; clear: both; list-style: none; width: 960px; padding: .8em 0 1em; background: #fe0000 url("../images/menu_background.png") no-repeat 0 0; font-weight: 700; text-transform: uppercase; }
.header li { float: left; margin-left: -1px; margin-right: 1px; padding: 0 0 0 1px; background: transparent url("../images/menu_separator.png") no-repeat 0 0; }
.header li strong,
.header li a { position: relative; float: left; margin-bottom: -1em; padding: 0 .75em 1em; background: transparent url("../images/menu_item_background.png") no-repeat -100% -100%; color: #fff; }
.header li strong,
.header li a.selected,
.header li a:hover { background-position: 50% 100%; color: #fcca04; text-decoration: none; }


/*
 * content area
 */
.content { padding: 0 0 3em; border-top: 5px solid #fe0000; background: transparent url("../images/content_background.png") repeat-x 0 1px; }

/* four columns layout */
.four-columns { position: relative; overflow: hidden; width: 960px; margin: 0 auto; padding: 27px 0 0 0; background: transparent url("../images/four_columns_background.png") repeat-y 0 0; font-size: .946em; }
.four-columns .column { overflow: hidden; float: left; width: 195px; margin-left: -1px; padding: 0 23px 3ex 22px; border-left: 1px solid #eee; }
.four-columns p.last { position: absolute; bottom: 0; padding: 0; }
.four-columns img { width: 195px !important; margin-left: -5px; padding: 5px; background: #fff; }
.four-columns h3 { padding: 0 0 1ex; color: #000; font-size: 1.345em; }
.four-columns a.more { font-size: 12px; }

/* three columns layout */
.three-columns { overflow: hidden; width: 960px; margin: 0 auto; background: transparent url("../images/three_columns_background.png") repeat-y 0 0; font-size: .946em; }
.three-columns .column { overflow: hidden; float: left; width: 195px; margin-left: -1px; padding: 0 23px 3ex 22px; border-left: 1px solid #eee; }
.three-columns .first { width: 435px; }
.three-columns h2 { padding: 0; font-size: 1.6em; font-weight: 700; }
.three-columns .last h2 { color: #fe0000; }
.three-columns .last hr { width: auto; height: 1px; margin: 1ex 0 1em; }
.three-columns .news h3 { padding: 1em 0 1ex; border-top: 2px solid #f2f2f2; color: #000; font-size: 1.182em; }
.three-columns .newsletters ul { overflow: hidden; list-style: none; margin-top: -1em; padding: 0; }
.three-columns .newsletters li { overflow: hidden; margin-top: -1px; padding: 1em 0 1em 85px; border-top: 1px solid #f2f2f2; }
.three-columns .newsletters li a { color: #000; font-weight: 700; }
.three-columns .newsletters li a img { float: left; width: 75px !important; margin-left: -85px; }
.three-columns .newsletters li a:hover { color: #fe0000; }
.three-columns .newsletters li span.type { display: block; margin-top: 1ex; padding-left: 24px; background: transparent none no-repeat 0 0; color: #666; line-height: 17px; }
.three-columns .newsletters li span.type-pdf { background-image: url("../images/icon_pdf.png"); }

/* two columns layout */
.two-columns { overflow: hidden; width: 960px; margin: 0 auto; }
.two-columns .column { overflow: hidden; float: left; width: 650px; margin-left: -1px; padding: 0 23px 0 22px; border-right: 1px solid #eee; }
.two-columns .column hr { clear: both; width: 100%; margin: 1em 0; }
.two-columns .last { width: 195px; border-left: 1px solid #eee; border-right: none; font-size: .946em; }
.two-columns .last h2 { color: #fe0000; font-weight: 700; }
.two-columns .last h3 { clear: both; font-size: 1.182em; }
.two-columns .last hr { margin: 0 0 3ex; }
.two-columns .last a.bullet-a { font-size: 1.091em; }

.one-column { overflow: hidden; width: 940px; margin: 0 auto; }


/*
 * location bar / breadcrumbs
 */
p.location { width: 910px; margin: 0 auto 3em; padding: 1em 15px; border-bottom: 1px solid #edecea; color: #aaa; font-size: .946em; word-spacing: .5ex; }
p.location * { word-spacing: normal; }
p.location em { color: #666; font-style: normal; }
p.location a { color: #666; }
p.location strong { color: #fe0000; font-weight: 400; }


/*
 * generic list of items
 */
ul.items { overflow: hidden; list-style: none; padding: 0 0 1em; }
ul.items li { overflow: hidden; margin-top: -1px; padding: 2em 1em 2em 210px; border-top: 1px solid #f2f2f2; }
ul.items li li { margin-top: 0; padding: 0; border-top: none; font-size: .946em; }
ul.items h3 { padding: 0 0 1ex; }
ul.items p { font-size: .946em; }
ul.items img { float: left; width: 190px !important; margin-left: -210px; }


/*
 * files listing with icons
 */
ul.files { overflow: hidden; list-style: none; margin-top: 1ex; padding: 3ex 0 0; border-top: 1px solid #f2f2f2; font-size: .846em; }
ul.files li { float: left; width: 165px; padding: 0 15px 0 15px; }
ul.files a { float: left; width: 85px; height: 42px; padding: 5px 0 0 65px; background: transparent none no-repeat 0 0; color: #666; }
ul.files a strong { display: block; color: #000; }
ul.files a.pdf { background-image: url("../images/icon_pdf_big.png"); }


/*
 * offer - list of shop items
 */
ul.offer { overflow: hidden; list-style: none; margin: 0 0 0 -40px; padding: 0; }
ul.offer li { overflow: hidden; float: left; width: 190px; margin-top: -1px; padding: 3ex 0 3ex 40px; border-top: 1px solid #f2f2f2; }
ul.offer img { width: 190px !important; }


/*
 * modal window styling
 */
.overlay { position: fixed; left: 0; top: 0; z-index: 20; width: 100%; height: 100%; background: #000 url("../images/modal_loading.gif") no-repeat 50% 50%; opacity: 0; }
.overlay-loaded { background-image: none; }
.modal { position: fixed; left: 50%; top: 50%; z-index: 21; border: 2px solid #000; background: #fff; color: #666; opacity: 0; }

.modal-picture { overflow: hidden; width: 768px; padding: 12px 16px; }
.modal-picture p.photo { overflow: hidden; width: 768px; text-align: center; }


/*
 * page footer
 */
.footer { padding: 2em 0 3em; background: #000; color: #4d4d4d; font-size: .946em; }
.footer p { width: 940px; margin: 0 auto; }
.footer p.menu { color: #555; word-spacing: 1ex; }
.footer a { color: #fff; font-weight: 700; word-spacing: normal; }
.footer a:hover { color: #aaa; }


/*
** the end
*/