@import "reset.css";
@import "shadowbox.css";

/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}  /* for IE/Mac */

/* general */
body { background: #d5cfca url('/images/base/bg.gif') repeat-x 0 0; font: 62.5%/1.6em Helvetica,Arial,sans-serif; }
body.index { background-image: url('/images/base/bg_index.gif'); }
body.index #container { background: url('/images/base/bg_index_groups.gif') no-repeat 50% 0%; }
#wrapper { margin: 0 auto; width: 960px; }

/* header */
#header { height: 102px; padding: 16px 0 17px; }
#header #logo a {
  background: url('/images/base/logo.jpg') no-repeat 0 0;
  display: block;
  float: left;
  height: 102px;
  overflow: hidden;
  text-indent: -9999px;
  width: 368px;
}
#header .banner a {
  display: block;
  float: right;
  height: 102px;
  overflow: hidden;
  text-indent: -9999px;
  width: 583px;
}
#header #enter_competition_banner a { background: url('/images/base/competition_enter_header.jpg') no-repeat 0 0; }
#header #newsletter_signup_banner a { background: url('/images/base/newsletter_signup_banner.jpg') no-repeat 0 0; }

/* navigation */
#navigation { height: 25px; margin-bottom: 17px; padding: 7px 33px; }
#navigation ul li { float: left; margin-left: 35px; }
#navigation ul li a {
  background: red;
  display: block;
  height: 25px;
  overflow: hidden;
  text-indent: -9999px;
}
#navigation ul li.home { margin-left: 0; }
#navigation ul li a:hover { background-position: 0 -25px !important; }
#navigation ul li.home a { background: url('/images/nav/home.gif') no-repeat 0 0; width: 45px; }
#navigation ul li.home_selected a { background: url('/images/nav/home.gif') no-repeat 0 0; width: 45px; background-position: 0 -25px; } /* ALEX EDIT */
#navigation ul li.directory a { background: url('/images/nav/directory.gif') no-repeat 0 0; width: 67px; }
#navigation ul li.directory_selected a { background: url('/images/nav/directory.gif') no-repeat 0 0; width: 67px; background-position: 0 -25px; } /* ALEX EDIT */
#navigation ul li.whats_on a { background: url('/images/nav/whats_on.gif') no-repeat 0 0; width: 74px; }
#navigation ul li.whats_on_selected a { background: url('/images/nav/whats_on.gif') no-repeat 0 0; width: 74px; background-position: 0 -25px; } /* ALEX EDIT */
#navigation ul li.clubs a { background: url('/images/nav/clubs.gif') no-repeat 0 0; width: 43px; }
#navigation ul li.clubs_selected a { background: url('/images/nav/clubs.gif') no-repeat 0 0; width: 43px; background-position: 0 -25px; } /* ALEX EDIT */
#navigation ul li.latest_specials a { background: url('/images/nav/latest_specials.gif') no-repeat 0 0; width: 101px; }
#navigation ul li.latest_specials_selected a { background: url('/images/nav/latest_specials.gif') no-repeat 0 0; width: 101px; background-position: 0 -25px; } /* ALEX EDIT */
#navigation ul li.parking a { background: url('/images/nav/parking.gif') no-repeat 0 0; width: 56px; }
#navigation ul li.parking_selected a { background: url('/images/nav/parking.gif') no-repeat 0 0; width: 56px; background-position: 0 -25px; } /* ALEX EDIT */
#navigation ul li.getting_there a { background: url('/images/nav/getting_there.gif') no-repeat 0 0; width: 95px; }
#navigation ul li.getting_there_selected a { background: url('/images/nav/getting_there.gif') no-repeat 0 0; width: 95px; background-position: 0 -25px; } /* ALEX EDIT */
#navigation ul li.about_southlands a { background: url('/images/nav/about_southlands.gif') no-repeat 0 0; width: 119px; }
#navigation ul li.about_southlands_selected a { background: url('/images/nav/about_southlands.gif') no-repeat 0 0; width: 119px; background-position: 0 -25px; } /* ALEX EDIT */
#navigation ul li.leasing a { background: url('/images/nav/leasing.gif') no-repeat 0 0; width: 56px; }
#navigation ul li.leasing_selected a { background: url('/images/nav/leasing.gif') no-repeat 0 0; width: 56px; background-position: 0 -25px; } /* ALEX EDIT */
#navigation ul li.contact a { background: url('/images/nav/contact.gif') no-repeat 0 0; width: 59px; }
#navigation ul li.contact_selected a { background: url('/images/nav/contact.gif') no-repeat 0 0; width: 59px; background-position: 0 -25px; } /* ALEX EDIT */

