﻿/* 
	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: #c7c7c7 url(../../../../images/furniture/bg_site.gif) repeat-x;
}

body
{	/*bk: affects all text*/
	position: relative;
	width: 98.5%;
	min-width: 997px;
	font-family: Arial, SunSans-Regular, Sans-Serif;
	font-size: 75%;
	line-height: 140%;
	color: #455560; /* Corp Grey */
	padding: 0px;
	/*margin: 0px auto;*/
	margin: 6px, 10px; 
	letter-spacing:-0px;			/*bk*/
}

/*************** Layer Styles ***************/

#layer_site
{
	position: relative;
	float: left;
	width: 100%;
	min-width: 995px;
	/*min-height: 814px;*/
	padding: 0px;
	margin: 0px;
	background: #FFFFFF;
	z-index: 1;
}

#layer_site_header
{ 	/*bk: top logo layer */
	position: relative;
	float: left;
	overflow: hidden;
	width: 100%;
	/*height: 115px;*/
	height: 83px;
	padding: 0px;
	margin-left: 0px; 
	z-index: 1100;
	background: #FFFFFF url(../../../../images/furniture/bg_header.gif) repeat-y top right;
}

#layer_site_header_logo
{	/*bk: upper austock logo*/
	position: relative;
	float: left;
	width: 263px;
	height: 83px;
	background: url(../../../../images/furniture/logo.jpg) no-repeat;
	z-index: 1100;
	margin-right: 0px;
}

#layer_site_header_search
{
	position: relative;
	float: right;
	width: 200px;
	height: 77px;
}

#layer_site_header_navigator
{	/*bk: search etc*/
	position: relative;
	float: right;
	width: 700px;
	height: 77px;
	margin-right: 0px; 			/*bk*/
}

#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;

}

#layer_site_header_navigator ul li a
{	/*bk: search etc - distance between items*/
	height: 28px;
	line-height: 28px;
	/*font-family: arial;*/			/*bk*/
	font-size: 90%;
	/*font-weight: bold;*/			/*bk*/
	color: 59666E;
	text-decoration: none;
	margin: 0px 25px 0px 0px;
}

#layer_site_navigator_container
{	/*bk: bottom logo layer*/
	position: relative;
	float: left;
	width: 100%;
	min-width: 600px;
	height: 37px;
	padding-left: 0px;
	background: #64747F url(../../../../images/furniture/logo_bottom.jpg) no-repeat left;
	/*background: #7c7c7c url(../../../../images/furniture/logo_bottom.jpg) no-repeat left;*/
	/*background: #455560 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: 769px;
	height: 37px;
	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: 48px;
	margin: 0px;
	padding: 0px;
	background: url(../../../../images/furniture/bg_blue_fade_01.jpg) repeat-x;
	/*border-bottom: 10px solid #969696;*/
	border-bottom: 8px solid #E6E7E9;
}

#layer_site_slogan_left
{
	position: relative;
	float: left;
	width: 228px;
	height: 48px;
	margin: 0px;
	padding: 0px;
	background: url(../../../../images/furniture/slogan.jpg) no-repeat;
}

#layer_site_slogan_right
{
	position: relative;
	z-index: 2000; 
	float: right;
	width: 100px;
	height: 20px; 
	margin-top: 10px; 
	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: 25px;
	margin-left: 4px; 			/*bk*/
}

#layer_site_breadcrumb ul
{
	position: relative;
	float: left;
	width: auto;
	list-style-type: none;
	margin: 0px;
	padding: 0px 10px;
	left: 260px;
}

#layer_site_breadcrumb ul li 
{
	position: relative;
	float: left;
	height: 25px;
	line-height: 25px;
	list-style: none;
	width: auto;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	color: #C9D0D6;
	font-size: 70%;
}

#layer_site_breadcrumb ul li a
{
	color: #C9D0D6;
}

#layer_site_content
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	min-height: 400px;
	margin: 0px;
	border-left: 25px solid #FFFFFF;
	border-right: 25px solid #FFFFFF;
	font-family: Arial, SunSans-Regular, Sans-Serif;
}

