/* 
	Title: Cascading Style-Sheet
	Author: John Lilley
	Created Date: 04/04/2008
	Updated Date: 04/04/2008

	Comments:
		- MS Templates (Austock Group)
		- Site Width: 832px;
		- Site Colour - Blue: #0096D6; Corp Blue
		- Site Colour - Gray: #455560; Corp Grey
*/

@import "system_nav.css";
@import "system_fonts.css";
@import "system_tables.css";

html
{
	/*background: #dfdfdf url(../../../../images/furniture/bg_site_liter.gif) repeat-x;*/
	background: #dfdfdf;
	
}

body
{	/*bk: affects all text
	width: 100%;     /*VK*/
	font-family: Arial, SunSans-Regular, Sans-Serif;
	font-size: 75%;
	line-height: 100%;
	color: #455560; /* Corp Grey */
	padding: 0px;
	margin: 0px auto;	
	/*letter-spacing:-0px;*/			/*bk*/
}

/*************** Layer Styles ***************/
#layer_site
{
	/*position: absolute;*/	
	display:block;
	margin:0px auto;
	text-align:left;
	width: 1070px;	
	background: #FFFFFF;
	z-index: 1;
	overflow:hidden;
}

#layer_site_header
{ 	/*bk: top logo layer */
	position: relative;
	float: left;
	overflow: hidden;
	width: 100%;
	/*height: 115px;*/
	height: 115px;
	padding: 0px;
	margin-left: 0px; 
	z-index: 1100;	
	background:#081430; /*#303740;*/
}

#layer_site_header_logo
{	/*bk: upper austock logo*/
	position: relative;
	float: left;
	width: 263px;
	height: 115px;
	z-index: 1100;
	margin-right: 0px;
	margin-left:55px;
}
#layer_site_header_logo a img
{
	margin-top:25px;
}

#layer_site_header_search
{
	position: relative;
	float: right;
	width: 250px;
	height: 77px;
}

#layer_site_header_navigator
{	/*bk: search etc*/
	position: relative;
	float: right;
	width: 700px;
	height: 77px;
	top:40px;
	margin-right: 39px; 			/*bk*/
}

/*V.K*/
#layer_site_header_navigator_bottom
{
	position: relative;
	float: right;
	width: 150px;
	margin-top: 15px;
	margin-right: 39px; 
}


#layer_site_header_search
{
	/*float:clear;*/
	display:block;
	float: right;
	width: 180px;
	height: 77px;
	top:70px;
	/*margin-right: 20px;*/ 			/*bk*/	
}
/*V.K*/


