/* HTML ELEMENT STYLES */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-spacing: 0;
  border-collapse: collapse;
}

ol, ul {
  list-style: none;
}

a, input, select, textarea {
  outline: none;
}

body {
  color: #3C3C3C;
  font: 75%/1.50em arial, helvetica, sans-serif;
  margin:20px;
}

a {
  text-decoration: none;
  color: #174671;
}

a:hover {
  text-decoration: none;
  color: #E28D1C;
}

/*CMcC 29/05/2009 change to make sure we dont underline hyperlinks within menu system.*/
ul a {
  text-decoration: none;
}

p {
  margin-bottom: 15px;
}

h1, h2, h3, h4 {
  color: #002E57;
  font-weight: bold;
}

h1 {
  font-size: 1.67em;
  margin-bottom: 15px;
  line-height: 1.20em;
}

h2 {
  margin-bottom: 15px;
  font-size: 1.17em;
}

h3 {
  color: black;
  font-size: 1.17em;
  margin-bottom: 5px;
}

h4 {
  color: black;
  font-size: 1.1em;
}

input, textarea, select {
  background: none;
  border: 0;
  font-size: 1em;
  outline: 0;
}


/* GENERIC CLASSES */

.clear {
  clear: both;
  font-size: 0;
  height: 0;
  line-height: 0;
}

div#content_wrapper_home ul li, div#content_wrapper ul li {
  padding:5px 0 5px 10px;
  background: url(../../images/kipt/icon_arrow.gif) no-repeat 0 11px;
}


/* CMcC 28/05/09 The following style was added to cater for the tables returned from forms such as 
we see on the ContactUs & SubmitResume web forms.*/
table input, table textarea, table select {
  border: solid 1px;
}
/*CMcC 29/05/2009 - The following style was added to make sure that CMS forms 
that didnt have tables were catered for.*/
form input, form textarea, form select {
  border: solid 1px #ccc;
}

#main_wrapper {
  width: 600px;
  text-align: left;
}

#imageArea,
#main_navigation,
#search,
#left_navigation,
#auxillary_navigation,
#footer {
  display:none;
}

#wrapper {
  width: 600px;
}

#content_wrapper {
  width: 600px;
}
#content_header_wrapper {
  width: 600px;
}

#content {
  width: 600px;
}
#content_with_left_nav {
  width: 600px;
}

#header{
margin-bottom:20px;
}

/* HOMEPAGE FEATURES */

#logo h1 {
  display:none;
}

#homepage h2 {
  font-size: 16px;
}

/*  MAIN CONTENT HEADER SECTION */

#content_header_wrapper h2, #content_header_wrapper_full_length h2, #content_header_wrapper h4, #content_header_wrapper_full_length h4 {
  margin: 5px 0 0 0;
  float: left;
  border: none;
  padding: 0;
}

#content_header_wrapper h1#maintitle {
  font-size: 1.5em;
}

ul#page_tools {
  display:none;
}


/*  MAIN CONTENT SECTION */

#content_with_left_nav h2,
#content h2 {
  padding-bottom: 5px;
  margin: 0 0 10px 0;
  border-bottom: 3px solid #002E57;
}
#content_wrapper a:hover {
  text-decoration: underline;
}
td, th {
  vertical-align: top;
  padding: 3px 8px;
  text-align: left;
  border: 1px solid #D9E0E6;
  font-weight: normal;
}

th {
  font-weight: bold;
  background-color: #EAEDF1;
}

tr.alternate td {
  background-color: #EAEDF1;
}

.data_centre {
  text-align: center;
}
.no_border_collapse {
  border-style: solid;
  border-top: none;
}
.content_tools {
  margin-top: 10px;
}
.content_tools li {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}
.content_tools li a {
  display: block;
  width: auto;
  font-size: 0.93em;
  padding-left: 30px;
}
.content_tools li a:hover {
  text-decoration: none;
  color: #E28D1C;
}
a.pdf {
  background: url(../../images/kipt/icon_PDF.gif) no-repeat center left;
}
.map {
  background: url(../../images/kipt/icon_map.gif) no-repeat center left;
}
.xls {
  background: url(../../images/kipt/icon_spreadsheet.gif) no-repeat center left;
}


/*  AUXILLARY NAVIGATION */

#auxillary_feature {
  margin-bottom: 25px;
}
a.enlarge {
  display: block;
  padding-left: 20px;
  color: #002E57;
  width: auto;
  text-decoration: none;
  background: url(../../images/kipt/icon_zoom.gif) no-repeat center left;
  font-size: 0.93em;
}
a.enlarge:hover {
  color: #E28D1C;
}
#enquiries {
  border-top: 0px solid #002E57;
  padding: 0px 0 0 0;
}
#enquiries p {
  font-size: 0.93em;
  line-height: 16px;
  width: 150px;
}
#enquiries h2 {
  margin: 10px 0px;
}
a#enlarge {
  display: block;
  padding-left: 20px;
  color: #002E57;
  width: auto;
  background: url(../../images/kipt/icon_zoom.gif) no-repeat center left;
  font-size: 0.93em;
}
a#enlarge:hover {
  color: #E28D1C;
}


/* FOOTER */

#footer li {
  display: inline;
}
#footer li.first {
  background: none;
}
#footer li a {
  font-size: 0.93em;
}
#footer p {
  font-size: 0.93em;
}
#footer_icons {
  float: left;
}
#footer_icons img {
  margin-right: 15px;
}
#footer_content {
  float: right;
}

