/**************** 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 url(/images/blueback3.jpg) left top repeat-x;}
#container{width:96%; max-width:1100px; margin: 2em auto;font-size:76%;text-align:left; }
#header{text-align:left;font-size:76%;position:relative; height:160px; color: #79B30B; width:100%;margin-bottom:10px;}
#header img.printlogo {display:none;}
#headerright {position:absolute; top:3em; right:10px;}
#headerright img.tel {float:right;margin-bottom:15px;margin-top:8px;color:#401f7a;font-weight:bold;font-size:120%;}

#skip {font-size:90%;   text-align:right; color:#401f7a;   margin:0;position:absolute;top:0;right:1em;z-index:10;}
#skip li {float:left;  list-style-type: none; }
#skip li a:link, #skip li a:visited  {font-weight:bold;border:none;padding:2px; color:#401f7a;margin:0; display:block; }
#skip li a:focus, #skip li a:hover, #skip  a:active { border:none;color:#fff; padding:2px; display:block;  border-top:1px solid white;}

#content{float: right; display:inline; width:79%; }
#content img {border:1px solid #e2e0e1;padding:3px;background-color:white;float:right;margin: 0 0 5px 5px;c}
#content ul {margin:0 0 0 20px;padding:5px;}
#content ul li {list-style-type:square;}
#content h1,h2,h3,h4,p,ul,ol {margin-left:20px;margin-right:10px;}
#content h2 {margin-top:10px;}
#container img.icon {float:none;display:inline;padding:0;margin:0;border:none;}
#info{width:20%;float:right;margin-bottom:20px;}
#info img {margin:0 auto;display:block;}
#info h3 {text-align:center;margin-top:10px;}
#info ul.noicon, #info ul.noicon li {list-style-type:none;text-align:center;padding:0;margin:0;}
#sidebar {width:20%;float:left;}
#sidebar h3 {margin:10px 10px 10px 0;}
#sidebar p.sub {margin:0;}
#info img {border:1px solid #e2e0e1;padding:3px;background-color:white;}
#searchform {margin-top:0px;color:#e21b7b;font-weight:bold;width:18em;float:right;clear:right;}
#searchform input {  border:1px solid #e21b7b;padding:2px;}
#searchform input.btn {border:1px solid #e21b7b; color:white;  width:30%;   margin: 0 0 0 0;   font-weight:bold;    background:#e21b7b url(/images/aquaback.jpg) left top repeat-x;   }
#searchform input.btn a:focus, #searchform input.btn a:hover, #searchform input.btn a:active {border:1px solid #e21b7b; color:white;  width:30%;   margin: 0 0 0 0;   font-weight:bold;    background:#401f7a url(/images/aquaback.jpg) left top repeat-x;   }


#searchform label.omit {position:absolute; left:-9999px;}
#searchform input.searchBox {width:65%;}

#inner{clear:both;float:left;width:79%;}
#latest {border-top:1px dotted #92c7d5;border-bottom:1px dotted #92c7d5;margin:0 20px 0 20px;}
#latest h4 {background: url(/images/star.gif) left center no-repeat;padding-left:18px;margin-bottom:0px;margin-left:5px;}
#latest p {margin-top:3px;margin-left:5px;}
h3.latest {margin-bottom:5px;}
#footer{height:5em; border-top:1px dotted #e7d6e0;clear:both;margin-top:10px; }
#footer p{margin:0;padding:10px 10px;color: #401f7a}

#footer span.right {float:right;width:40%;text-align:right;margin-top:15px;}
#footer ul.sitedocs {float:left;width:59%;margin-top:15px;margin-left:0;}
#footer ul.sitedocs li {float:left;list-style-type:none;margin-left:0;padding-left:0;margin-right:1em;}



#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: #401f7a; text-decoration: none;border-bottom:1px solid #e2e0e1;}
a:visited         { color: #401f7a; text-decoration: none;border-bottom:1px solid #ccc;}
a:focus, a:hover, a:active {color: white;background-color:#401f7a; border-bottom:1px solid #fff;}
/********************** Navigation ******************/

#navlist, #sidebar .sitedocs {margin:0 0 0 0;}
#navlist li, #sidebar .sitedocs li {display:block;list-style: none;border-bottom:1px dotted #e7d6e0;margin:0;}
#navlist a, #sidebar .sitedocs a {font-weight:bold;color:#267166;display:block;text-decoration:none;border-bottom:none;}
#navlist li a, #sidebar .sitedocs li a { display:block;text-decoration: none; }
#navlist a:link, #navlist a:visited, #sidebar .sitedocs a:link, #sidebar .sitedocs a:visited {padding:0; color:#6b6868;border-bottom:none;}
#navlist a:focus, #navlist a:hover, #navlist a:active, #sidebar .sitedocs a:focus, #sidebar .sitedocs a:hover, #sidebar .sitedocs a:active {background: url(/images/tick.gif) right center no-repeat;color: #401f7a;}


