/* Site Layout Styles
 * Updated:  9 Sep 2008 @ 1.45pm
 * Author: Matthew Holmes <www.ivt.com.au>
 * ---------------------------------------------*/

	/* -- 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, a:visited { color: #032243; text-decoration: underline; outline: none; }
 	a:hover { text-decoration: none; }
 	
 	
 	/* -- TYPOGRAPHY
 	---------------------------------------*/
 	h1, h2, h3, h4, h5, h6 { color: #032243; font-weight: normal; text-transform: lowercase; }
 	h1 { font-size: 3em; }
 	h2 { font-size: 1.2em; }
 	h3 { font-size: 1.2em; }
 	h4 { text-transform: none; font-weight: bold; font-size: 1.2em; }
 	
 	p { font-size: 1.1em; margin: 0 0 .5em; }


	/* -- STRUCTURE
 	---------------------------------------*/
	body { color: #032243; font: 62.5%/1.6 Helvetica, Arial, sans-serif; }
	
	/* -- container */
	#container { width: 960px; margin: 0 auto; }
	
	
	/* -- HEADER
	---------------------------------------*/
	#header { height: 119px; background: #062449 url(../images/web/bg-container.gif) top right no-repeat; }
	#header h1 { padding: 13px 30px 0; }
	
	
	/* -- CONTENT
	---------------------------------------*/
	#content { min-height: 400px; padding: 10px; }
	#content .left { float: left; width: 142px; margin-right: 10px; }
	#content .middle { float: left; width: 510px; }
	#content .right { float: right; width: 265px; line-height: 1; }
	#content .right div { margin: 0 0 10px; }
	
	#content .ecommerce { width: 940px; padding: 15px 0; }
	
	/* -- find a report */
	#find_a_report h2 { position: relative; width: 142px; height: 20px; }
	#find_a_report h2 span { position: absolute; width: 100%; height: 100%; background: url(../images/h2-find-a-report.gif) no-repeat; }
	#find_a_report div { padding: 3px; border: 1px solid #dbdbdc; border-top: 0; }
	#find_a_report div div { border: 0; padding: 0; }

	#find_report_search h2 { font-size: 1.2em; }
    #find_report_search select { width: 128px; }
	
	#find_report_search .search_button input { width: 135px; height: 31px; padding: 0; margin: 5px 0 0; text-indent: -999em; border: 0; background: url(../images/btn-search.gif) no-repeat; cursor: pointer; font-size: 0.01px; }
	* html #find_report_search .search_button input { padding: 31px 0 0; }
	
	.list_all_reports input { display: block; width: 135px; height: 31px; padding: 0; margin: 0; border: 0; text-indent: -999em; background: url(../images/btn-list-reports.gif) no-repeat; cursor: pointer; }
	* html #find_report_search .list_all_reports input { padding: 31px 0 0; }
    
	
	/* -- preview */
	#preview { text-align: center; }
	#preview_description { text-align: left; }
	
	/* -- featured franchises */
	#featured_franchises h2 { position: relative; width: 510px; height: 20px; }
	#featured_franchises h2 span { position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; }
	#featured_franchises div { padding: 3px; border: 1px solid #dbdbdc; border-top: 0; }
	#featured_franchises div div { border: 0; }
	
	/* -- featured reports */
	#featured_reports { margin: 0 0 10px; width: 510px; font-size: 1.1em; }
	#featured_reports h2 { position: relative; width: 510px; height: 20px; }
	#featured_reports h2 span { position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; }
	#featured_reports div { padding: 3px; border: 1px solid #dbdbdc; border-top: 0; }
	#featured_reports div div { border: 0; }
	#featured_reports ul li { float: left; width: 45px; padding: 5px; }
	
	#featured_reports table#options { width: 100%; margin: 10px 0 0; border-top: 1px solid #dbdbdc; }
	#featured_reports table#options td { border-bottom: 1px solid #dbdbdc; }
	#featured_reports #description { padding: 3px; border: 1px solid #dbdbdc; border-top: 0; }
	#featured_reports #web, #featured_reports #info { border: 0; padding: 0; }
	#featured_reports #web { font-weight: bold; font-size: 1.2em; padding: 10px 10px 0 10px; }
	#featured_reports table#cart { width: 100%; text-align: center; border-bottom: 1px solid #dbdbdc; }
	#featured_reports #cart td { padding: 6px 0 0; }
	* html #featured_reports #cart td { padding: 6px 0; }
	
	table#extra_options { width: 100%; margin: 0 0 10px; border: 1px solid #dbdbdc; background: #f3f4f6; text-align: center; }
	table#extra_options td { padding: 6px 0 0; }
	
	* html #extra_options td { padding: 6px 0; }
	
	.noshow_inc_gst, .buy_field_wrap, #price input { display: none; }
	
	li.yes, div.yes { background: #E4F4FF; }
	div#web { background: #fff; }
	
	
	#container_one div, #container_two div { margin: 0 0 10px; width: 502px; text-align: center; padding: 3px; border: 1px solid #dbdbdc; border-top: 0; }
	
	#container_one h2, #container_two h2 { position: relative; width: 510px; height: 20px; }
	#container_one h2 span, #container_two h2 span { position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; }
	
	
	#featured_reports div.list, #featured_reports div.form, #featured_reports div.plain { border: 0; }
	
	table.cart_table, table.text { width: 100%; }
	table.cart_table th.cart_header, table.text th { text-align: left; color: #032243; }
	table.cart_table th, table.cart_table td, table.text th, table.text td { padding: 5px; border-bottom: 1px solid #c5c5c5; text-align: left; }
	table.cart_table th.cart_labels, table.text th { background: #f1f1f1; }
	
	#featured_reports div.order_details_header, #featured_reports div.fieldset_title { border: 0; border-bottom: 1px solid #c5c5c5; font-size: 1.2em; font-weight: bold; }
	div.fieldset_title { margin: 0 0 15px; }
	div.form table th, div.order_details_table table th { text-align: right; padding: 0 15px 0 0; }
	div.form table th, div.form table td, div.order_details_table table th, div.order_details_table table td { padding-bottom: 5px; }

	.input_large_off, .input_large_on, .input_medium_off, .input_medium_on { width: 200px; padding: 2px; border: 1px solid #a1a1a1; }
	
	input.button { background: #032243; border: 1px solid #032243; color: #fff; }

	#featured_reports div.form table td, #featured_reports div.plain table td { border: 0; }
	
	
	/* -- ecommerce */
	#content table.products_category_table { width: 100%; text-align: center; }
	#content table.products_list_table { width: 100%; }
	#content table.products_list_table img { float: left; margin-right: 10px; }
	#content table.products_list_table div, #content table.products_list_table #table_layout td, #content table.products_list_table td { border: 0; }
	#content table.products_list_table li { border: 1px solid #c5c5c5; margin: 0; padding: 8px; border-top: 0; }
	#content table.products_list_table td { vertical-align: top; }
	#content table.products_list_table td#table_layout td { padding: 5px; text-align: center; }
	div#short { display: none; }
	
	#content table.products_list_table div { padding: 0; }
	
	h2#search { position: relative; width: 510px; height: 20px; }
	h2#search span { position: absolute; width; 100%; height: 100%; background: url(../images/h2-search-results.gif) no-repeat; }
	#price { font-weight: bold; }
	#details a { text-decoration: none; font-weight: bold; }
	
	
	
	/* -- FOOTER
	---------------------------------------*/
	#footer { background: url(../images/web/bg-container.gif) 0 -2176px no-repeat; }
	#footer, #footer a { color: #fff; text-decoration: none; }
	#footer a { text-transform: uppercase; font-weight: bold; }
	#footer .left { float: left; padding: 3px 15px 0; }
	#footer .left span { padding-left: 20px; margin-left: 10px; background: url(../images/icon-phone.gif) 0 -2px no-repeat; }
	#footer .right { float: right; padding: 4px 15px 0; }
	#footer .right span { padding-left: 30px; }