/* find by... */
#find_by { background: #b20838;}
#find_by div { float: left; height: 18px; padding: 16px 10px; }
#find_by div.search_category { background: url('/images/base/search_category_bg.gif') no-repeat 0 0; width: 490px; }
#find_by div.find_shop { background: url('/images/base/find_shop_bg.gif') no-repeat 100% 0; padding-left: 38px; width: 402px; }

#find_by div h3 { float: left; height: 18px; margin-right: 30px; overflow: hidden; text-indent: -9999px; }
#find_by div.search_category h3 { background: url('/images/base/search_category_title.gif') no-repeat 0 0; width: 122px; }
#find_by div.find_shop h3 { background: url('/images/base/find_shop_title.gif') no-repeat 0 0; width: 74px; }

#find_by div li { display: inline; }
#find_by div select { margin-right: 30px; width: 175px; }

#find_by input.submit { position: relative; top: 5px; }

/* groups */
#groups { height: 52px; margin-bottom: 20px; }
#groups ul li { float: left; }
#groups ul li a {
  display: block;
  height: 52px;
  overflow: hidden;
  text-indent: -9999px;
  width: 192px;
}

#groups ul li a:hover { background-position: 0 -342px !important; }

#groups ul li.food a { background: url('/images/groups/food.jpg') no-repeat 0 -145px; }
#groups ul li.entertainment a { background: url('/images/groups/entertainment.jpg') no-repeat 0 -145px; }
#groups ul li.fashion_accessories a { background: url('/images/groups/fashion_accessories.jpg') no-repeat 0 -145px; }
#groups ul li.hair_beauty_gifts a { background: url('/images/groups/hair_beauty_gifts.jpg') no-repeat 0 -145px; }
#groups ul li.general_services a { background: url('/images/groups/general_services.jpg') no-repeat 0 -145px; }

body.index #groups { height: 197px; }
body.index #groups ul li a { height: 197px; }
body.index #groups ul li a { background-position: 0 0; }
body.index #groups ul li a:hover { background-position: 0 -197px !important; }

/* content generic */
#content { color: #736353; font-size: 1.2em; }

#content a { color: #8d1c2b; text-decoration: underline; }
#content a:hover { color: #000; }

#content div.column { float: left; display: inline; height: 1%; width: 192px; }
#content div.column#primary { padding: 0 202px 1px; width: 556px; }
#content div.column#secondary { margin-left: -100%; }
#content div.column#tertiary { margin-left: -192px; margin-top: 26px; }

/* primary content */
#content div.column#primary { font-size: 1.1em; }
#content div.column#primary table,
#content div.column#primary ul,
#content div.column#primary ol,
#content div.column#primary pre,
#content div.column#primary blockquote,
#content div.column#primary p { margin-bottom: 1em; }
#content div.column#primary h1, #content div.column#primary h2 { color: #b20838; font-size: 1.6em; line-height: 1.6em; }
#content div.column#primary h3 { color: #aca196; font-size: 1.2em; margin-bottom: 1em; }
#content div.column#primary h4 { color: #E09D24; font-size: 1.1em; margin-bottom: .5em; }
#content div.column#primary h5 { font-size: 1.1em; margin-bottom: .5em; }
#content div.column#primary h6 { color: #b20838; }
#content div.column#primary ul, #content div.column#primary ol { margin-left: 2em; }
#content div.column#primary ul { list-style: disc; }
#content div.column#primary ol { list-style: decimal; }
#content div.column#primary ul ul, #content div.column#primary ol ul { list-style: circle; margin-bottom: 0; }
#content div.column#primary ul ol, #content div.column#primary ol ol { list-style: lower-alpha; margin-bottom: 0; }
#content div.column#primary table { border-collapse: collapse; width: 100%; }
#content div.column#primary table td, #content div.column#primary table th { border: 1px solid #DCD3CB; padding: 8px; }
#content div.column#primary table th { background: #F6EEDE; border: 1px solid #F6EEDE; border-bottom: 2px solid #E09D24; color: #E09D24; }
#content div.column#primary hr { background: #DCD3CB; border: 0; height: 1px; }
#content div.column#primary strong { color: #b20838; }

body.food #content div.column#primary h1, body.food #content div.column#primary h2 { color: #54d753; }
body.entertainment #content div.column#primary h1, body.entertainment #content div.column#primary h2 { color: #65a8ef; }
body.fashion_accessories #content div.column#primary h1, body.fashion_accessories #content div.column#primary h2 { color: #a763ea; }
body.hair_beauty_gifts #content div.column#primary h1, body.hair_beauty_gifts #content div.column#primary h2 { color: #ea60eb; }
body.general_services #content div.column#primary h1, body.general_services #content div.column#primary h2 { color: #E1E121; }

