/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Mike Crittenden
      Author: Mike Crittenden
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black			#000
- white			#fff
- hot pink		#E2001A
- dark grey		#333
- footer grey	#878889
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
body {
	color: #666;
	padding: 0;
	margin: 0;
	height: 100%;
	background: #333333;
}

img {
	border: 0;
}

.padding {
	padding: 10px;
}

/**************************************/
/*              WRAPPER               */
/**************************************/
#outer-wrapper {
	background: #333333 url(../img/body-shadow.jpg) repeat-y top center;
}
#wrapper {
	color: #fff;
	background: url(../img/bg.gif);
}

/**************************************/
/*              HEADER                */
/**************************************/
#header {
	background: url(../img/header-bg.png) repeat-y top left;
	height: 126px;
}

#header .logo {
	margin-top: 18px;
}

#header .banner {
	height: 90px;
	margin-top: 18px;
}
#header .banner a img {
	border: 0;
}
#header .social {
	font-size: 10px;
	line-height: 14px;
	margin-top: 18px;
}

#header .social p {
	margin: 0;
}

#header .social div {
	margin-bottom: 10px;
}

#header .social .mailing_list {
	margin-bottom: 15px;
}

#header .social .mailing_list a{
    font-size: 13px;
    font-weight: bold;
}

/**************************************/
/*             NAVIGATION             */
/**************************************/
#navigation {
	background: url(../img/navigation-bg.png) repeat-x top left;
	height: 25px;
}

#navigation ul {
	margin: 0;
	padding: 0;
}

#navigation li {
	display: block;
	float: left;
	margin: 0;
}

#navigation span {
	display: none;
}
#navigation a {
}
#navigation a:hover {
}

#navigation a.stores {
	height: 25px;
	width: 65px;
	display: block;
	background: url(../img/nav-bar/stores.jpg) no-repeat top left;
}
#navigation a.stores:hover, #navigation li.active a.stores {
	background: url(../img/nav-bar/stores-hover.jpg) no-repeat top left;
}
#navigation a.events {
	height: 25px;
	width: 60px;
	display: block;
	background: url(../img/nav-bar/events.jpg) no-repeat top left;
}
#navigation a.events:hover, #navigation li.active a.events {
	background: url(../img/nav-bar/events-hover.jpg) no-repeat top left;
}
#navigation a.atrium {
	height: 25px;
	width: 129px;
	display: block;
	background: url(../img/nav-bar/attrium-gallery.jpg) no-repeat top left;
}
#navigation a.atrium:hover, #navigation li.active a.atrium {
	background: url(../img/nav-bar/attrium-gallery-hover.jpg) no-repeat top left;
}
#navigation a.news {
	height: 25px;
	width: 52px;
	display: block;
	background: url(../img/nav-bar/news.jpg) no-repeat top left;
}
#navigation a.news:hover, #navigation li.active a.news {
	background: url(../img/nav-bar/news-hover.jpg) no-repeat top left;
}
#navigation a.offers {
	height: 25px;
	width: 153px;
	display: block;
	background: url(../img/nav-bar/offers-promotions.jpg) no-repeat top left;
}
#navigation a.offers:hover, #navigation li.active a.offers {
	background: url(../img/nav-bar/offers-promotions-hover.jpg) no-repeat top left;
}
#navigation a.centre-info {
	height: 25px;
	width: 129px;
	display: block;
	background: url(../img/nav-bar/centre-info.jpg) no-repeat top left;
}
#navigation a.centre-info:hover, #navigation li.active a.centre-info {
	background: url(../img/nav-bar/centre-info-hover.jpg) no-repeat top left;
}
#navigation a.opportunities {
	height: 25px;
	width: 102px;
	display: block;
	background: url(../img/nav-bar/opportunities.jpg) no-repeat top left;
}
#navigation a.opportunities:hover, #navigation li.active a.opportunities {
	background: url(../img/nav-bar/opportunities-hover.jpg) no-repeat top left;
}
#navigation a.links {
	height: 25px;
	width: 51px;
	display: block;
	background: url(../img/nav-bar/links.jpg) no-repeat top left;
}
#navigation a.links:hover, #navigation li.active a.links {
	background: url(../img/nav-bar/links-hover.jpg) no-repeat top left;
}
#navigation a.the-mall {
	height: 25px;
	width: 120px;
	display: block;
	background: url(../img/nav-bar/the-mall.jpg) no-repeat top left;
}
#navigation a.the-mall:hover, #navigation li.active a.the-mall {
	background: url(../img/nav-bar/the-mall-hover.jpg) no-repeat top left;
}
#navigation a.contact {
	height: 25px;
	width: 89px;
	display: block;
	background: url(../img/nav-bar/contact-us.jpg) no-repeat top left;
}
#navigation a.contact:hover, #navigation li.active a.contact {
	background: url(../img/nav-bar/contact-us-hover.jpg) no-repeat top left;
}
/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#content .home_image {
	background: url(../img/home_image.png) no-repeat top left;
	height: 365px;
	margin-bottom: 36px;
}

#content .events_box {
	background: url(../img/event_box-bg.png);
	height: 345px;
	padding: 10px;
	text-align: center;
}

#content .events_box .disabled { 
	visibility: hidden;
}

#content .scrollable { 
	border-bottom:2px solid #CCCCCC;
	border-top:2px solid #CCCCCC;
	height:305px;
	margin:0 0 8px;
	overflow:hidden;
	padding:0;
	position:relative;
} 
 