#sidebar ul.noicon, #sidebar ul.noicon li {list-style-type:none;text-align:center;padding:0;margin:0;}



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

/* General IR statements */
.replace {clear:both;position: relative;  overflow: hidden; margin: 0 0 0 0;padding: 0;   font-size:200%; }
.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:#ggg;     width:537px;     height: 148px; background: url(/images/pinklogo2.jpg) top left no-repeat;}
* html>body #myh1 em { /* for ie5.x/mac only */ margin-bottom: -148px;  /* Required to bring text underneath image. Use the negative height of the image here.*/  }
h1 {color:#401f7a;font-weight:bold;}

/*************** Other bits *************/
#wrap, #wrap1 {margin-left:20px;margin-right:10px;height:auto;}
#wrap img, #wrap1 img {float:none;}
.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 ;

        }

#featured {width:98%;margin:0 auto;}
#featured img {display:block; margin:0 auto;}
#featured p {text-align:center;}
#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:focus, #content .box img a:hover, #content .box img a:active {padding:0;border:none;background-color:white;text-decoration:none;}
#content .box:focus, #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:focus, #content .box a:hover, #content .box a:active {background-color:white;color: #e1017d;}

#featured .box img {padding:0;border:none;background-color:white;text-decoration:none;}
#featured .box img a:focus, #featured .box img a:hover, #featured .box img a:active {padding:0;border:none;background-color:white;text-decoration:none;}
#featured .box:focus, #featured .box:hover, #featured .box:active {border:1px solid #e1017d;background: url(/images/pinkcorner.gif) right bottom no-repeat;}
#featured .box a, #featured .box a:link {border-bottom:none;text-decoration:none;}
#featured .box a:focus, #featured .box a:hover, #featured .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;}
a[href $='.pdf']:focus, a[href $='.pdf']:hover, a[href $='.pdf']:active   {padding-left: 15px; background:#401f7a  url(/images/pdf.gif) no-repeat center left;border-bottom:none;}
a[href $='.doc']:focus, a[href $='.doc']:hover, a[href $='.doc']:active {padding-left: 15px; background:#401f7a  url(/images/word1.gif) no-repeat center left;border-bottom:none;}
#info ul.noicon li a:link, #info ul.noicon li a:visited {border-bottom:none;}
#info ul.noicon  {width:12em;margin:0 auto;}
#info ul.noicon  li {text-align:left;}
.pagination {margin-left:20px;color: #401f7a;clear:both;}


#imgThumbSpace {float:right;clear:both;margin:20px 0 20px 10px;}
#imgThumbSpace img {margin-left:5px;}
/*************** Forms ******************/

#enquiry p {margin:0;}
#enquiry p.inline {display:inline;}
#enquiry {font-size:100%; color:#000; margin-left:15px;width:90%;   }
#enquiry fieldset { border:1px solid #ddd;  padding:12px 8px;margin-bottom:10px; }
#enquiry fieldset #main {border:none;}
#enquiry legend {   color:#401f7a;font-weight:bold;margin-bottom:5px;}
#enquiry input {background:#fff;   border:1px solid #aaa;  width:70%;     padding:5px 3px 5px 3px;   vertical-align:middle;  margin:0 0 5px 0; }
#enquiry select {border:1px solid #2c3079; margin:2px 0 5px 0;}
#enquiry textarea { background:#FFF;  border:1px solid #aaa;     width:70%;  margin-left:0;    font-size:110%;   padding:3px ;  vertical-align:middle;  }
#enquiry input.submit{   border:1px solid #fff;clear:both;   color:white;   font-size:100%;   width:30%;  margin:10px 0 20px 0;   font-weight:bold;    background:#e21b7b url(../images/aquaback.jpg) left top repeat-x;    }
#enquiry input:hover, #enquiry textarea:hover {  border:1px solid #2c3079;background-color:#efefef; }
#enquiry input.submit:focus, #enquiry input.submit:hover, #enquiry input.submit:active  { clear:both; color:white;   font-size:100%;   width:30%;  margin:10px 0 20px 0;   font-weight:bold;    background-color:#401f7a;  }
#enquiry input.radio {width:2em;border:none;}
#enquiry input.topic, #enquiry label.topic {position:absolute;left:-9999px;}
.required { color:#c2537a;    font-weight:bold;  margin-left:0px; }
.validationerrors ol {color:#000;   margin-left:15px; padding-left:10px;   margin-bottom:10px;  }
#enquiry input.shorttext {width:20%;}

#enquiry table tr td {padding:5px;}
#enquiry table tr td.short {width:20%;}
#enquiry table tr td.mid {width:30%;}
#enquiry .omit {position:absolute;left:-9999px;}
#enquiry table input {width:100%;margin:0;padding-left:0;padding-right:0;}
#enquiry th {background-color:#efefef;padding:5px;text-align:center;}
#enquiry fieldset {margin-top:20px;}
#enquiry legend.main {display:none;}
#enquiry fieldset.main {border:1px dashed #eee;}