#content div.column#primary .back_to_top { font-size: .8em; margin-bottom: 1em; text-align: right; }
#content div.column#primary .back_to_top a { text-decoration: none; }

/*#content div.column#primary .content { background: url('/images/base/content_bg_inner.jpg') no-repeat 0 0; margin-bottom: 10px; padding-top: 10px; }*/
#content div.column#primary .content { background: url('/images/base/content_bg_inner_2.jpg') no-repeat 0 0; margin-bottom: 10px; padding-top: 10px; } /* ALEX EDIT */
/*#content div.column#primary .content .wrapper { background: #fbfafa url('/images/base/content_bg_inner.jpg') no-repeat 100% 100%; padding: 0 10px 10px; }*/
#content div.column#primary .content .wrapper { background: #fbfafa url('/images/base/content_bg_inner_2.jpg') no-repeat 100% 100%; padding: 0 10px 10px; } /* ALEX EDIT */
#content div.column#primary .content .center { display: block; text-align: center; margin: 1em 0; }
#content div.column#primary .content .left { float: left; margin: 1em; margin-left: 0; }
#content div.column#primary .content .right { float: right; margin: 1em; margin-right: 0; }
#content div.column#primary .content .border a img { border: 2px solid #e0dcd8; }
#content div.column#primary .content .border a:hover img { border: 2px solid #aca196; }

#content div.column#primary .content table.opening_hours th, #content div.column#primary .content table.opening_hours td {
  border: 1px solid #DCD3CB;
  border-left: 0;
  border-right: 0;
}
#content div.column#primary .content table.opening_hours th { padding: 4px 2px; border-left: 0; border-right: 0; background: 0; text-align: left; font-weight: normal; }
#content div.column#primary .content table.opening_hours td { border-left: 0; border-right: 0; padding: 4px 2px; }

#content div.column#primary .content p.read_more { height: 28px; }
#content div.column#primary .content p.read_more a {
  background: url('/images/base/content_read_more.gif') no-repeat 0 0;
  display: block;
  float: right;
  height: 28px;
  overflow: hidden;
  text-indent: -9999px;
  width: 106px;
}
#content div.column#primary .content p.read_more a:hover { background-position: 0 -28px; }

#content div.column#primary .content p.more_info { height: 28px; }
#content div.column#primary .content p.more_info a {
  background: url('/images/base/content_more_info.gif') no-repeat 0 0;
  display: block;
  float: right;
  height: 28px;
  overflow: hidden;
  text-indent: -9999px;
  width: 106px;
}
#content div.column#primary .content p.more_info a:hover { background-position: 0 -28px; }

/* contact details */
#content div.column#primary #contact_details_content .primary, #content div.column#primary #contact_details_content .secondary { width: 257px; }
#content div.column#primary #contact_details_content .primary { float: left; padding-right: 10px; }
#content div.column#primary #contact_details_content .secondary { float: right; padding-left: 11px; }

/* gallery */
#content div.column#primary #gallery_content ul { height: 131px; margin-left: 0; list-style: none; }
#content div.column#primary #gallery_content ul li { float: left; margin-right: 5px; }
#content div.column#primary #gallery_content ul li a { border: 2px solid #e0dcd8; display: inline-block; }
#content div.column#primary #gallery_content ul li a:hover { border-color: #aca196; }

/* directory and shop listing */
#content div.column#primary ul.shop_listing { margin-left: 0; margin-top: .5em; list-style: none; }
#content div.column#primary ul.shop_listing li { border: 1px solid #CAC5C0; border-left: 0; border-right: 0; margin-top: -1px; padding: 10px 0 0; }
#content div.column#primary ul.shop_listing li .primary { float: right; width: 386px; }
#content div.column#primary ul.shop_listing li .secondary { float: left; height: 140px; margin-right: 10px; overflow: hidden; text-align: center; width: 140px; }
#content div.column#primary ul.shop_listing h4 a { color: #E09D24; text-decoration: none; }
#content div.column#primary ul.shop_listing h4 a:hover{ color: #8C1C2A; }
#content div.column#primary div.category_links ul { list-style: none; margin: 0; padding: 0; float: left; margin: 0 5px; }
#content div.column#primary div.category_links ul li { border: 1px solid #B5ADA6; border-left: 0; border-right: 0; margin-bottom: -1px; }
#content div.column#primary div.category_links ul a { display: block; height: 1%; padding: 8px 0; text-decoration: none; width: 258px; }
#content div.column#primary div.category_links ul a:hover { background: #fff; color: #f0b012; }

