/* Site Layout Styles
 * Updated:  25 Nov 2008 @ 10.30am
 * Author: Joshua Deidun <ivt.com.au>
 * ---------------------------------------------*/
 
 /* 
	-- TOC
	------------------------------------------
	1. Colors
	2. Reset
	3. Fix Floats
	4. Links
	5. Typography
	6. Structure
	*/
	
	/* -- COLORS
	-------------------------------------------
	/*	grey nav border = #909090 
		light grey nav hover = #c0c0c0
		light grey content text = #666
		dark grey headings = #444
		dark red links = #b11f24
		
		 */

	/* -- RESET
 	---------------------------------------*/
 	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; list-style: none; }
 	
 	table { border-collapse: collapse; border-spacing: 0; }
 	
 	
 	/* -- FIX FLOATS
 	---------------------------------------*/
 	.clearfix:after { display: block; clear: both; height: 0; content: "."; visibility: hidden; }
 	* html .clearfix { height: 1%; }
 	*+ html .clearfix { height: 1%; }
	
	/* -- LINKS
	---------------------------------------*/
	a { color: #b11f24; text-decoration: underline; outline: none; }
	a:hover { text-decoration: none; } 	
 	
 	/* -- TYPOGRAPHY
 	---------------------------------------*/
 	h1, h2, h3, h4, h5, h6 { color: #444444; font: italic bold 3em/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif; }
 	h2 { font-size: 1.6em; font-style: italic; margin: 0 0 .5em; }
	h3 { font-size: 1.4em; margin: 20px 0 .5em; color: #444444; }
 	h4 { font-size: 1.1em; margin: 10px 0 .5em; }
 	h5 { font-size: 1.0em; margin: 0 0 .5em; }
	h6 { font-size: .9em; margin: 0 0 .5em; }
	
	p { margin: 0 0 1em; }
 	
 	/* -- LISTS
 	---------------------------------------*/
 	ul { margin: 0; }
 	li { list-style: disc; }

	/* -- STRUCTURE
 	---------------------------------------*/
	body { background: url(../images/bg.gif) 0 0 repeat-x; font: 62.5%/1.6 "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; }
	
	/* -- container */
	#container { width: 955px; margin: 0 auto; }
	
	/* -- header */
	#header { position: relative; height: 130px; }
	#header img { padding: 20px; }
	#header form input { position: absolute; top: 65px; right: 5px; color: #b11f24; font-style: italic; border: 1px solid #c0c0c0; padding: 2px; }
	
	/* -- nav */
	#nav { height: 36px; background: url(../images/bg-nav-bar.gif) 0 0 no-repeat; }
	#nav ul { padding: 8px 15px; }
	#nav li { float: left; list-style: none; } 
	#nav a { font: italic bold 1.7em Arial, Helvetica, sans-serif; padding: 0 25px; text-transform: uppercase; border-left: 1px solid #909090; text-decoration: none; color: #c0c0c0;  }
	#nav a:hover, #nav a.aboutus-on, #nav a.products-on, #nav a.retailers-on, #nav a.news-on, #nav a.contactus-on  { color: #fff; }
	#nav a.home { border: none; }
	
	/* -- content */
	#content { background: #fff url(../images/content-header.gif) top left no-repeat; font-size: 1.1em; padding: 20px 25px 0 0; margin-top: 9px; } 
	#content ul { padding: 1px 0px; }
	#content .left { float: left; width: 215px; }
	#content .left li { list-style: none; }
	#content .left li a { height: 20px; font-size: 1.3em; padding-left: 20px; border-top: 1px solid #ddd; display: block; padding: 6px 5px 6px 35px; background: #edeaea url(../images/icon-arrow-on.jpg) 15px 12px no-repeat; text-decoration: none; }
	#content .left ul li li a { text-decoration: none; background: #fff url(../images/icon-arrow.jpg) 15px 12px no-repeat; font-size: 1.1em; margin-left: 15px; border-top: none; color: #000; padding: 4px 5px 4px 35px; }
	#content .left ul li li a:hover { background: #edeaea url(../images/icon-arrow-on.jpg) 30px 12px no-repeat; margin-left: 0px; padding-left: 50px; color: #b11f24; }
	#content .right { float: right; width: 675px; min-height: 428px; background: url(../images/bg-left.jpg) 0 1px no-repeat; padding: 0 20px 20px 20px; }
	#content hr { border: 1px solid #ddd; }
	.noshow { display: none; }
	#content .right ul { padding-left: 15px; }
	.search_form legend { display: none; }
	.contact td { padding: 3px 0; vertical-align: top; }
	
	/* -- product styles */
	table.products_category_table { width: 100%; }
	table.products_category_table td { vertical-align: bottom; text-align: center; padding: 10px 0; }
	table.products_category_table td a { font-size: 1.3em; }
	
	table.products_list_table { width: 100%; }
	table.products_list_table td { padding: 10px 0; border-bottom: 1px solid #ccc; }
	
	.product img { float: right; padding: 30px 0 30px 40px; }
	.product_table { text-align: center; border-color: #909090; color: #444; }
	.redbg { background: url(../images/bg-spec-table.jpg) 0 0 no-repeat; height: 30px; }
	.product_table tr { height: 30px; }
	.product_table { margin-bottom: 15px; }
	.price input, .special_price input, .priceConversionButton { display: none; }
	
		/* -- enquiry form */
	form#info_form,  form#info_form fieldset,  form#info_form legend { margin: 0; padding: 0; border: 0; }
	form#info_form h3 { font-size: 1.6em; font-style: italic; margin: 15px 0 .5em; color: #444; }
	form#info_form div { margin: 0 0 15px; }
	form#info_form label { display: block; width: 100%; text-align: left; }
	form#info_form label:after { content: ":"; }
	form#info_form input,  form#info_form textarea,  form#info_form select { margin: 3px 0; width: 246px; }
	form#info_form textarea { width: 250px; height: 60px; }
	form#info_form br { clear: left; }
	form#info_form .cancel { display: none; }
	form#info_form { position: relative; padding: 0; }
	form#info_form #form_info_buttons { position: absolute; left: 0; }
	form#info_form fieldset fieldset div { background: none; }
	form#info_form .submit { float: left; margin: 0; width: auto; }
	.form-link { padding-left: 5px; width: 300px; }
		
	/* -- footer */
	.wrapper { width: 955px; margin: 0 auto; }
	#footer { border-top: 1px solid #c0c0c0; font-size: 1.1em; padding: 7px; color: #666; margin-top: 10px; }
	#ce { float: left; padding: 11px 15px; }
	#copyright { float: left; padding: 10px 15px;  }
	#developed { float: right; padding: 7px 20px; }