/***********************************************/
/* Layout of main page elements for the C2     */
/* Support site                                */
/***********************************************/

html
{
  height:100%;
  overflow:hidden;
}

body
{
  height:100%;
  overflow:hidden;
  margin:0;
  text-align:center;
  font-family:verdana;
  background:url(images/fade_light_down.jpg) repeat-x top;
  color: #333;
  line-height: 125%;
}

#centred_page
{
  position:relative;
  width:800px;
  height:100%;
  margin:0 auto;
  text-align:left;
}

#outer_page
{
  position:absolute;
  width:100%;
  top:10px;
  bottom:10px;
}

#base_page
{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:-10;
}

#base_page .base_left
{
  position:absolute;
  left:0;
  right:128px; /* #base_page .base_logo width + right amount + 1 x border width */
  height:100%;
  background:url(images/fade_dark_down.jpg) repeat-x top;
  border:1px solid #2E9341; /*#7DB957*/
  border-right:none;
  border-top:none;
}

#base_page .base_right
{
  position:absolute;
  top:0;
  bottom:81px; /* #base_page .base_logo height + bottom amount */
  right:0;
  width:128px; /* #base_page .base_left right amount (above) */
  background:url(images/fade_dark_down.jpg) repeat-x top;
  border-right:1px solid #2E9341; /*#7DB957*/
}

#base_page .base_inner
{
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  margin:5px;
  border:1px solid #2E9341; /*#7DB957*/
  background:white;
}

#base_page .base_left .base_inner
{
  margin-top:0;
  margin-right:0;
  border-top:none;
  border-right:none;
  background:url(images/leaf_faded.jpg) bottom right no-repeat white;
}
  
#base_page .base_right .base_inner
{
  margin-left:0;
  margin-top:0;
  margin-bottom:0;
  border-left:none;
  border-top:none;
  border-bottom:none;
  background:url(images/leaf_right_top.jpg) bottom left no-repeat white;
}

#base_page .base_logo
{
  position:absolute;
  bottom:-1px;
  right:-3px;
  width:132px;
  height:82px;
  background:url(images/etec-fold.gif) no-repeat bottom right;
}

#inner_page
{
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  margin:5px; /* #base_page .inner_base margin amount */
  margin-top:0;
}

#inner_top
{
  position:absolute;
  left:-5px; /* #inner_page margin amount */
  right:-5px; /* #inner_page margin amount */
  top:0;
  height:130px;
  background:url(images/curve_top.gif) no-repeat;
}

#inner_main
{
  position:absolute;
  top:130px; /* #inner_top bottom position */
  bottom:70px; /* #base_page .base_right bottom - #inner_page margin */
  left:0;
  width:100%;
}

#col1of2
{
  display:none;
}

#col2of2
{
  position:absolute;
  width:100%;
  height:100%;
}


/***********************************************/
/* Header styles                               */
/***********************************************/

#header
{
  position:absolute;
  height:100%;
  width:100%;
  /*background:url(images/etl-hand-sml.png) no-repeat 7px 35px;*/
}

#header .container
{
  position:absolute;
  height:100%;
  width:100%;
  /*background:url(images/etl-banner-med.png) no-repeat 17px 45px;*/
  background:url(images/etec-logo.jpg) no-repeat 50px 20px;

}

#header h1, #header h2
{
  display:none;
}

/***********************************************/
/* Nav pane styles                             */
/***********************************************/

#navPane
{
  position:absolute;
  left:7px;
  right:7px;
  bottom:0;
  background:none;
}

#navPane ul
{
  list-style:none;
  text-align:center;
  padding:0;
  margin:0;
  background:#2E9341;
  border:1px solid #202020;
  border-left:none;
  border-right:none;
  vertical-align:middle;
}

#navPane ul li
{
  display:inline;
  text-align:center;
  margin:2px 5px;
}

#navPane ul li a
{
  text-decoration:none;
  line-height:200%;
  font-size:80%;
  color:white;
  padding:0 5px;
  height:100%;
  border:1px solid #2E9341;
}

#navPane ul li a:hover
{
  color:yellow;
  /*background:url(images/fade_slice_gry_180.jpg) bottom repeat-x;*/
  border:1px solid #33bb33;
}

#navPane ul li a.selected, #navPane ul li a:hover.selected
{
  /*background:url(images/fade_slice_blue.jpg) top repeat-x;*/
  color:white;
  border:1px solid yellow;
}

/***********************************************/
/* Content styles                              */
/***********************************************/

/* STYLES FROM EXISTING SITE */

sup
{
  font-size: 65%;
}


/* NEW STYLES */

#content
{
  height:100%;
  width:100%;
  background:none;
  font-size:80%;
  color:#333;
  font-family:arial;
  line-height:125%;
}

#content .container
{
  position:absolute;
  padding:0;
  left:10px;
  top:10px;
  bottom:10px;
  right:10px;
  overflow:auto;
}

