/* Site Layout Styles
 * Updated:  27 Oct 2008 @ 12.00pm
 * Author: Joshua Deidun <ivt.com.au>
 * ---------------------------------------------*/

	/*
	-- TOC
	---------------------------------------
	1. Colors
	2. Reset        
	3. Fix Floats
	4. Links
	5. Typography
	6. Structure
	*/

	/* -- COLORS
	---------------------------------------*/
	/* blue		=	#174e95 */
	/* green	=	#8dbf2b */
	/* grey		=	#5e5d5d */
	/* black	= 	#000 */

	/* -- 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: #000; text-decoration: underline; outline: none; }
	a:hover { text-decoration: none; }

	
	/* -- TYPOGRAPHY
	---------------------------------------*/
	h1 { margin: 0 0 5px; font-size: 1.7em; }
	h2 { margin: 0 0 10px 0; color: #000; font: bold 1.6em Arial, Verdana, Helvetica, sans-serif; border-bottom: 1px solid #8dbf2a; }
	h3 { margin: 0; color: #000; font: bold 1.4em Arial, Verdana, Helvetica, sans-serif; }
	h4 { margin: 10px 0 5px; color: #666666; font: normal 1.4em/1.6 Arial, Verdana, Helvetica, sans-serif; }
	h5 { margin: 5px 0 0; font: bold 1em/1.6 Arial, Verdana, Helvetica, sans-serif; }
	
	p { margin: 0 0 .8em; }


	/* -- STRUCTURE
 	---------------------------------------*/
	body { color: #000; font: 62.5%/1.6 Verdana, Arial, Helvetica, sans-serif; }
	
	
	/* -- container */
	#container { width: 770px; margin: 0 auto; }
	
	/* -- header */
	#header { height: 180px; padding-bottom: 5px; }
	#nav { height: 25px; background: url(../images/topnavbarbg.gif) repeat-y; text-align: right; padding: 3px 10px 0; border-bottom: 5px solid #fff; }
	#nav a { font-family: Arial, Verdana, Helvetica, sans-serif, "Futura Md BT"; font-size: 1.0em; font-weight: bold; line-height: 23px; text-decoration: none; }
	#nav a:hover { color: #fff; }
	#content { width: 770px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
	
	.left { float: left; width: 190px; padding: 0px; background-color: #dadada; }
	.left a:hover {  color: #999999; }
	.left ul li a { display: block; background: url(../images/navabg.gif) no-repeat; height: 20px; border-bottom: 3px solid #fff; text-decoration: none; padding: 4px 10px 0 20px; text-transform: uppercase; font-weight: bold; font-size: 1.1em; }	
	.left ul li.on a  { background: url(../images/navabg-on.gif) no-repeat; }
	.left ul li li.off a { display: block; background: url(../images/navbbg.gif) no-repeat; border-bottom: 3px solid #fff; text-decoration: none; padding: 2px 10px 0 30px; text-transform:none; font-weight: normal; }
	.left ul li li.on a { display: block; background: url(../images/navcbg.gif) no-repeat; border-bottom: 3px solid #fff; text-decoration: none; padding: 2px 10px 0 30px; text-transform:none; font-weight: normal; }
	.left li li ul { display: none; }
	
	/* -- login form */
	form#login_form,  form#login_form fieldset { margin: 0; padding: 0; border: 0; }
	form#login_form ol { margin: 0; padding: 0; list-style: none; }
	form#login_form li { clear: both; margin: 0 0 .75em; padding: 0; list-style: none; }
	form#login_form label { float: left; width: 110px; margin-right: 5px; text-align: right; }
	form#login_form label:after { content: ":"; }
	form#login_form button { margin-left: 115px; }
	
	/* -- update form */
	form#update-form,  form#update-form fieldset { margin: 0; padding: 0; border: 0; }
	form#update-form legend { display: none; }
	form#update-form fieldset fieldset legend { display: block; }
	form#update-form input { width: 220px; }
	form#update-form textarea { width: 300px; height: 120px; }
	form#update-form ol, form#update-form ul { margin: 0; padding: 0; list-style: none; }
	form#update-form li { clear: both; margin: 0 0 .75em; padding: 0; list-style: none; }
	form#update-form label { float: left; width: 110px; margin-right: 5px; text-align: left; }
	form#update-form label:after { content: ":"; }
	form#update-form .state { float: left; margin: 0 0 .75em; }
	form#update-form ul { margin: 0; padding: 0; list-style: none; }
	form#update-form li li { float: left; width: 48%; margin: 0; padding: 0; clear: none; }
	form#update-form .receive_email,  form#update-form .security_code_fieldset { margin-left: 115px; }
	form#update-form .state label,  form#update-form .receive_email label { display: inline; width: auto; margin: 0; }
	form#update-form .state label:after,  form#update-form .receive_email label:after { content: ""; }
	form#update-form button { margin-left: 115px; }
	
	/* -- password form */
	form#passwordForm,  form#passwordForm fieldset { margin: 0; padding: 0; border: 0; }
	form#passwordForm ol { margin: 0; padding: 0; list-style: none; }
	form#passwordForm li { clear: both; margin: 0 0 .75em; padding: 0; list-style: none; }
	form#passwordForm label { float: left; width: 110px; margin-right: 5px; text-align: right; }
	form#passwordForm button { margin-left: 115px; }
		
	.right { float: right; width: 555px; padding: 5px 10px; font-size: 1.1em; }
	.right li { list-style: disc; margin: 0 0 0 15px; }	
	.right ul.files_list { padding: 10px 0; }
 	.right ul.files_list li { list-style: none; margin: 0px; }
	.right ul.files_list li img { vertical-align: middle; margin-right: 5px; }
	.noshow { display: none; }
	label { font-size: 1.1em; font-weight: bold; }
	.formFieldLabel { display: block; }
	.grey { color:#5e5d5d; }
	
	table.knowledge_category_table { width: 100%; text-align: center; }
	table.knowledge_category_table td { padding: 0 0 15px; }
	
	/* -- info form */

	#info_form { margin-top: 5px; }
	#info_form h2.form_title { font-size: 1.3em; margin: .5em 0 .5em; clear: both; }
	
	#info_form label { margin: 3px 5px 0 0; text-align: left; display: block; font-weight: bold; clear: both; }
	
	#content .right #info_form .input_medium_off, #content .right #info_form .input_medium_on { width: 350px; }
	#info_form #form_info_buttons { width: 530px; }
	#info_form .wide { width: 500px; margin: 10px 0; }
	#info_form table td { padding: 3px 0; }
	#info_form table { margin: 5px 0;  }
	
	
	/* global forms */
	
	.input_smaller_on,
	.input_smaller_off
	{ 
		border:1px solid #ccc;
		margin: 3px 0; 
		padding: 4px;
		width: 67px;
	}
	
	input.input_small_off, 
	input.input_medium_off, 
	input.input_large_off,
	textarea.textarea_small_off,
	textarea.textarea_medium_off,
	textarea.textarea_large_off 
	{
		border:1px solid #ccc;
		margin: 3px 0; 
		padding: 4px;
	}

	input.input_small_on, 
	input.input_medium_on, 
	input.input_large_on,
	textarea.textarea_small_on,
	textarea.textarea_medium_on,
	textarea.textarea_large_on 
	{
		border:1px solid #ccc;
		margin: 3px 0; 
		padding: 4px;
	}

	input.input_small_off, 
	input.input_small_on 
	{
		width: 77px;
	}

	input.input_medium_off, 
	input.input_medium_on 
	{
		width: 300px;
	}

	input.input_large_off, 
	input.input_large_on
	{
		width: 350px;
	}
	
	select.select_large_off,
	select.select_large_on 
	{
		width: 360px;
	}	 

	textarea.textarea_small_off,
	textarea.textarea_small_on 
	{
		width: 350px;
		height: 80px;
	}

	textarea.textarea_medium_off,
	textarea.textarea_medium_on 
	{
		width: 350px;
		height: 150px;
	}

	textarea.textarea_large_off,
	textarea.textarea_large_on 
	{
		width: 350px;
		height: 300px;
	}



	/* dealer search */
	.dealer_search label { text-align: left; margin: 5px 0 5px;}
	.dealer_search select { float: left; margin: 5px 0 5px;}
	.dealer_search input { float: left; margin: 5px 5px 5px 0px; }
	#dealer_list td { padding: 5px 20px; }
	#dealer_list td td { padding: 0; }
	#dealer_list td.row_on { background: #eee; }	
	#search_for_title { padding: 20px 20px 0px; font-style: italic; }
	#search_for_breadcrumb { padding: 0 20px 20px; font-style: italic; }
	
	#map_canvas { width: 100%; height: 450px; }
	#map_canvas_small, #pano { width: 100%; height: 250px; }
	#map_results { width: 100%; margin: 20px 0; }
	
	.overlay_details { position: relative; width: 25em; height: 12em; }
	.overlay_details div { padding-right: 2em; }
	.overlay_details h3 { margin: 1em 0 .8em; font-size: 1.2em; }
								
	#footer { font-size: 1em; color:#666666; border-bottom: 3px solid #ccc; padding-bottom: 25px; }
	#footer a:hover { text-decoration: none; color:#000; }
	#copyright { float: left; padding: 5px 15px; }
	#developed { float: right; padding: 5px 20px; }

.headerRow
{
	background: #8dbf2a;
	color: #fff;
}

#shippingaddress_div
{
	display: none;
}