﻿/****************************************************************************************************
* Copyright 2005 Adrenalin Media Pty Ltd
* Author: 		Mark Tawadrous
* Version: 		0.2d - Development
* Last Change: 	20/09/2005 Mark Tawadrous
* Last Checked: 20/09/2005 - Compliant
* Notes: 		Please re-validate if modified
				CSS: http://jigsaw.w3.org/css-validator/
				XHTML: http://validator.w3.org/
****************************************************************************************************/

/******* Main Containers ********/
/* Notes: Parent containers are aligned to the far left, child containers indented */

/*============ Header Container ============*/

strong{
	color:#666666;
}

#header
{
	width:763px;
	height:74px;
	margin-left: 10px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
}

#topSearch
{	
	float:right;
	/*padding:2px 10px 0px 0px;*/
	padding:2px 10px 10px 0px;
	margin:0px 0px 0px 0px;
	
}

* html #topSearch
{
	padding: 2px 10px 15px 0px;
}
	
#topSearch form {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}	
	
#topSearch input{
	border:1px solid #6CA4DC;
	font-size:10px;
	color:#666666;
	width:100px;
}

#topSearch a{
	font-size: 11px;
	color: #9FCDFB;
	text-decoration: none;
	font-weight: bolder;
}

#topSearch a:hover{
	text-decoration:underline;
}
	
#mainNav
{
	clear:right;
	width:530px;
	float:right;
	padding:20x 10px 0px 0px;
	margin:0px 10px 0px 0px;
}

#mainNav a {
	text-decoration: none;
	font-size: 11px;
	color:#000000;
	margin-top: 5px;
}
	
#mainNav a:hover{
	text-decoration:underline;
}

#mainNav img{
	padding: 0px 2px 0px 2px;
}

/*#header{
	width:763px;
	height:74px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	margin-left: 10px;
}
	#mainNav {
		padding:35px 0px 0px 240px;
		width: 500px;
	}
	
	#mainNav a {
		text-decoration: none;
		font-size: 11px;
		color:#000000;
	}
	
	#mainNav a:hover{
		text-decoration:underline;
	}
	
	#topSearch{
		float:right;
		padding:5px;
		height:15px;
	}
	
	#topSearch input{
		border:1px solid #6CA4DC;
		font-size:10px;
		color:#666666;
		width:100px;
	}
	
	#topSearch a{
		font-size: 11px;
		color: #9FCDFB;
		text-decoration: none;
		font-weight: bolder;
	}
	
	#topSearch a:hover{
		text-decoration:underline;
	}
	*/
/*
	a#home{ left: 265px; }
	a#history { left: 320px; width:89px; }
	a#products { left: 425px; width:50px;}
	a#services { left: 492px; width:46px;}
	a#spareParts { left: 555px; width:62px; }
	a#news { left: 632px; width:30px; }
	a#orderEnquiry { left: 682px; width:75px;}
	*/
	
	/*====== Mandatory Fields ========*/
	.mandatory {
		font-family:tahoma;
		color:#DA203D;
		font-size:13px;
	}	

	/*====== Red Text ========*/
	.redText {
		color: #ff0000;
	}

	
/*====== Top image banner on primary and secondary pages ========*/
#banner{
	width:763px;
	margin-top:8px;
	margin-left: 10px;
}	

/*====== menu content for public login ========*/
.menucontent {
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	color: #666666;
}

