/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/
html { height: 100%; }

body { height: 100%;}

#wrapper {position: relative; min-height: 100%;}

*html #wrapper { height: 100%;}

#container{ position:relative;   border:#000000 0px solid;  padding:0px 8px 111px 8px; margin-top:0px; margin-left:auto; margin-right:auto; width:979px; background:url(/images/bac_container.jpg) #ffffff repeat-x left top; }

#header { width:100%; height:172px; margin:0px; padding:0px; position:relative; z-index:1000; }

#logo {  width:281px; height:115px; margin:0px; padding:0px;  }

#sage { width:145px; height:115px; position:absolute; top:0px; right:0px;  }

#main {  width:100%; margin:20px 0px 0px 0px; }

#content {width:638px; display:block; float:left; margin:0px 0px 40px 0px;}

#sidebar { width:322px;  height:100%; float:right; display:block;  margin:0px 0px 1px 0px; padding:0px; background:#ffffff; }

.green_title { background:url(../images/green_title.jpg) repeat-x left top; color:#FFF; font-size:1.6em; padding:4px 0px 4px 9px;}
#latest_news { min-height:282px; height:auto !important; height:282px; width:320px; background:#E6E6E6; border:1px solid #C8C8C8; margin:0px 0px 22px 0px;  }
.news { width:290px; margin:0px 0px 0px 9px; border-bottom:1px solid #D0D0D0; padding:5px 0px 0px 0px;}
.news img { display:block; float:left; margin:0px 9px 10px 0px;}
.news p {color:#575757;  font-size:1.2em; margin:5px 0px 5px 0px;}
.news h6 { margin:0px 0px 0px 0px !important;}
.news a.link_news { font-size:1.2em; font-weight:bold; color:#008369; display:block; float:right; margin:0px 0px 5px 0px;  }

#enquiry { min-height:282px; height:auto !important; height:282px; width:320px; background:#E6E6E6; border:1px solid #C8C8C8; margin:0px 0px 22px 0px;  }
#enquiry form {padding:10px 0px 0px 15px !important; margin:0px;}
#enquiry label.indent {width:94px;}
#enquiry input {width:190px; background:#ffffff !important; }
#enquiry select {width:191px; background:#ffffff !important; }
#enquiry textarea {width:190px; background:#ffffff !important;}
#enquiry button { display:block; float:right; margin:5px 12px 0px 0px;}

#footer { position:relative; width:100%; background:url(../images/footer.jpg) repeat-x top left; height:111px; margin:-111px 0px 0px 0px; padding:0px; }
#footer p { font-size:0.7em; color:#FFFFFF; margin:0px; font-size:1.2em; padding:50px 0px 0px 20px; font-weight:bold; color:#818181; margin-left:auto; margin-right:auto; width:959px;}
#footer p a { font-size:0.7em; color:#FFFFFF; margin:0px; font-size:1em; font-weight:bold; color:#818181; }

.clear { clear:both; }

/*------------------------------------ HomePage -----------------------------------------------------------*/

#slideshow {margin:0px; padding:0px;  height:179px; position:relative; z-index:1;}
#slideshow ul { margin:0px; padding:0px;}
#slideshow ul li { margin:0px; padding:0px; position:absolute; top:0px; left:0px; list-style:none !important; font-size:1em !important;}

#nav_home { background:url(../images/nav_home.jpg) repeat-x left top; height:61px; width:608; padding:0px 0px 0px 5px; margin:0px 0px 10px 0px;}
#nav_home ul { margin:0px; padding:0px;}
#nav_home ul li { display:block; font-size:1em !important; float:left; background:url(../images/nav_home_side.jpg) no-repeat right; margin:13px 0px 0px 0px; padding:7px 0px 7px 0px;}
#nav_home ul li.last { background:none !important;}
#nav_home a { font-size:1.8em; color:#FFF; background:url(../images/purple_arrow.jpg) no-repeat left 50%; padding:10px 18px 10px 18px; margin:0px 10px 0px 15px;}
#nav_home a:hover {}

#sub_menu {border-top:1px solid #008369; padding:12px 0px 0px 0px; margin:10px 0px 0px 0px; display:block;}
#sub_menu h1 {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.sub { display:block; width:110px; float:left; margin:0px 16px 40px 0px;}
.sub h6 {margin:0px 0px 0px 0px !important;}
.sub img {margin:0px 0px 10px 0px; border:2px solid #fff;}

.last_link { border-top:1px solid #90C8BD; color:#90C8BD; }
.last_link a { color:#90C8BD; font-size:1.2em; display:block; float:right; margin:5px 0px 0px 0px; }
.last_link a:hover { color:#90C8BD; text-decoration:none; }

/*------------------------------------ Breadcrumb -----------------------------------------------------------*/

#breadcrumb {}
#breadcrumb p { font-size:1.1em; color:#FFF; margin:5px 0px 10px 18px;}
#breadcrumb p a {color:#ffffff !important; text-decoration:underline}
#breadcrumb p a:hover {}

.news_main { border-top:1px solid #c0c0c0; padding:10px 0px 10px 0px;}
.news_main img {margin:0px 0px 10px 0px;}

.product {border-top:2px solid #c0c0c0;  margin-top:5px; padding-top:5px;}
.product img {float:right; border:#4c1163 2px solid; margin:10px 20px 10px 0px;}
.product h1 {color:#008469; font-size:16px; font-weight:bold;}

/*------------------------------------ Ask an Expert -----------------------------------------------------------*/

.question {width:610px; background:#86489E; display:block; padding:4px 0px 4px 10px; color:#ffffff !important; font-wieght:bold; font-size:1.2em;  }
.question span {font-size:1.8em; vertical-align:top; float:left; color:#ffffff; font-weght:bold; padding:0px 10px 0px 0px;}
.answer {width:610px; background:#2B0A37; display:block; color:#ffffff !important; padding:4px 0px 4px 10px; color:#ffffff !important; font-wieght:bold; font-size:1.2em;}
.answer span {font-size:1.8em; vertical-align:top; float:left; color:#ffffff; font-weght:bold; padding:0px 10px 0px 0px;}
.answer span p { color:#ffffff !important;}
.question span p {color:#ffffff !important;}

#main_product_area  p {color:#ffffff !important;}

#aae {}
#aae input {width:300px;}
#aae select {width:302px;}
#aae textarea {width:300px; height:100px;}
#aae button {margin:0px 0px 0px 150px; background:#00755D !important; text-transform:uppercase; color:#ffffff !important; border:1px solid #86489E !important; padding:2px;}

/*------------------------------------ nav-----------------------------------------------------------*/

#nav { width:100%;  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; position:relatice; z-index:3; }

#nav ul { margin:0px; padding:0px;}
#nav ul li { position:relative; margin:0px; padding:0px; list-style:none; display:block; float:left;}
#nav ul li a { margin:0px 0px 1px 0px; padding:8px 53px 6px 17px;  color:#ffffff; display:block; font-weight:normal; font-size:1.2em;}
*html #nav ul li a { margin:0px 0px 1px 0px; padding:4px 53px 6px 17px; }
#nav ul li a:hover { text-decoration:none; background:#9F4CC0;  color:#ffffff; } 
#nav ul li a.active { text-decoration:none; background:#9F4CC0;  color:#ffffff; } 
#nav ul li a.hover { text-decoration:none; background:#9F4CC0;  color:#ffffff; } 

#nav ul li ul li a.hover { text-decoration:none; background:none !important;  color:#ffffff; } 
#nav ul li ul {margin:0px; width:200px; clear:both; background:#8A4DA1; padding:2px 0px 10px 0px; position:absolute; top:29px; left:0px; display:none;}
#nav ul li ul {top:25px;}
#nav ul li ul li {margin:0px; padding:0px; list-style:none; float:none;}
#nav ul li ul li a { margin:0px 0px 1px 0px;  color:#ffffff; display:block; padding:2px 53px 2px 17px;  font-weight:normal; font-size:1.2em;}
#nav ul li a:hover { text-decoration:none;  color:#ffffff; background:#9F4CC0; } 
#nav ul li:hover ul { display:block !important;}

/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/

button {cursor:pointer;}
body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(../images/bac.jpg) #CCCCCC repeat-x left top; font-family: Arial, Helvetica, sans-serif; font-size:62.5%;}
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

h1{ font-size:1.9em; color:#4c1163;  font-weight:normal; margin:0px 0px 5px 0px; padding:5px 0px 5px 0px; }
h2{ color: #008469; font-size:1.6em; font-weight:bold; margin:10px 0px 20px 0px; padding:0px 0px 0px 0px; line-height:18px;}
h3{ color:#4c1163; font-size:1.2em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4{ color:#575757; font-size:1.6em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5{ color:#000000; font-size:1.6em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#5D5D5D; font-size:1.4em; font-weight:bold; margin:10px 0px 5px 0px; padding:0px 0px 0px 0px; }

hr {}

ul {  }
#content ul li { font-size:12px; line-height:22px; list-style:disc; color:#5D5D5D; }

ol {}
ol li { font-size:12px; list-style:decimal; color:#5D5D5D; line-height:22px; }


address { font-size:1.2em; color:#5D5D5D;}

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

p { font-size:13px; color:#5D5D5D;  margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:1.3em; }

/*hacks list remove before live

HANDY HINTS

*html IE6
*+html IE7
:root  FIREFOX
body:last-child:not(:root:root)    SAFARI
html:first-child OPERA
*/