/*
=======================
=== Dia.licio.us v1 ===
=======================

Design by: Jalada, Haven Designs
For: Diagenics Ltd

Info:
The important thing about this design is that the previous data
had to fit well. Therefore most of the pages are very hybrid, rather
than being strictly XHTML content and CSS design. Therefore, you see
a lot of tables mixed in with CSS to get the layout right. It's not
the ideal situation, but it does do it in the least lines of code, and
the least hacks. Therefore, even if it doesn't comply with XHTML and CSS
standards, it does do it in the quickest time and perhaps the neatest way.

*/


/* Set some base stuff */
body {
	font: 13px verdana, sans-serif;
	background-color:#fff;
}

img {
	border:0;
}

/* Navigation Bar definitions */

#nav {
	/* Damn you IE */
	_padding-top:40px;
	float:left;
	width:200px;
	margin-left:20px;
}

ul.navigation {
	list-style-type: none;
	margin-left: 0;
	padding: 0;
	border: 1px solid #ccc;
	margin-right: 5px;
}

ul.navigation li {
	padding-left: 5px;
	text-transform: uppercase;
	/* Safe to remove? */
	/*color:white;*/
	font: 14px tahoma, arial, sans-serif;
	font-weight:bold;
	letter-spacing: 3px;
	padding-top:1px;
	background-color:#333366;
}

ul.navigation li a {
	display:block;
	padding:4px;
	width:175px;
	text-decoration: none;
	color: #fff;
	background-color:#333366;
}

ul.navigation li a:hover, ul.navigation li.active a {
	color: #000;
	background-color: #fff; 
}

/* End Navigation Bar definitions */


/* Page Structure */

#content {
	margin-top:25px;
	padding-top:5px;
	margin-left:220px;
	/* Not sure about this line, I reckon it looks better without it,
	   especially as some of the pages are really long */
	/*border-left: 1px solid black;*/
	padding-left:20px;
	width:650px;
	line-height:150%;
}

p#contact {
	padding-top:15px;
	text-align:center;
	color:#999;
	font-size:10px;
}

.boxout {
	width:150px;
	line-height:100%;
	text-align:center;
	padding:5px;
	border: 1px solid #ccc;
}

/* End Page Structure */


/* Header Definitions */

h1 {
	color: #003366;
	letter-spacing:0px;
	padding-top:25px;
	line-height:100%;
}

h1.top {
	padding-top:0;
}

h2 {
	line-height:120%;
}
/* Need to define the other headers a bit better here */

/* End Header Definitions */


/* Image positioning templates */

.image-right, .image-left {
	margin:5px;
	border: 1px solid #ccc;
	padding:5px;
}

.image-right {
	float:right;
	margin-left:10px;
}

.image-left {
	float:left;
	margin-right:10px;
}

/* End Image positioning templates */


/* Subcontent (tabs) (preliminary) design */

#subcontent {
	padding-top:10px;
}

#subcontent #tabs ul {
	padding: 0;
	margin: 0;
}

#subcontent #tabs li {
	display:inline;
	padding: 0;
	margin: 0;
}

#subcontent #tabs li a {
	background-color:#333366;
	color:#fff;
	padding:3px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-top:1px solid #000;
	text-decoration:none;
}

#subcontent #tabs li a:hover, #subcontent #tabs li a.active {
	background-color:#fff;
	color:#000;
}

#subcontenttext div.container {
	display:none;
}

#subcontenttext {
	border: 1px solid black;
}

#subcontenttext p {
	padding-left:7px;
}

/* The More and Back links share similar themes... */
p.more, p.back, p.back-top {
	text-align:right;
	padding-right:5px;
	margin-top:-12px;
	margin-bottom:0px;
	font-size:18px;
	padding-bottom:2px;
}

p.more a, p.back a, p.back-top a {
	font-variant:small-caps;
	text-decoration:none;
}

/* ...and some differences */
p.back {
	margin-top:15px;
	margin-bottom:15px;
}

p.back a, p.back-top a {
	text-decoration:underline;
}

p.back-top {
	float:right;
	font-size:14px;
	_padding-top:5px;
}

/* End subcontent (and back text) design */


/* Misc. stuff */

.super {
	vertical-align:super;
	font-size:12px;
}

.ssuper {
	vertical-align:super;
	font-size:8px;
}

/* Definitions for the table of contents */
ol#toclist {
  list-style-type:none;
  padding-left:5px;
  
}

ol#toclist li {
  font-weight:bold;
  padding-bottom:15px;
}

ol#toclist li ol li {
  font-size:10px;
  font-weight:normal;
  padding-bottom:0;
}

ol#toclist li ol {
  padding-top:3px;
  list-style-type: lower-roman;
  padding-left:30px;
  }

/* Definitions for the PDF pages */
  #doc-listing {
    list-style-type:none;
  }
  
  #doc-listing li {
    padding-left:40px;
    padding-top:25px;
    padding-bottom:7px;
    background:url('images/pdf.gif') no-repeat bottom left;
  }

/* Kinda experimental emphasis text, currently not there
   (apart from the slightly different colour text) */

/* If you do get shot of this, watch out, I've used it
   instead of h3 in many places */
#content em {
	font-style:normal;
	font-weight:bold;
	font-size:16px;
	font-family:verdana, san-serif;
	color:#333;
}

/* Definitions for the Alpco pages. Technically we could just load these
   on the Alpco pages, but as I'm not the one coding them at the moment,
   I'll make life a little easier */
table.alpco2, table.alpco1 {
	width:100%;
}

table.alpco1 td, table.alpco2 td {
	font-size:12px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

table.alpco1 td {
	border:1px solid #ccc;
}

table.alpco2 td.header {
	color:white;
	padding-left: 5px;
	text-transform: uppercase;
	font: 14px tahoma, arial, sans-serif;
	font-weight:bold;
	letter-spacing: 3px;
	/*padding-top:1px;*/
	background-color:#336;
	border:1px solid #ccc;
}

table.alpco2 td {
	width:50%;
}

/* table.alpco1 tr {
	text-align:center;
} */

table#allergeaze1 {
	width:100%;
}

table#allergeaze1 td {
	border:1px solid #ccc;
	padding:5px;
}

#orderbox {
	width:80%;
	text-align:center;
	border:1px solid #333;
	background-color: #ff6;
	margin: 20px auto;
	font-size:14px;
}

ul.allergeazefront {
	padding-left:20px;
}
}