.menucontent a:link		{color: #666666; text-decoration: none}
.menucontent a:visited	{color: #666666; text-decoration: none}
.menucontent a:hover	{color: #666666; text-decoration: underline}
.menucontent a:active	{color: #666666; text-decoration: none}

/*====== Main body container ========*/
#main{
	width:763px;


	margin-top:10px;
	margin-left: 10px;
}
	/*====== Index page only sections ========*/
	#home_category_display {
		display:table;
		height:220px;
		width:100%;
	}
	
	#warewashing{
		width:188px;
		height:190px;
		margin-right:3px;
		float:left;
		border-top:5px solid #4371A3;
		display:table-cell;
	}
		
	#warewashing p{ border-bottom:5px solid #4371A3; }	
	#warewashing a.home{
		
		color:#4371A3;
		background:url(../images/warewashing_link.gif) 100% 10px;
	}
	
	#warewashing a.home1{
		
		color:#000000;
		text-decoration:none;
		
	}
	#cooking{
		width:188px;
		height:190px;
		margin-right:3px;
		float:left;
		border-top:5px solid #E14D64;
		display:table-cell;
	}
	
	#cooking p{ border-bottom:5px solid #E14D64; }	
	#cooking a.home{
		color:#E14D64;
		background:url(../images/cooking_link.gif) 100% 10px;
	}
	#cooking a.home1{
		
		color:#000000;
		text-decoration:none;
		
	}	
	#preparation{
		width:188px;
		height:190px;
		margin-right:3px;
		float:left;
		border-top:5px solid #FDC149;
		display:table-cell;
	}
	
	#preparation p{ border-bottom:5px solid #FDC149; }	
	#preparation a.home{
		color:#FDC149;
		background:url(../images/preparation_link.gif) 100% 10px;
	}
	#preparation a.home1{
		
		color:#000000;
		text-decoration:none;
		
	}		
	#service{
		width:188px;
		height:190px;
		float:left;
		border-top:5px solid #9B99E4;
		display:table-cell;
	}
	
	#service p{ border-bottom:5px solid #9B99E4; }
	#service a.home{
		color:#9B99E4;
		background:url(../images/service_link.gif) 100% 10px;
	}
	#service a.home1{
		
		color:#000000;
		text-decoration:none;
		
	}	
	#subcategory{
		border:1px solid #E7E7E7;
		height:175px;
	}
	
	#product_picture{
		border:1px solid #E7E7E7;
		height:100px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align:center;
	}
	
	#subcategoryTitle{
		background-color:#DA203D;
		height:30px;
		color:#FFFFFF;
		font-size:11px;
		margin-bottom:10px;
		padding-left:15px;
		font-weight: bold;
		background-image:url(../images/red_arrow.gif);
		background-repeat:no-repeat;
		background-position: 5px 4px;
	}
	
	#subcategoryTitle_text{
		font-weight:bold;
		font-family:tahoma;
		color:#DA203D;
		font-size:13px;
	}
	
	#subcategoryTitle a:link{
		color:white;
	}
	
	#subcategoryTitle a:visited{
		color:white;
	}
	
	#subcategoryTitle_Accessories{
		background-color:#999999;
		height:30px;
		color:#FFFFFF;
		font-size:12px;
		margin-bottom:10px;
		padding-left:15px;
		font-weight: bold;
		background-image:url(../images/gray_arrow.gif);
		background-repeat:no-repeat;
		background-position: 5px 4px;
	}
	
	#subcategoryTitle_text_Accessories{
		font-weight:bold;
		font-family:tahoma;
		color:#999999;
		font-size:13px;
	}
	
	#subcategoryTitle_Accessories a:link, #subcategoryTitle_Accessories a:visited{
		color:white;
	}
	
	#subcategoryTitle_Cooking{
		background-color:#DA203D;
		height:30px;
		color:#FFFFFF;
		font-size:12px;
		margin-bottom:10px;
		padding-left:15px;
		font-weight: bold;
		background-image:url(../images/red_arrow.gif);
		background-repeat:no-repeat;
		background-position: 5px 4px;
	}
	
	#subcategoryTitle_text_Cooking{
		font-weight:bold;
		font-family:tahoma;
		color:#DA203D;
		font-size:13px;
	}
	
	#subcategoryTitle_Cooking a:link, #subcategoryTitle_Cooking a:visited{
		color:white;
	}
	
	#subcategoryTitle_Warewashing{
		background-color:#144E8C;
		height:30px;
		color:#FFFFFF;
		font-size:12px;
		margin-bottom:10px;
		padding-left:15px;
		font-weight: bold;
		background-image:url(../images/blue_arrow.gif);
		background-repeat:no-repeat;
		background-position: 5px 4px;
	}
	
	#subcategoryTitle_text_Warewashing{
		font-weight:bold;
		font-family:tahoma;
		color:#144E8C;
		font-size:13px;
	}
	
	#subcategoryTitle_Warewashing a:link, #subcategoryTitle_Warewashing a:visited{
		color:white;
	}
	
	#subcategoryTitle_Preparation{
		background-color:#FCAF17;
		height:30px;
		color:#FFFFFF;
		font-size:12px;
		margin-bottom:10px;
		padding-left:15px;
		font-weight: bold;
		background-image:url(../images/yellow_arrow.gif);
		background-repeat:no-repeat;
		background-position: 5px 4px;
	}
	
	#subcategoryTitle_text_Preparation{
		font-weight:bold;
		font-family:tahoma;
		color:#FCAF17;
		font-size:13px;
	}
	
	#subcategoryTitle_Preparation a:link, #subcategoryTitle_Preparation a:visited{
		color:white;
	}
	

		
	/*====== Global sections non-homepage only ========*/
	#leftMenu{
		background-image:url(../images/left_menu_bg.gif);
		background-repeat:no-repeat;
		width:150px;
		float:left;
		
	}
	
	#leftMenu_content{

		width:140px;
		
		
	}
	
	#content{
		width:585px;
		float:right;
		padding:0px 10px 0px 10px;
		border:1px solid #E7E7E7;
		margin:0px 0px 10px 0px;

	}
		#content_popup{
		width:515px;
		float:right;
		padding:5px 5px 5px 5px;
		border:1px solid #E7E7E7;
		margin:10px 5px 5px 5px;

	}
	
	#content_popup p.first{
		color:#666666;
		font-size:11px;
		border-top:5px solid #EEEEEE;		
		padding: 0px 0px 10px 0px;
		margin: 0px 0px 0px 0px;
	}
