/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
CSS for 	Dicon - Main Stylesheet
Author:	Alison Lee (alisonlee@silktide.com) / Silktide Ltd
Created:	26/02/2008
	
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Global Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* commented backslash hack \*/ html, body { height: 100%; } /* end hack */

body					{ font: 75% arial, verdana, helvetica, sans-serif; padding: 0; margin: 0;}

h1					{ font: bold 1.5em arial, verdana, helvetica, sans-serif; margin: 0 0 15px; }
h2					{ font: bold 1.3em arial, verdana, helvetica, sans-serif; color: #cf3732; margin: 25px 0 0; }
h3					{ font: bold 1.1em arial, verdana, helvetica, sans-serif; margin: 15px 0 -5px; }


p, li					{ font-size: 1.0em; line-height: 1.5em; color: #000; }
h3 + p					{ margin-top: 5px; }

a,
a:visited				{ color: #dc3a38; text-decoration: none; }
a:hover,					
a:active				{ color: #000; text-decoration: underline; }

hr					{ height: 1px; clear: right; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 10px 0; }
img					{ border: 0; }
form, table				{ background: transparent; font-size: 1.0em;  }

.tablestyle				{ border-collapse: collapse; }
.tablestyle td, 
.tablestyle th			{ vertical-align: top; padding: 5px 5px 5px 0; }
.tableborder td, 
.tableborder th			{ vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; }

.clear					{ height: 0; clear: both; font-size: 0.1em; line-height: 0.1em; padding: 0; margin: 0; }
.right					{ float: right; }
.left					{ float: left; }
.imgright				{ float: right; margin: 0 0 15px 15px; }
.imgleft				{ float: left; margin: 0 15px 15px 0; }

.widthwrapper				{ width: 100%; }
.padding				{ padding: 20px; }


/* Layout Styles
--------------------------------------------------------------------------------------------------------------------------------------------------- */

#container 	  			{ min-width: 940px; width: 100%; min-height: 100%; height: auto; background: #fff url("templatefiles/container-bg.jpg") repeat-y top left; margin-bottom: -45px; } /* margin-bottom to match #clearfooter */
* html #container 			{ height: 100%; }

#header				{ height: 110px; background: #ffff13 url("templatefiles/header-bg.jpg") repeat-y top right; border-bottom: 5px solid #cf3732; }

#nav					{ height: 30px; position: relative; background: #fff url("templatefiles/nav-bg.jpg"); text-align: center; }

#content				{ padding: 20px 20px 20px 315px; }

#sidecol				{ width: 255px; float: left; margin: 3px 0 2px 27px; }

#subcontent				{ width: 200px; float: right; border: 1px solid #E57874; margin: 0 0 20px 20px;  }

#clearfooter				{ clear: both; height: 45px;} /* height to match height + padding + margin etc in #footer */
#footer				{ width: 100%; height: 30px; clear: both; background-color: #2d2d2d; border-top: 5px solid #535353; margin-top: 10px; }


/* Header Styles
--------------------------------------------------------------------------------------------------------------------------------------------------- */

#header .imgleft,
#header .imgright		{ margin: 20px 30px 0; }


/* Navigation Styles
--------------------------------------------------------------------------------------------------------------------------------------------------- */

#nav #flags				{ position: absolute; top: 8px; right: 20px; }

#nav ul					{ padding: 0; margin: 0; }
#nav ul li				{ display: inline; font-weight: bold; font-size: 1.2em; list-style-type: none; line-height: 30px; }
#nav ul li a,
#nav ul li a:visited	{ color: #000; }
#nav ul li a:hover,
#nav ul li a:active		{ color: #dc3a38; }

ul#subnav					{ background-color: #E4DDDC; padding: 0; border-top: 1px dotted #b0afaa; margin: 0; }
ul#subnav li				{ font-weight: bold; font-size: 1.0em; list-style-type: none; padding: 0; border-bottom: 1px dotted #b0afaa; margin: 0; }
ul#subnav li a,
ul#subnav li a:visited		{ display: block; text-decoration: none; padding: 8px 20px; margin: 0; }
ul#subnav li a:hover,
ul#subnav li a:active,
ul#subnav li.selected a		{ background-color: #F0ECEB; color: #000; }

ul#subnav ul				{ padding: 0; margin: 0; }
ul#subnav ul li				{ font-weight: bold; padding: 0; border-bottom: 0; border-top: 1px dotted #b0afaa; }
ul#subnav ul li a,
ul#subnav ul li a:visited	{ background-color: #EBE6E6; color: #dc3a38; padding-left: 35px; }
ul#subnav ul li a:hover,
ul#subnav ul li a:active	{ background-color: #F0ECEB; color: #000; padding-left: 35px; }

ul#subnav li.selected li a,
ul#subnav li.selected li a:visited	{ color: #dc3a38; }
ul#subnav li.selected li a:hover,
ul#subnav li.selected li a:active	{ background-color: #E4DDDC; color: #000; }



/* Sidecol Styles
--------------------------------------------------------------------------------------------------------------------------------------------------- */

#sidecol h2				{ background: #000 url("templatefiles/h2-bg.jpg") repeat-x bottom left; font-size: 1.3em; font-weight: bold; text-transform: uppercase; color: #fff; padding: 8px 10px; margin: 0; }
#sidecol p				{ margin: 5px 10px; }

.sideproduct			{ overflow: auto; background: #fff url("templatefiles/fade-bg.jpg") repeat-x top left; padding: 5px 10px; margin: 0; }
.sideproduct img		{ float: left; }
.sideproduct span		{ display: block; font-weight: bold; line-height: 1.2em; font-size: 1.2em; padding: 8px 0; margin: 0; }
.sideproduct a,			
.sideproduct a:visited	{ color: #08137d; }
.sideproduct a:hover,			
.sideproduct a:active	{ color: #dc3a38; text-decoration: none; }

.newsblock				{ width: 100%; min-height: 45px; padding: 0 0 5px; border-bottom: 1px solid #d4d2d2; margin-bottom: 5px; }
.newsblock img			{ float: left; vertical-align: middle; border: 1px solid #d4d2d2; margin: 0 10px 0 0; }
.newsblock p			{ vertical-align: middle; margin: 0; }


/* Column Styles
--------------------------------------------------------------------------------------------------------------------------------------------------- */

.halfcol				{ width: 49%; float: left; margin-bottom: 10px; }
.firstcol				{ margin-right: 1%; }
.halfcol h2				{ margin-top: 0; }

.fade					{ min-height: 110px; clear: both; background: #fff url("templatefiles/fade-bg.jpg") repeat-x top left; padding: 5px; }
.fade p					{ margin: 0 0 5px; }

.news a					{ font-weight: bold; text-transform: uppercase; }


/* Content Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.productmenu 			{ width: 325px; min-height: 200px; float: left; background: url("templatefiles/product_description_header.jpg") repeat-x; padding-left: 5px; margin-right: 10px; }
.productmenu h3		{ margin: 5px 10px; }
.productmenu img		{ margin: 0 0 0 3px; }

/*
.productmenu 			{ background: url(templatefiles/product_description_header.jpg) repeat-x; width:295px; float:left; margin-right:10px; padding-left:5px; min-height:200px; height:200px; }
.productmenu h3			{ margin:10px 10px; }
.productmenu img		{ margin:0 0 0 3px; }
*/

#content ul			{ margin:10px 0; padding:0 0 0 15px; }

/* Footer Styles
--------------------------------------------------------------------------------------------------------------------------------------------------- */

#footer p				{ line-height: 30px; font-size: 0.85em; color: #8c8c8c; margin: 0 20px; }
#footer p a,
#footer p a:visited		{ color: #8c8c8c; text-decoration: none; }
#footer p a:hover,
#footer p a:active		{ text-decoration: underline; }



/* Menufix Styles == subcontent moved outside of content to allow menu to wrap correctly
--------------------------------------------------------------------------------------------------------------------------------------------------- */

.menufix #subcontent	{ margin: 20px 20px 0 0; }
.menufix #content		{ margin-right: 240px; }