/* subpage links */
#content  .column#secondary #page_links { font-size: .9em; margin-bottom: 10px; }
#content  .column#secondary #page_links ul { margin: 0; list-style: none; }
#content  .column#secondary #page_links li { border: 1px solid #B5ADA6; border-left: 0; border-right: 0; margin-top: -1px; }
#content  .column#secondary #page_links li a { color: #817B76; display: block; padding: 4px; text-decoration: none; }
#content  .column#secondary #page_links li.selected a { color: #4F4C49; background: #F1F0EE; display: block; padding: 4px; text-decoration: none; } /* ALEX EDIT */
#content  .column#secondary #page_links li a:hover { background: #F1F0EE; color: #4F4C49; }

/* Whats On */
#content #whats_on h1, #content #whats_on h2, #content #whats_on h3 { font-size: 1em; font-weight: bold; }

#content #whats_on h1.title,
#content #whats_on h3.title {
  color: #f0b012;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: .5em;
}
#content #whats_on h2.header {
  background: url('/images/base/header-whats_on.gif') no-repeat 0 0;
  color: #b20838;
  display: block;
  height: 10px;
  font-size: 1.2em;
  margin-bottom: 1em;
  padding: 0;
  text-indent: -9999px;
  width: 96px;
}

#content div.column #whats_on { background: #f4f3f1 url('/images/base/whats_on_bg.gif') no-repeat 0 0; color: #736353; margin-bottom: 10px; padding-top: 10px; }
#content div.column #whats_on .content { background: url('/images/base/whats_on_bg.gif') no-repeat 100% 100%; padding: 0 10px 10px; }
#content div.column #whats_on .item { margin-bottom: 2em; }
#content div.column #whats_on p.more_whats_on { height: 28px; margin-bottom: 1em; }
#content div.column #whats_on p.more_whats_on a { background: url('/images/base/more_whats_on.gif') no-repeat 0 0; display: block; float: right; height: 28px; margin-top: 10px; overflow: hidden; text-indent: -9999px; width: 135px; }
#content div.column #whats_on p.more_whats_on a:hover { background-position: 0 -28px !important; }

#content div.column .previous_page { display: block; height: 36px; width: 192px; margin-bottom: 10px; background: url('/images/base/back_button.gif') no-repeat 0 0; text-indent: -9999px; overflow: hidden; }
#content div.column .previous_page:hover { background-position: 0 -36px !important; }

#content div.column #shop_logo { color: #736353; float: left; margin-bottom: 10px; margin-right: 20px; }

body.index #whats_on { background: #f4f2f1 url('/images/base/whats_on_index_bg.jpg') no-repeat 0 0; color: #938980; float: left; margin-right: 10px; padding-top: 10px; width: 354px; }
body.index#stage1 #whats_on { background: #f4f2f1 url('/images/base/whats_on_index_bg.jpg') no-repeat 0 0; float: right; margin: 0; width: 476px; }
body.index #whats_on .content { background: url('/images/base/whats_on_index_bg.jpg') no-repeat 100% 100%; padding: 0 10px 10px; width: 334px; }
body.index#stage1 #whats_on .content { background: url('/images/base/whats_on_index_bg.jpg') no-repeat 100% 100%; padding: 0 10px 10px; width: 456px; }
body.index #whats_on .primary { float: left; width: 181px; }
body.index#stage1 #whats_on .primary { width: 303px; }
body.index #whats_on .secondary { float: right; min-height:173px; }
body.index #whats_on .image_wrapper { border: 2px solid #e0dcd8; height: 131px; overflow: hidden; position: relative; width: 131px; }
body.index #whats_on a.more_whats_on { background: url('/images/base/more_whats_on.gif') no-repeat 0 0; display: block; height: 28px; margin-top: 10px; overflow: hidden; text-indent: -9999px; width: 135px; }
body.index #whats_on a.more_whats_on:hover { background-position: 0 -28px !important; }

/* noticeboard */
#content div.column #noticeboard { clear: both; }
#content div.column #noticeboard h2 { background: url('/images/base/noticeboard_title.gif') no-repeat 0 0; overflow: hidden; text-indent: -9999px; width: 192px; height: 30px; display: block; margin-bottom: 10px; }

#content div.column #noticeboard ul#noticeboard_select { display: none; height: 40px; list-style: none; margin: 0; position: relative; }
#content div.column #noticeboard ul#noticeboard_select li a { display: block; height: 45px; overflow: hidden; position: absolute; text-indent: -9999px; top: 0; width: 96px; }
#content div.column #noticeboard ul#noticeboard_select li.schools a { background: url('/images/base/noticeboard_select_schools.gif') no-repeat 0 0; left: 0; }
#content div.column #noticeboard ul#noticeboard_select li.community a { background: url('/images/base/noticeboard_select_community.gif') no-repeat 0 0; right: 0; }
#content div.column #noticeboard ul#noticeboard_select li a:hover { background-position: 0 -45px !important; }
#content div.column #noticeboard ul#noticeboard_select li a.active, #content div.column #noticeboard ul#noticeboard_select li a.active:hover { background-position: 0 -90px !important; }