/*====== Footer container ========*/
#footer{
	width:759px;
	background-image:url(../images/footer_bg.gif);
	background-repeat:repeat-x;
	margin: 0px 0px 0px 10px;
	padding:0px 0px 0px 5px;
}

/****** Global styles *******/
body{
	margin-top:0px;
	margin-left:0px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 15px;
}

img{
	border:0;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

ul{
	list-style: none;
	padding-left:5px;
	margin-left:10px;
	text-indent: 0;
	list-style-image:url(../images/list_image.gif);
	margin-top:0px;
}

li{
	color:#666666;
	font-size:11px;
}

.matchText{
	color:#666666;
	vertical-align:text-top;
}

/******* Container level style redefinitions *******/



/*====== Main Redefinitions ========*/
	
	/****** Home page only ******/
	#main h1.home{
		font-family:Tahoma;
		font-size:11pt;
		text-align:left;
		font-weight:600;
		margin-top:10px;
		margin-left:6px;
		margin-bottom:5px;
	}

	#main p.home{
		font-family:Tahoma;
		font-weight:normal;
		font-size:11px;
		color:#666666;
		/*padding:0;*/
		padding: 0 5px;
		margin:5px 0 3px 0;
		
	}	
	#main a.home{
		font-weight:bold;
		font-size:13px;
		text-decoration:none;
		text-align:right;
		padding-right: 15px;
		background-repeat:no-repeat;
		padding-top: 7px;
		float:right;
		margin-right:11px;
	}

	#main a.home:hover{
		text-decoration:underline;
	}
	
	/****** All other pages  - Content ******/
	#content p.first{
		color:#666666;
		font-size:11px;
		border-top:5px solid #EEEEEE;		
		padding: 0px 0px 10px 0px;
		margin: 0px 0px 0px 0px;
	}
	
	#content p{
		color:#666666;
		font-size:11px;
	}
	
	#content img{
		/*padding:15px;
		display:inline;
		float:right;*/
	}

	
	#content h1{
		/* Main heading */
		padding: 10px 0px 10px 0px;
		margin: 0px 0px 0px 0px;
		font-size:14px;
	}
	
	#content h2{
		/* Sub heading */
		font-size:12px;
	}
	
	#content h3{
		font-size:12px;
		font-weight:bold;
		color:#666666;
	}
	
	#content a{
		font-size:11px;
		color:#014086;
		text-decoration:none;			
	}
	
	#content h1 .latest{
		color:#000000;
		font-size:14px;
		text-decoration:none;			
	}
	
	#content a:hover{
		text-decoration:underline;
	}
	
		#product{
			vertical-align:middle;
			text-align:left;
		}
		
		#product img{
			float:none;
			display:inline;
			width:31px;
			height:42px;
			padding:10px 5px 0 0;
			vertical-align:middle;
		}
		
		#product .categoryTitle{
			font-size:16px;
			font-weight:bold;
			display:inline;
			vertical-align:middle;
			padding-top:10px;
		}
		
		#product .topic{
			color:#000000;
		}
		
		#product a:hover{
		text-decoration:none;
		color:#000000;
		}
		
			
		#productTitle{
			background-color:#DA203D;
			color:#FFFFFF;
			font-size:14px;
			margin-bottom:10px;
			font-weight: bold;
			background-image:url(../images/red_arrow.gif);
			background-repeat:no-repeat;
			background-position: 5px 4px;
			padding: 0px 0px 0px 25px;
		}
		
		#productTitle a:link, #productTitle a:visited {
			color: #FFFFFF;
		}
		
		#productTitle_Cooking{
			background-color:#DA203D;
			color:#FFFFFF;
			font-size:14px;
			margin-bottom:10px;
			font-weight: bold;
			background-image:url(../images/red_arrow.gif);
			background-repeat:no-repeat;
			background-position: 5px 4px;
			padding: 0px 0px 0px 25px;
		}
		#productCode_Cooking{
		color: #DA203D;
		}
		
		#productTitle_Cooking a:link, #productTitle_Cooking a:visited {
			color: #FFFFFF;
		}
		
		#productTitle_Accessories{
			background-color:#999999;
			color:#FFFFFF;
			font-size:14px;
			margin-bottom:10px;
			font-weight: bold;
			background-image:url(../images/gray_arrow.gif);
			background-repeat:no-repeat;
			background-position: 5px 4px;
			padding: 0px 0px 0px 25px;
		}
		
		#productTitle_Accessories a:link, #productTitle_Accessories a:visited {
			color: #FFFFFF;
		}
		
		#productTitle_Preparation{
			background-color:#FCAF17;
			color:#FFFFFF;
			font-size:14px;
			margin-bottom:10px;
			font-weight: bold;
			background-image:url(../images/yellow_arrow.gif);
			background-repeat:no-repeat;
			background-position: 5px 4px;
			padding: 0px 0px 0px 25px;
		}

		#productCode_Preparation{
		color: #FCAF17;
		}
				
		#productTitle_Preparation a:link, #productTitle_Preparation a:visited {
			color: #FFFFFF;
		}
		
		#productTitle_Warewashing{
			background-color:#144E8C;
			color:#FFFFFF;
			font-size:14px;
			margin-bottom:10px;
			font-weight: bold;
			background-image:url(../images/blue_arrow.gif);
			background-repeat:no-repeat;
			background-position: 5px 4px;
			padding: 0px 0px 0px 25px;
		}

		#productCode_Warewashing{
		color: #144E8C;
		}
				
		#productTitle_Warewashing a:link, #productTitle_Warewashing a:visited {
			color: #FFFFFF;
		}
		
		.productPrice{
			font-size:18px;
			font-weight:normal;
			color:#666666;
			float:left;
			vertical-align:text-bottom;
		}
		
		.enquiry{
			float:right;
			vertical-align:baseline;
			font-weight: bold;
		}
		
		td.information{
			font-weight:bold;
			border-top:1px solid #BFBEBE;
			border-bottom:1px solid #BFBEBE;
		}
		
		a.infoText{
			font-size:8pt;
			color:black;
		}
		
		
		select{
			font-size:11px;
			width:100px;

		}
		
		.further_info{
			font-size:8pt;			
			background:url(../images/list_image.gif);			
			background-repeat:no-repeat;
			background-position: 0px 4px;
			padding-left:15px;
		}		
		
		.further_info select{
			border:1px solid #6CA4DC;
			font-size:10px;
			color:#666666;
			width:110px;
		}
		
		a.cadLink{
			font-size:8pt;			
			background:url(../images/cad_img.gif);			
			background-repeat:no-repeat;
			padding-left:15px;
		}		
		a.cadLink:hover{
			text-decoration:underline;
		}
		
		a.wiring{
			font-size:8pt;			
			background:url(../images/wiring_image.gif);			
			background-repeat:no-repeat;
			padding-left:15px;
		}
		a.wiring:hover{
			text-decoration:underline;
		}
		
		a.install{
			font-size:8pt;			
			background:url(../images/install_instructions.gif);			
			background-repeat:no-repeat;
			padding-left:15px;
		}
		a.install:hover{
			text-decoration:underline;
		}
		
		a.spareParts{			
			font-size:8pt;			
			background:url(../images/spare_parts.gif);			
			background-repeat:no-repeat;
			padding-left:15px;
		}
		a.spareParts:hover{
			text-decoration:underline;
		}
	
	/****** All other pages  - Left Menu ******/
	#leftMenu a{
		color:#014086;
		text-decoration:none;
		text-align:left;		
		font-size:11px;
		font-weight:bold;


	}
	
	#leftMenu img.linear{
		margin-left:7px;
		margin-bottom: 5px;
		margin-top:5px;
		font-size: 1px;
		display:block;
}
	
	#leftMenu hr{
		border:1px inset #FFFFFF;
		width:95%;
	}	

	#leftMenu a:hover{
		text-decoration:underline;
	}
	
	#leftMenu ul{
		list-style: none;
		padding-left:15px;
		text-indent: 0;
		list-style-image:url('../images/list_image.gif');
		
		
		/* IE ONLY HACK - makes css invalid */
		/*padding-bottom: expression('0px');*/
		margin-bottom:0px; zoom:1 !important;

}	

