/* Layout */

	body { background:#9A002C url("../images/bg.jpg") 0 0 repeat-x; padding:0; }

#wrapper { background:url("../images/bg-wrapper.png") 0 0 repeat; padding:30px 0 0 0; }

#wrapper-int { padding:20px; background:url("../images/bg-wrapper-int.png") 0 0 no-repeat; }

#container { width:962px; margin:0 auto 10px auto; border:1px solid #fff; background:#99002c url("../images/bg-container.jpg") bottom left repeat-x; }

#content { padding-top:20px; min-height:450px; }

#header { border-bottom:1px solid #fff; }

#logo { float:left; margin:0 20px -35px 0; width:400px; height:0; padding-top:165px; overflow:hidden; display:block; background:url("../images/logo.png") 0 0 no-repeat; position:relative; z-index:1000; }

#gallery { margin-bottom:10px; }

.fader { float:left; width:300px; height:290px; display:block; }

#fader-02 { margin:0 10px; }

#page01 { float:left; width:360px; padding-right:40px; margin-right:20px; }

.decoration { }

.decoration-large { margin-left:40px; }

#widgets { margin:20px -20px 20px 0; }

.widget { min-height:115px; border:1px solid #fff; width:148px; padding:10px; float:left; margin-right:20px; background:#9b002d url("../images/bg-widget.gif") 0 0 repeat-x; }

.weather-rain { background:#3e75e7 url("../images/bg-widget-weather-rain.gif") top right no-repeat; }

.weather-cloud { background:#6f6f6f url("../images/bg-widget-weather-cloud.gif") top right no-repeat; }

.weather-sunny { background:#ed1c48 url("../images/bg-widget-weather-sunny.gif") top right no-repeat; }

#widget-weather-load .widget { width:128px; margin-right:0; }

#widget-news-load .widget { width:168px; }

#banner img { margin-bottom:15px; }

#events-list { background:#9A002C; border:1px solid #fff; padding:10px 20px 20px 20px; }

#events-list ul { margin:0; }

#events-list ul li { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #f48480; }

#events-list .last-child { margin-bottom:0; padding-bottom:0; }

#events-list ul li p { margin:0; }

#events-list .item p { margin:0; }

#announcement { margin:-10px 0 10px 0; }

#page02 { float:left; width:500px; padding-bottom:20px; }

.items { }

.item { margin-bottom:20px; padding-left:140px; }

.item img.thumb { float:left; margin:-5px 0 0 -130px; }

.items-stores { }

.items-stores .item { margin-bottom:20px; padding-left:160px; }

.items-stores img.thumb { float:left; margin:-5px 0 0 -160px; }

.items-jobs { }

.items-jobs .item { margin-bottom:20px; padding-left:160px; }

.items-jobs img.thumb { float:left; margin:-5px 0 0 -160px; }

#content #news-list ul, #content #offers-list ul { margin-top:20px; list-style-type:none; }

#news-list .item, #offers-list .item { border-bottom:1px dashed #f48480; padding-bottom:20px; }

#content #news-list ul li { margin-bottom:30px; }

.news-image { float:right; margin:0 0 10px 20px; }

.news-image-alt { float:left; margin:0 20px 10px 0; }

#map { margin-bottom:5px; }

#map-download { text-align:center; }

#game-instructions { margin:0 0 20px 0; }

#game-container { margin:0 50px; }

#stores-lists { float:left; width:300px; }

#content #stores-lists ul { list-style-type:none; margin:0 0 20px 0; float:left; width:48%; margin-right:2%; }

#stores-lists ul li { padding:2px 3px; }

/*#stores-lists ul li.selected { border:1px solid #fff; }*/

						#stores-lists a { color:#fff; }

#stores-map { float:left; width:591px; height:444px; background:url("../images/stores-map.gif") 0 0 no-repeat; margin-bottom:10px; }

#stores-details .store-info { float:right; position:relative; width:200px; border:1px solid #fff; padding:10px 10px 10px 180px; margin-top:-150px; margin-bottom:10px; }

#content .store-info ul { list-style-type:none; }

.store-info img { float:left; margin-left:-170px; }

#stores-details div.store-current { display:block; }

#stores-map div { width:591px; height:444px; background-repeat:no-repeat; background-position:0 0; }

.store_description { display:block; margin:10px 10px 0 -160px; }

#footer { }

#store-names { background:url("../images/store-names.png") 0 0 no-repeat; width:920px; height:90px; display:block; border-top:1px solid #fff; }

#footer-sub { width:920px; padding:0 20px 10px 20px; margin:0 auto; }

#opening { padding:10px 0; border-top:1px solid #fff; }

.rounded { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }

.rounded-small { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

.load { width:170px; min-height:135px; float:left; margin-right:20px; background:#e24361 url("../images/ajax-loader.gif") center center no-repeat; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

#widget-weather-load { width:148px; }

#widget-news-load { width:188px; }

#batteryback-mascot, #logo-macmillan { float:right; margin:0 0 20px 30px; }

/* Typography */

body { font:67%/1.6 Arial, Verdana, sans-serif; color:#fff; }

#content, #footer { font-size:1.1em; }

#footer { }

#opening { color:#fff; line-height:1; }

#footer-sub span { float:right; }

p, address { margin:0 0 1em 0; }

address { font-style:normal; }

.intro { font-size:1.4em; }

.items .item p { margin:0; }

.items-jobs .item p { margin-bottom:1em; }

.offer-expiry { color:#f48480; }

.widget p { margin:0; }

.widget .date { font-size:0.9em; }

.widget .temperature { font-size:1.9em; font-weight:bold; }

.widget .source { margin-top:12px; font-size:0.9em; color:#f48480; line-height:1.1; }

.weather-sunny .source { margin-top:5px; color:#f8aba1; }

.widget h4 { text-transform:uppercase; border-bottom:1px solid #fff; margin-bottom:0.3em; }

.widget h3 { line-height:1.3; margin-bottom:0.5em; }

.opening-sainburys { padding-left:102px; }

span.alt { color:#f48480; }

ul, ol { margin:0 0 1em 1.5em; }

.contact-list, #stores-details ul, #news-list ul { margin:0; }

#content ul { list-style-type:disc; }

#content .contact-list { list-style-type:none; }

dl { margin-bottom:1em; }

dt { margin-top:1em; font-weight:bold; }

h1, h2 { color:#ed1849; font-size:2em; text-transform:lowercase; line-height:0.5; margin-bottom:10px; font-weight:normal; letter-spacing:0.1em; border-bottom:1px dashed #ed1849; }

h3 { font-size:1.3em; margin:0.3em 0; line-height:1.3; }

.widget h3 { font-size:1em; margin-top:0; }

h4 { }

/* Navigation */		

#navigation { margin:100px 0 0 0; width:500px; float:left; }

#navigation li { float:left; margin-right:19px; }

#navigation li a { padding:20px 0 0 0; height:0; display:block; overflow:hidden; background:url("../images/navigation-sprites.gif") no-repeat; }

#navigation #nav-store a { width:105px; background-position:0 0; }

#navigation #nav-store.selected a, #navigation #nav-store a:hover, #navigation #nav-store.selected a:hover { background-position:0 -20px; }

#navigation #nav-whats a { width:69px; background-position:-125px 0; }

#navigation #nav-whats.selected a, #navigation #nav-whats a:hover, #navigation #nav-whats.selected a:hover { background-position:-125px -20px; }

#navigation #nav-centre a { width:79px; background-position:-215px 0; }

#navigation #nav-centre.selected a, #navigation #nav-centre a:hover, #navigation #nav-centre.selected a:hover { background-position:-215px -20px; }

#navigation #nav-jobs a { width:30px; background-position:-315px 0; }

#navigation #nav-jobs.selected a, #navigation #nav-jobs a:hover, #navigation #nav-jobs.selected a:hover { background-position:-315px -20px; }

#navigation #nav-game a { width:44px; background-position:-364px 0; }

#navigation #nav-game.selected a, #navigation #nav-game a:hover, #navigation #nav-game.selected a:hover { background-position:-364px -20px; }

#navigation #nav-contact a { width:78px; background-position:-429px 0; }

#navigation #nav-contact.selected a, #navigation #nav-contact a:hover, #navigation #nav-contact.selected a:hover { background-position:-429px -20px; }

#navigation #nav-contact { margin-right:0; }

/* Forms */



		

	

/*  Links  */	

a { color:#f48480; font-weight:bold; text-decoration:none; }

a:active { color:#ed1849; text-decoration:none; }

a:hover { color:#f48480; text-decoration:underline; }

a:visited { color:#f48480; }

a:visited:hover { color:#f48480; }

h3 a { color:#fff; font-weight:bold; text-decoration:none; }

h3 a:active { color:#ed1849; text-decoration:none; }

h3 a:hover { color:#fff; text-decoration:underline; }

h3 a:visited { color:#fff; }

h3 a:visited:hover { color:#fff; }

h4 a { color:#fff; font-weight:bold; text-decoration:none; }

h4 a:active { color:#ed1849; text-decoration:none; }

h4 a:hover { color:#fff; text-decoration:underline; }

h4 a:visited { color:#fff; }

h4 a:visited:hover { color:#fff; }

a:focus { -moz-outline: none; }

/*  Clearing  */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* End hide from IE-mac */ 





/* Safari HACKS */

::root #id {

}

/*VOTE GALLERY*/

/*===MAIN===*/

#voting #announcement { display:none; outline:none }

.main_voteBox h3{ font-size:2.5em; font-weight:normal}

.designsBox h3 { font-size:2.5em; font-weight:normal} 

.main_voteBox { background: url("../images/vote/bg-main.png") no-repeat scroll 0 0 transparent; height: 440px; margin-bottom: 87px; padding: 26px; position: relative; width: 870px; }

.main_voteBox h1 { color:#fff; text-transform:uppercase; border:0; font-size:2em }

.main_voteBox p { width:620px; font-size:13px; color:#fff; }

.main_voteBox a { color:#FFF;}

h1.white { text-transform:uppercase}

.logo_CAP { background: url("../images/vote/logo-community-arts.png") no-repeat scroll 0 0 transparent; height: 146px; position: absolute; right: 54px; top: 29px; width: 148px; }

.main_voteBox a.view_designs { background: url("../images/vote/view-designs-but.png") no-repeat scroll -2px 0 transparent; bottom: 46px; display: block; height: 46px; position: absolute; right: 68px; text-indent: -9999px; width: 206px; }

.main_voteBox a:hover.view_designs { background: url("../images/vote/view-designs-but.png") no-repeat scroll -2px -52px transparent; }

/*====DESIGNS===*/

a { outline:none}

input { outline:none}

.voteterms { position:relative; width:870px; padding:26px; }

.designsBox { position:relative; width:870px; height:1052px; padding:26px; background:url("../images/vote/bg-designs.png") no-repeat 0 0; }

.designsBox p { width:620px; font-size:13px; color:#fff; }

.designsBox h1 { color:#fff; text-transform:uppercase; border:0; }

.gallery-designs { margin: 60px auto 0; width: 865px; }

.gallery-designs .thumbs { float: left; height: 270px; margin-bottom: 0px; text-align: center; width: 172px; }

.gallery-designs .thumbs a { height:170px; display:block}
.gallery-designs .thumbs a img.thumb_img{ padding-top:25px;}

.back-message a { text-decoration:underline;}
.messag-active a { text-decoration:underline;}
.clear { clear:both }

/*REGISTER LOGIN*/

label, input { display:block; }

input.text { background: none repeat scroll 0 0 #FFFFFF; color: #000000; margin-bottom: 12px; padding: 13px; width: 482px; }

fieldset { padding:0; border:0; margin-top:25px; }



div#users-contain { width: 350px; margin: 20px 0; }

div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }

div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }

.ui-dialog .ui-state-error { padding: .3em; }

.validateTips { border: 1px solid transparent; padding: 0.3em; }

.register-loginHead { width:468px; margin: 27px auto 0 }

.register-loginHead .make-vote { background: url("../images/vote/make-tour-vote.gif") no-repeat scroll 0 0 transparent; border: 0 none; float: left; height: 65px; margin-top: 40px; width: 182px; }

.login-r-l { background: url("../images/vote/logo-community-arts.png") no-repeat scroll 0 0 transparent; height: 146px; width: 148px; float:right; }

.login-but { background:url("../images/vote/login-but.gif") no-repeat 0 0; border:0; width:149px; height:40px; text-indent:-9999px; cursor:pointer }

.login-but:hover { background:url("../images/vote/login-but.gif") no-repeat 0 bottom; }

.register-form { margin-top:29px; }

.register-form p { font-family: arial; font-size: 15px; font-weight: bold; margin-bottom: 32px; }

.register-form table { font-family: arial; font-size: 12px; margin-bottom:17px; }

.register-form table input{margin-top:5px; position:relative; top:5px;}

.register-form #check td{padding:0;}

.register-form #check tr{padding:0;}

.register-but { background:url("../images/vote/register-but.gif") no-repeat 0 0; border:0; width:149px; height:40px; text-indent:-9999px; cursor:pointer }

.register-but-disable{ background:url("../images/vote/register-but.gif") no-repeat 0 bottom; border:0; width:149px; height:40px; text-indent:-9999px;}

.register-but:hover { background:url("../images/vote/register-but.gif") no-repeat 0 bottom; }

.register-loginHead .make-vote-TY {

    background: url("../images/vote/make-tour-TY.gif") no-repeat scroll 0 0 transparent;

    border: 0 none;

    float: left;

    height: 101px;

    margin-top: 31px;

    width: 231px;

}

.register-loginHead .make-vote-problems {

    border: 0 none;

    float: left;

    height: 101px;

    margin-top: 31px;

    width: 231px;

}



.back-message{text-align:center; margin-top:30px; font-weight:bold}

.result-register { padding-top:5px; color:#F00; font-weight:bold}

.result { padding-top:5px; color:#F00; font-weight:bold}