#content div.column #noticeboard div.noticeboard_content { background: #f4f2f1 url('/images/base/index_small_bg.jpg') no-repeat 0 0; margin-bottom: 1em; padding-top: 10px; width: 192px; }
#content div.column #noticeboard div.noticeboard_content .content { background: url('/images/base/index_small_bg.jpg') no-repeat 100% 100%; padding: 0 10px 10px; }
#content div.column #noticeboard div.noticeboard_content h2.header { display: block; height: 10px; margin-bottom: 1em; overflow: hidden; text-indent: -9999px; }
#content div.column #noticeboard div.noticeboard_content h3.title { background: #cbc3bd url('/images/base/index_small_title_bg.gif') no-repeat 0 0; height: 1%; margin-bottom: .5em; }
#content div.column #noticeboard div.noticeboard_content h3.title span { background: url('/images/base/index_small_title_bg.gif') no-repeat 100% 100%; display: block; }
#content div.column #noticeboard div.noticeboard_content h3.title a { background: url('/images/base/title_link_arrow.gif') no-repeat 155px 50%; color: #fff; display: block; padding: 5px; padding-right: 10px; text-decoration: none; }
#content div.column #noticeboard div.noticeboard_content h3.title a:hover { color: #787169; }
#content div.column #noticeboard div.noticeboard_content h3.hover { background: #f0b310 url('/images/base/index_small_title_bg_orange.gif') no-repeat 0 0; }
#content div.column #noticeboard div.noticeboard_content h3.hover span { background: url('/images/base/index_small_title_bg_orange.gif') no-repeat 100% 100%; }
#content div.column #noticeboard div.noticeboard_content h3.hover a { background: url('/images/base/title_link_arrow_orange.gif') no-repeat 155px 50%; }
#content div.column #noticeboard div.noticeboard_content h3.hover a:hover { color: #fff; }
#content div.column #noticeboard div.noticeboard_content h4 { color: #F0B012; }
#content div.column #noticeboard div.noticeboard_content p.more { height: 38px; }
#content div.column #noticeboard div.noticeboard_content p.more a { display: block; float: right; height: 28px; margin-top: 10px; overflow: hidden; text-align: left; text-indent: -9999px; }
#content div.column #noticeboard div.noticeboard_content p.more a:hover { background-position: 0 -28px !important; }
#content div.column #noticeboard div.noticeboard_content div.notice { margin-bottom: 1em; }

#content div.column #noticeboard div.noticeboard_content#community_noticeboard p.more a { background: url('/images/base/more_community.gif') no-repeat 0 0; width: 155px; }
#content div.column #noticeboard div.noticeboard_content#schools_noticeboard p.more a { background: url('/images/base/more_schools.gif') no-repeat 0 0; width: 135px; }

/* whats on / specials */
#content div.column #whats_on_specials ul#whats_on_specials_select { display: none; height: 40px; list-style: none; margin: 0; position: relative; }
#content div.column #whats_on_specials ul#whats_on_specials_select li a { display: block; height: 45px; overflow: hidden; position: absolute; text-indent: -9999px; top: 0; width: 96px; }
#content div.column #whats_on_specials ul#whats_on_specials_select li.specials a { background: url('/images/base/specials_select.gif') no-repeat 0 0; right: 0; }
#content div.column #whats_on_specials ul#whats_on_specials_select li.whats_on a { background: url('/images/base/whats_on_select.gif') no-repeat 0 0; left: 0; }
#content div.column #whats_on_specials ul#whats_on_specials_select li a:hover { background-position: 0 -45px !important; }
#content div.column #whats_on_specials ul#whats_on_specials_select li a.active, #content div.column #noticeboard ul#noticeboard_select li a.active:hover { background-position: 0 -90px !important; }