*html #leftMenu ul{
		list-style: none;
		padding-left:25px;
		text-indent: 0;
		list-style-image:url('../images/list_image.gif');
		margin: 0 !important;
		padding-bottom: 0px;

}	

/*#leftMenu ul li
{

#margin-bottom:-20px;
_margin-bottom:0px;
} */

	#leftMenu li.subMenu{
		list-style:none;	
		list-style-image:none;	
		margin-left: 10px;
		font-size: 1px;

	}
	
	#leftMenu li.subMenu a{
		font-weight:normal;
	}
		
/*====== Footer Redefinitions ========*/
#footer p{
	margin-top:0px;
	color:#2C2206;
	font-size:10px;
}

#footer a{
	text-decoration:none;
	color:#014086;
}

#footer a:hover{
	text-decoration:underline;
}

/*========= Table =====================*/
	.table1{
	margin-left:5px;
	border:1px solid #E4E4E4;
	padding: 10px 10px 10px 10px;
	}
	
	.table1 td{
	border:1px solid #E4E4E4;
	}.boxbluebg {
	background-color: #F1F4F8;
}
.product_Code{
background-color:#0066FF;
color:#000000;
}



INPUT.button
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #ffffff;
	font-weight : bold;
	background-color: #4FCAFF;
}

INPUT.darkButton{
	BACKGROUND-COLOR: #c4c4c4; BORDER-BOTTOM: #eeeeee 1px solid; BORDER-LEFT: #eeeeee  1px solid; BORDER-RIGHT: #eeeeee  1px solid; BORDER-TOP: #eeeeee  1px solid; COLOR: #000000 ; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-size: 11px
}

