@charset "utf-8";
/* CSS Document */

body
	{
	background-image: url(images/gradient.png);
	background-repeat:repeat-x;
	}
	
.bold
	{
	font-weight:bold;
	}

.green
	{
	color:#009900;
	}

.black
	{
	color:#000000;
	}
.red
	{
	color:#FF0000;
	}	
	
.style1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
}
	
.style2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: small;
}
.style3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-align:center;
	margin-bottom: 6px;
	color:#000000;
	text-decoration: none;
}
.style4 {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 24px;
	font-weight:bolder;
	padding-bottom: 20px;
}

.style5 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	padding-left:40%;
	line-height: 20px;
	color:#000000;
	text-decoration: none;
}

/* Colours text links blue */
.link 
	{
		color:#0000FF;
		text-decoration:none;
	}

#mainTextBox
{
	position: static;
	height: auto;
	width: 100%;
}



#mainTextBox .image /* layout 1 for images of "press releases" */
	{
	position: static;
	float: left;
	width: 45%;
	max-width: 320px;
	height: auto;
	max-height: 400px;
	margin-right: 5px;
	margin-bottom: 2px;
	border: 1px solid #000000;
	}
#mainTextBox .image2 /* layout 2 for images of "press releases" */
	{
	position: static;
	float: left;
	width: 35%;
	max-width: 320px;
	height: auto;
	max-height: 400px;
	margin-right: 5px;
	margin-bottom: 2px;
	border: 1px solid #000000;
	}

#mainTextBox .image3 /* layout 1 for images of "press releases" */
	{
	position: static;
	float: right;
	width: 45%;
	max-width: 320px;
	height: auto;
	max-height: 400px;
	margin-left: 5px;
	margin-bottom: 2px;
	border: 1px solid #000000;
	}

#mainTextBox .product_image
	{
	position: static;
	width: auto;
	max-width: 25%;
	height: auto;
	max-height: 150px;
	margin-right: 5px;
	margin-bottom: 3px;
	border: 1px solid #000000;
	}

#mainTextBox .left
	{
	float: left;
	margin-right: 5px;	
	}

#mainTextBox .right
	{
	float: right;
	margin-left: 5px;
	}

#mainTextBox .product_box
{
border: solid #333333 1px;
width: 100%;
height: auto;
margin: 10px 0px 10px 0px;
padding: 10px 5px 10px 5px;
min-height: 152px;
}

#header
	{
	position: static;
	width: 100%;
	min-width:500px;
	height: auto;
	}

#image_banner
	{
	position: static;
	width: 100%;
	min-width:500px;
	height: auto;
	margin-bottom:-4px;
	}
	
	
/* *********** Top Drop Down Menu *********** */	
		
#menuh-container
	{
	position: relative;
	top: -4px;		
	width:100%;
	height:auto;
	}

#menuh
	{
	font-size: small;
	font-family: arial, helvetica, sans-serif;
	width:auto;
	float:right;
	margin-right: 5px;
	margin-top: 4px;
	}
		
#menuh a
	{
	text-align: center;
	display:block;
	margin:0;
	padding: 0.3em;
	border-bottom:#666666 solid 1px;
	border-top: #666666 solid 1px;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: white;
	background-color: #999999;
	text-decoration:none;
	}
	
#menuh a:hover	/* menu at mouse-over  */
	{
	color: #333333;
	background-color: #CCCCCC;
	text-decoration:none;
	}	
	
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-image: url(images/nav_down.png);
	background-position: right center;
	background-repeat: no-repeat;
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(images/nav_across.png);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width: 8em;	/* width of all menu boxes */
	}