#content .scrollable .items { 
	font-size: 11px;
    height: 20000em;
    line-height: 14px;
    position: absolute; 
    text-align: left;
}

#content .scrollable .items img {
	background: #E2001A;
	display: block;
	height: 73px;
	margin-bottom: 5px;
	width: 110px;
}

#content .scrollable .items div { 
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#content .scrollable .items h2 { 
	font-size: 12px;
	margin: 0 0 5px 0;
	text-transform: uppercase;
}

#content .scrollable .items p { 
	margin: 0 0 5px 0;
}

#content .box {
	background: #000;
	height: 234px;
}

#content .box-large {
	height: 234px;
}
#content .banner {
	background: transparent;
}
#content .white {
	background: #FFF;
}
#content .box.banner img {
	width: auto;
}
#content .auto-height {
	height: auto;
}

#content .box img {
	background: #E2001A;
	display: block;
	margin-bottom: 5px;
}
#content .white h2,
#content .white h1,
#content .white P {
	color: #000;;
}
#content .box h2, #content .box h1 { 
	font-size: 12px;
	margin: 0 0 5px 0;
	text-transform: uppercase;
}

#content .box p {
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 5px 0;
}
#content .box p strong {
	color: #E2001A;
}

#header-image img {
	display: block;
	height:234px;
}
#intro-text {
	margin-top: 36px;
}
#items-container {
	margin-top: 36px;
}
#content #filming.box img {
	background: #E2001A;
	display: block;
	height:218px;
	width:370px;
}
#content #welcome.box h1,
#content #filming.box h1,
#content #intro-text.box h1,
#content #store-search.box h1,
#content #opening-times.box h1 { 
	font-size: 20px;
	text-transform: uppercase;
	font-weight: normal;
	margin:5px 0 10px;
	line-height: 20px;
}

/**************************************/
/*               FOOTER               */
/**************************************/
#footer {
	background: #878889 url(../img/footer-bg.png) repeat-x top left;
}

#footer p {
	font-size: 1.1em;
	margin: 0;
	padding:10px 3px;
	text-align: center;
}

#footer .copyright {
	background: url(../img/copyright-bg.png) repeat-x top left;
	font-size: 10px;
}

#footer .copyright p{
padding: 5px;
}
form#StoreDepartmentForm {
	margin-top: 10px;
}
#store-search form {
	float:left;
	padding:0;
}
form#StoreDepartmentForm div,
form#StoreViewForm div {
	float: left;
	margin:0;
	padding:0;
}
form#StoreDepartmentForm select,
form#StoreViewForm select {
	margin:0;
	padding:0;
	width:130px;
	font-size:11px;
}
form#StoreDepartmentForm input,
form#StoreViewForm input {
	background:#E2001A none repeat scroll 0 0;
	border:medium none;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	margin:0 0 0 10px;
	padding:2px 0 4px;
	text-transform:uppercase;
}
.store-divider {
	height: 10px;
	border-top: 1px solid #000;
	margin: 10px 0 0;
}

div.facebook a[href^="http:"],
div.twitter a[href^="http:"]{
background-image:none;
padding-right:0;
}
#content #opening-times.box h1 {
font-size:18px;
padding-top: 0;
margin-top: 0;
}
#intro-text a[href^="mailto:"] {
background-image:none;
padding-right:0;
}
.white a:hover {
color: #000;
}
.lettings-divider {
border-top:1px solid #FFF;
height:10px;
margin:10px 0 0;
}
.form fieldset {
	border:none;
	margin-bottom:0;
}
.form label {
	display:block;
	float:left;
}
.form input {
margin: 5px 0;
}
.form div.input {
clear:both;
}
.form div.checkbox {
clear:both;
}
.form div.checkbox input {
	float:left;
}
.form div.checkbox label {
	float:left;
}
#header a {
	color: #FFF;
	text-decoration: underline;
}
#header a:hover {
	color: #FFF;
	text-decoration: none;
}
.contactform {
	padding-bottom: 20px;
}
.contactform fieldset {
	border:none;
	margin-bottom: 0;
}
.contactform label,
.personal-details label {
	display:block;
	float:left;
	width:130px;
}
.contactform input {
margin: 5px 0;
}
.contactform div.input {
clear:both;
}
.contactform div.checkbox {
clear:both;
}
.contactform div.checkbox input {
	float:left;
}
.contactform div.checkbox label {
	float:left;
}
.contactform div.submit input {
	background:#E2001A none repeat scroll 0 0;
	border:medium none;
	color:#FFFFFF;
	float:left;
	font-size:12px;
	font-weight:bold;
	margin:0 0 0 140px;
	padding:2px 5px 5px;
}

.form div.submit input {
	background:#E2001A none repeat scroll 0 0;
	border:medium none;
	color:#FFFFFF;
	float:left;
	font-size:12px;
	font-weight:bold;
	margin:0 0 20px 10px;
	padding:2px 5px 5px;
	float:right;
}
.personal-details,
.mail-settings, 
.mail-categories {
	padding-bottom: 20px;
	float:left;
}
.mail-settings label {
	display:block;
	float:left;
	width:230px;
}
.mail-settings select {
	padding: 0;
	width: 100px;
}
.mail-categories input,
.terms input {
margin-right: 10px;
float: left;
}