/*  Table Content */


/*CMcC 17/09/09 added these class styles as id's now superceded by cph ids. */
a.email {
  background: url(../../images/kipt/icon_email.gif) no-repeat center left;
}
a.print {
  background: url(../../images/kipt/icon_print.gif) no-repeat center left;
}

#loading_screen {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background-color: black;
  color: white;
  text-align: center;
  padding-top: 100px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

#content_wrapper ul {
  list-style: none none inside;
  margin-bottom: 15px;
}

#content_wrapper ul ul {
  list-style: none none inside;
}

#content_wrapper ul ul li {
  margin-left: 2em;
  padding-left: 2em;
}

#content_wrapper #siteMap ul {
  margin-bottom:0;
}

#content_wrapper #page_tools{
  margin:0;
}

#content_wrapper #page_tools li{
  background-image: none;
  padding:0;
  margin:0;
}


/*CMcC 02/10/2009 added style to remove bullet points from RSS, Email & Print ul */
#content_wrapper ul#page_tools, #content_wrapper ul.content_tools {
  list-style: none;
}

/*MP 15 Oct 2009 added style to show subscript */
p sub {
  vertical-align: sub;
}
sub {
  vertical-align: sub;
}

p sup {
  vertical-align: super;
}
sup {
  vertical-align: super;
}

.gsmsc-mapDiv {
  height: 270px;
}

.gsmsc-idleMapDiv {
  height: 270px;
}

.member-search-result-map {
  width: 460px;
  overflow: hidden;
  margin: 5px 0 15px;
  padding: 0px;
}

p.publish-info {
  font-style: italic;
  font-size: 11px;
  color: #666;
  margin: 3px 0;
}

div.docDownload a:hover img {
  text-decoration: none;
}

div.docDownload p {
  color: #666666;
  margin-left: 20px;
}

div.docDownload img {
  float: left;
}

div.bookmarkListHorizontally {
  margin-bottom: 15px;
  color: #ccc;
}

div.imageLeft {
  float: left;
  margin: 4px 15px 6px 0;
  padding: 0 9px 0 0;
  border-right: solid 1px #beccd3;
}

div.imageLeftNoBorder {
  float: left;
  margin: 4px 15px 6px 0px;
}

div.imageLeft span.imageCaption, div.imageLeftNoBorder span.imageCaption {
  display: block;
  margin: 3px 0 0 0;
  font-style: italic;
}

.image-top{
  margin-bottom: 5px;
}

.table-wrapper table, .table-wrapper-narrow table{
  margin-bottom: 10px;
}

.table-wrapper table {
  width: 100%;
}

.member-search-result-map img{
  cursor:pointer;
}

#footer-image-text{
  display:none;
}

/* Forms */
/* ----- */
div.formHolder{width:420px;padding:10px 0;}

div.formHolder form label, div.formHolder form strong.question{text-align:right;display:-moz-inline-box;display:inline-block;width:90px;padding:0 10px 0 0;font-family:verdana, sans-serif;font-size:11px;font-weight:bold;}
div.formHolder form label.checkbox-label{width:265px;text-align:left;}

form{font-size:10px;color:#333333;font-family:verdana, sans-serif;}
div.formHolder form div.formElem{padding:0 10px 8px 10px;margin:0 0 8px 0;background-position:bottom left;background-repeat:repeat-x;}

div.formHolder form div.last{background-image:none;padding-bottom:0px;}

form input{vertical-align:middle;}
div.formHolder form input.textbox{font-size:11px;color:#333333;font-family:verdana,sans-serif;padding:3px 3px 2px 3px;width:294px;}
div.formHolder form select{vertical-align:top;font-size:11px;color:#333333;font-family:verdana, sans-serif;}
div.formHolder form input.checkbox{margin:0 2px 0 0;padding:0px;}
div.formHolder form textarea{vertical-align:top;font-size:11px;color:#333333;font-family:verdana, sans-serif;width:297px;height:110px;padding:0 0 0 3px;}

div.formHolder div.formSubmit{padding:0 10px 0px 110px;}
div.formHolder input.sendButton{width:61px;height:28px;overflow:hidden;background-color:transparent;background-position:top left;background-repeat:no-repeat;cursor:pointer;margin-bottom:3px;border:0;}

div.formHolder form#vip table{border:0px;}
div.formHolder form#vip td ul{list-style: none none outside; margin-left:0px;}
div.formHolder form#vip td ul li{margin-bottom:6px;}
div.formHolder form#vip td.question{text-align: right; font-weight:bold;font-size:11px;white-space:nowrap;}
div.formHolder form#vip td.question2{text-align: left; font-weight:bold;font-size:11px;}
div.formHolder form#vip td{vertical-align:middle;}
div.formHolder form#vip select{border: 1px solid #ccc;}
div.formHolder form#vip label{display:inline; color:#333;text-align:left;font-weight:normal;width:auto;font-size:10px;padding:0px;}

div.formInfo {border: 1px solid #ccc; padding:10px; background-color:#f0f0f0;}

ul.formWarning li {color:#f00;}

div.formHolder table, div.formHolder table tr td{border:0;}
div.formHolder form label, div.formHolder form strong.question, div.formHolder form#vip td{color:#002E57;}
div.formElem{background-image:url(../../../images/retailer/sylviapark/bg-hr.gif);}
form input.textbox,form textarea{background-color:#eeeeee;}
div.formHolder input.sendButton{background-image:url(../../images/kipt/btn_submit.gif);}