/*

Theme Name: hqi

Description: HQI's Wordpress theme

Version: 1.0

Author: Helena Boylen

Author URI: http://www.littleblueplane.com

*/
/**************** Style Resets **********************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {   margin: 0;    padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {   margin: 1em 0; }
li, dd, blockquote {   margin-left: 1em; }
html, body, fieldset {   font: 100.1%/120% Arial, Verdana, Helvetica, sans-serif; }
input, select, textarea {   font-size: 100.1%; }
h1, h2, h3, h4, h5, h6 {   font-size: 100%; }
form label {   cursor: pointer; }
fieldset, img {   border: none; }
table {   border-collapse: collapse;    border-spacing: 0; }
ul li {   list-style-type: square; }
hr {   height: 1px;    background-color: #fff;    color: #fff;    border: none;    padding: 0;    margin: 1em 1em; }

/**************** General rules *********************/
html {   height: 100%; }
body {   height: 101%;    line-height: 150%;    color: #555;    text-align: center;     background:#222 url(images/background.gif) left top repeat; }

/**************** General Links ***********************************/
a:link {   color: #fff;    text-decoration: none;    border-bottom: 1px solid #c52508; }
a:visited {   color: #fff;    text-decoration: none;    border-bottom: 1px solid #7d7779; }
a:focus, a:hover, a:active {   color: white;    background-color: #c52508;    border-bottom: 1px solid #7d7779}

/********************** Navigation ******************/
/* Horizontal Menu */
#navlist {  color:white; margin: 0;    background: url(/images/background.gif) left top repeat;    min-height: 20em;    margin: 0;    padding: 0; }
#navlist ul {   margin: 0;    padding: 0; }
#navlist li {   list-style: none;    background: url(/images/navstripe.jpg) right bottom no-repeat;    margin: 0;    padding: 5px 0 5px 0;    width: 100%}
#navlist a {   font-weight: bold;    color: #555;    display: block;    text-decoration: none;    border-bottom: none; }
#navlist a:link, #navlist a:visited {   border-bottom: none;    color: #fff;    display: block;    text-decoration: none;    padding-left: 18px; }
#navlist a:hover, #navlist a:focus, #navlist a:active {   color: #d32d13;    background: url(/images/arrow.gif) left center no-repeat;    padding-left: 18px; }
#navlist li.current_page_ancestor, #navlist  li.current_page_item { color: #d32d13;  background: url(/images/arrow.gif) left 0.7em no-repeat;    padding-left: 0px; }
#navlist ul  { margin-left:20px;width:70%;}

#navlist li li  {padding:0;}
#navlist li li a:link, #navlist li li a:visited {padding-left:0px; background: url(/images/redsquare.gif) left center no-repeat;padding-left:10px;}
#navlist li li a:focus, #navlist li li a:hover, #navlist li li a:active {padding-left:0px;background: url(/images/square.gif) left center no-repeat;padding-left:10px;}
#navlist ul li.current_page_item {background-image:none;}

/***************** Image Replacement ****************/
/* General IR statements */
.replace {  color:#d22c12;font-size:70%; position: relative;    overflow: hidden;    margin: 0 auto;    padding: 0;    font-size: 70%;    background-color: white; }
.replace em {   display: block;    position: absolute;    top: 0;
/* left: 0; */
z-index: 1;
/* for opera5 (?) and o6/mac */
}
/* general ir statements for ie5.x mac only *
/* html>body .replace {   position: static;    overflow: visible;    font-size: 10px;
/* for ie5.x/mac */
}
* html>body .replace em {   position: static; }
* html>body .replace a {   text-decoration: none;
/* ie5.0-5.1.x/mac  must have this value or the underline shows through the image. */
}
/* Each pair of statements per instance of IR */
#myh1, #myh1 em {  font-color: #555;    padding-bottom: 0;    background-color: #fff;    width: 140px;    height: 85px;    background: url(images/logo.gif) top left no-repeat; }
* html>body #myh1 em {
/* for ie5.x/mac only */
margin-bottom: -85px;
/* Required to bring text underneath image. Use the negative height of the image here.*/
}
.replace a, .replace a:link, .replace a:visited  { color:#d22c12; font-size:70%; }
.replace a:focus, .replace a:hover,.replace a:active { color:white; background-color:#d22c12;font-size:70%; }
/***************** Headings ********************/
/* h1 {   font-size: 110%;    color: #000;    font-weight: normal; }
*/
h2 {  font-size: 170%;  color: #fff;  font-weight: normal;display: block; padding-top: 0.5em; padding-left: 0.7em;  font-family: Arial, sans-serif; text-transform: uppercase; }
h3 {  font-size: 150%;    color: #fff;    font-weight: normal;    margin-left: 0.7em;    margin-right: 1em;    background: url(images/diamond.gif) left center no-repeat;    padding-left: 18px; }
h4 {   font-size: 150%;    color: #fff;    font-weight: normal;    margin-left: 1em;    margin-right: 1em; }
#sidebar h3 {   font-size: 140%;    color: #fff;    font-weight: normal;    background-color: #d40d06;    display: block;    height: 2em;    margin-top: 0;    padding: 5px 5px 0 5px; }
#sidebar h4 {   font-size: 140%;    color: #fff;    font-weight: normal;    margin-left: 10px; }
#content h3, #content h4 {   margin-bottom:; }

/***************** Page Sections *********************/
#container {   max-width: 98%;    margin: 2em auto;    text-align: left;    width: 60em;    font-size: 85%;    padding: 0; }
#skip {   font-size: 80%;    text-align: right;    color: white;    margin-bottom: 0; }
#skip li {   display: inline;    list-style-type: none;    padding: 0 0 0 1em; }
#skip li a:link, #skip li a:visited {   border: none;    color: white;    padding: 5px; }
#skip li a:focus, #skip li a:hover, #skip  a:active {   border: none;    color: #fff;    padding: 5px; }
#content p {   margin-left: 1em;    margin-right: 1em; }
#content {   max-width: 77%;    width: 47em;    float: right;    margin: 0;    color: white;    border: 5px solid white;    background: url(images/background.gif) left top repeat; }
#content img {  float:right;    clear: both;    margin: 5px 5px 5px 4px; }
#content ul {   padding-left:1em;margin-left: 1em;  margin-right: 1em; }
#top {border-top:1px solid;background: #d22c12 url(images/redfade.jpg) left bottom repeat-x;  height:6.75em;border-bottom:5px solid white; }
img.printlogo {display:none;}
#sidebar {  position: relative;    max-width: 20%;    width: 11em;    float: left;    margin: 0;    border: 5px solid white;   border-bottom:120px solid white; background: url(../images/background.gif) left top repeat; }

#sidebar p {   color: #9b1b29;    font-weight: bold; }
#sidebarhead {}
#sidebarhead {  background-color: white;   min-height:7em; width: 100%}
#sidebar img.crest {display:block;margin:0 auto; }
#bai {width:100%;text-align:center;position:absolute;bottom:-115px;left:0;margin:0 auto;}
#sidebarfoot {   position: absolute;    bottom: -1px;    left: 0; }
#footer {   clear: both;    color: white;    padding: 1em 0 1em 0;    overflow: hidden; }
#footer .left {   float: left;    width: 40%;    text-align: left; }
#footer .right {   float: right;    width: 60%;    text-align: right; }
#addresslist {margin-left:2px;}
#addresslist dt {   font-weight: bold; }
#addresslist dd {   font-weight: normal;    margin-bottom: 8px;    margin-left: 12px; }
p.equalise {clear:both;}

dt {font-weight:bold;margin-left:12px;}
dd {margin-bottom:10px;}
/*************** Other bits *************/
#content img.paypallogo{float:none;margin-left:10px;background-color:white;}
#content a.paypal, #content a.paypal:hover, #content a.paypal:focus {border:none;background:none;text-decroation:none;}
/*************** Forms ******************/
#gb_form_div{ clear:both;  font-size: 100%;    color: #fff;    margin: 0 0 0 10px;;    width: 90%; }
#gb_form_div fieldset {   border: 1px solid #d22c12 ;padding:12px 8px 8px 8px;margin-bottom:15px; }
#gb_form_div legend {  font-weight:bold; color:white;padding-bottom:5px;}
#gb_form_div #formwrap{border:none;}
#mainlegend {display:none;}

#gb_form_div input {   background: #fff;    border: 1px solid #777;    width: 70%;    padding: 5px 3px 5px 3px;    vertical-align: middle;    margin: 0 0 5px 0; }
#gb_form_div textarea {   background: #FFF;    border: 1px solid #777;    width: 70%;    margin-left: 0;    font-size: 110%;    padding: 3px;    vertical-align: middle; }
#gb_form_div input.button {   border: 1px solid #fff;    clear: both;    color: white;    font-size: 100%;    width: 30%;    margin: 10px 0 20px 0;    font-weight: bold;   background: #9b1b29 url(images/redfade.jpg) left top repeat-x; }
#gb_form_div input:hover, #gb_form_div textarea:hover {   border: 1px solid #777;     background-color: #efefef; }
#gb_form_div input.button:focus, #gb_form_div input.button:hover, #gb_form_div input.button:active {   clear: both;    color: white;    font-size: 100%;    width: 30%;    margin: 10px 0 20px 0;    font-weight: bold;   background: #9b1b29 url(images/redfade.jpg) left bottom repeat-x;  }
#gb_form_div input.short {width:10%;}
.required {   color: #c2537a;    font-weight: normal;    margin-left: 10px; }
.validationerrors ol {   color: #000;    margin-left: 20px;    padding-left: 15px;    margin-bottom: 10px; }
#enquiryErrorID  a:focus, #enquiryErrorID  a:hover, #enquiryErrorID  a:active {   background-color: #538b37;    color: white; }

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

.clearfix {   display: inline-block; }

/* Hide from IE Mac \*/
.clearfix {   display: block; }

/* End hide from IE Mac */