#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: 215px;
	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: 215px;
	list-style-type: none;
	/*margin-top: 4px;*/					/*bk*/
	padding: 0px;
	background: #d5dce0;
}

#layer_site_content_left ul li 
{
	position: relative;
	float: left;
	width: 215px;
	list-style: none;
	width: auto;
	padding: 0px;
	margin-top: 0px;
	clear: both;
}





/*#layer_site_content_left ul li.header
{
	width: 169px;
	padding: 10px 23px;
	background: #000000;
	font-family: arial;
	color: #FFFFFF;
	font-weight: bold;
	border-bottom: 1px solid #FFFFFF;
}*/


/*section added by john to enable live top link*/
#layer_site_content_left ul li.header a
{
	width: 169px;
	padding: 10px 23px;
	background-image: none;
	/*font-family: arial; 	*/				/*bk*/
	color: #FFFFFF;
	/*font-weight: bold;	*/				/*bk*/
	font-size: 120%;						/*bk*/				
	border-bottom: 0px solid #FFFFFF;

}

#layer_site_content_left ul li.header a:hover
{
	color: #FFFFFF;
	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: 169px;
	padding: 4px 23px;
	color: #95A1AA;
	font-size: 100%;
	text-decoration: none;
	background: url(../../../../images/furniture/icon_arrow_01.gif) no-repeat left top;
	border-bottom: 1px solid #FFFFFF;
}
 
#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: 149px;
	padding: 5px 33px;
	background: #e9e9ea url(../../../../images/furniture/icon_arrow_02.gif) no-repeat left top;
}

#layer_site_content_left ul li a.sidemenu_level_2,
#layer_site_content_left ul li a.sidemenu_level_2_selected
{
	width: 129px;
	padding: 5px 43px;
	background: #e9e9ea url(../../../../images/furniture/icon_arrow_02.gif) no-repeat left top;
}