INPUT {
	BACKGROUND-COLOR: #eeeeee; BORDER-BOTTOM: #eeeeee 1px solid; BORDER-LEFT: #eeeeee  1px solid; BORDER-RIGHT: #eeeeee  1px solid; BORDER-TOP: #eeeeee  1px solid; COLOR: #000000 ; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
; font-size: 11px
}

SELECT {
	BACKGROUND-COLOR: #eeeeee ; FONT-FAMILY: verdana, arial, helvetica; TEXT-DECORATION: none
; font-size: 11px
}

li.selected
{
	font-weight:bold;
	color: Black !important;
}

div.login
{
	width: 168px;
	margin-right: 3px;
	display:block;
	border: 1px solid #cccccc;
	background-color: #f4f4f4;
	padding: 10px;
	float:left;
	border-bottom: 5px solid #4371A3;
	height: 180px;
}

input.home_login
{
	border: 1px solid #6BA4DB;
	background-color: white;
}

h1.home_login
{
	font-family:Tahoma;
	font-size:11pt;
	font-weight:600;
	margin-bottom:5px;
	text-align:left;
	display:block;
}

div.home_news
{
	display: block;
	width: 560px;
	border: 1px solid #cccccc;
	background-color: #f4f4f4;
	float: right;
	border-bottom:5px solid #4371A3;
	height: 200px;
}

