/* Site Layout Styles
 * Updated:  Date @ Time
 * Author: Matthew Holmes <www.ivt.com.au>
 * ---------------------------------------------*/

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

	/* -- COLORS
	---------------------------------------*/
	/* color name	=	hex value */


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

	
	/* -- TYPOGRAPHY
	---------------------------------------*/
	h2 { color: #000; font-size: 2.4em; font-weight: normal; }
	p { margin: 0 0 1em; }


	/* -- STRUCTURE
 	---------------------------------------*/
	body { margin: 70px 0; background: url(../images/body.gif) repeat-x; color: #666666; font: 62.5%/1.6 "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }
	
	
		/* -- container */
		#container { width: 980px; margin: 0 auto; }
		
		
			/* header ------------------------------------- */
			#header { position: relative; height: 112px; }
			
			/* logo */ #header h1 { float: left; padding: 20px 0 0 30px; }
			
			/* login */	   	#header .logout { position: absolute; top: 33px; right: 265px; padding: 0; margin: 0; }
							#header .login { position: absolute; top: 33px; right: 265px; padding: 0; margin: 0; }
			
			/* search */	#header form { float: right; width: 222px; height: 34px; margin: 25px 25px 0 0; background: url(../images/search.gif) no-repeat; }
							#header form input, #header form button { float: left; }
							#header form input { width: 168px; margin: 0; padding: 10px 5px 0; border: 0; background: none; color: #057ed0; font-size: 11px; font-weight: bold; font-style: italic; }
							#header form button { width: 43px; height: 34px; margin: 0; padding: 0; border: 0; background: none; cursor: pointer; text-indent: -999em; }
							
			
			/* navigation */	#header ul { float: right; clear: right; width: 450px; height: 37px; margin: 16px 15px 0 0; }
								#header li { position: relative; float: left; height: 37px; z-index: 99; }
								#header li a { display: block; height: 37px; background-image: url(../images/btn-nav.gif); text-indent: -999em; }
								
								#header ul.sf-menu ul { position: absolute; top: -999em; width: 231px; height: auto; margin: 0; padding: 0 0 7px; background: url(../images/bg-menu.png) left bottom no-repeat; }
								#header ul.sf-menu li:hover ul, #header ul.sf-menu li.sfHover ul { top: 37px; left: 0; z-index: 99; }
								#header ul.sf-menu li li:hover ul, #header ul.sf-menu li li.sfHover ul { top: 0; left: 231px; }
								
								
								/* off state */
								#header li a.home { width: 71px; background-position: 0 0; }
								#header li a.aboutus { width: 98px; background-position: -71px 0; }
								#header li a.products { width: 101px; background-position: -169px 0; }
								#header li a.news { width: 69px; background-position: -270px 0; }
								#header li a.contactus { width: 111px; background-position: -339px 0; }
								
								/* over state */
								#header li a.home:hover { width: 71px; background-position: 0 -37px; }
								#header li a.aboutus:hover, #header li a.aboutus-on { width: 98px; background-position: -71px -37px; }
								#header li a.products:hover, #header li a.products-on { width: 101px; background-position: -169px -37px; }
								#header li a.news:hover, #header li a.news-on { width: 69px; background-position: -270px -37px; }
								#header li a.contactus:hover, #header li a.contactus-on { width: 111px; background-position: -339px -37px; }
								
								/* hover state */
								#header li:hover a.aboutus, #header li.sfHover a.aboutus { background-position: -71px -37px; }
								#header li:hover a.products, #header li.sfHover a.products { background-position: -169px -37px; }
								
								
								
								#header ul.sf-menu li li { width: 231px; height: auto; border-bottom: 1px solid #808080; background: #000; }
								#header ul.sf-menu li li a { float: none; height: auto; padding: 6px 13px; color: #fff; font-size: 1.1em; background: #000; text-decoration: none; text-indent: 0; }
								#header ul.sf-menu li.end { border-bottom: none; }
								
								#header ul.sf-menu li li span.sf-sub-indicator { display: block; position: absolute; top: 1em; right: 1em; width: 5px; height: 9px; text-indent: -999em; overflow: hidden; background: url(../images/white-icon-arrow.gif) no-repeat; }
								
			
			/* content ------------------------------------- */
			#content { min-height: 550px; margin: 0 0 15px; background: url(../images/bg.gif) 0 0 no-repeat; font-size: 1.1em; }
			
			/* sidebar */	#content .sidebar { position: relative; float: left; width: 254px; background: url(../images/bg-menu.gif) repeat-y; }
							#content .sidebar_container { min-height: 204px; padding: 0 0 17px; background: url(../images/bg-menu-top.gif) no-repeat; }
							#content .sidebar_container_bottom { position: absolute; bottom: 0 left: 0; display: block; width: 254px; height: 25px; background: #fff url(../images/bg-menu-bottom.gif) top no-repeat; }
							
							/* title */	#content .sidebar_container h3 { padding: 25px 25px 0; }
							
							/* menu */	#content .sidebar_container ul { padding: 5px 0; }
										#content .sidebar_container li a.occassionalfurniture, #content .sidebar_container li a.displaycabinets, .sidebar_container li a { display: block; width: 199px; padding: 7px 5px 7px 50px; background: url(../images/bg-nav.gif) 0 0 no-repeat; color: #fff; font-size: 1.1em; text-decoration: none; }
										#content .sidebar_container li a.occassionalfurniture:hover, #content .sidebar_container li a.displaycabinets:hover, .sidebar_container li a:hover { background: url(../images/bg-nav.gif) 0 -33px no-repeat; color: #000; }
										#content .sidebar_container li.on a.occassionalfurniture, #content .sidebar_container li.on a.displaycabinets, .sidebar_container li.on a { background: url(../images/bg-nav.gif) 0 -66px no-repeat; color: #000; font-weight: bold; }
										
										#content .sidebar_container li a.displaycabinets { background: url(../images/bg-nav-cabinets.gif) 0 0 no-repeat; }
										#content .sidebar_container li a.displaycabinets:hover { background: url(../images/bg-nav-cabinets.gif) 0 -33px no-repeat; }
										#content .sidebar_container li.on a.displaycabinets { background: url(../images/bg-nav-cabinets.gif) 0 -66px no-repeat; }
										
										#content .sidebar_container li li a, #content .sidebar_container li li.on a { padding: 0 5px 0 50px; color: #fff; text-decoration: none; background: none; }
										#content .sidebar_container li li.on a { color: #000; font-weight: bold; background: none; }
							
			
			/* mainbar */	#content .mainbar { float: right; width: 718px; }
			
			
							#content .general_content_mainbar { padding: 30px; }
							
							#content .search_form { padding: 0 0 25px; }
							#content .search_form legend, #content .search_form label { display: none; }
			
			
							/* product list */
							table.products_category_table, table.products_list_table { width: 100%; margin: 15px 0 0; }
							table.products_category_table td, table.products_list_table td { padding: 0 0 25px; text-align: center; vertical-align: bottom; }
							
							table.products_category_table div.occassionalfurniture a, table.products_category_table div.displaycabinets a, table.products_list_table div.occassionalfurniture a, table.products_list_table div.displaycabinets a { display: block; width: 150px; padding: 5px 0; margin: 0 auto; background: url(../images/bg-occassional-list.gif) repeat-x; color: #000; font-size: 11px; }
							table.products_category_table div.displaycabinets a, table.products_list_table div.displaycabinets a { background: url(../images/bg-cabinets-list.gif); }
							
			
							/* product detail */
							.product_header { height: 89px; }
							.product_header h2 { padding: 26px 30px 0; }
							.product_header h2 span.code { font-size: .6em; }
							
							.product_cat_description { padding: 20px 30px 0; }
							
							#product .product_content { position: relative; margin: 25px 0 0; }
							#product .product_content .product_content_mainbar { float: left; width: 350px; padding: 0 0 0 30px; margin: 0 52px 0 0; }
							#product .product_content .product_content_sidebar { position: relative; float: left; width: 283px; }
							
							/* accordin */	#product .product_content .basic { width: 280px; padding: 1px; border: 1px solid #d9d9d9; border-right: 0; }
											.occassionalfurniture .basic a, .displaycabinets .basic a { display: block; padding: 7px 15px 7px 32px; background: url(../images/bg-accordin.gif) no-repeat; cursor: pointer; color: #fff; font-size: 1.1em; font-weight: bold; }
											.occassionalfurniture .basic a:hover, .occassionalfurniture .basic a.selected, .displaycabinets .basic a:hover, .displaycabinets .basic a.selected { background: url(../images/bg-accordin-selected.gif) no-repeat; color: #000; }
											
											.displaycabinets .basic a { background: url(../images/bg-accordin-cabinets.gif) no-repeat; }
											.displaycabinets .basic a:hover, .displaycabinets .basic a.selected { background: url(../images/bg-accordin-cabinets-selected.gif) no-repeat; }
											
											#product .product_content .basic div a, #product .product_content .basic div a:hover { padding: 0; background: none; }
											#product .product_content .basic div { padding: 12px 0 0; text-align: center; }
											#product .product_content .basic div a { color: #000; }
											
											#product .product_content .prod input { display: none; }
											#product .product_content .prod, #product .product_content .prod_label, #product .product_content .prod_special { font-weight: bold; }
							
							/* magiczoom */	#product .product_content .large_image { position: absolute; top: 0; right: 3px; }
											.MagicZoomPup { border: 1px solid #000; background: #fff; cursor: auto; }
											
							/* other */		#product .product_content .product_mag_glass { text-align: right; display: block; padding: 3px 0 0 0; background: url(../images/mag-glass.gif) 262px 3px no-repeat; font-size: .8em; }
											#product .product_content .product_medium_image { margin: 0 0 25px; }
											#product .blurb { color: #057ed0; font-size: 1.2em; }
											
							/* extra */		#product .product_content_extra ul { width: 674px; margin: 20px 0 0; padding: 0 0 0 30px; background: url(../images/bg-extra-line.gif) 0 26px repeat-x; text-align: center; }
											#product .product_content_extra li { float: left; margin: 0 2px 0 0; }
											#product .product_content_extra li a { display: block; width: 151px; padding: 7px 0 3px; background: url(../images/bg-tab.gif) 0 -28px no-repeat; color: #777; text-decoration: none; text-transform: uppercase; }
											#product .product_content_extra li a:hover, #product .product_content_extra li a.selected { background: url(../images/bg-tab.gif) 0 0 no-repeat; }
											#product .product_content_extra div { padding: 15px 30px; }
											
											#product .product_content_sidebar_extras { padding: 15px 0; }
											#product .product_content_sidebar_extras li a { display: block; width: 200px; padding: 0 0 5px 35px; color: #666666; }
											#product .product_content_sidebar_extras li a.print { background: url(../images/icon-print.gif) 10px 0 no-repeat; }
											#product .product_content_sidebar_extras li a.enquiry { background: url(../images/icon-envelope.gif) 10px 3px no-repeat; }
											#product .product_content_sidebar_extras li.next a { padding: 15px 0 5px 10px; color: #057ed0; font-size: 1.2em; }
											#product .product_content_sidebar_extras li.next a:hover { font-weight: bold; text-decoration: underline; }
											
											
											
							/* spec table */	table.spec_table th, table.spec_table td { padding: 3px 10px; text-align: left; }
												table.spec_table tr.odd { background: #ccc; }
										
										
			/* footer ------------------------------------- */		
			#footer { height: 35px; background: url(../images/bg.gif) 0 -3565px no-repeat; color: #fff; font-size: 1.1em; }
			#footer a { color: #fff; }
			#footer p { padding: 10px 15px 0; }
			#footer p#developed { float: right; }
			
			/* -- ENQUIRY FORMS
			---------------------------------------*/
			form#info_form { margin-bottom: 30px; padding: 0; border: 0; }
			form#info_form fieldset,  form#info_form legend { margin: 0; padding: 0; border: 0; }
			form#info_form div { margin: 15px 0 0; }
			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 { width: 300px; }
			
			
			form#passwordForm legend { display: none; }
			form#passwordForm ol li { margin: 0 0 .5em; }
			form#passwordForm label { float: left; width: 80px; margin: 3px 5px 0 0; }
			form#passwordForm input { border: 1px solid #ccc; padding: 5px; width: 250px; }
			form#passwordForm button { margin: 0 0 0 85px; border: 1px solid #999; background: #eee; }
			
			
			ul.sitemap_level1 { padding: 0 0 0 15px; }
			ul.sitemap_level1 li { list-style: disc; padding: 0 0 0 5px; }
			ul.sitemap_level1 li a { font-weight: bold; font-size: 1.2em; }
			ul.sitemap_level1 li li a { font-weight: normal; font-size: 1em; }
			
			
			.noshow { display: none; }
			
			/* --- files list */
			ul.files_list { list-style: none; margin: 0; padding: 5px 0; }
			ul.files_list li { margin: 0; padding: 3px 0; list-style: none; }
			ul.files_list img { vertical-align: middle; margin-right: 3px; border: 0; }
			
			
			/* thickbox for members login */
			#TB_window div div { position: relative; width: 430px; height: 288px; background: #fff url(../images/bg-login.jpg) no-repeat; }
			#TB_window div div form { position: absolute; top: 120px; left: 40px; }
			#TB_window div div form ol li { list-style: none; margin: 0 0 .75em; padding: 0; }
			#TB_window div div form ol li label { float: left; display: block; width: 70px; margin: 0 10px 0 0; font-size: 1.3em; text-align: right; }
			#TB_window div div form input { width: 230px; border: 1px solid #ddd; padding: 1px 0; height: 15px; }
			#TB_window div div form button { width: 140px; margin: 0 0 0 75px; border: 0; background: none; cursor: pointer; }
			#TB_window div div a { position: absolute; top: 256px; left: 0; width: 146px; height: 32px; margin: 0; padding: 0; display: block; text-indent: -999em; }
			
			/* -- THICKBOX 
			----------------------------------------*/
			#TB_overlay {
			  position: fixed;
			  z-index:100;
			  top: 0px;
			  left: 0px;
			  height:100%;
			  width:100%;
			}
			.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
			.TB_overlayBG {
			  background-color:#000;
			  filter:alpha(opacity=75);
			  -moz-opacity: 0.75;
			  opacity: 0.75;
			}
			* html #TB_overlay { /* ie6 hack */
				 position: absolute;
				 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
			}
			#TB_window {
			  position: fixed;
			  background: #ffffff;
			  z-index: 102;
			  color:#000000;
			  display:none;
			  text-align:left;
			  top:50%;
			  left:50%;
			}
			* html #TB_window { /* ie6 hack */
			position: absolute;
			margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
			}
			#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:#fff;
			  height:27px;
			}
			#TB_ajaxContent{
			  clear:both;
			  padding:2px 0 15px 0;
			  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 */
			}
			* html #TB_load { /* ie6 hack */
			position: absolute;
			margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
			}
			#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%;
			}
			* html #TB_HideSelect { /* ie6 hack */
				 position: absolute;
				 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
			}
			#TB_iframeContent{
			  clear:both;
			  border:none;
			  margin-bottom:-1px;
			  margin-top:1px;
			  _margin-bottom:1px;
			}