/**************** 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% "Trebuchet MS", Verdana, Arial, 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: #E5E5E5;  color: #E5E5E5;   border: none;  padding: 0; margin: 1em 1em;}
/***************** Headings ********************/
h1 {font-size:210%; color: #401f7a; font-weight:normal;margin:25px 0 0 10px;}
h2 {font-size:190%; color: #401f7a; font-weight:normal;margin:0px 0 0 0;font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
h3 {margin-bottom:0;font-size:140%; color:#401f7a;font-weight:normal;font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
h4 {margin-bottom:0;font-size:120%; color:#401f7a;font-weight:normal;font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
#info h3 {margin:0 0 10px 0;text-align:center;}
#info h4 {margin:20px 0 10px 0;text-align:center;}
/**************** General rules *********************/
html, body{ height:100%;  margin:0;  padding:0;  text-align:center;}
body {height:101%; line-height:150%; color: #555; text-align: center;background:#fff}
#container{width:100%; margin: 0 ;font-size:76%;text-align:left; }
#header{text-align:left;font-size:76%;position:relative; height:auto; width:100%;margin-bottom:10px;}
#header img.printlogo {display:block;}
#headerright {display:none;}

#skip {display:none;}

#content{float: none;  width:100%; }
#content img {border:1px solid #e2e0e1;padding:3px;background-color:white;}
#content ul {margin:0 0 0 10px;padding:0px;}
#content ul li {list-style-type:none;background-image: url(/images/star.gif);background-position:left 50%;background-repeat: no-repeat;padding-left:15px;}
#content h1,h2,h3,h4,p,ul,ol {margin-left:0px;margin-right:0px;}
#content h2 {margin-top:10px;}
#container img.icon {float:none;display:inline;padding:0;margin:0;border:none;}
#info{display:none;}
#sidebar {display:none;}

#inner{clear:both;float:none;width:100%;}
#footer{display:none; }

#content #products img {float:right;}
#products {margin-left:20px;}
#products p, #products form, #products img, #products ul, #products h3, #products h4, #products h2 {margin-left:0;}
/**************** General Links ***********************************/
a:link            {color: #555; text-decoration: none;border-bottom:none;}
a:visited         { color: #555; text-decoration: none;border-bottom:none;}
/********************** Navigation ******************/

/***************** Image Replacement ****************/

/* General IR statements */
.replace {display:none;}
.replace em {  display:none;   }
h1 {display:none; }

/*************** Other bits *************/
#wrap, #wrap1 {margin-left:0px;margin-right:10px;height:auto;}
.container4 {
        float: left;
        width: 25%;
        text-align: center;margin-bottom:20px;
        }
  .box {
        width: 95%;
        margin: 0 auto;
        min-height: 150px;
        border: 1px solid #e2e0e1;
        padding:8px 0 0 0 ;

        }

#wrap1 div.box {height:16em;}
#wrap1 .container4 {width:155px;}
#wrap1 {margin-top:10px;}

.box p {margin:0 3px 0px 3px;font-weight:bold;}
#content .box img {padding:0;border:none;background-color:white;text-decoration:none;}
#content .box img a:hover, #content .box img a:active {padding:0;border:none;background-color:white;text-decoration:none;}
#content .box:hover, #content .box:active {border:1px solid #e1017d;background: url(/images/pinkcorner.gif) right bottom no-repeat;}
#content .box a, #content .box a:link {border-bottom:none;text-decoration:none;}
#content .box a:hover, #content .box a:active {background-color:white;color: #e1017d;}
*html body {behavior: url(/csshover.htc);}

.clearfix:after {content: ".";  display: block; height: 0;  clear: both;  visibility: hidden; }
.clearfix{display: inline-block;}

table.categorytable {border-collapse: collapse;border: 1px solid #7d7c7c;margin:10px 2px;width:98%;}
table.categorytable  tbody { border-top: 1px solid #7d7c7c;  border-bottom: 1px solid #7d7c7c;}
table.categorytable   tr th {background-color:#efefef;padding:5px;}
table.categorytable   tbody, table.categorytable  th, table.categorytable  table td { padding: 0.5em;border: 1px solid #7d7c7c; }
table.categorytable   tr.alt th, table.categorytable  tr.alt td { background-color: #fff; }
table.categorytable tr td {padding:5px;}
table.categorytable  tr.oddrow {background-color:#f8f6f6; border-top: 1px dotted #7d7c7c;}
#breadcrumbs {margin-left:20px;margin-top:0;font-size:90%;color:#de007c;}
#breadcrumbs a:link, #breadcrumbs a:visited {color:#de007c;border-bottom:none;}
#breadcrumbs a:focus, #breadcrumbs a:hover, #breadcrumbs a:active {color:#de007c;border-bottom:1px solid #de007c;background-color:transparent;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
a[href $='.pdf'] {padding-left: 15px; background:  url(/images/pdf.gif) no-repeat center left;border-bottom:none;}
a[href $='.doc'] {padding-left: 15px; background:  url(/images/word1.gif) no-repeat center left;border-bottom:none;}

/*************** Forms ******************/

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