/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Default Styles
	CSS Document
	Author: 9xb.com
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* ---------------------------------- */
/* DEFAULT STYLES   */   
/* ---------------------------------- */
	
	html, body {
		/*
		font: 12px/1.3em Trebuchet MS, arial, verdana, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		color: #000;
		*/
		font: 14px Trebuchet MS, arial, verdana, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		color:#0072ae;
		line-height:1.5;
	}
	
	body {
		margin: 0;
		background: url(../images/header_gradient.jpg) repeat-x top;
	}
	
/* ---------------------------------- */
/* GLOBAL STYLES  */   
/* ---------------------------------- */

	
	p {

	}
	
	ul {

	}
	a {
		text-decoration:none;
		font-weight:bold;
		color:#0072ae;
	}
	a:hover {
	
	}
	img{
		margin-bottom:10px;
	}

	.breakingnews { float:left; width:100px; color:#fff; margin: 1px 0 0 38px; font-weight:bold;}
	
	/* liScroll style declarations */
 
.tickercontainer { /* the outer div with the black border */
width: 820px; 
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
float: left;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 800px; 
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 12px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
 
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: -3px 0 3px 0;
padding: 0;
color: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #fff;
font: bold 12px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
color: #fff;
} 


	
/* ---------------------------------- */
/* MAJOR DIVISIONS   */   
/* ---------------------------------- */

	#outerwrap {
		width: 1024px;
		margin: 0 auto;
		text-align:left;
	}

	#innerwrap{
			float:none;
			padding-top:10px;
		}
		* html #innerwrap{}
	
		#innerwrap img{
			border:1px solid #ccc;
			padding:5px;
		}
		#innerwrap a img:hover{
			border:1px solid #4eaad3;
			padding:5px;
		}	
		#innerwrap .news_item{
			clear:both;
		}
		#innerwrap .news_image{
			float:right;
			margin:10px 0 10px 10px;
		}
		
	.centre{
		margin-left:120px;
	}

	#header{
		background-image:url(../images/header.jpg);
		background-repeat:no-repeat;
		height:145px;
		text-align:right;
		font-size:12px;
	}

	#tabs{
			height:39px;
			width:760px;
			float:right;
			position:relative;
			top:106px;
			margin:0px 0 0px 0;
			text-align:left;
		}
		#tabs img{
			border:none;
			text-decoration:none;	
		}
		#tabs_second{
			height:25px;
			width:1024px;
			clear:both;
			text-align:left;
			position:relative;
			top:110px;
		}
		* html #tabs_second{top:96px;}
		
		#tabs_second a{
			color:#FFFFFF;
			text-decoration:none;
		}
		#tabs_second a:hover{
			text-decoration:underline;
		}
		#tabs_second ul {
			text-indent:10px;
			color:#FFFFFF;
		}
		#tabs_second ul li{
			display:inline;
			/*margin:0 35px 0 35px;*/
			/*margin:0 25px 0 25px;*/
			padding:0;
		}
		#tabs_second ul li.separator
		{
			margin:0 70px 0 0px;
		}
		
		#tabs_second .selected a{
			text-decoration:underline;
			/*color:#FFCC33;*/
		}
		#tabs_second .selected ul li a{
			text-decoration:none;
		}
	
	#content{
		width:920px;
		margin: 35px auto 0 auto;
		text-align:center;
	}

	#footer{
			background-color:#0072ae;
			color:#ffffff;
			height:60px;
			width:100%;
			padding:10px 0 0 0;
			margin-top:30px;
			font-size:12px;
		}
		#footer_inner{
			width:1024px;
			margin: 0 auto;
			text-align:left;
			text-indent:50px;	
		}
		#footer p{
			margin:0 20px 0 0;
		}
		#footer a{
			color:#FFFFFF;
			text-decoration:none;
		}
		#footer a:hover{
			text-decoration:underline;
		}
		
	#logos{
		width:1024px;
		margin: 0 auto;
		text-align:left;
		text-indent:50px;	
	}
	#logos_left{
		margin: 0 auto;
		text-align:left;
		margin-left: 30px;
		text-indent:0px;	
	}

	#logos img{
		border:none;
	}
	#logos_right{
		margin: 0 auto;
		text-align:left;
		margin-right:20px;
		text-indent:0px;	
		float: right;
	}
	#logos_right img{
		border:none;
	}
	.product{
		float:left;
		width:230px;
		text-align:center;
		}
		.product_info{
			margin-top:10px;
			clear:both;
		}
		
		.product_info h2{
			font-weight:normal;
		}
	
		.product a img{
			text-decoration:none;
			border:none;
		}
		.product h2 a{
			text-decoration:none;
			color:#0072ae;
		}
		.product h2 a:hover{
			text-decoration:underline;
			color:#0072ae;
		}
		#product_top{
			margin:0px 0 20px 0;
		}
		
	.product_tableware{
		float:left;
		width:180px;
		text-align:center;
		}
		.product_info_tableware{
			margin-top:0px;
			clear:both;
		}
		
		.product_info_tableware h2{
			font-weight:normal;
		}		
	
		.product_tableware a img{
			text-decoration:none;
			border:none;
		}
		.product_tableware h2 a{
			text-decoration:none;
			color:#0072ae;
		}
		.product_tableware h2 a:hover{
			text-decoration:underline;
			color:#0072ae;
		}

	
	.gallery_select{
		float:left;
		width:220px;
		text-align:center;
		margin:0 0 20px 0;
	}
	.gallery_select_two{
		float:left;
		width:220px;
		text-align:center;
		margin:0 0 20px 0;
		clear:both;
	}
	.gallery_select img, .gallery_select_two img{
		border:1px solid #ccc;
		padding:5px;
	}
	.gallery_select img:hover, .gallery_select_two img:hover{
		border:1px solid #4eaad3;
	}	
	
	.breadcrumbs{
			margin:0 0 15px 0;
			padding:10px 0 0 0;
			display:none;
		}
		.breadcrumbs a{
			text-decoration:underline;
		}	

	