#layer_site_content_center_home_top
{
	height: 120px;
	width: auto;
	padding: 0px 68px 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
{
	position: relative;
	float: left;
	overflow: hidden;
	width: 100%;
	height: 35px;
	margin: 25px 0px 0px 0px;
	background: #FFFFFF url(../../../../images/furniture/bg_footer.gif) repeat-x;
	color: #FFFFFF;
	clear: both;
	border-top: 3px solid #E7E8E8;
}

#layer_site_footer_left
{
	position: relative;
	float: left;
	width: 200px;
	height: 35px;
	left: 25px;
	line-height: 32px;
	font-size: 85%;
	font-weight: bold;
}

#layer_site_footer_right
{
	position: relative;
	float: right;
	width: 700px;
	height: 35px;
	margin: 0px 0px 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 20px;
}

#layer_site_footer_right ul li a
{
	font-size: 85%;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

/*************** 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 */ }

/*************** 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: 150px;
	height: 25px;
	line-height: 24px;
	margin: 0px 3px 0px 0px;
	padding: 0px 3px;
	border: 1px solid #56B9F0;
	background: #FFFFFF;
}

/*************** Image Styles ***************/

img
{
	border: 0px solid #000000;
}

img.left
{
	float: left;
}

img.right
{
	float: right;
}

/* Default Table */
table.ImmTS_Default			{ background: #FFFFFF; font-size: 100%; padding: 0px; margin: 5px 0px; border-collapse:collapse; border: 1px solid #0096D6;} /* Overall table style */
table.ImmTS_Default Caption	{ background: #0096D6; font-size: 110%; padding: 5px; color: #FFFFFF; font-weight: bold; } 

table.ImmTS_Default th, 
table.ImmTS_Default td			{padding: 4px 5px; border: 1px solid #0096D6;} /* Cell padding and spacing styles */

table.ImmTS_Default, 
table.ImmTS_Default th, 
table.ImmTS_Default td			{} 
	     
table.ImmTS_Default th					{ text-align: left; font-weight: bold; color: #0096D6;}
table.ImmTS_Default th[scope=col],
table.ImmTS_Default th[scope=col] p		{ text-align: right; color: #0096D6;}
table.ImmTS_Default th[scope=row],
table.ImmTS_Default th[scope=row] p		{ text-align: left;  font-weight: normal; color: #000000;}
table.ImmTS_Default tr					{vertical-align: top;}

table.ImmTS_Default td,
table.ImmTS_Default td p			{color: #333333; text-align: right;}
table.ImmTS_Default td p,
table.ImmTS_Default th p			{font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 100%;}

/* Blue Table - Left Aligned */
table.ImmTS_Left			{ background: #FFFFFF; font-size: 100%; padding: 0px; margin: 5px 0px; border-collapse:collapse;} /* Overall table style */
table.ImmTS_Left Caption	{ background: #0096D6; font-size: 110%; padding: 5px; color: #FFFFFF; font-weight: bold; } 

table.ImmTS_Left th, 
table.ImmTS_Left td			{padding: 4px 5px; border: 1px solid #0096D6;} /* Cell padding and spacing styles */

table.ImmTS_Left, 
table.ImmTS_Left th, 
table.ImmTS_Left td			{} 
	     
table.ImmTS_Left th					{ font-weight: bold;}
table.ImmTS_Left th[scope=col],
table.ImmTS_Left th[scope=col] p		{ text-align: left; color: #0096D6;}
table.ImmTS_Left th[scope=row],
table.ImmTS_Left th[scope=row] p		{ text-align: left; }
table.ImmTS_Left tr					{vertical-align: top;}

table.ImmTS_Left td,
table.ImmTS_Left td p			{color: #333333; text-align: left;}
table.ImmTS_Left td p,
table.ImmTS_Left th p			{font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 100%;}

/* Blue Table2 */
table.ImmTS_Right			{ background: #FFFFFF; font-size: 100%; padding: 0px; margin: 5px 0px; border-collapse:collapse;} /* Overall table style */
table.ImmTS_Right Caption	{ background: #0096D6; font-size: 110%; padding: 5px; color: #FFFFFF; font-weight: bold; } 

table.ImmTS_Right th, 
table.ImmTS_Right td			{padding: 4px 5px; border: 1px solid #0096D6;} /* Cell padding and spacing styles */

table.ImmTS_Right, 
table.ImmTS_Right th, 
table.ImmTS_Right td			{} 
	     
table.ImmTS_Right th					{ font-weight: bold;}
table.ImmTS_Right th[scope=col],
table.ImmTS_Right th[scope=col] p	{ text-align: right; color: #0096D6;}
table.ImmTS_Right th[scope=row],
table.ImmTS_Right th[scope=row] p	{ text-align: left; }
table.ImmTS_Right tr					{vertical-align: top;}

table.ImmTS_Right td,
table.ImmTS_Right td p			{color: #333333; text-align: right;}
table.ImmTS_Right td p,
table.ImmTS_Right th p			{font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 100%;}

/* Blue NO BORDERS Table */
table.ImmTS_NoBorders				{ background: #FFFFFF; font-size: 100%; padding: 0px; margin: 5px 0px; border-collapse:collapse;} /* Overall table style */
table.ImmTS_NoBorders Caption		{ background: #0096D6; font-size: 110%; padding: 5px; color: #FFFFFF; font-weight: bold; } 

table.ImmTS_NoBorders th, 
table.ImmTS_NoBorders td			{padding: 4px 5px; border: 0px solid #0096D6;} /* Cell padding and spacing styles */

table.ImmTS_NoBorders, 
table.ImmTS_NoBorders th, 
table.ImmTS_NoBorders td			{} 
	     
table.ImmTS_NoBorders th			{ font-weight: bold;}
table.ImmTS_NoBorders th[scope=col],
table.ImmTS_NoBorders th[scope=col] p	{ text-align: left; color: #0096D6;}
table.ImmTS_NoBorders th[scope=row],
table.ImmTS_NoBorders th[scope=row] p	{ text-align: left; }
table.ImmTS_NoBorders tr			{vertical-align: top;}

table.ImmTS_NoBorders td,
table.ImmTS_NoBorders td p			{color: #333333; text-align: left;}
table.ImmTS_NoBorders td p,
table.ImmTS_NoBorders th p			{font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 100%;}

/* 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;}

/* Additional Styles added after initial implementation */

radGrid
{
	font-size: 200%;
	font-family:"Times New Roman", Times, serif;
	
}