#content div.column #whats_on_specials div.whats_on_specials_content { background: #f4f2f1 url('/images/base/index_small_bg.jpg') no-repeat 0 0; float: left; margin-bottom: 10px; margin-right: 10px; padding-top: 10px; width: 192px; }
#content div.column #whats_on_specials div.whats_on_specials_content .content { background: url('/images/base/index_small_bg.jpg') no-repeat 100% 100%; padding: 0 10px 10px; }
#content div.column #whats_on_specials div.whats_on_specials_content h2.header { display: block; height: 10px; margin-bottom: 10px; overflow: hidden; text-indent: -9999px; }
#content div.column #whats_on_specials div.whats_on_specials_content h3.title { background: #cbc3bd url('/images/base/index_small_title_bg.gif') no-repeat 0 0; height: 1%; margin-bottom: .5em; }
#content div.column #whats_on_specials div.whats_on_specials_content h3.title span { background: url('/images/base/index_small_title_bg.gif') no-repeat 100% 100%; display: block; }
#content div.column #whats_on_specials div.whats_on_specials_content h3.title a { background: url('/images/base/title_link_arrow.gif') no-repeat 155px 50%; color: #fff; display: block; padding: 5px; padding-right: 10px; text-decoration: none; }
#content div.column #whats_on_specials div.whats_on_specials_content h3.title a:hover { color: #787169; }
#content div.column #whats_on_specials div.whats_on_specials_content h3.hover { background: #f0b310 url('/images/base/index_small_title_bg_orange.gif') no-repeat 0 0; }
#content div.column #whats_on_specials div.whats_on_specials_content h3.hover span { background: url('/images/base/index_small_title_bg_orange.gif') no-repeat 100% 100%; }
#content div.column #whats_on_specials div.whats_on_specials_content h3.hover a { background: url('/images/base/title_link_arrow_orange.gif') no-repeat 155px 50%; }
#content div.column #whats_on_specials div.whats_on_specials_content h3.hover a:hover { color: #fff; }
#content div.column #whats_on_specials div.whats_on_specials_content h4 { color: #F0B012; }
#content div.column #whats_on_specials div.whats_on_specials_content p.more { height: 38px; }
#content div.column #whats_on_specials div.whats_on_specials_content p.more a { display: block; float: right; height: 28px; margin-top: 10px; overflow: hidden; text-align: left; text-indent: -9999px; }
#content div.column #whats_on_specials div.whats_on_specials_content p.more a:hover { background-position: 0 -28px !important; }
#content div.column #whats_on_specials div.whats_on_specials_content .item { margin-bottom: 1em; }

#content div.column #whats_on_specials div.whats_on_specials_content#whats_on h3.title { background: none; }
#content div.column #whats_on_specials div.whats_on_specials_content#whats_on p.more a { background: url('/images/base/more_whats_on.gif') no-repeat 0 0; width: 135px; }
#content div.column #whats_on_specials div.whats_on_specials_content#specials p.more a { background: url('/images/base/more_specials.gif') no-repeat 0 0; width: 135px; }


/* enter_competition */
#enter_competition a { display: block; overflow: hidden; text-indent: -9999px; }

#content div.column #enter_competition { margin-bottom: 10px; }
/*#content div.column #enter_competition a { background: url('/images/base/competition_enter_side.jpg') no-repeat 0 0; height: 272px; width: 192px; }*/
#content div.column #enter_competition a { background: url('/images/register_banner_content_v2.gif') no-repeat 0 0; height: 272px; width: 192px; }

body.index #enter_competition { height: 110px; margin-bottom: 8px; position: relative; }
body.index #enter_competition a { background: url('/images/register_banner_home_v2.gif') no-repeat 0 0; height: 141px; left: 0; position: absolute; width: 476px; }
body.index #please_select_competition { display: none; }

/* get to southlands */
#get_to_southlands a { display: block; overflow: hidden; text-indent: -9999px; }

#content div.column #get_to_southlands a { background: url('/images/base/get_to_southlands_side.jpg') no-repeat 0 0; height: 166px; margin-bottom: 10px; width: 192px; }
body.index#stage1 #get_to_southlands a { background: url('/images/base/get_to_southlands_index.jpg') no-repeat 0 0; height: 75px; margin-top: 0; width: 476px; }
body.index #get_to_southlands a { background: url('/images/base/get_to_southlands_index_large.jpg') no-repeat 0 0; clear: both; height: 64px; margin-top: .5em; width: 960px; }

