@import url(/css/generic.css);

/*
 * Site Layout Styles
 */

body {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  background-image: url(/img/bg-page.jpg);
  background-repeat: repeat-y;
  background-position: top center;
  background-color: #C9C9C9;
  
}
body h1 {
  position: absolute;
  left: -9999px;
}
div#site-container {
  text-align: left;
  margin: 0 auto 0 auto;
  width: 960px;
}
div#site-container p#skip-navigation {
  position: absolute;
  left: -9999px;
}

fieldset {
  float: left;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.lk a {
  color: #572986 !important;
}


/*
 * Header
 */

div#site-container div#header {
  display: inline-block;
}
 
div#site-container div#header {
  /*overflow: hidden;
  display: block;*/
  float: left;
  background-image: url(/img/bg-header.png);
  background-repeat: no-repeat;
  background-color: #FFFFFF;
}

div#site-container div#header.height-fix {
  height: 260px;
}

div#site-container div#header div#logo-container {
  /* For IE6 */
  float: left;
  padding: 16px 0 15px 34px;
}

div#site-container div#header a#logo {
  float: left;
  width: 276px;
  height: 94px;
}

div#site-container div#header div#misc-nav-container {
  /* For IE6 */
  float: right;
  padding: 19px 0 26px 30px;
}

div#site-container ul#misc-nav {
  float: right;
  padding: 0 22px 0 0;
  margin: 0;
  list-style: none;
  width: 570px;
}

div#site-container ul#misc-nav li {
  padding: 0 12px 0 0;
  margin: 0 0 0 6px;
  display: inline;
  color: #565656;
  /*font-size: 120%;
  font-weight: bold;*/
  font-size: 1.3em;
  _font-size: 1.1em;
  background-image: url(/img/nav-misc-separator.png);
  background-repeat: no-repeat;
  background-position: top right;
}

div#site-container ul#misc-nav li.last {
  background: none;
  padding: 0 6px 0 0;
}

div#site-container ul#misc-nav li a,
div#site-container ul#misc-nav li a:link,
div#site-container ul#misc-nav li a:visited {
  color: #545454;
  text-decoration: none;
}

div#site-container ul#misc-nav li a:active,
div#site-container ul#misc-nav li a:hover {
  color: #7A7A7A;
  text-decoration: underline;
}

div#site-container div#header div#boxed-nav-arrows-container {
  float: left;
  padding: 0 21px 0 22px;
}

div#site-container div#header div#boxed-nav-arrows {
  background-image: url(/img/bg-purple-nav-arrows.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  width: 916px;
  float: left;
  margin: 0;
  padding: 5px 0 15px 0;
}

/* Social Media Links */
div#site-container ul#social-media {
  float: right;
  list-style: none;
  display: block;
  margin: 9px 0 0 0;
  padding: 0 19px 0 0;
}

div#site-container ul#social-media li {
  padding: 0 3px 0 3px;
  display: inline;
  float: left;
  height: 26px;
  width: 26px;
}

div#site-container ul#social-media li a#social-facebook, 
div#site-container ul#social-media li a#social-twitter,
div#site-container ul#social-media li a#social-rss {
  display: block;
  background-image: url(/img/sprite-social.jpg);
  width: 26px;
  height: 26px;
}

div#site-container ul#social-media li a#social-facebook {
  background-position: 0 0;
}

div#site-container ul#social-media li a#social-twitter {
  background-position: 52px 0;
}

div#site-container ul#social-media li a#social-rss {
  background-position: 26px 0;
}

/*
 * Page Content (contains left, centre and right columns)
 */

div#site-container div#page-content {
  overflow: hidden;
  margin-bottom: 12px;
  float: none;
  clear: both;
  padding: 1px 21px 0 22px;
}



/*
 * Left Column
 */

div#page-content div#left-column {
  background: #eee;
  float: left;
  margin-right: 1%;
  width: 19%;
}
div#left-column p {
  padding: 12px;
}


/*
 * Centre Column
 */

div#page-content div#centre-column {
  float: left;
  /* font-size: 13px; */
  min-height: 600px;
}

.font-size-fix {
  font-size: 13px;
}
/*
 * Right Column
 */

div#page-content div#right-column {
  background: #eee;
  float: left;
  width: 19%;
}
div#right-column p {
  padding: 12px;
}


/*
 * Footer
 */

div#site-container div#footer {
  background-image: url(/img/bg-footer.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 52px 0 0 37px;
  font-size: 110%;
  float: left;
  width: 922px;
  height: 60px;
}

div#site-container div#footer p#copyright-notice {
  width: 200px;
  float: left;
}

div#site-container div#footer ul#misc-page-nav {
  list-style: none;
  float: right;
  padding: 0 19px 0 0;
  margin: 0;
}

div#site-container div#footer ul#misc-page-nav li {
  display: inline;
  padding: 0 8px 0 8px;
}

div#site-container div#footer ul#misc-page-nav li a,
div#site-container div#footer ul#misc-page-nav li a:link,
div#site-container div#footer ul#misc-page-nav li a:visited {
  color: #545454;
  text-decoration: none;
}

div#site-container div#footer ul#misc-page-nav li a:hover,
div#site-container div#footer ul#misc-page-nav li a:active {
  text-decoration: underline;
  color: #7A7A7A;
}

/**
 * Search Bar
**/

div#search-bar {
  overflow: hidden;
  display: inline-block;
}

div#search-bar {
  display: block;  
  float: none;
  clear: both;
  background-image: url(/img/bg-search-bar.png);
  background-repeat: no-repeat;
  background-position: top left;
  border-top: 5px solid #ffffff;
  width: 916px;
  height: 55px;
  margin: 15px 0 15px 22px;
  padding: 0;
}

div#search-bar label {
  float: left;
  font-size: 120%;
  font-weight: bold;
  color: #364A00;
}

div#search-bar select {
  float: left;
  margin: 20px 8px 0 0;
  width: 125px;
}

div#search-bar input#txt-postcode {
  width: 125px;
  margin: 20px 8px 0 0;
  float: left;
}


div#search-bar label#location {
  padding: 22px 10px 0 10px;
}

div#search-bar label#category {
  padding: 22px 10px 0 30px;
}

div#search-bar label#distance-label {
  padding: 22px 10px 0 10px;
}

div#search-bar .info-icon,
div#form-fields form .info-icon {
  float: left;
  background-image: url(/img/img-info-icon.png);
  background-repeat: no-repeat;
  background-position: top left;
  width: 19px;
  height: 19px;
  margin: 22px 10px 0 0;
}

div#form-fields form .info-icon {
  margin: 4px 0 0 4px;
  float: left;
}


div#search-bar select#distance {
  float: left;
  width: 120px;
}

div#search-bar input#btn-search {   
  float: right;
  margin: 13px 20px 0 0;
}


/*
 * Misc
 */
 
.hide {
  display: none;
}

.show {
  display: block;
}


div#search-area {
  float: right;
  width: 250px;
  height: 50px;
  margin: 12px 0 0 0;
}

img#login-padlock {
  float: right;
  margin: 12px 23px 0 0;
}


div#search-area input#search {
  float: left;
  width: 187px;
  height: 21px;
  background-image: url(/img/bg-search-background.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  border: 0;
  padding: 0px 0 3px 12px;
  _padding: 6px 0 3px 12px;
  font-size: 90%;
  line-height: 1;
}

div#search-area input#submit {
  float: left;
  line-height: 1;
}

.mandatory,
.error {
  color: red;
  font-weight: bold;
}