/* HEADING STYLES */

#content h1, #content h2
{
  text-align:center;
}

#content h1, #content h2, #content h3, #content h4, #content h5
{
  color:#405840;
  padding:0;
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

#content h1, #content h2, #content h3, #content h4
{
  margin:5px 0 4px 0;
}

#content h3
{
  padding-bottom:2px;
  margin-top:10px;
  margin-bottom:10px;
  border-bottom:1px solid #405840;
}

#content h4, #content h5
{
  font-size:110%;
}

#content h5
{
  margin:0;
}

#content h1 span.note, #content h2 span.note, #content h3 span.note, #content h4 span.note, #content h5 span.note
{
  font-weight:normal;
  font-size:0.9em;
}

/* DIV STYLES */

#content div.productHeader
{
   font-size:80%;
   border:none;
}

#content div.showCollapseAll { float:right; vertical-align:bottom; } /* font-size: 80%; } */


/* PARA STYLES */

#content p
{
  margin:0;
  padding:0 10px 10px 5px;
  text-align:justify;
}

#content p.breadcrumbs
{
   font-size:100%;
   border:none;
   padding-bottom:5px;
}

#content p.reference
{
  font-style:italic;
  font-size:95%;
}

/* LIST STYLES */

#content ul, #content ol
{
  margin-top:0;
  margin-bottom:5px;
}

/* LINK STYLES */

#content a
{
 color:#6480AA; /*#5193D2;*/
}

#content a:active { color: #ff8000; }

#content a:hover
{
 text-decoration:none;
 background:#5193D2;
 color:#ffffff;
}

#content a:visited
{
  color:#808080; /*#78B8E5;*/
}

#content a:visited:hover, #content p.breadcrumbs a:visited:hover
{
  color:#ffffff;
}

#content div.showCollapseAll a { text-decoration:none; }
#content div.showCollapseAll a:hover { color:#6480aa; background:none; }
#content div.showCollapseAll a:visited { color:#6480aa; }
#content div.showCollapseAll a:visited:hover { color:#78B8E5; }
#content p.breadcrumbs a:visited { color:#6480AA; }
#content a.disclaimer { color: red; }
#content table.products th a { text-decoration:none; }
#content table td.icon a { text-decoration:none; }
#content td.doc a:hover { background:none; color:#6480AA; }

/* IMAGE STYLES */

#content img
{
  margin:10px;
  margin-left:20px;
}

#content table td img
{
  padding:0;
  margin:0;
  border:none;
  vertical-align:text-bottom;
}

/* FORM STYLES */

#content form
{
  background-color:#6699FF;
  border:1px solid black;
  padding:10px;
  margin:10px;
}

#content form.contact
{
  width:510px;
}

#content form.contact input.text
{
  width:300px;
}

/* TABLE STYLES */

#content table
{
  border:1px solid #808080;
  font-size:100%;
  border-collapse:collapse;
  margin-left:1px;
  line-height:150%;
  vertical-align:top;
}

#content table tbody.head tr
{
  font-weight:bold;
  background:#e8ece8;
}

#content table tbody.head th, #content table tbody.head th a
{
  color:#000000;
  font-weight:bold;
  background:#dddddd;
}

#content table th
{
  font-weight:bold;
  background:inherit;
  padding:0 2px;
  vertical-align:top;
}

#content table tr
{
  margin:0;
  padding:0;
  background:#E0FFFF; /* #E0FFFF (original) #F0FFFF (lighter) #E3F1DA (green)  */
}

#content table tr td
{
  padding:0 2px;
  margin:0;
  vertical-align:top;
}

#content table.centred
{
  text-align:center;
}

#content th.left, #content td.left
{
  text-align:left
}

#content td.empty
{
  text-align:center;
  padding:10px;
  font-style:italic;
}

#content table tbody.info
{
  border-top:1px solid #dddddd;
  border-bottom:1px solid #dddddd;
}

#content table tbody.info tr
{
  padding-left:1em;
  background:none; /*#ffffff;*/
}

#content table td.doc
{
  color:#aaaaaa;
  font-size:80%;
  vertical-align:middle;
}

#content table th.doc
{
  padding:0 2px;
}

#content table td.icon a
{
  padding:0 3px;
}

#content table .noOfDocs
{
  color:#aaaaaa;
}

/* Products tables */
#content table.products colgroup.icon { width:15px; } /* the "+" column on the products page */
#content table.products colgroup.product { width:235px; } /* product column on the products page */
#content table.products colgroup.category { width:450px; } /* product column on the products page */
#content table.products colgroup.sds {  } /* document image link columns */
#content table.products colgroup.label {  } /* document image link columns */
#content table.products colgroup.psc {  } /* document image link columns */
#content table.products colgroup.leaflet {  } /* document image link columns */
#content table.products td.doc, #content table.products th.doc { text-align:center; vertical-align:top;}
#content table.products tbody.info { display:none; }

/* SDS table */
#content table.sds colgroup.product { width:25%; } /* product column */
#content table.sds colgroup.ingredient { } /* ingredients columns */
#content table.sds colgroup.sds { width:75px; } /* SDS document image link (plus file size) column */
#content table.sds td.doc { text-align:left; }
#content table.sds { margin-top:12px; }

/* Retailers table */
#content table colgroup.town { width:150px; } /* the town columns */
#content table colgroup.phone { width:110px; } /* phone & fax number columns */

/* Individual product table */
#content table.product colgroup.headings { width:200px; }
#content table.product colgroup.details { width:600px; }
#content table.product tr { background:none; }
#content table.product th { font-weight:normal; background:#E0FFFF; }
#content table.product td { background:none; }

/* Contact us table */
#content table.contact colgroup.name { width:110px; }
#content table.contact colgroup.title { width:150px; }
#content table.contact colgroup.details { width:210px; }
#content table.contact td.address-head { font-style:italic; text-align:right; }

/* News tables */
#content table.news { width:700px; margin:0 auto; }
#content table.news tr { background:none; }
#content table.news th { border:1px solid #405840; background:#E0FFFF; }
#content table.news td { border:1px solid #405840; }

#content table.news td ul
{
  margin:0;
  padding-left:20px;
}

/* Nautile news table */
#content table.news colgroup.crop { width:90px; }
#content table.news colgroup.disease { width:150px; }
#content table.news colgroup.rate { width:90px; }

/* Astral news table */
#content table.astral { text-align:center; }

/* Shark news tables */
#content table.shark { text-align:center; }
#content table.shark th, #content table.shark td { border-color:#000000; }
#content table.shark th, #content table.shark td.left { background-color:#333388; color:#FFFFFF; }
#content table.shark td { background-color:#2E9341; }
#content table.shark td.odd { background-color:yellow; }
#content table.shark td.comparator { background-color:#D12329; }

/* Magister news tables */
#content table.magister th { text-align:center; color:#FFFFFF; background:#2E9341; }

/* PAGE NUMBERING STYLES */
#content div.page_numbers
{
  float:right;
  font-size:.9em;
}

/* HOMEPAGE STYLES */

#content .homepage
{
  text-align:center;
}

#content .homepage table
{
  text-align:left;
  margin:10px auto;
  background:#f0f0f0;
  border:1px solid #808080;
}

#content .homepage table td
{
  padding:10px;
  vertical-align:top;
}

#content .homepage h1
{
  display:none;
}

/* Home page blended images */
#blend
{
  position:relative;
  background:url(images/we-innovate.gif) 0 10px no-repeat;
  margin:0 auto;
  padding-bottom:2em;
}

#blend img
{
  position:absolute;
  top:0;
  left:0;
  margin:10px 0;
  z-index:1;
}

#blend, #blend img
{
  width:400px;
  height:190px;
}

#blend img.hidden
{
  display:none;
}

/* PRODUCT NEWS STYLES */

#content div.news div.product
{
  display:inline;
  position:relative;
  float:left;
  height:242px;
  text-align:center;
  margin:10px;
}

#content div.news div.product a
{
  display:block;
  background:#2E9341;
  border:1px solid #202020;
  margin:5px 8px;
}
  
#content div.news div.product a:hover
{
  border:1px solid #33bb33;
  background:#E7F2E1;
}

#content div.news div.product a img
{
  display:block;
  border:1px solid #202020;
  margin:5px;
}

#content div.news div.product a:hover img
{
  border:1px solid #33bb33;
}

#content div.news div.product span.prodName
{
  display:block;
  font-weight:bold;
  font-size:110%;
}

/* OTHER GENERIC STYLES */

#content .tagLine
{
  font-style:italic;
  margin:17px 0;
}

#content .warn
{
  color:#FF0000;
  font-weight:bold;
}

#content div.etl-info
{
  margin-top:10px;
  font-size:90%;
}

#content div.etl-info p, #content div.footnotes p
{
  margin:0;
  padding:0;
}

#content div.footnotes
{
  margin-top:7px;
  padding-top:3px;
  border-top:1px solid #2E9341;
  font-size:70%;
}

#content div.footnotes sup
{
  font-size:90%;
}

#content span.trademark
{
  font-size:1.2em;
}

#content ul.benefits
{
  list-style:url(/styles/images/green-tick-rnd.gif);
}

#content ul.warnings
{
  list-style:url(/styles/images/red-cross-rnd.gif);
}

#content ul.checklist, #content ul.features
{
  list-style:url(/styles/images/checkbox-tick.gif);
}

#content ul ul
{
  list-style:circle;
}

#content div.contactImg { float:right; }
#content .debug { display:none; }