/* ---------------------------------- */
/* TITLE ELEMENTS  */   
/* ---------------------------------- */	
	
	h1 {
		color:#0072ae;
		font-size:18px;
		margin:0 0 10px 0;
		padding:0;
	}
	
	h2 {
		color:#0072ae;
		font-size:14px;
	}
	
	h3 {
		color:#0072ae;
		font-size:14px;
		margin:0;
		padding:0;
		text-decoration:underline;
	}
	
	h4 {

	}
		
	
/* ---------------------------------- */
/* FOOTER STYLES  */   
/* ---------------------------------- */
	

	
/* ---------------------------------- */
/* FORM ELEMENTS  */   
/* ---------------------------------- */



form {
	float:left;
	text-align:left;
	}
	form div.row {
		clear:both;
		padding:3px 10px;
		overflow:auto;
		font-size:12px;
		text-align:left;
	}
	form div.row label, form div.row p {
		float:left;
		width:170px;
		font-size:12px;
		}
	form div.row label {
		font-weight:normal;
		}
	form div.row p {
		clear:left;
		}
	.textfield {
		float:left;
		top:0;
		border-top:1px solid #aaa;
		border-left:1px solid #aaa;
		border-bottom:1px solid #ccc;
		border-right:1px solid #ccc;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		padding:2px;
		color:#000;
		margin:2px;
		}
	form div.row div.value {
		float:left;
		font-size:12px;
		}
	form div.row .textfield:focus {
		border-top:1px solid #4eaad3;
		border-left:1px solid #4eaad3;
		border-bottom:1px solid #4eaad3;
		border-right:1px solid #4eaad3;
		}
	form input.button {
		margin:5px 5px 5px 0;
		font-weight:bold;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		padding:2px 10px;
		cursor:pointer;
		color:#555;
		border-top:3px double #ccc;
		border-left:3px double #ccc;
		border-bottom:3px double #aaa;
		border-right:3px double #aaa;
		}
	form input.button:hover {
		border-top:3px double #4eaad3;
		border-left:3px double #4eaad3;
		border-bottom:3px double #4eaad3;
		border-right:3px double #4eaad3;
		}
	form optgroup {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-style:normal;
		padding:3px;
		}
	form option {
		padding:0 10px 0 5px;
		}

		

/* ---------------------------------- */
/* TABLE ELEMENTS  */   
/* ---------------------------------- */	
	
table.resulttable {
	border:1px solid #79ACDA;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	}
	table.resulttable th {
		text-align:left;
		background:url(../images/tbl_th_bg.gif) repeat-x;
		padding:5px;
		color:#fff;
		}
	table.resulttable td {
		text-align:left;
		padding:5px;
		}
	table.resulttable tr.highlight td {
		background:#FFFFCC;
		}
		
	table.resulttable td.highlightTd {
		font-weight:bold;
		color:#009900;
		}
		
	table.resulttable tr.alt td {
		background:#EFF7FF;
		}

/* ---------------------------------- */
/* STYLES  */   
/* ---------------------------------- */	
		
	#home{
		padding:0px 0 0 0;
	}
	
	#home_images div{
		float:left;
		margin:0 0 0 60px;
	}
	* html #home_images div{margin:0 0 0 40px;}
	
	#about{
		text-align:center;
	}
	#about img{
		border:1px solid #ccc;
		padding:5px;
	}
	
	#home_text{
		clear:both;
		padding:5px 0 0 0;
	}
	
	.home_right_margin{
		margin-right:10px;
	}
	
	#content .zoom{
		margin:0;
		padding:0;
		border:none;
		text-decoration:none;
	}
	
	.centre_align{
		text-align:center;
	}
	
	.align_left{
		text-align:left;
	}
	
	.float_right{
		float:right;
		margin:0 0 0 15px;
	}
	
	#contact_details{
		float:right;
		text-align:right;
	}
	
	.enviro{
		text-align:left;
	}
	
	.telephone{
		float:right; 
		font-size:24px; 
		margin-top:3px;
	}
	
	
/* ---------------------------------- */
/* STYLES FOR SEPTEMBER 09 NEWS ITEM  */   
/* ---------------------------------- */
	
div.news_item_sep_09 p{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#000; }
div.news_item_sep_09 p.small{ font-size:12px; }
div.news_item_sep_09 h1{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#000; text-align:center; }
#innerwrap div.news_item_sep_09 img.noborder{ border:none; }