/* index generic */
body.index .call { float: left; width: 476px; }
body.index #content .index_wrap { background: #f4f2f1 url('/images/base/index_small_bg.jpg') no-repeat 0 0; float: left; margin-bottom: 1em; margin-right: 10px; padding-top: 10px; width: 192px; }
body.index #content .index_wrap .content { background: url('/images/base/index_small_bg.jpg') no-repeat 100% 100%; padding: 0 10px 10px; }
body.index #content .index_wrap h2.header { display: block; height: 10px; margin-bottom: 1em; overflow: hidden; text-indent: -9999px; }
body.index #content .index_wrap h3.title { background: #cbc3bd url('/images/base/index_small_title_bg.gif') no-repeat 0 0; display: block; margin-bottom: .5em; }
body.index #content .index_wrap h3.title span { background: url('/images/base/index_small_title_bg.gif') no-repeat 100% 100%; display: block; }
body.index #content .index_wrap h3.title a { background: url('/images/base/title_link_arrow.gif') no-repeat 155px 50%; color: #fff; display: block; padding: 5px; padding-right: 10px; text-decoration: none; }
body.index #content .index_wrap h3.title a:hover { color: #787169; }
body.index #content .index_wrap h3.hover { background: #f0b310 url('/images/base/index_small_title_bg_orange.gif') no-repeat 0 0; }
body.index #content .index_wrap h3.hover span { background: url('/images/base/index_small_title_bg_orange.gif') no-repeat 100% 100%; }
body.index #content .index_wrap h3.hover a { background: url('/images/base/title_link_arrow_orange.gif') no-repeat 155px 50%; }
body.index #content .index_wrap h3.hover a:hover { color: #fff; }
body.index #content .index_wrap h4 { color: #F0B012; }
body.index #content .index_wrap p.more { height: 38px; }
body.index #content .index_wrap p.more a { display: block; float: right; height: 28px; margin-top: 10px; overflow: hidden; text-align: left; text-indent: -9999px; }
body.index #content .index_wrap p.more a:hover { background-position: 0 -28px !important; }

/* community noticeboard */
#community h2.header { background: url('/images/base/header_community.gif') no-repeat 0 0; width: 101px; }
#community p.more a { background: url('/images/base/more_community.gif') no-repeat 0 0; width: 155px; }

/* schools noticeboard */
#schools h2.header { background: url('/images/base/header_schools.gif') no-repeat 0 0; width: 79px; }
#schools p.more a { background: url('/images/base/more_schools.gif') no-repeat 0 0; width: 135px; }

/* latest special */
body.index #content .index_wrap#latest_special { margin-right: 0; }
#latest_special h2.header { background: url('/images/base/header_latest_special.gif') no-repeat 0 0; width: 139px; }
#latest_special p.more a { background: url('/images/base/more_specials.gif') no-repeat 0 0; width: 135px; }

/* enter competition */
#content div.column #competition_type_select { height: 66px; margin-top: -10px; padding: 10px 0; position: relative; }
#content div.column #competition_type_select ul { list-style: none; margin: 0; }
#content div.column #competition_type_select li a { display: block; height: 66px; overflow: hidden; position: absolute; text-indent: -9999px; width: 274px; }
#content div.column #competition_type_select li a.active, #content div.column #competition_type_select li a:hover { background-position: 0 -66px !important; height: 81px; z-index: 2; }
#content div.column #competition_type_select li.competition_500 a { background: url('/images/base/competition_500_button.jpg') no-repeat 0 0; left: 0; top: 10px; }
#content div.column #competition_type_select li.competition_1000 a { background: url('/images/base/competition_1000_button.jpg') no-repeat 100% 0; right: 0; top: 10px; }
#content div.column #competition_type_select div.or { background: url('/images/base/competition_or_circle.gif') no-repeat 0 0; height: 34px; left: 50%; margin-left: -17px; position: absolute; top: 26px; width: 34px; z-index: 3; }
#content div.column #competition_type_select div.or#comp500 { background-position: 0 -34px; }
#content div.column #competition_type_select div.or#comp1000 { background-position: 0 -68px; }

#content div.column#primary fieldset ol { list-style: none; margin-left: 0; margin-bottom: 0; } /* ALEX EDIT - form style removed */
#content div.column#primary fieldset ol li { border-bottom: 1px solid #eae9e9; padding: 10px 0; } /* ALEX EDIT - form style removed */
#content div.column#primary fieldset ol li span { border: 2px solid #eae9e9; display: inline-block; } /* ALEX EDIT - form style removed */
#content div.column#primary fieldset ol li span input { border: 1px solid #b3aba2; padding: 4px; } /* ALEX EDIT - form style removed */
#content div.column#primary fieldset ol li span input, #content div.column #competition_form fieldset ol li span textarea { font-family: inherit; font-size: inherit; } /* ALEX EDIT - form style removed */
#content div.column#primary fieldset label { display: inline-block; width: 200px; vertical-align: top; padding-top: 3px; } /* ALEX EDIT - form style removed */
#content div.column#primary fieldset fieldset { border: none; margin: 3px 0 0; } /* ALEX EDIT - form style removed */
#content div.column#primary fieldset fieldset legend { padding: 0 0 5px; font-weight: normal; } /* ALEX EDIT - form style removed */
#content div.column#primary fieldset fieldset label { display: block; margin-left: 200px; width: auto; vertical-align: top; } /* ALEX EDIT - form style removed */
#content div.column#primary fieldset em { font-weight: bold; font-style: normal; color: #f00; } /* ALEX EDIT - form style removed */
#content div.column#primary fieldset ul.column { margin: 0 10px; list-style: none; float: left; width: 248px; text-align:left; } /* ALEX EDIT - form style removed, text-align:left */
#content div.column#primary fieldset ul.column li { border: 0; } /* ALEX EDIT - form style removed */
#content div.column#primary fieldset ul.column label { margin-left: 0; } /* ALEX EDIT - form style removed */
#content div.column#primary fieldset ol li.submit input { margin-left: 200px; } /* ALEX EDIT - form style removed */

