body { font-family: arial, verdana, sans-serif; font-size: 0.8125em; margin: 0px; padding: 0px; background: url('/images/head_bg.png') repeat-x; }

/* ----- Standard Elements ----- */
hr
{
  background-color: #eee;
  height: 1px;
  border: none;
}
h1 { font-size: 1.4em; margin: .5em; padding: 0px; color: #666; font-family: "century gothic", arial, sans-serif; clear: both; }
h2 { font-size: 1.2em; margin: .5em; padding: 0px; color: #666; font-family: "century gothic", arial, sans-serif; clear: both;  }
h3 { font-size: 1.1em; margin: .5em; padding: 0px; color: #666; font-family: "century gothic", arial, sans-serif; clear: both; float: left; width: 100%;}
h3.faq
{
  border-bottom: 1px solid #F1F0ED;
  padding-bottom: 10px;
  width: 98%;
  margin: 0 0.5em;
  cursor: pointer;
  font-weight: normal;
  font-family: arial;
}
h4 { font-size: 1.1em; margin: .6em; padding: 0px; color: #666; font-family: "century gothic", arial, sans-serif; clear: both; }
h5 { font-size: 1em; margin: .5em; padding: 0px; color: #666; font-family: "century gothic", arial, sans-serif; clear: both; }
h6 { font-size: 1em; margin: .5em; padding: 0px; color: #666; font-family: "century gothic", arial, sans-serif; clear: both;}

a { color: #0066A1; text-decoration: none; }
a:visited { color: #0066A1; }
a:hover { text-decoration: underline; }

.btn { background: url("/images/highlightBg.png") repeat-x scroll 0 50% transparent; border-bottom: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px;  border-right: 1px solid #CCCCCC;
    color: #000000; font-family: 'Segoe UI',Arial;  font-weight: bold;  outline: medium none; padding: 4px !important;}

fieldset, dl, dd, img
{
  border: none;
  margin: 0px;
  padding: 0px;
}

legend
{
  width: 100%;
}

th, td, caption
{
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}


span#rblPriority, span#rblLocationType
{
  float: left;
  width: 68%;
}

span#rblPriority label
{
  width: 14%;
  margin: 0px;
  padding: 0px;
}

span#rblLocationType label, label#lblSelector
{
  width: 93%;
  margin: 0px;
  padding: 0px;
}

span#rblPriority input, span#rblLocationType input
{

  float: left;
  padding: 0px;
  margin: 0px 6px 0px 0px;
}


#wrapper.main, #wrapper.foot  
{
  margin: 0 auto;
  width: 960px;
}
#wrapper.main
{
  margin-top: 1.25%;
}
.container
{
  border: 0px;
  border-radius: 8px 8px 0 0;
  border: 3px solid #fff;
  border-bottom: 0px;
  box-shadow: 0 4px 8px #6B6B6B;
  -moz-border-radius: 8px 8px 0 0;
  background: #FFFFFF;
  behavior: url('http://www.sthelens.gov.uk/css/PIE.htc');
  float: left;  
  width: 100%;
}

/* ----- Header ----- */
header
{  
  display: block;
  border-bottom: 3px solid #FFFFFF;
  border-radius: 8px 8px 0 0;
  background: url('/images/header_main_nav.png');
  behavior: url('http://www.sthelens.gov.uk/css/PIE.htc');
  float: left;
  width: 100%;
  height: 8.385em;
}
header ul { list-style: none; margin: 0; }
header ul li { float: left; margin: 5px 0; width: 24.5%; text-align: center;  padding: 40px 0; background: url('/images/main_nav_seperator.gif') no-repeat right center; }
header ul li.last { background: none; }
.logo
{
  float: left;
  width: 41.66%;
  margin: 0 0.769em;
}
.logo a { background: url("/images/crest.png") no-repeat scroll 0 0 transparent;  display: block;  height: 8.077em; left: 0.769em; position: relative; text-indent: -9999px; width: 50%; top: 5px;}
nav.header-nav
{
  width: 52.08%;
  float: right;
  display: block;
}
.header-nav a {  color: #2B2B2B; }

#cookieMessage { background-color: #333333; border-bottom: 1px solid #111111; box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset, 0 30px 40px rgba(255, 255, 255, 0.09) inset, 0 -50px 10px rgba(0, 0, 0, 0.5);
    margin: 0;  overflow: auto;  padding-bottom: 10px; padding-top: 10px;  width: 100%;  }

#cookieMessage p, #cookieMessage form {  color: white;font-size: 13px; margin: 10px auto; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  width: 940px; }

#cookieMessage p a { color: #06d1f6; }

#cookieMessage input[type=button] { background: #06d1f6; border: 0px; padding: 5px;}

/* ----- Topbar Navigation Menu ----- */
nav.topbar { height: 2.154em; background: url('/images/topbar_nav_bg.png') repeat-x; border-bottom: 1px solid #2D2D2D; float: left; width: 100%; }
nav.topbar div.search { float: right; margin: 0.231em 0.385em 0.231em 0; }
nav.topbar div.search input[type="text"] {  background: url("/images/search-icon.png") no-repeat scroll 0.385em 0.077em #FFFFFF;  border: medium none; border-radius: 8px 0 0 8px; display: inline-block; padding-left: 1.923em; }
nav.topbar div.search input[type="submit"] { background: none repeat scroll 0 0 #CC0000; border: 0 none;  border-radius: 0 8px 8px 0; color: #FFFFFF; margin-top: 1px;   }

/* ----- Bottom Bar Navigation ----- */
nav.bottombar { height: 1.769em; background: #4b4b4b; border-bottom: 1px solid #2D2D2D; float: left; width: 100%; }
nav.bottombar ul.main { float: right; }

/* ----- Shared Navigation ----- */
nav.topbar ul, nav.bottombar ul.main{ list-style: none; margin: 0 0 0 0.385em; padding: 0px; }
nav.topbar ul li, nav.bottombar ul.main li { float: left; position: relative; z-index: 1000; height: 1.769em; }
nav.topbar ul li a, nav.bottombar ul.main li a { border-left: 1px solid #2D2D2D; border-right: 1px solid #6B6B6B; color: #FFFFFF; float: left; margin: 0.385em 0; padding: 0 1.154em; }

nav.bottombar ul.main li a { padding: 0 2.308em; }
nav.bottombar ul.main li ul.sub {background: none repeat scroll 0 0 #2B2B2B; list-style: none; border-radius: 0 0 8px 8px; display: none; float: left; left: 0; margin: 0; padding: 0.769em 0; position: absolute; top: 1.769em; z-index: 2;  }
nav.bottombar ul.main li ul.sub li { display: block; padding: 0 0.385em !important; width: 200px; }
nav.bottombar ul.main li ul.sub li a { border: none; padding: 0px !important; }

nav.topbar ul li a.first, nav.bottombar ul.main li a.first { border-left: medium none;}
nav.topbar ul li a.last, nav.bottombar ul.main li a.last{ border-right: medium none;}

/* ----- Features ----- */
#features { height: 16.88em; border-bottom: 1px solid #585858; float: left; width: 100%;}

/* ----- Homepage Content ----- */
#content { margin: 0.769em 0 0 0; padding-bottom: 0.769em; background: url('/images/content_bg.gif') repeat-x #EAEAEA;  float: left; width: 100%; }
#content article { font-size: 0.99em; margin: 0.385em 0.769em; color: #666666; width: 30.4%; float: left;}
#content article h2 {font-size: 1.4em; margin: 0.385em 0; }
#content article h2 a { color: #666666; }
#content article a { color: #555555; }
.newsletter { margin: 0.615em 0; padding: 0 0.769em; background: #fff; border-radius: 5px 0 0 5px; float: right; width: 22.3%;}
.newsletter img
{
  border: 0px;
}
article.lnl
{
  width: 100% !important;
  margin: 0px !important;
  padding: 0px !important;
}
section#feature-switcher { position: relative; float: left; height: 16.615em; width: 65%;   border-bottom: 1px solid #585858; overflow: hidden; }
div#feature-tab-container{ position: relative; float: left; width: 33.4%; height: 16.615em; background-color: #585858; padding-bottom: 2.231em; z-index: 2;  }

div#feature-tab-container div { display: block; width: 100%; height: 3.538em; border-bottom: 1px solid #3a3a3a; color: #fff; font-style: italic; font-weight: bold; text-indent: 0.385em;}
div#feature-tab-container div a { display: block; width: 106%; height: 3em; padding: 0.769em 0; color: #fff; font-size: 0.9em; }
div#feature-tab-container div a.current { background: url('/images/arrow.png') no-repeat;   }
div#feature-tab-container div span { position: relative; float: right; background: #000; height: 1.538em; margin: 0.538em 0 0 0; -moz-border-radius: 0px 20px 20px 0px; top: -3.538em; right: 0; visibility: hidden; width: 50px; }
section#feature-switcher div#feature-image-container { position: relative; float: right; right: 0; width: 66.6%; }
section#feature-switcher div#feature-image-container img
{
  width: 100%;
}
section#articles
{
  width: 73.38%;
  float: left;
}
span.more { position: absolute; bottom: 0px; right: 0px; color: #fff; background: #000; padding: 0.615em; border-radius: 5px 0 0 0;  border-right: 0px; border-bottom: 0px;}
span.more a { color: #fff; }


section#function-switcher { position: relative;  float: left; height: 16.615em; width: 35%; background: url('/images/function_bg.png') repeat-x; border-bottom: 1px solid #585858; }
section#function-switcher article { margin: 0 0 0 3.692em; width: 80%; color: #ffffff; float: left; }
section#function-switcher div.form { margin: 0.769em 0; }
section#function-switcher div.form input[type=text] { padding-left: 1.923em; border: none; -moz-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px; background: url('/images/search-icon.png') 0.385em 0.077em no-repeat  #ffffff;  }
section#function-switcher div.form input[type=submit] {margin-top: 0.077em; width: 9%;  background: #cc0000; border: 0px;  -moz-border-radius: 0 8px 8px 0; border-radius:  0 8px 8px 0; color: #fff; }
section#function-switcher h2, aside#function-switcher p { display: block; color: #fff; margin: 2em 0;}
/*
section#archive { position: relative;  float: left; height: 16.615em; width: 341px; background: url('/images/archive_bg.png') repeat-x; border-bottom: 1px solid #585858; }
section#archive h2 { display: block; color: #2b2b2b; margin: 5px 15px; }
section#archive ul { margin: 15px; padding: 0; list-style: none;  }
section#archive ul li { margin: 0; padding: 0; font-size: 0.9em; color: #2b2b2b; }
section#archive a.full { position: absolute; right: 3px; top: 105px;}
*/

/* ----- Page Content ----- */
div#content-container { float: left; background: #FBFAF7; width: 100%; }
section#page { margin: 0.769em; background: #fff; border: 1px solid #F1F0FD; float: left; width: 66.7%; }
section#page ul, section#page ol { margin: 0 2.308em 1.154em 2.308em; padding: 0px; }

section#page p, section#page_full p, section#page table, section#page_full table { margin:1.25em .8em; }

section#page article, section#page_full article { margin: 0.5em 0.769em; float: left; width: 97.9% }
section#page div.paging { margin: 0.385em .9em;  }
section#page ul.gallery { list-style-type: none; margin: 0 1em; }
section#page ul.gallery li { float: left; width: 31.7%; margin: 0 0.769em 0.769em 0;}
section#page nav#a-z { margin: 0 0.5em 1em 0.5em; border: 1px solid #F1F0ED; border-radius: 5px 5px 5px 5px; padding: 0.385em; float: left; }
section#page nav#a-z a { display: inline-block; padding: 0.154em 0.385em; border: 1px solid #ccc; background: #F1F0ED; border-radius: 3px; }
section#page div.azDivider { margin: 0 .6em; background: #f1f0ed; padding: 0.769em 0; text-indent: 0.385em; font-weight: bold; font-size: 1.2em;}
section#page div.azEntry { margin: 0 1em 1em 1em; padding: 0.769em 0; border-bottom: 1px solid #ccc; }

/*
article#content-feature { float: left; width: 625px; border: 1px solid #ccc; border-radius: 8px; -moz-border-radius: 8px; behavior: url('http://sthelensub01.bsky.net/css/PIE.htc');  }
article#content-feature div.left { float: left; width: 300px; margin-right: 5px;  }
article#content-feature div.left img { padding: 5px; }
article#content-feature div.right { float: left; width: 300px; margin-left: 5px;  }
*/

div.captcha { margin: 0; }
div.pad
{
  margin: 0.385em 0;
  float: left;
  width: 100%;
}
div.pad label
{
  width: 27.5%;
  float: left;
  margin: 0 0.769em;
}

article img[style*="left"] {
  margin-right: 20px;
  margin-bottom: 10px;
}

article img[style*="right"] {
  margin-left: 20px;
}


div.errors { color: #cc0000; margin-bottom: 0.385em; margin-left: 0.769em; font-weight: bold; }
div.errors li { font-weight: normal; }

section#sidebar { margin-top: 0.769em; margin-left: 0.769em; float: left; width: 29.2%; }
div.sb { background-color: #FFFFFF;border: 1px solid #F0EFEC; border-radius: 8px 8px 8px 8px; float: left; margin-bottom: 0.769em; width: 100%; padding: 0 0 0.769em 0; }
div.sb .title { display: block; color: #CC0000; margin: 0.385em 0.385em; font-size: 1.2em; font-weight: bold; }
div.sb p { margin: .5em; }
div.sb form { margin: .5em; }
div.sb div#stars-wrapper { margin: 0.769em 0; }
div.sb ul, div.sb ol { margin: 1em 2em; padding: 0px; list-style-image: url('/images/bullet.png'); }
div.sb ul li, div.sb ol li { color: #cc0000; margin: 0.385em 0; }
div.sb ul li a, div.sb ol li a { color: #2b2b2b; }
div.sb div.rating { float: left; }
div.sb div.rating p { clear: both; }
div.sb div.rating strong { display: block; margin: 0.385em; }
div.sb div#stars-wrapper { float: left;  margin: 0.385em; }
div.sb span#stars-rating { float: left; margin-top: 0.462em; }

ul#what-we-do li {  list-style-image: url('/images/bullet.png'); padding: 0.385em 0;  }

/* ------ Theme Styles ----- */
article#theme p { margin: 1.25em .5em; }
section#sections { float: left; background: url('/images/content_bg.gif') repeat-x #EAEAEA; padding: 0.769em 0; width: 100%; }
section#sections span.title { display: none; }

section#sections div.rating { float: left; margin: 0.769em; width: 40%; }
section#sections div#stars-wrapper { float: left; width: 100%; margin: 0.385em 0; }

section#sections  .section-box { float: left; padding: 0.385em; margin: 0.769em 0.385em;  height: 12.931em; background: #FFFFFF; border-radius: 8px 8px 8px 8px;  -moz-border-radius: 8px 8px 8px 8px; width: 31.25%;  }
section#sections .section-box a { color: #2b2b2b; }
section#sections .section-box .title { display: block; color: #CC0000; margin: 0px; font-size: 1.4em; }
section#sections .section-box .title a { color: #CC0000; }
.section-box ul { padding: 0; margin: 0 25px; }
.archive dl { float: left; width: 100%; padding: 0px; margin: 0px; }
.archive dd { float: left; width: 33%; }
.archive a { float: left; position: relative; top: 0.615em; }

/* ------ Shared Content ----- */

section#breadcrumb { float: left; margin: .5em 0; border-bottom: 1px solid #F1F0ED; width: 100%;}
section#breadcrumb ul { margin: 0 .5em 1.25em .7em; padding: 0px; list-style: none; }
section#breadcrumb  ul li { background: url("/images/breadcrumb-arrow.png") no-repeat  scroll right center transparent; float: left; margin: 0.385em 0;  padding: 0  1.538em 0 0; }
section#breadcrumb ul li.selected { background: none; color: #cc0000; }
section#breadcrumb ul li a { color: #000000; }

section#relatedSections  {background: none repeat scroll 0 0 #FBFAF7; border-radius: 8px 8px 8px  8px; border: 1px solid #F1F0ED; margin: 0.769em 0.462em; padding: 0.385em 0; float: left; width: 98%;  }
section#relatedSections ul { margin: 0; padding: 0; list-style: none; }
section#relatedSections ul li { display: inline; height: 1.923em; padding: 0.385em 1.154em; }
.relatedSections_mob
{
  display: none;
}

section#location  { background: none repeat scroll 0 0 #FBFAF7; border: 1px solid  #F1F0ED;border-radius: 8px 8px 8px 8px; margin: 0.769em 0.462em; float: left; width: 97%; }
section#location span.header { display: block; padding: 0.385em 0.385em 0.769em 0.385em; font-size: 1.6em; color: #cc0000;  }

section#bookmarking, section#onlineServices, section#media, section#comments,section.box, section#captcha, section#documents, section#usefulLinks, div.box{ background: none repeat scroll 0 0 #FBFAF7; border:  1px solid #F1F0ED;border-radius: 8px 8px 8px 8px; margin: 0.5em 0.769em; float: left; width: 96.6%;}
section#bookmarking  span, section#onlineServices span, section#media span, section#comments  span, section.box span, section#captcha span, section#documents span, section#usefulLinks span, div.box span, span.title { display: block; padding: 0.385em 0.385em 0.769em 0.385em;  font-size: 1.6em; color: #cc0000; }
section#bookmarking  span a, section#onlineServices span a, section#media span a,  section#comments span a, section.box span a, section#captcha span a, section#documents span a, section#usefulLinks span a, div.box span a { color: #cc0000; }
section#bookmarking nav { display: block; padding: 0.385em; float: left; }
section#bookmarking p { padding: 0.769em 0; margin: 1.25em .5em 1.25em .5em; font-size: 0.9em; color: #666; }
section#bookmarking nav a { float: left; padding: 0 2.692em 0 1.538em; color: #555555; }
section#bookmarking nav a.delicious { background: url('/images/bookmark-sprite.png') no-repeat 0 0; }
section#bookmarking nav a.digg{ background: url('/images/bookmark-sprite.png') no-repeat 0 -1.231em; }
section#bookmarking nav a.facebook{ background: url('/images/bookmark-sprite.png') no-repeat 0 -2.462em; }
section#bookmarking nav a.reddit{ background: url('/images/bookmark-sprite.png') no-repeat 0 -3.692em; }
section#bookmarking nav a.stumbleupon{ background: url('/images/bookmark-sprite.png') no-repeat 0 -5.077em; }
section#bookmarking nav a.twitter{ background: url('/images/bookmark-sprite.png') no-repeat 0 -6.308em; }
section#comments input, textarea
{
  width: 64%;
}

div.box ul { margin: 1em 2em; list-style-image: url('/images/bullet.png'); }

/* ----- Footer ----- */
footer { height: 56px; background: url('/images/footer_bg.png') repeat-x; float: left; width: 100%;}
footer span { float: left; margin: 1.538em 0.385em; color: #fff; }
nav#footer-nav {float: left; margin: 1.538em 0; width: 56.3%; text-align: center; }
nav#footer-nav a { display:inline-block; color: #fff;}
nav#social {float: right;}
nav#social a {display: inline-block; margin: 0.769em 0 0 0; }
nav#social a img { border: 0px; }

table.ctax-charges { border: 1px solid #f1f0ed; width: 96%; background: #FBFAF7; }
table.ctax-charges caption { color: #cc0000; font-size: 1.3em; margin: 0 0 0.385em 0; }
table.ctax-charges th.header-column { color: #cc0000; font-size: 1.1em; }
table.ctax-charges th {padding: 0.231em 0.154em; color: #333333; font-weight: bold; border-right: 1px solid #f1f0ed; }
table.ctax-charges td {border-right: 1px solid #f1f0ed; padding: 0.231em 0.154em; color: #666; background-image: url('/images/sep.png'); background-position: bottom; background-repeat: repeat-x;}
table.ctax-charges td.rowlast { border: none; }
table.ctax-charges td.last { background: none; }

.reportIt table { border: 0px; width: auto; }
.reportIt table th { border: 0px; }
.reportIt table td { border: 0px; background: none; }

table { border: 1px solid #f1f0ed; width: 96% ;background: #FBFAF7; }
table caption { color: #cc0000; font-size: 1.3em; margin: 0 0 0.385em 0; }
table th {padding: 0.231em 0.154em;  color: #333333; font-weight: bold; border-right: 1px solid #f1f0ed;}
table td {padding: 0.615em 0.462em; color: #666; background-image: url('/images/sep.png'); background-position: bottom; background-repeat: repeat-x;}
table td.last { background: none; }

/*
div.counciltaxemptyproperty fieldset { border: 1px solid #e4e2db; padding: 0.769em; margin: 1.154em 0.385em !important;}
div.counciltaxemptyproperty fieldset legend { display: block !important; font-weight: bold; color: #666; }
div.counciltaxemptyproperty fieldset input[type='text'] { width: 500px; border: 1px solid #e4e2db; }
div.counciltaxemptyproperty fieldset textarea { width: 500px; height: 250px; border: 1px solid #e4e2db; }
*/

div#contour table { border: none; width: auto; background: none; display:block;}
div#contour table th {width: auto; padding: 0px; margin: 0px;  color: #000000; border: none;}
div#contour table td {padding: 0px; color: #000; background:none;}

.left-box { border: 1px solid #f1f0ed; border-radius: 5px; margin: 0.769em 0; height: 10.308em; }
.left-box p, .right-box p { float: left; margin: 0 !important; margin: 0.385em !important; }
.feature-box {border: 1px solid #f1f0ed; border-radius: 5px; background: #fbfaf7; }
.feature-box img { padding: 0.308em; }
.right-box-lg { border: 1px solid #f1f0ed; border-radius: 5px; margin-top: 0.769em;  margin-left: 0.615em; height: 22.308em;}
.right-box-lg p {float: left; margin-bottom: 5px; }
.right-box { border: 1px solid #f1f0ed; border-radius: 5px; margin-top: 1.538em;  margin-left: 0.615em; height: 10.308em; }

ul.menus, nav#social span, nav#social h2, nav#foot_nav_mobile
  {
    display: none;
  }

/* ----- Old grid for landing pages ----- */

.grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_8, .grid_10, .grid_container, .grid_column
{
  float: left;
}

.grid_2
{
  width: 100px;
  padding: 0px 10px;
}

.grid_3
{
  width: 25%;
  padding: 0;
  margin: 0;
  *width: 24%;
}

.grid_4
{
  width: 35%;
}

.grid_5
{
  width: 100%;
}

.grid_6
{
  width: 62%;
}

.grid_8
{
  width: 460px;
}

.grid_10
{
  width: 99.2%;
}

.grid_container
{
  width: 100%;
}

.grid_column
{
  width: 48.2%;
  margin-right: 10px;
}

#mapContainer
{
  margin: 10px;
}

section#page_full
{
  background: #FFFFFF;
  border: 1px solid #F1F0ED;
  float: left;
  width: 97.3%;
  margin: 0.769em;
}

#council-services, #mobile-nav-bins-i-want, nav#footer-nav-mobile, #mobile-nav-news
{
  display: none;
}

h1.land
{
  border-bottom: 1px solid #eee;
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
}

h2.land_latest
{
  width: 77%;
  margin: 10px 0 20px 0;
  float: left;
}

.arrows
{
  float: right;
  width: 10%;
  margin-top: 10px;
}

.arrows img
{
  float: right;
  padding-left: 4px;
}

.carousel_outer
{
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.carousel_outer .carousel_inner
{
  overflow: hidden;
  position: relative;
}

.carousel_outer .carousel_inner .articles .land_col
{
  float: left;
  width: 300px;
  padding-right: 10px;
}

.carousel_outer .carousel_inner .articles
{
  list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.land_col h3
{
  margin: 10px 0;
}

.land_col p
{
  margin: 10px 0 !important;
  padding-right: 6px;
}

span.land_span
{
  float: left;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active
{
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-radius: 4px 4px 0 0;
  background-color: #FFFFFF;
  border-left: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  border-top: 1px solid #DDDDDD;
  color: #555555;
  cursor: default;
}

ul.ui-tabs-nav
{
  border-bottom: 1px solid #ddd;
  padding: 0;
  float: left;
  width: 100%;
  margin: 20px 0;
}

.ui-tabs .ui-tabs-nav li
{
  float: left;
  margin-bottom: -1px;
  list-style-type: none;
  padding: 10px 20px;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited
{
  
}

li.ui-tabs-active a
{
  color: #cc0000;
}

span.highlight
{
  color: #cc0000;
}

.land_contact
{
  margin: 20px 0;
  padding: 20px 0;
  float: left;
  width: 100%;
  border-top: 1px solid #eee;
}

.land_contact h3
{
  padding-bottom: 20px;
}

.land_contact img
{
  float: left;
  padding-right: 20px;
}

.land_categories
{
  float: left;
  width: 100%;
  margin: 20px 0;
}

.land_key_features
{
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

.land_key_features ul
{
  padding-left: 14px;
  width: 52%;
  *margin: 20px 0;
}

.land_key_features li
{
  width: 47%;
  border-bottom: 1px solid #eee;
  margin: 10px 0;
  float: left;
  list-style-type: none;
  background-image: url(/images/landandprop_list_item.png);
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 14px;
}

.land_icons img
{
  margin-left: auto;
  margin-right: auto;
  display: block;
}

#gallery1-loader {
    position: relative;
    top: 100px;
    width: 100%;
    z-index: 999;
}

#gallery1-loader table td {
    text-align: center;
    vertical-align: middle;
}

.gallery
{
  margin-bottom: 20px;
  float: left;
  width: 100%;
}

.gallery_col
{
  width: 300px;
  float: left;
  padding-right: 4px;
}

#contour span.contourError
{
  padding-left: 10px;
  padding-top: 6px;
}

.drop
{
  margin: 0.5em 0;
  float: left;
}

.faq_contain
{
  float: left;
  width: 100%;
  padding: 10px 0;
}

#recaptcha_widget_div
{
  float: left;
  width: 100% !important;
}

/****************Google Search***************************/

article.gsearch
{
  word-wrap: break-word;
}

article.gsearch table, article.gsearch td
{
  background: #fff !important;
  border: none !important;
}

article.gsearch table, .g
{
  padding: 0px 6px !important;
  margin: 0px !important;
}

article.gsearch td
{
  vertical-align: middle !important;
  margin: 0 !important;
  padding: 0 6px 0 0;
  white-space: normal !important;
}

article.gsearch p
{
  padding: 0 6px !important;
  margin: 0 0 1em 0 !important;
}

.s
{
  font-size: 90% !important;
}

#contour label.fieldLabel
{
  margin: 10px 0px;
}

#contour span.contourError, #contour .contourErrorMessage, #contour .contourError
{
  float: left;
}

.right
{
  float: right;
}

.market_page_head
{
  background: #f9f2f4;
  padding: 2px 0;
  font-size: 16px;
  color: #c7254e;
  margin: 20px 0 10px 0;
  border-left: 3px solid #c3244f;
}

.field_block
{
  margin: 1.25em 0.8em;
  display: inline-block;
}

.field_block p
{
  display: inline-block;
  margin: 0 !important;
}

.field_block img
{
  margin-right: 10px;
  position: relative;
  top: 6px;
}

.field_block span
{
  color: #c7254e;
}

.market_page_details_head
{
  font-size: 16px;
  color: #c7254e;
}

.market_page hr
{
  margin-top: 20px;
}

.map_key
{
  background: #1899ac;
  border: 3px solid #ea0583;
  color: #fff;
  padding: 1.25em 0.8em;
  font-weight: bold;
}

.map_key a
{
  color: #fff;
}

.map_key img
{
  position: relative;
  top: 3px;
}

ul.splitter, .content nav ul 
{
    margin:0;
    padding:0;
}

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

ul.splitter li 
{
    display: block;
    float: left;
    padding: 15px 0;
    width: 33%;
}

ul.splitter li a
{
  display: block;
}

ul.splitter li i
{
  padding-right: 15px;
}



/****************************************************************/

 @media screen and (max-width: 420px){
   section#bookmarking, div.rating, .newsletter p, nav#foot_nav_mobile
  {
    display: none !important;
  }
  h2.land_latest
  {
    width: 73%;
  }
 
  .arrows
  {
      width: 20%;
      margin-top: 15px;
  }

  .ui-tabs .ui-tabs-nav li
  {
     float: none;
  }

  .land_key_features ul
  {
    width: 90%;
  }

  .land_key_features li
  {
    width: 100%;
  }

  .grid_3
  {
    width: 100%;
    margin-bottom: 10px;
  }

  .gallery
  {
    width: 90% !important;
  }

  .gallery_col
  {
    width: 300px !important;
  }

  .land_contact p
  {
    float: left;
  }

  ul.splitter li
  {
    width: 100%;
  }
  
}


@media screen and (max-width: 800px) {
  body
  {
    background: none;
  }



  #wrapper.main, #wrapper.foot
  {  
    width: 100%;
    margin: 0;
    float: left;
  }
  
  .container
  {
    border: 0px;
    border-radius: 0px;
    box-shadow: none;
    -moz-border-radius: 0px;
    background: #FFFFFF;
    float: left;  
    margin: 0px;
    padding: 0px;
  }

  h3
  {
    width: 97%;
  }

  

  article img
  {
    max-width: 100%;
  }

  .btn img
  {
    display: none;
  }

  
    /* Force table to not be like tables anymore */
  .multitable table, .multitable thead, .multitable tbody, .multitable th, .multitable td, .multitable tr
  {
    display: block;
  }
  
    /* Hide table headers (but not display: none;, for accessibility) */
  .multitable thead tr
  {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  
  .multitable td
  {
  /* Behave like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    white-space: normal;
    text-align:left;
  }
 
  .multitable td:before
  {
    /* Now like a table header */

    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 40%;
    white-space: nowrap;
    text-align:left;
    font-weight: bold;
  }
 
  /*
  Label the data
  */
  .multitable td:before
  {
    content: attr(data-title);
  }
  
  section#onlineServices ul, section#comments ul, section#documents ul, section#usefulLinks ul, section#media ul
  {
    margin: 1em 2em; padding: 0px; list-style-image: url('/images/bullet.png');
  }

  header
  {
    background: url(/images/mob_head_bg.png);
    display: block;
    height: 86px;
    border-radius: 0px;
    float: left;
    border: none;
  }

   #council-services, #mobile-nav-bins-i-want, #mobile-nav-news
  {
    display: block;
    float: left;
    width: 100%;
  }

   #mobile-nav-bins-i-want ul, #mobile-nav-news ul
   {
     float: left;
     list-style-type: none;
     width: 100%;
     padding: 0.5em 0;
     margin: 0;
   }

   #mobile-nav-bins-i-want li, #mobile-nav-news li
   {
     float: left;
     width: 49%;
     background: #666;
     padding: 0.5em 0;
     margin: 0;
     text-align: center;
     border-radius: 3px;
     behavior: url('http://www.sthelens.gov.uk/css/PIE.htc');
   }

   #mobile-nav-bins-i-want li.push, #mobile-nav-news li.push
   {
     margin-left: 2%;
     
   }
   
   .mobile-nav-bins-i-want
   {
     padding: 0.5em;
   }

   nav.council-services-mobile span
   {
     background: #2b2b2b;
     float: left;
     width: 100%;
     padding: 0.5em 0;
     font-size: 1.2em;
     background-image: url(/images/arrow_down.png);
     background-repeat: no-repeat;
     background-position: right;
   }

   nav.council-services-mobile span a, #mobile-nav-bins-i-want a, #mobile-nav-news a
   {
     color: #fff;
     text-decoration: none;
   }


   #content article
   {
     margin: 0;
   }

   span.nav_home
   {
     padding: 0.5em;
     float: left;
   }

   #content
  {
    width: 100% !important;
    padding: 0;
    margin: 0;
  }

 nav.council-services-mobile, .header-nav_mobile
  {
    float: left;
    width: 100%;
    background: #eee;
    border: none;
    border-radius: 0;
    margin: 0 0 0 0;
    padding: 0px;
  }
  
  nav.council-services-mobile li, .header-nav_mobile li
  {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    padding: 0.5em 0;
    background-image: url(/images/arrow_mob.png);
    background-repeat: no-repeat;
    background-position: right;
    color: #2b2b2b;
    font-size: 14px !important;
    font-weight: normal;
    font-family: arial;
    border-top: 1px solid #fff;
  }

  .bottombar_mobile li
  {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    padding: 0.5em 0;
    background-image: url(/images/arrow_main_mob.png);
    background-repeat: no-repeat;
    background-position: right;
    color: #2b2b2b;
    font-size: 14px !important;
    font-weight: normal;
    font-family: arial;
  }

  .newsletter h2 a, nav.council-services-mobile a, .header-nav_mobile a
  {
    padding: 0.5em;
    display: block;
    color: #2b2b2b;
  }

  #content article h2 a
  {
    padding: 0 0.3em;
    display: block;
    color: #666;
  }

  .town_hall img
  {
    float: left;
    width: 100%;
    border-top: 1px solid #fff;
  }
    
  nav#foot_nav_mobile
  {
    margin-top: 0px !important;
  }

  section#sections .section-box a
  {
    line-height: 30px;
    padding-right: 6px;
  }

  section#sections .section-box
  {
    height: auto;
  }

  section#page, section#page_full
  {
    padding-bottom: 6px !important;
  }


  .logo
  {
    float: left;
    width: 73.66%;
    margin: 0px;
    padding-top: 20px;
  }
  .logo a
  {
    background: url("/images/mob_logo.png") no-repeat scroll 0 0 transparent;  
    display: block;  
    height: 60px;
    position: relative;
    text-indent: -9999px;
    
  }
  nav.bottombar, nav.topbar, #features, nav.header-nav, span.copyright, section#function-switcher, section#relatedSections, .newsletter, nav#foot_nav_mobile, nav#footer-nav
  {
    display: none !important;
  }
  
  .search_mobile input[type="text"]
  {
    border: 1px solid #e0e0e0;
    width: 80%;
    padding: 6px 0px;
    margin: 10px;
  }

  .search_mobile input[type="submit"]
  {
    background: url("/images/search_btn_black.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 30px;
    margin-top: 2px;
    width: 30px;
  }

  ul.sub
  {
    display: none;
  }

  ul.menus
  {
    float: left;
    display: block;
    position: absolute;
    top: 34px;
    right: 0px;
    list-style: none;
  }

    ul.menus a
    {
      float: left;
      padding: 0 0.3em 0 0.9125em;
    }

  .bottombar_mobile
  {
    background: #cc0000;
    display: block;
    width: 100%;
    float: left;
  }
  
 

  .what-we-do-nav-mobile h2
  {
    color: #fff;
  }

  .what-we-do-nav-mobile
  {
    background: #828282;
    display: block;
    width: 100%;
    float: left;
  }
  
  .bottombar_mobile li, .header-nav_mobile li, .what-we-do-nav-mobile li
  {
    list-style-type: none;
    border-top: 1px solid #fff;
    width: 100%;
  }
  
  .bottombar_mobile a, .what-we-do-nav-mobile a
  {
    color: #fff;
    padding: 10px;

    display: block;
  }

  section#sections
  {
    background: #fff;
  }
  

  nav#foot_nav_mobile
  {
    display: block;
    background: #eee;
    margin-top: 0.1em;
    float: left;
    width: 100%;
  }

  nav#foot_nav_mobile li
  {
    border-bottom: 1px solid #fff;    
    list-style-type: none;
    width: 100%;
    background-image: url(/images/arrow_mob.png);
    background-repeat: no-repeat;
    background-position: right;
  }

  nav#foot_nav_mobile a
  {
    color: #2b2b2b;
    font-size: 14px;
    display: block;
    padding: 0.5em;
  }

  ul.main
  {
    padding: 0px;
    margin: 0px;
  }

  section#breadcrumb
  {
    display: none;
  }


  li.doc_btn a, li.os_btn a, li.vid_btn a, li.comment_btn a, li.share_btn a
  {
    white-space: nowrap;
    overflow: hidden;
  }
  
  section#relatedSections ul li
  {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #fff;
    padding: 0.5em 0;
    background-image: url(/images/arrow_mob.png);
    background-repeat: no-repeat;
    background-position: right;
  }

  section#relatedSections ul li a, div.sb ul a, div.sb ol a
  {
    padding: 0 0.5em;
    color: #2b2b2b;
    display: block;
    width: 93%;
  }

  section#relatedSections, div.sb,  section#sections .section-box
  {
    
    float: left;
    width: 100%;
    background: #eee;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    margin: 0.5em 0 0 0;
    padding: 0px;
  }

  section#sections div.rating
  {
    width: 93%;
  }

  .links
  {
    padding: 0 0.5em;
  }
   
  dd
  {
    width: 96%;
    float: left;
    clear: both;
    padding: 0.5em;
  }

  .relatedSections_mob
  {
    display: block;
    width: 100%;
  }
  
  div.sb ul, div.sb ol
  {
    margin: 0;
    padding: 0;
  }

  div.sb li
  {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #fff;
    padding: 0.5em 0;
    background-image: url(/images/arrow_mob.png);
    background-repeat: no-repeat;
    background-position: right;
  }

  div.sb .title
  {
    margin: 0;
    border-bottom: 1px solid #fff;
  }

  #content
  {
    background: #fff;
    float: left;
    width: 93%;
  }

  #content article, .newsletter
  {
    float: left;
    width: 100%;
  }

  section#page, section#page_full
  {
    width: 100%;
    margin: 0px;
    padding: 0px;
    border: none;
    line-height: 25px;
  }

  section#page article, section#page_full article
  {
    margin: 0px;
    padding: 0px;
    width: 99%;
  }
  
  .grid_2, .grid_4, .grid_5, .grid_6, .grid_8, .grid_10, .grid_container, .grid_column
  {
    width: 100%;
    margin: 0px;
    padding: 0px;
  }

  .feature-box, .left-box, .right-box-lg, .right-box
  {
    border: none;
    background: none;
  }

  .right-box-lg
  {
    height: auto;
    display: block;
  }

  section#bookmarking, section#onlineServices, section#media, section#comments, section.box, section#captcha, section#documents, section#usefulLinks, div.box, section#sidebar, div.sb, section#location, section
  {
    margin: 0px;
    padding: 0px;
    width: 100%;
    border: none;

  }

  section#comments input, textarea
  {
    width: 97%;
  }


  section#bookmarking nav a
  {
    float: left;
    width: 80%;
    margin: 0.5em 0;
  }

  div.reportIt fieldset
  {
    background: none !important;
    border: none !important;
  }
  
  
  div.pad
  {
    margin: 0.25em 0.5em;
    float: left;
    width: 97%;
  }
  
  div.pad label
  {
    width: 93%;
    margin: 0.5em 0;
  }

  span#rblPriority, span#rblLocationType
  {
    float: left;
    width: 100%;
  }
  
  span#rblPriority label
  {
    width: 15.2%;
    margin: 0px 0px;
    padding: 0px;
    float: left;
  }

  span#rblPriority input
  {
    width: 10%;
    padding: 0px;
    margin: 0px;
  }
  
  span#rblLocationType label, label#lblSelector
  {
    width: 100%;
    margin: 0px;
    padding: 0px;
    float: left;
  }
  
  span#rblPriority input, span#rblLocationType input
  {
    width: 10%;
  }

  section#articles
  {
    width: 100%;
  }
  
  article
  {
    line-height: 25px;
  }

  article.gsearch td
  {
    float: left;
    width: 100%;
    word-wrap: break-word !important;
    white-space: normal !important;
  }
  
  article.gsearch td
  {
    padding-bottom: 6px;
  }

  /*********************Grid***********************/
  
      
  .grid_2, .grid_4, .grid_5, .grid_6, .grid_8, .grid_10, .grid_container, .grid_column
  {
    float: left;
    width: 98.9%;
    clear: both;
  }

  .grid_container img, .grid_column img, .feature-box img
  {
    display: none;
  }
  
  .left-box, .right-box
  {
    height: auto;
    display: block;
  }
  
  .left-box p, .right-box p
  {
    float: none;
  }
  
  .right-box-lg p
  {
    float: none;
  }
  
/********************************/

  footer
  {
    float: left;
    height: auto;
  }

  footer img
  {
    border: 1px solid #cc0000;
  }

  nav#footer-nav-mobile
  {
    margin: 0px;
    display: block !important;
    float: left;
    width: 100%;
  }

  nav#footer-nav-mobile a
  {
    display: block;
    color: #fff;
    padding: 0.5em;
    text-align: center;
  }

  nav#social
  {
    width: 272px;
    margin: 0 auto;
    float: none;
  }

  nav#social span, nav#social h2
  {
    display: inline-block;
    color: #2b2b2b;
  }
  
  nav#social a img
  {
    margin-right: 6px;
  }
  
  nav#social a
  {
    float: left;
  }
  
  nav#foot_nav_mobile li
  {
    padding: 0.5em 0;
  }

  .land_col
  {
    width: 99%;
    padding: 0 10px !important;
  }

  .land_col h3, .land_col p, .land_col a
  {
    padding: 0.5em;
  }

  h2.land_latest
  {
    margin: 10px;
  }

  h1.land, span.highlight
  {
    padding: 10px;
  }

  .gallery
  {
    padding: 0 10px;
    width: 100%;
  }

  .gallery span
  {
    padding-right: 10px;
  }

  .gallery_col
  {
    width: 245px;
  }

  .land_contact img
  {
    padding-left: 10px;
  }

  .arrows img
  {
    padding-left: 12px;
  }
  
  #contour span.contourError
  {
    padding: 0;
  }

}


















































































































































































































































































































































































































































































































































































































































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */