/* Site Layout Styles
 * Updated:  31 Jul 2008 @ 8.50am
 * Author: Matthew Holmes <www.ivt.com.au>
 * ---------------------------------------------*/

	/* -- core 
 	 ---------------------------------------------*/
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
		margin: 0; 
		padding: 0; 
		border: 0; 
		outline: 0; 
		font-size: inherit; 
		font-family: inherit; 
		vertical-align: baseline;
		list-style: none;
		}

	/* using clearfix solution to reduce any html markup just apply class="clearfix" to any div you want. */
	.clearfix:after {
		display: block;
		clear: both;
		height: 0;
		content: ".";
		visibility: hidden;
		}
	* html .clearfix { /* ie hack it needs to use height: 1%, does not support the :after pseudoclass */ height: 1%; }
	*+ html .clearfix { height: 1%; }
	
	html { overflow:-moz-scrollbars-vertical; }
	body { 
		color: #666666;
		font: 62.5%/1.6 "Trebuchet MS", Helvetica, Arial, sans-serif;
		}
		
		
	/* -- links */
	a {
		color: #987a1f;
		}
	a:hover {
		text-decoration: none;
		}

	
	/* -- layout
 	---------------------------------------------*/
 	#container {
 		position: relative;
 		width: 1024px;
 		margin: 0 auto;
 		}

	
		/* -- header */
		#header {
			height: 120px;
			background: #f5d500;
			}
			
			/* logo */
			#header h1 {
				float: left;
				padding: 18px 0 0 22px;
				}
			
			/* phone number */
			p#phone {
				float: right;
				padding: 46px 22px 0 0;
				color: #000;
				font: italic normal 1.5em/1.6 Helvetica, Arial, sans-serif;
				}
			p#phone span {
				font: italic bold 1.5em/1.6 Helvetica, Arial, sans-serif;
				}
			
		/* -- navigation */
		#nav {
			height: 45px;
			background: #000 url(../images/bg.gif) 0 0 no-repeat;
			}
		#nav li {
			float: left;
			background: url(../webimage/bg-nav-divider.gif) right 8px no-repeat;
			}
		#nav li.end {
			background: none;
			}
		#nav li a {
			float: left;
			display: block;
			padding: 13px 22px 10px;
			color: #fff;
			font: italic normal 1.4em/1.6 Helvetica, Arial, sans-serif;
			text-decoration: none;
			}
		#nav li a:hover, #nav li a.on {
			color: #f5d500;
			}
		#nav li a.on {
			font-weight: bold;
			}
			
		/* -- banner */
		#banner {
			position: relative;
			height: 120px;
			background: #c4c5c5 url(../images/bg.gif) 0 -45px no-repeat;
			}
			
			/* text */
			#banner h2 {
				position: absolute;
				top: 50px;
				left: 40px;
				color: #000;
				font: italic normal 2.8em/1.6 Helvetica, Arial, sans-serif;
				line-height: 1.4;
				z-index: 99;
				}
			#banner h2 span {
				font-weight: bold;
				}
				
			/* flash */
			#flash {
				float: right;
				width: 422px;
				height: 120px;
				overflow: hidden;
				}
			
			
		/* -- content */
		#content {
			min-height: 500px;
			background: url(../images/bg.gif) 0 -165px no-repeat;
			font-size: 1.1em;
			}
			
			/* side nav */
			#sidebar {
				float: left;
				width: 212px;
				padding: 30px 22px;
				}
			#sidebar li {
				display: block;
				padding: 6px 0;
				border-bottom: 1px solid #ccc;
				}
			#sidebar li a {
				padding: 0 0 0 30px;
				font-size: 1.2em;
				background: url(../webimage/arrow.gif) 8px 0 no-repeat;
				}
			#sidebar li li {
				border: 0;
				}
			#sidebar li li.off ul {
				display: none;
				}
			#sidebar li li a {
				padding: 0 0 0 30px;
				font-size: 1em;
				}
			#sidebar li li li a {
				padding: 0 0 0 40px;
				}
			#sidebar li.on a, #sidebar li li.on a, #sidebar li li li.on a {
				color: #000;
				font-weight: bold;
				text-decoration: underline;
				}
			#sidebar li.off a, #sidebar li li.off a, #sidebar li li li.off a {
				color: #987a1f;
				font-weight: normal;
				text-decoration: none;
				}
			#sidebar li li.on a, #sidebar li li li.on a,
			#sidebar  li li.off a, #sidebar li li li.off a {
				background: none;
				}
			#sidebar li a.special {
				padding-left: 30px;
				color: #f00;
				font-weight: bold;
				background: url(../webimage/warning.gif) 8px 0 no-repeat;
				}
				
				
			/* content stuff */
			#inner_content {
				float: right;
				width: 722px;
				padding: 30px 22px;
				}
			#inner_content ul {
				padding-left: 15px;
				}
			#inner_content li {
				list-style-type: disc;
				}
			#inner_content p {
				padding: 5px 0;
				}
			#inner_content p.path {
				display: none;
				}
			#inner_content p#breadcrumb {
				margin: 0 0 15px;
				}
				
			#inner_content #extra ul {
				padding: 0;
				}
			#inner_content #extra li {
				list-style-type: none;
				}
				
			#inner_content h3#archive {
				margin: 15px 0 0;
				border-bottom: 1px solid #ccc;
				font: italic normal 1.4em/1.6 Helvetica, Arial, sans-serif;
				}
			#inner_content ul#archive_list {
				margin: 10px 0;
				padding: 0;
				}
			#inner_content ul#archive_list li {
				padding: 0 0 5px;
				list-style-type: none;
				}
			
			
		/* -- footer */
		#footer {
			padding: 22px;
			background: url(../images/bg.gif) 0 -5299px no-repeat;
			font-size: 1.1em;
			}	
		#footer a {
			color: #666666;
			}
			
			/* search form */
			#search_form {
				position: absolute;
				bottom: 62px;
				right: 35px;
				}
			#search_form input {
				width: 140px;
				padding: 3px;
				border: 1px solid #ccc;
				color: #987a1f;
				font-size: 1.2em;
				font-style: italic;
				font-weight: bold;
				}
				
				
			/* ---- MAIN SEARCH ---- */
			.search_form {
				padding: 0 0 15px;
				}
			.search_form legend,
			.search_form label {
				display: none;
				}
			.search_form input {
				width: 450px;
				padding: 3px;
				border: 1px solid #bbb;
				}
			.search_form button {
				border-color: #999 #333 #333 #999;
				border-style: solid;
				border-width: 1px 1px 1px 1px;
				background: #d4d0c8;
				}
			
				
			/* ---- PRODUCT STYLES ---- */
			table.products_category_table,
			table.products_list_table,
			table.knowledge_list_table {
				width: 100%;
				}
			table.products_category_table td,
			table.products_list_table td {
				text-align: center;
				padding: 10px 0;
				}
			table.products_category_table td a,
			table.products_list_table td a {
				font-size: 1.3em;
				}	
			table.knowledge_list_table td {
				padding: 5px;
				border-bottom: 1px solid #ccc;
				}
			
				
				/* product title */
				h3#inner_content_title {
					color: #000;
					font: italic normal 1.6em/1.6 Helvetica, Arial, sans-serif;
					}
				h3#inner_content_title span {
					color: #8f8f8f;
					font-size: .9em;
					text-transform: lowercase;
					}
					
				/* product image */
				#product_image {
					width: 100%;
					margin: 0 0 15px;
					padding: 15px 0;
					text-align: center;
					border-bottom: 1px solid #ccc;
					}
					
				/* product extra / buy / large image */
				#extra {
					position: relative;
					margin: 15px 0 0;
					padding: 15px 0 15px 15px;
					border-top: 1px solid #ccc;
					}
				#extra ul li {
					float: left;
					margin: 0 15px 0 0;
					padding: 0 0 10px;
					}
				.price,
				.special_price {
					color: #000;
					font: italic bold 1.2em/1.6 Helvetica, Arial, sans-serif;
					}
				.special_price {
					color: #f00;
					}
				.prod_list,
				.special_price input,
				.price input,
				.buy_field,
				#product_tabs {
					display: none;
					}
					
					/* back button */
					#back {
						position: absolute;
						top: 15px;
						right: 15px;
						}
						
			/* -- shopping cart */
			table.cart_table{width:100%;margin: 20px 0 0;border-collapse:collapse;border-top:1px solid #ddd;border-left: 1px solid #ddd;}table.cart_table th,table.cart_table td{padding:5px; border-bottom:1px solid#ccc;border-right: 1px solid #ccc;text-align: center;}table.cart_table th.cart_header{font-size:1.3em;background: #eee;}td.cart_price{color: #f60;}
			input.button, input.submit {border-color:#999 #333 #333 #999;border-style:solid;border-width:1px 1px 1px 1px; }
			
			.fieldset_title,
			.order_details_header {
				padding: 10px 0 0;
				color: #000;
				font: italic bold 1.2em/1.6 Helvetica, "Trebuchet MS", Arial, sans-serif;
				}
				
			.form {
				padding: 10px 0 0;
				}
			.form th {
				text-align: right;
				}
			.form th,
			.form td {
				padding: 0 5px 5px 0;
				}
				
			.plain th {
				text-align: right;
				}
			.plain th,
			.plain td {
				padding: 0 5px 5px 0;
				}
			
			
			/* ---- THICKBOX STYLES ---- */
			#TB_overlay {
				position: fixed;
				z-index: 100;
				top: 0px;
				left: 0px;
				height: 100%;
				width: 100%;
				}
			.TB_overlayMacFFBGHack {
				background: url(../webimage/macFFBgHack.png) repeat;
				}
			.TB_overlayBG {
				background-color:#000;
				filter:alpha(opacity=75);
				-moz-opacity: 0.75;
				opacity: 0.75;
				}
			#TB_window {
			  	position: fixed;
			  	background: #ffffff;
			  	z-index: 102;
			  	color:#000000;
			  	display:none;
			  	border: 4px solid #525252;
			  	text-align:left;
			  	top:50%;
			  	left:50%;
				}
			#TB_window img#TB_Image {
			  	display:block;
			  	margin: 15px 0 0 15px;
			  	border-right: 1px solid #ccc;
			  	border-bottom: 1px solid #ccc;
			  	border-top: 1px solid #666;
			  	border-left: 1px solid #666;
				}
			#TB_caption{
			  	height:25px;
			  	padding:7px 30px 10px 25px;
			  	float:left;
				}
			#TB_closeWindow{
			  	height:25px;
			  	padding:11px 25px 10px 0;
			  	float:right;
				}
			#TB_closeAjaxWindow{
			  	padding:7px 10px 5px 0;
			  	margin-bottom:1px;
			  	text-align:right;
			  	float:right;
				}
			#TB_ajaxWindowTitle{
			  	float:left;
			  	padding:7px 0 5px 10px;
			  	margin-bottom:1px;
				}
			#TB_title{
			  	background-color:#e8e8e8;
			  	height:27px;
				}
			#TB_ajaxContent{
			  	clear:both;
			  	padding:2px 15px 15px 15px;
			  	overflow:auto;
			  	text-align:left;
			  	line-height:1.4em;
				}
			#TB_ajaxContent.TB_modal{
			  	padding:15px;
				}
			#TB_ajaxContent p{
			  	padding:5px 0px 5px 0px;
				}
			#TB_load{
			  	position: fixed;
			  	display:none;
			  	height:13px;
			  	width:208px;
			  	z-index:103;
			  	top: 50%;
			  	left: 50%;
			  	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
				}
			#TB_HideSelect{
			  	z-index:99;
			  	position:fixed;
			  	top: 0;
			  	left: 0;
			  	background-color:#fff;
			  	border:none;
			  	filter:alpha(opacity=0);
			  	-moz-opacity: 0;
			  	opacity: 0;
			  	height:100%;
			  	width:100%;
				}
			#TB_iframeContent{
			  	clear:both;
			  	border:none;
			  	margin-bottom:-1px;
			  	margin-top:1px;
			  	_margin-bottom:1px;
				}
				
			.noshow, .page_numbers, .path { display: none; }

			#display_public_media { display: none; }

			#inner_content ul.gallery { width: 700px; overflow: hidden; margin: 0; padding: 0; list-style: none; text-align: center; }
			#inner_content ul.gallery li { float: left; width: 230px; list-style: none; padding: 0 0 15px; }