/* breadcrumbs */
#content div.column#primary #breadcrumbs { font-size: .9em; margin-bottom: 10px; }

/* footer */
#footer {
  background: url('/images/base/footer_bg.jpg') no-repeat 0 0;
  color: #706961;
  height: 34px;
  margin: 20px 0;
  padding-left: 46px;
}
#footer ul { font-size: 1.1em; }
#footer ul li { display: inline; margin-right: 10px;  }
#footer ul li a { color: #443e37; }
#footer ul li a:hover { color: #b20838; }

/* Login page */
body#login_page { background: #d4cfc9; }
body#login_page #container { background: #f3f2f0; border: 1px solid #aca39a; color: #736353; font-size: 1.3em; margin: 50px auto 0; padding: 10px 20px 20px; width: 368px; }
body#login_page .instructions { margin-bottom: 10px; }
body#login_page .instructions h1 { margin-bottom: .5em; font-size: 1.5em; }

body#login_page fieldset form ol { list-style: none; margin-left: 0; margin-bottom: 0; }
body#login_page fieldset form ol li { border-bottom: 1px solid #eae9e9; padding: 10px 0; }
body#login_page fieldset form ol li.submit input { margin-left: 200px; }
body#login_page fieldset form ol li span { border: 2px solid #eae9e9; display: inline-block; }
body#login_page fieldset form ol li span input { border: 1px solid #b3aba2; padding: 4px; }
body#login_page fieldset form ol li span input, #content div.column #competition_form fieldset form ol li span textarea { font-family: inherit; font-size: inherit; }
body#login_page fieldset form label { display: inline-block; width: 200px; }
body#login_page fieldset fieldset { border: none; margin: 3px 0 0; }
body#login_page fieldset fieldset legend { padding: 0 0 5px; font-weight: normal; }
body#login_page fieldset fieldset label { display: block; margin-left: 200px; width: auto; }
body#login_page fieldset form em { font-weight: bold; font-style: normal; color: #f00; }
body#login_page fieldset form ul.column { margin: 0 10px; list-style: none; float: left; width: 248px; text-align: center; }
body#login_page fieldset form ul.column li { border: 0; }
body#login_page fieldset form ul.column label { margin-left: 0; }

/* Logged In */
body.logged_in { background-position: 0 -100px; }
body.logged_in #header { width: 368px; margin: 0 auto 30px; }
#content div.column#primary #articles_list th.check { width: 8%; }
#content div.column#primary #articles_list th.title { width: 40%; }
#content div.column#primary #articles_list th.end_date { width: 35%; }
#content div.column#primary #articles_list ul.actions { list-style: none; margin: 0; padding: 0; top: 5px; position: relative; }
#content div.column#primary #articles_list ul.actions li { float: left; margin-right: 4px; }
#content div.column#primary #articles_list ul.actions li a { display: block; text-indent: -9999px; overflow: hidden; height: 20px; width: 20px; background: red; }
#content div.column#primary #articles_list ul.actions li a.view { background: url('/images/base/view_icon.gif') no-repeat 50% 50%; }
#content div.column#primary #articles_list ul.actions li a.edit { background: url('/images/base/edit_icon.gif') no-repeat 50% 50%; }
#content div.column#primary #articles_list ul.actions li a.delete { background: url('/images/base/delete_icon.gif') no-repeat 50% 50%; }

/* ---------- New ---------- */ 
#content div.column#primary_2 { padding: 0 202px 1px; width: 556px; }
#content div.column#secondary_2 { margin-left: -192px; margin-top: 206px; }
#content div.column#primary .content .wrapper_2 { background: #fbfafa url('/images/base/content_bg_inner_2.jpg') no-repeat 100% 100%; padding: 0 10px 10px; }

/* ---------------------- New --------------------------- */
#header #logo_v2 a { background: url('/images/logo_southlands.gif') no-repeat 0 0; display: block; float: left; height: 102px; overflow: hidden; text-indent: -9999px; width: 368px; }
#header #register_banner a { background: url('/images/register_banner_top_v2.gif') no-repeat 0 0; }
#new_home_banners { margin: 0; padding: 0; width: 476px; }
#new_home_banners img { float: left; display: inline; margin: 0 0 8px 0; }