#menuh li
	{
	position:relative;
    min-height: 1px; 			
    vertical-align: bottom; 
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

#menuh .basemenu
	{
	border-left:#666666 solid 1px;
	}
#menuh .lastmenu
	{
	border-right:#666666 solid 1px;
	}
/* End Top Drop Down Menu */

	
/* *********** Side Navigation Menu *********** */

#side_nav_container
	{
	position: fixed; 
	width: 18%;
	min-width:150px;
	max-width:210px;
	height: auto;
	margin-top: 27px;
	left: 2%;
	}

#side_nav_border /* Defines the background of the menu */
	{
	position: absolute;
	width: 100%;
	height: 247px;
	}
	
#side_nav /* General Features for the navigation menu */
	{
	position:absolute;
	font: bold;
	font-size: medium;
	font-family: arial, helvetica, sans-serif;
	width:95%;
	max-width:200px;
	height: auto;
	padding: 8px 0 8px 0;
	}
	
#side_nav a /* Instance of the menu */
	{
	height:auto;
	color: #FFFFFF;
	}
	
#side_nav a:link, #side_nav a:visited, #side_nav a:active	/* menu at rest */
	{
	display:block;
	background-color: #999999;
	text-decoration:none;
	}

#side_nav a:hover	/* menu at mouse-over  */
	{
	color: #333333;
	background: #CCCCCC;
	text-decoration:none;
	}	

#side_nav ul
	{
	list-style:none;
	padding: 6.5px 0 6.5px 0;
	width:89%;	/* width of all menu boxes */
	margin:0;
	background-color:#999999;
	}

#side_nav li
	{
	position:static;
    vertical-align: bottom;
	}



/* ********* Main Page Contents *********** */

#padding   /* moves page content out of the path of the fixed menu */
	{
	position:static;
	float: left;
	width:24%;
	height:100%;
	min-width: 160px;
	min-height: 500px;
	}

/* Center Container */
#center_container
	{
	position: static;
	float:left;
	width:48%;
	min-width:240px;
	height:auto;
	margin-top: 30px;
	margin-left: auto;
	margin-right:auto
	}

/* containers for each category on the "products" page */
#center_container .product_category 
	{
	padding: 15px 0 15px 0;
	width:100%;
	height: auto;
	}
#center_container .product_category a 
	{
	text-decoration:none;
	}	
/* a lower border to visually divide categories on the "products" pages */	
#center_container .divider 
	{
	border-bottom:  #009900 double 4px;
	}

#center_container .product_category a:hover
	{
	color:#0033CC;
	}



/* Layout for supplier logos/links */
#suppliers
	{
	position:static;
	margin-top: 20px;
	}

#suppliers a
	{
	display: inline;
	padding: 2px;
	text-decoration:none;
	}
	
#suppliers .image
	{
	width: 30%;
	height: auto;
	max-height: 200px;
	vertical-align:middle;
	margin: 0px 0px 10px 0px;
	padding: 2px;
	border: solid #999999 1px;
	}


#suppliers .image2
	{
	width: auto;
	height: 150px;
	vertical-align:middle;
	margin: 0px 15px 10px 15px;
	padding: 2px;
	border: solid #999999 1px;
	}

/* Press Release link hover */
#press_links a:hover
	{
	color:#FF0000;
	}


/* Complete Wrapper for the "Latest Press Release" div */
#latest
	{
	background-image:url(images/LatestNewsBground.png);
	background-repeat:no-repeat;
	background-position:top;
	position: static;
	width:auto;
	height:auto;
	padding-bottom: 25px;
	}


/* A Wrapper for the image and text */
#latestWrap
	{
	width: auto;
	height: auto;
	max-width: 390px;
	text-align:left;
	padding-bottom: 25px;
	}
	
/* Heading Layout */	
#latest .heading
	{
	color: #000000;
	margin-bottom: 5px;
	}
#latest .new
	{
	padding-top: 25px;
	color: #FF0000;
	text-decoration:blink;
	}

/* New Press Release Image Layout */
#latestImage
	{
	height: 100px;
	width:auto;
	border: #000000 double; 
	float:left;
	margin: 9px;
	}







/* ************* Right Hand Press Release Snippet Column ****** */
/* Right Press Releases Container */
#right_container
	{
	position:static;
	float:left;
	width: 20%;
	min-width: 100px;
	height:auto;
	margin-left:3%;
	margin-right:2%;
	margin-top: 4%;
	border: #CCCCCC groove 5px;
	}

#right_container .press_release_snippet
	{
	position:static;
	width: 95%;
	height: auto;
	text-align:left;
	font-size:x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 3px;
	padding-bottom:3px;
	}

#right_container .image
	{
	float: left;
	width: 50%;
	height: auto;
	border: #000000 solid 1px;
	margin:2px;
	}

#right_container .divider
	{
	border-bottom: #CCCCCC groove 3px;
	}
	

/* ********* Copyright & disclaimer @ bottom of each page ******** */
#copyright
	{
	float: left;
	position:static;
	background-color: #999999;
	width:100%;
	height:auto;
	font-size: small;
	color:#FFFFFF;
	margin-top: 50px;
	}