#layer_site_header_navigator ul
{	/*bk: header (contact directory etc)*/
	position: relative;
	float: right;
	width: auto;
	height: 28px;
	list-style-type: none;
	margin: 12px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#layer_site_header_navigator ul li 
{	/*bk: header (contact directory etc)*/
	position: relative;
	float: left;
	width: auto;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	margin-right: 0px;	/*VK*/

}

#layer_site_header_navigator ul li a
{	/*bk: search etc - distance between items*/
	height: 28px;
	line-height: 20px;
	/*font-family: arial;*/			/*bk*/
	font-size: 90%;
	/*font-weight: bold;*/			/*bk*/
	/*color: 59666E;*/
	color:#fff;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	margin-right: 5px;	/*VK*/
}

#layer_site_navigator_container
{	/*bk: bottom logo layer*/
	position: relative;
	float: left;
	width: 100%;
	min-width: 600px;
	height: 28px;
	padding-left: 0px;
	background: #64747F url(../../../../images/furniture/logo_bottom.jpg) no-repeat left;
	z-index: 5000;
	margin-right: 0px;
}

#layer_site_navigator
{	/*bk: nav buttons*/
	position: relative;
	float: left;
	width: 100%;
	height: 28px;
	/*left: 228px;*/
	z-index: 1010;
	/*background: #000000;*/
	/*margin-left: 45px; */			/*bk*/
	/*font-weight:bold;*/			/*bk*/
	font-size: 120%;
	font-family: arial;
}

#layer_site_slogan
{
	position: relative;
	z-index: 4000;
	float: left;
	width: 100%;
	height: 28px;
	margin: 0px;
	padding: 0px;
	background-color:#437a56;
	color:white;
}

#layer_site_slogan_left
{
	position: relative;
	float: left;
	width: 100%;
	height: 28px;
	margin: 0px;
	padding: 0px;
}

#layer_site_slogan_right
{
	position: relative;
	z-index: 2000; 
	float: right;
	width: 100px;
	height: 20px; 
	margin-top: 0px; 
	margin-right: 33px; 
	text-decoration: none; 		  
/*	padding: 10px 0px 0px 0px; */
	overflow:visible !important;  
}



#layer_site_breadcrumb
{
	position: relative;
	float: left;
	overflow: hidden;
	width: 100%;
	height: 40px;
	margin-left: 4px; 			/*bk*/
}

#layer_site_breadcrumb ul
{
	position: relative;
	float: left;
	width: auto;
	list-style-type: none;
	margin: 0px;
	padding: 5px 10px;
	left: 40px;
}

#layer_site_breadcrumb ul li 
{
	position: relative;
	float: left;
	height: 30px;
	line-height: 30px;
	list-style: none;
	width: auto;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	color: #a8a8a8;
	font-size: 75%;
}

#layer_site_breadcrumb ul li a
{
	color: #a8a8a8;
}

#layer_site_content
{
	margin:0px;
	padding:0px;
	border-style:none;
	position: relative;
	/*float: left;*/
	width: 990px;
	height: auto;
	left:40px;
	min-height: 400px;	
	font-family: Arial, SunSans-Regular, Sans-Serif;
}


/*Front Page Content Layout - Start*/
#frontpage_content_top
{
	display:block;
    position:relative;	
    margin:0;
	padding:0;
	width:990px;
	border-style:none;
	height:auto;
	top:17px;
	min-height:200px;
}
#frontpage_content_top p img
{	
	display:block;
	position:relative;
	/*top:100px;*/
	margin:0;
	padding:0;
	border-style:none;
}
#frontpage_content_top p
{
	margin:0;
	padding:0;
	border-style:none;
}
#frontpage_close_content_top
{
	display:block;
    position:relative;	
    margin:0;
	padding:0;
	width:990px;
	border-style:none;
	height:auto;
	top:17px;
	min-height:125px;
}
#frontpage_content_bottom
{
    display:block;
    position:relative;	
	margin:0px;
	padding:0px;
	top:30px;
	width:990px;
}
#frontpage_content_bottom_extra
{
    display:block;
    position:relative;	
	margin:0px;
	padding:0px;
	top:34px;
	width:990px;
}
#frontpage_content_bottom_left
{
	display:block;
	position:relative;
	float:left;
	width:300px;
	height:auto;
    padding-left:20px;
	min-height:150px;
}
#frontpage_content_bottom_left_wider
{
	display:block;
	position:relative;
	float:left;
	width:655px;
	height:auto;        
	min-height:150px;
}
#frontpage_content_bottom_right
{
	display:block;
	position:relative;
	float:right;
	width:320px;
	height:auto;
	min-height:150px;
}
#frontpage_content_bottom_center
{
	display:block;
	position:relative;
	float:right;
	width:320px;
	height:auto;
	right:15px;	
	min-height:150px;
}

#frontpage_content_bottom_extraleft
{
	display:block;
	position:relative;
	float:left;
	width:320px;
	height:auto;
	min-height:150px;
}

#frontpage_content_bottom_extraright
{
	display:block;
	position:relative;
	float:right;
	width:320px;
	height:auto;
	min-height:150px;
}
#frontpage_content_bottom_extracenter
{
	display:block;
	position:relative;
	float:right;
	width:320px;
	height:auto;
	right:15px;	
	min-height:150px;
}

/*Front Page Content Layout - End*/

/*Web Page Content Layout - Start*/
#webpage_content
{
	display:block;
	margin:0;
	padding:0;
	top:1px;
	width:100%;
	height:auto;
	min-height:300px;
}
#webpage_content_left
{
	display:block;
	position:relative;
	float:left;
	width:180px;
	height:auto;
	min-height:150px;
}
#webpage_content_right
{
	display:block;
	position:relative;
	float:right;
	width:200px;
	height:auto;
	min-height:150px;
}
#webpage_content_center
{
	display:block;
	position:relative;
	float:right;
	width:550px;
	height:auto;
	margin-right:30px;
	min-height:150px;
}
#webpage_content_right_uniform
{
	display:block;
	position:relative;
	float:right;
	width:382px;
	height:auto;
	min-height:150px;
}

#webpage_content_center_uniform
{
	display:block;
	position:relative;
	float:right;
	width:382px;
	height:auto;
	margin-right:15px;
	min-height:150px;
}
#webpage_content_centerwide
{
	display:block;
	position:relative;
	float:right;
	width:780px;
	height:auto;
	margin-left:30px;
	min-height:150px;
}
#webpage_content_top
{
	display:block;
	height:auto;
	min-height:150px;
}
#webpage_content_top_left
{
	display:block;
	position:relative;
	float:left;
	width:320px;
	height:auto;
	min-height:150px;
}
#webpage_content_top_right
{
	display:block;
	position:relative;
	float:right;
	width:320px;
	height:auto;
	min-height:150px;
}
#webpage_content_top_center
{
	display:block;
	position:relative;
	float:right;
	width:320px;
	height:auto;
	right:15px;	
	min-height:150px;
}
#webpage_content_bottom
{
	display:block;
	margin-top:15px;
	height:auto;
	min-height:150px;
}
#webpage_content_bottom_left
{
	display:block;
	position:relative;
	float:left;
	width:320px;
	height:auto;
	min-height:150px;
}
#webpage_content_bottom_right
{
	display:block;
	position:relative;
	float:right;
	width:320px;
	height:auto;
	min-height:150px;
}
#webpage_content_bottom_center
{
	display:block;
	position:relative;
	float:right;
	width:320px;
	height:auto;
	right:15px;	
	min-height:150px;
}
/*Web Page Content Layout - End*/

#layer_site_content tr,
#layer_site_content td
{
	vertical-align: top;
}

#layer_site_content_center_home,
#layer_site_content_center_home_top,
#layer_site_content_center_home_left, /*there's another section further below*/
#layer_site_content_center_home_right,
#layer_site_content_right_home,
#layer_site_content_left,
#layer_site_content_center,
#layer_site_content_right
{
	position: relative;
	margin: 0px;
	padding-top: 50px;
}

#layer_site_content_left
{
	overflow: hidden;
	height: auto;
	width: 180px;
	padding: 0px;
}

#layer_site_content_right
{
	height: 400px;
	width: 175px;
	padding: 0px;
	padding-top: 24px;
}

#layer_site_content_center
{
	height: 400px;
	width: auto;
	padding: 24px 33px;
	font-family: verdana;				/*bk*/
	font-size: 100%;					/*bk*/
}

#layer_site_content_center_wide
{
	padding-top: 24px;					/*bk*/
	padding-left: 34px;					/*bk*/
	padding-right: 50px;				/*bk*/
	font-family: verdana;				/*bk*/
	font-size: 100%;					/*bk*/
}

#layer_site_content_left ul
{	/*bk: starting pos for lhs menu*/
	position: relative;
	float: left;
	width: 180px;
	list-style-type: none;
	/*margin-top: 4px;*/					/*bk*/
	padding: 0px;
	/*background: #d5dce0;*/
}

#layer_site_content_left ul li 
{
	position: relative;
	float: left;
	width: 180px;
	list-style: none;
	width: auto;
	padding: 0px;
	margin-top: 0px;
	clear: both;
}

/*section added by john to enable live top link*/
#layer_site_content_left ul li.header a
{
	width: 169px;
	padding: 10px 0px 10px 1px;
	background-image: none;
	/*font-family: arial; 	*/				/*bk*/
	color: #000;
	font-weight: bold;					/*bk*/
	font-size: 18px;									
	border-bottom: 0px solid #FFFFFF;
	line-height: 20px;
}

#layer_site_content_left ul li.header a:hover
{
	/*color: #000;*/
	text-decoration: none;
	background-image: none;
}
/*end section*/


#layer_site_content_left ul li a,
#layer_site_content_left ul li a.sidemenu_level_1,
#layer_site_content_left ul li a.sidemenu_level_2
{
	position: relative;
	overflow: visible;
	float: left;
	width: 156px;
	padding: 6px 0px 6px 1px;
	margin: 6px 0px 6px 0px;
	color: #000;
	font-size: 13px;
	text-decoration: none;
}


#layer_site_content_left ul li a.sidemenu_level_0,
#layer_site_content_left ul li a.sidemenu_level_0_selected
{
	/*vertical-align:text-center;*/
	border-top: 1px dotted #637587;
}
#layer_site_content_left ul li.header a
{
	border-style:none;
}
#layer_site_content_left ul li a:hover,
#layer_site_content_left ul li a.sidemenu_level_0_selected,
#layer_site_content_left ul li a.sidemenu_level_1_selected,
#layer_site_content_left ul li a.sidemenu_level_2_selected
{
	color: #000000;

}

#layer_site_content_left ul li a.sidemenu_level_1,
#layer_site_content_left ul li a.sidemenu_level_1_selected
{
	width: 146px;
	padding: 3px 0px 3px 10px;
	margin:0px;
	font-size:11px;
}

#layer_site_content_left ul li a.sidemenu_level_2,
#layer_site_content_left ul li a.sidemenu_level_2_selected
{
	width: 129px;
	padding: 2px 0px 2px 20px;
	font-size:11px;
}



#layer_site_content_center_home_top
{
	height: 120px;
	width: auto;
	padding: 0px 70px 0px 0px;
}

#layer_site_content_center_home_left
{
	width: 200px;
	height: 200px;
	padding: 0px;
	margin: 0px;
}

#layer_site_content_center_home_right
{
	height: 200px;
	width: auto;
	padding: 0px 68px;
}

#layer_site_content_right_home
{
	height: 400px;
	width: 200px;
	padding: 0px;
}

#layer_site_footer
{
	overflow: hidden;
	width: 100%;
	height: 35px;
	margin: 25px 0px 0px 0px;
    background-color:#FFFFFF;
	color: #637587;
	clear: both;
	border-top: 3px solid #E7E8E8;
    vertical-align: baseline;
}

#layer_site_footer_left
{
	position: relative;
	margin-left: 35px;
	float: left;
	width: 200px;
	height: 35px;
	left: 25px;
	line-height: 20px;
	font-size: 100%;
}
#layer_site_footer_left p
{
    display:block;
	font-size: 85%;
	margin:9px 0px;
}

#layer_site_footer_right
{
	position: relative;
	float: right;
	width: 700px;
	height: 35px;
	margin: 0px 60px 0px;
	padding-right: 8px;	/*bk*/
}

#layer_site_footer_right ul
{
	position: relative;
	float: right;
	width: 100%;
	list-style-type: none;
	margin: 0px;
	padding: 0px 5px;
	text-align: right;
	
}

#layer_site_footer_right ul li 
{
	position: relative;
	display: inline;
	height: 35px;
	line-height: 33px;
	list-style: none;
	width: auto;
	padding: 0px;
	margin: 0px 8px;
}

#layer_site_footer_right ul li a
{
	font-size: 85%;
	text-decoration: none;
	color: #637587;
}

/**********20100625 - Website Rebranding Change**********/

#fake_background_header
{
	display:block;
	position:absolute;
	height:143px;
	margin:0;
	padding:0;
	width:100%;
	top:0;
	left:0;
	background-color:#081431; /*#303740;*/
	z-index:-1;
}

#fake_background_header #bottom
{
	display:block;
	position:absolute;
	top:115px;
	left:0;
	width:100%;
	height:28px;
	background-color:#437a56;
	z-index:1;
}

/**********Stock Data Table Styles**********/
#StockData
{
    display:block;
    position:relative;
	width:610px;
	margin-left:10px;
	margin-top:29px;
	height:auto;
	overflow:hidden;
	border-bottom:1px dotted #637587;
}
#StockDataLeft
{
	display:block;
	float:left;
}
#StockDataCenter
{
	display:block;
	float:left;
	margin-left: 20px;
}
#StockDataRight
{
	display:block;
	float:left;
	margin-left: 20px;
}
.stockslider
{
	display:block;
	padding:10px 0px;
	margin-left:15px;
	font-family: Arial, Helvetica, Sans-Serif; 
	font-size: 10px;
	
}

/*************** Link Styles ***************/

a:link,
a:visited,
a:active,
a:hover, 
a:visited:hover
{
	text-decoration: underline;
}

a:link, .immSearchTerms	{ color: #0096D6; /* Corp Blue */ }
a:active	{ color: #003399; }
a:visited	{ color: #0096D6; /* Corp Blue */ }
a:hover, 
a:visited:hover { color: #FF0000; /* red */ }

.Heading7 a, .Heading7 a:link
{
	text-decoration:none;
}


/*************** List Styles ***************/

ul
{
	margin: 0px;
	padding: 0px 15px;
}

li
{
	padding: 0px 0px 15px;
}

/*************** Input Styles ***************/

.immSearchLabel
{
	position: relative;
	float: left;
	display: none;
}

.search,
.immSearchTerms
{
	position: relative;
	float: left;
	width: 120px;
	line-height: 15px;
	margin: 0px;
	padding: 0px;
	border: 1px Solid #437a56;
	background: #dfdfdf;
	color:#081430;
}

.immSearchTerms
{
	margin-top:3px;
	height:14px;
	font-size:90%;
}

/*************** Image Styles ***************/

img
{
	border: 0px solid #000000;
}

img.left
{
	float: left;
}

img.right
{
	float: right;
}


/* Word Compatibility Styles */
/* These styles alter the default html behaviour to be more like MS Word */

	FORM			{margin-top:0px; margin-bottom:0px;}

/* Plugin Styles */
/* These styles are used by plugins through out the site. */

	/* Scroller */
	#divscroller0	{z-index:1;}
	.scrollertitle	{z-index:1; color:#8C897A; font-family:Arial,Helvetica;	font-size:12px; font-weight:bold;} 		/*bk*/
	.scrollerbody	{z-index:1; color:#8C897A; font-family:Arial,Helvetica; font-size:12px; font-weight:normal;}		/*bk*/
	.search         {color:#8C897A;	font-size:small; font-weight:bold;}

	/* Whats new */
	.WhatsnewTitle	{font-size:9pt; color:#8C897A; font-weight:bold;}
	.WhatsnewTitle:hover	{color:#8c89ff;}
	.WhatsnewBody	{font-size:8pt; color:#8C897A; font-weight:normal; float:left;}

	/* SiteMap */
	DIV.sitmp0				{padding:2px; font-size:110%; background-color:#e6f1fa;}
	DIV.sitmp1				{padding:2px; font-size:90%;}
	DIV.sitmp2				{padding:2px; font-size:90%;}
	A.sitmpA0				{color:#455560; font-weight:bold;}
	A.sitmpA0:hover			{color:#8C897A;}
	A.sitmpA1				{color:#455560; font-weight:normal;}
	A.sitmpA1:hover			{color:#8C897A;}
	A.sitmpA2				{color:#455560; font-weight:normal;}
	A.sitmpA2:hover			{color:#8C897A;}

	/* Page Counter Styles */
	#PageCounter	{text-align:right; clear:both; width:10em;}
	.PageCounter	{text-align:left; font-size:x-small; color:#000070;}
	HR.PageCounter	{color:#000070; height:1px;}
	.PageCounterTxtBox {width:40px;}