/* FAQ INTERACTIVE CSS */
body {
	margin: auto;
	text-align: center;
	font-size: 12px;
	font-family: arial;
	background-color: #000000;
	color: #ffffff;
	background-image: url(/templates/stacks/images/bkgTile.jpg);
}
img {
	border: 0;
}
/* # Positions the site in the middle of the webpage as well as sets its width # */
#siteContainer {
	display: block;
	margin: auto;
	width: 1003px;
}
#siteContents {
	background-color: #FFFFFF;
	display: block;
	float: left;
	position: relative;
	width: 100%;
}
/* THIS IS THE BEGINING OF THE HOME PAGE CSS */
/* ###########################################
    ########################################
*/
/* # Top Div  Holds logo and navigation # */
#topContainer {
	width: 100%;
	float: left;
	display: block;
	height: 114px;
}
#topNavContainer {
	width: 100%;
	float: left;
	display: block;
}
/* # Logo top left # */
#stacksLogoFamily {
	background-image: url(/templates/stacks/images/stacksFamilLawLogo.png);
	behavior: url(/templates/stacks/css/iepngfix.htc);
	display: block;
	float: left;
	height: 60px;
	margin-left: 20px;
	margin-top: 20px;
	width: 410px;
}
#stacksLogoComp {
	background-image: url(/templates/stacks/images/Logocompensation.png);
	behavior: url(/templates/stacks/css/iepngfix.htc);
	display: block;
	float: left;
	height: 60px;
	margin-left: 20px;
	margin-top: 20px;
	width: 957px;
}
/* # Holds the main body area # */
#mainBodContainer {
	width: 100%;
	float: left;
	display: block;
}
/* # Navigation just above the main image # */
#mainBodNavContainer {
	width: 100%;
	float: left;
	display: block;
}
/* # Main background in centre of site # */
#mainBody {
	border-bottom: 2px solid #ABABAB;
	border-top: 2px solid #ABABAB;
	display: block;
	float: left;
	min-height: 392px !important;
	_height: 392px !important;
	position: relative;
	width: 100%;
}
/* # Transparent Orange box in the middle of the page # */
#orangeBox {
	background-image: url(/templates/stacks/images/orangeBox.png);
	behavior: url(/templates/stacks/css/iepngfix.htc);
	display: block;
	float: left;
	height: 155px;
	left: 0;
	position: absolute;
	top: 55px;
	width: 359px;
}
#OBContent {
display:block;
float:left;
font-size:12px;
font-weight:bold;
margin-top:15px;
padding:0 0 0 40px;
text-align:left;
width:86%;
}
.quoteMarks{
height: 25px;
width: 27px;
displaY: block;
}
#quoteStart{
background-image:url(/templates/stacks/images/quoteStart.png);
behavior: url(/templates/stacks/css/iepngfix.htc);
left:15px;
position:absolute;
top:30px;
}
#quoteEnd{
background-image:url(/templates/stacks/images/quoteEnd.png);
behavior: url(/templates/stacks/css/iepngfix.htc);
background-repeat:no-repeat;
bottom:31px;
position:absolute;
right:60px;
}
/* # Orange stripes bottom right corner of main body # */
#orangeStripes {
	background-image: url(/templates/stacks/images/orangeStripes.png);
	behavior: url(/templates/stacks/css/iepngfix.htc);
	bottom: 0;
	display: block;
	float: left;
	height: 135px;
	position: absolute;
	right: 0;
	_right: -1px;
	width: 106px;
}
/* # Main content area # */
#belowMainBody {
	width: 100%;
	float: left;
	display: block;
	min-height: 192px !important;

	margin-bottom: 10px;
}
/* BMB = Below Main Body */
#BMBContent {
	display: block;
	float: left;
	text-align: left;
	width: 100%;
}
/* Left Content */
#BMBLContent {
color:#F47B2A;
display:block;
float:left;
font-family:arial;
font-size:8.5pt;
font-weight:normal;
padding:15px 0 0 25px;
text-align:left;
width:225px;
}
#BMBLContent b {
	color: #676767;
}
/* Right Content */
#BMBRContent {
	display: block;
	float: right;
	padding: 10px 20px 0 0;
	text-align: left;
	width: 50%;
}
/*emailSignUp div */
#emailSignup{
margin-left: 25px;
}
/* End Email SignUp */
/* # Div Holding the footer content # */

#footerContainer {
	width: 100%;
	float: left;
	text-align: left;
	display: block;
		border-top: 1px solid #d6d6d6;
}


#FCContent {
	color: #626A6F;
	display: block;
	float: left;
	font-size: 9px;
	margin-bottom: 10px;
	margin-top: 5px;
	padding: 0;
	width: 97%;
}
#FCContent a {
	font-size: 9px;
	color: #626a6f;
	text-decoration: none;
}
#FCContent p {
	padding: 0px;
	margin: 0px;
}
/* Footer right */
#FCRIGHT {
	display: block;
	float: right;
	margin-left: 0;
}
/* Footer left */
#FCLEFT {
display:block;
float:left;
padding:0 0 0 15px;
}
/* This is the END of the HOMEPAGE CSS */

/* This is the begining of Profile page Specialised CSS 

########################################################
########################################################
*/
#siteProfileContainer {
	display: block;
	margin: auto;
	width: 1003px;
}
#siteProfileContents {
	background-color: #FFFFFF;
	display: block;
	float: left;
	position: relative;
	width: 100%;
}
.navigationMenu{
display:block;
float:left;
margin:0 0 0 55px;
padding:0;
width:93%;
}
.navigationMenu ul{
display:block;
float:left;
margin:0;
padding:0;
width:100%;
}
.navigationMenu li{
display:block;
float:left;
height:15px;
margin-left:1px;
padding:0;
}
.navigationMenu a{
background-image:url(/templates/stacks/images/menuHovers.jpg);
background-position:0 0;
color:#686868;
font-size:13px;
height:15px;
padding:0 15px;
text-decoration:none;
width:100%;
}
.navigationMenu a:hover{
background-position: 0px -20px;
color:#ffffff;

}

#ProfileMainBody{
background-position:-175px 0;
background-repeat:no-repeat;
display:block;
float:left;
height:390px;
border-bottom: 2px solid #F47321;
position:relative;
overflow: hidden;
width:100%;
}
/* #################### */
#mainBodContainerProf{
border-top:1px solid #A6A6A6;
display:block;
float:left;
width:100%;
}
/* ## */
#leftColumn{
width: 168px;
float: left;
min-height: 200px;
display: block;
}
#LCT{
height:392px;
width: 100%;
float: left;
display: block;
}

#LCT ul{
display:block;
float:left;
margin:10px 0 0;
padding:0;
width:100%;
}

#LCT li {
width: 155px;
floaT: left; 
display: block;
}

#LCT a{
color:#7D7D7D;
display:block;
float:left;
margin-top:0;
padding:0 0 0 10px;
text-align:left;
font-size: 11px;
text-decoration:none;
width:100%;
border: none;
outline: none;
}

#LCT a:hover{
color:#F47320;
text-decoration:underline;
}

#LCT P {
display: block;
float: left;
margin: 0px;
}
#LCB{
color:#959595;
display:block;
float:left;
padding:0 0 0 20px;
text-align:left;
width:88%;
}
#LCB h1{
color:#F58641;
display:block;
float:left;
font-size:13px;
margin:0 0 10px;
padding:0;
width:100%;
}
#LCB h2{
color:#959595;
display:block;
float:left;
font-size:12px;
padding:0;
width:100%;
}
#LCB a{
float: Left;
display: Block;
width: 100%;
color: #7c7c7c;
}
/* ## */
#middleColumn{
display:block;
float:left;
text-align: left;
width:585px;
}

/* Style Guide Mid column */
#singleColumnStyleGuide{
display:block;
float:left;
padding:15px 0px 15px 15px;
width:95%;
}
#singleColumnStyleGuide h1 {
font-size: 20px;
color: #F47320;
margin: 15px 0px 15px 0px;
font-weight: bold;
}
#singleColumnStyleGuide h2 {
font-size: 16px;
color: #F47320;
font-weight: normal;
margin: 0px 0px 15px 0px;
}
#singleColumnStyleGuide h3 {
font-size: 12px;
color: #454545;
font-weight: bold;
margin: 0px 0px 0px 0px;
}
#singleColumnStyleGuide h4 {
font-size: 16px;
color: #454545;
font-weight: normal;
margin: 15px 0px 15px 0px;
}
#singleColumnStyleGuide a {
text-decoration: underline;
font-size: 12px;
color: #454545;
}
#singleColumnStyleGuide a:hover {
text-decoration: underline;
color: #F47320;
font-size: 12px;
}
/* End Style Guide Mid Column */

#contentZone{
background-color:#343434;
display:block;
float:left;
min-height:345px;
width:100%;
}
#CZC{
display:block;
float:left;
padding:15px 0px 15px 15px;
width:95%;
}
#CZC h1{
font-size: 16px;
float: left;
color: #ffffff;
display: block;
width: 100%;
padding: 0px;
margin:0px;
}
#CZC h2{
color:#f47320;
font-size: 16px;
display: block;
padding: 0px;
margin:0px;
width: 100%;
}
#CZC h3{
color:#f47320;
font-size: 12px;
display: block;
padding: 0px;
margin:5px 0px 0px 0px;
width: 100%;
}
#CZC h4{
color:#676767;
font-size: 12px;
display: block;
padding: 0px;
margin:5px 0px 0px 0px;
width: 100%;
}
/* ## */
#rightColumn{
width: 250px;
float: left;
display: block;
min-height: 200px;
}

#RCT{
height:auto;
width: 100%;
float: left;
display: block;
}

#RCT table {
width: 210px !important;
padding-bottom: 10px;
}

#RCT h2 {
color: #F47320;
font-size:15px;
padding:30px 20px 0px 20px;
margin: 0px;
}

#RCT a {
color: #F47320;
text-decoration: none;
padding: 0px 0px 0px 20px;
margin: 0px;
}

#RCT a:hover {
color: #F47320;
text-decoration: underline;
}

#listProfiles {
padding: 0px 20px 0px 20px;
float: left;
display: block;
width: 210px;
}

#RCB{
background-color:#EBEBEB;
display:block;
float:left;
min-height:276px;
width:100%;
}
.RCBBARS{
background-color: #c8c8c8;
float: left;
display: block;
width: 100%;
height: 20px;
margin: 0px 0px 5px 0px;
}
.RCBBARS h1{
display:block;
font-size:12px;
margin:0;
padding:2px 0 0 20px;
text-align:left;
color: #8b8b8b;
}
.RCBBODY{
display:block;
float:left;
text-align:left;
width:100%;
}
.RCBBODY ul{
width: 100%;
floaT: left;
displaY: block;
padding: 0px;
margin: 0px;
}
.RCBBODY li{
display:block;
float:left;
margin:0 0 5px;
padding:0 0 0 15px;
width:95%;
}
.RCBBODY a{
background-image:url(/templates/stacks/images/arrowLi.jpg);
background-position:0 4px;
background-repeat:no-repeat;
color:#8B8B8B;
display:block;
float:left;
margin:0;
padding:0 0 0 8px;
text-decoration:none;
width:96%;
}
/* PEOPLE PROFILE PAGE SEARCH DIV */
#rightColumnSearch{
width: 835px;
float: right;
text-align: left;
display: block;
}
#PPPSC a{
color: #5a5a5a;
}
#RCSC{
width: 100%;
float: left;
display: block;
}
#peopleProfilePageSearch{
width: 100%;
float: left;
display: block;
color: #5a5a5a;
}
#PPPSC{
background-color:#F0F0F0;
display:block;
float:left;
padding-left:10px;
width:575px;
min-height:443px;
}
#PPPSC h1{
color:#F67E32;
float:left;
font-size:15px;
width:100%;
}
#PPPSC h2{

}         
#columnsSearch{

}
#NELCD{
border-bottom:1px solid #D9D9D9;
border-top:1px solid #D9D9D9;
display:block;
float:left;
width:90%;
}
#NELCD h1{
color:#5B5B5B;
float:left;
font-size:12px;
margin:0;
padding:5px 0 0 10px;
width:100%;
}
#nameDiv{
float:left;
height:20px;
width:150px;
}
#expertiseDiv{
float:left;
width: 220px;
height: 20px;
border-left:1px solid #D9D9D9;
}
#locationDiv{
float:left;
width: 150px;
height: 20px;
border-left:1px solid #D9D9D9;
}
#contactDiv{
float:left;
height: 20px;
border-left:1px solid #D9D9D9;
width: 150px;
}
#columnsBackground{
width: 100%;
float: left;
display: block;
background-position:-1px 0;
background-image: url(/templates/stacks/images/greyStrips.jpg);
}
.column1{
display:block;
float:left;
width:150px;
}
.column1 h1{
color:#5B5B5B !important;
}
.profilePic{
width: 100%;
float: left;
display: block;
}
.profilePic h3{
font-size:10px;
margin:0 0 0 11px;
padding:0;
}
.columnContent{
display:block;
float:left;
font-size:11px;
margin:0;
padding:0 0 0 11px;
width:94%;
}
.column2{
float: left;
width: 220px;
}
.column3{
float: left;
width: 150px;
}
.column4{
float: left;
width: 150px;
}

/* ############################################### */
/* GREY MIDDLE CONTENT PAGE */
#middleColumnGrey{
background-color:#f0f0f0;
color:#676767;
display:block;
float:left;
min-height:487px;
text-align:left;
width:585px;
}
#middleColumnGrey a{
color:#676767;
}
#middleColumnGrey ul{
width:91%;
float: left;
display: block;
}
#middleColumnGrey li{
background-image:url("/templates/stacks/images/slash_grey_Small_bullet.png");
background-position:0 4px;
background-repeat:no-repeat;
display:block;
float:left;
padding:0 0 0 20px;
width:100%;
}
/* This is the CSS FOR THE JAVASCRIPT MENU page */


#iKnowWhat ul{
width: 100%;
float: left;
display: block;
}
#iKnowWhat li{
float:left;
background-image: url(/templates/stacks/images/Bullet1.jpg);
background-position: 0px 0;
background-repeat: no-repeat;
list-style-type: none;
padding-left: 15px;
width:92%;
}
#iKnowWhat a{
width: 100%;
float: left;
display: block;
text-decoration: none;
padding: 0px 0px 2px;
}
#iKnowWhat h1{
background-image:url(/templates/stacks/images/barSlash.jpg);
background-position:2px 8px;
background-repeat:no-repeat;
border-bottom:1px solid #676767;
border-top:1px solid #676767;
color:#676767;
display:block;
float:left;
font-size:12px;
margin:0 0 7px;
padding:5px 0 5px 20px;
width:80%;
}
/* #################################################### */
.hidden {
	display: none;
}
.visible {
	display: block;
}
.hiddenDiv {
	display: none;
	float: left;
	padding: 6px 0;
	text-align: left;
	width: 100%;
}
.visibleDiv {
	display: block;
	float: left;
	padding: 6px 0;
	text-align: left;
	width: 100%;
	color: #000000;
}
.visibleDiv ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.visibleDiv li {
list-style: circle url();
	background-repeat: no-repeat;
	display: block;
	list-style-position: outside;
	list-style-type: disc;
	padding-left: 0;
	height: 19px;
	width: 100%;
}
.visibleDiv li:hover {
	background-position: 4px -39px;
}
.visibleDiv a {
	color: #000000;
	padding: 0 0 0 16px;
	text-align: left;
	text-decoration: none;
	font-family: arial;
	font-size: 10px;
}

/* ######################################################### */

.visibleMenu {
display: block !important;
}

.hiddenMenu {
display: none !important;
}

.openPersonal {
background-image: url(/templates/stacks/images/personalOpen.jpg);
background-repeat: no-repeat;
width: 102px;
height: 11px;
display: block;
float: left;
margin-left: 10px;
}

.closePersonal {
background-image: url(/templates/stacks/images/personalClose.jpg);
background-repeat: no-repeat;
width: 102px;
height: 11px;
display: block;
float: left;
margin-left: 10px;
}

.openBusiness {
background-image: url(/templates/stacks/images/businessOpen.jpg);
background-repeat: no-repeat;
width: 102px;
height: 11px;
display: block;
float: left;
margin-left: 10px;
}

.closeBusiness {
background-image: url(/templates/stacks/images/businessClose.jpg);
background-repeat: no-repeat;
width: 102px;
height: 11px;
display: block;
float: left;
margin-left: 10px;
}

.productDisplayOnly {
display: none;
}

#listOffices {
margin: 0px;
padding: 0px 20px 0px 20px;
}

.aolCommercialDispute 
{
display: none;
}

.aolCompensation 
{
display: none;
}


.aolConveyancing 
{
display: none;
}

.aolCorporate 
{
display: none;
}

.aolCriminal 
{
display: none;
}

.aolEmployment 
{
display: none;
}

.aolEnvironment 
{
display: none;
}

/*.aolFamily 
{
display: none;
}
*/

.aolFinancial 
{
display: none;
}

.aolIndustrial 
{
display: none;
}

.aolIntellectual 
{
display: none;
}

.aolInsolvency 
{
display: none;
}
.aolOHS 
{
display: none;
}

.aolProperty 
{
display: none;
}

.aolTaxation 
{
display: none;
}
.aolWillsProbate
{
display: none;
}


/**** NEW HOME ****/

#homeLeftColumnWhite{
background-color:#ffffff;
color:#676767;
display:block;
float:left;
min-height:487px;
text-align:left;
width:753px;
}
#homeLeftColumnWhite a{
color:#676767;
}

#CZCHome{
display:block;
float:left;
padding:15px;
width:96%;
}
#CZCHome h1{
font-size: 16px;
float: left;
color: #ffffff;
display: block;
width: 100%;
padding: 0px;
margin:0px;
}
#CZCHome h2{
color:#f47320;
font-size: 16px;
display: block;
padding: 0px;
margin:0px;
width: 100%;
text-transform: uppercase;
}
#CZCHome h3{
color:#f47320;
font-size: 12px;
display: block;
padding: 0px;
margin:5px 0px 0px 0px;
width: 100%;
}
#CZCHome h4{
color:#676767;
font-size: 12px;
display: block;
padding: 0px;
margin:5px 0px 0px 0px;
width: 100%;
}

#CZCHome h5{
color:#676767;
font-size: 16px;
display: block;
padding: 0px;
margin:5px 0px 0px 0px;
width: 100%;
}

#CZCHome ul {
padding: 0px;
margin: 0px;
}


#CZCHome li{
background-image: url(/templates/stacks/images/slash_grey_Small_bullet.png);
background-repeat: no-repeat;
background-position: 0px 3px;
display: block;
width: 100%;
list-style-type: none;
padding-left: 15px;
}


#CZCHome a {
color: #676767;
text-decoration: none;
}

#CZCHome a:hover {
text-decoration: underline;
}

#rightColumnHome{
background-color:#F0F0F0;
width: 250px;
float: left;
display: block;
min-height: 200px;
}

#RCTHome{
min-height:487px;
width: 100%;
float: left;
display: block;
}

#RCTHome a {
color: #F47320;
text-decoration: none;
padding: 0px 0px 0px 20px;
margin: 0px;
}

#RCTHome a:hover {
color: #F47320;
text-decoration: underline;
}

#stacksSearch {
display:block;
float:left;
padding:0 0 0 40px;
width:680px;
}

#stacksSearch ul {
margin:0;
padding:0;
}

#stacksSearch li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width:5%;
}


#stacksSearch hr {
border:1px dotted #A6A6A6;
}

#CZCLeft {
display:block;
float:left;
padding:15px 0 15px 15px;
width: 262px;
color: #454545;
font-size: 12px;
}

#CZCRight {
display:block;
float:left;
padding:70px 0 15px 31px;
width:262px;
color: #454545;
font-size: 12px;
}

#CZCLeft h1 {
font-size: 20px;
color: #F47320;
margin: 15px 0px 15px 0px;
font-weight: bold;
}

#CZCLeft h2 {
font-size: 16px;
color: #F47320;
font-weight: normal;
margin: 15px 0px 15px 0px;
}

#CZCLeft h3 {
font-size: 12px;
color: #454545;
font-weight: bold;
margin: 15px 0px 0px 0px;
}

#CZCLeft h4 {
font-size: 16px;
color: #454545;
font-weight: normal;
margin: 15px 0px 15px 0px;
}

#CZCLeft a {
text-decoration: underline;
font-size: 12px;
color: #454545;
}

#CZCLeft a:hover {
text-decoration: underline;
color: #F47320;
font-size: 12px;
}

#CZCLeft img {
max-width: 262px;	
}

#CZCLeft ul {
		padding: 0px 25px 0px 0px;
	margin: 15px 0px 15px 0px;
	width: auto;
}

#CZCLeft li {
	background-image: url(/templates/stacks/images/slash_grey_Small_bullet.png);
	list-style: none;
	padding-left: 15px;
	width: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: 0 3px;
}

#CZCLeft p {

margin: 0px 0px 15px 0px;
}

#CZCRight h1 {
font-size: 20px;
color: #F47320;
font-weight: bold;
margin: 15px 0px 15px 0px;
}

#CZCRight h2 {
font-size: 16px;
color: #F47320;
font-weight: normal;
margin: 0px 0px 15px 0px;
}

#CZCRight h3 {
font-size: 12px;
color: #454545;
margin: 15px 0px 0px 0px;
font-weight: bold;
}

#CZCRight h4 {
font-size: 16px;
color: #454545;
font-weight: normal;
margin: 15px 0px 15px 0px;
}

#CZCRight a {
text-decoration: underline;
font-size: 12px;
color: #454545;
}

#CZCRight a:hover {
text-decoration: underline;
color: #F47320;
font-size: 12px;
}

#CZCRight img {
max-width: 262px;	
}

#CZCRight ul {
	padding: 0px 25px 0px 0px;
	margin: 15px 0px 15px 0px;
	width: auto;
}

#CZCRight li {
		background-image: url(/templates/stacks/images/slash_grey_Small_bullet.png);
	list-style: none;
	padding-left: 15px;
	width: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: 0 3px;
	}

#CZCRight p {

margin: 0px 0px 15px 0px;
}

#SLbelowTheFoldContainer {
color:#777777;
display:block;
font-size:10px;
left:0;
margin-top:20px;
position:absolute;
text-align:left;
top:101%;
width:100%;
}
#SLbelowTheFoldContainer h4 {
color:#F47320;
font-size:11px;
}
#SLbelowTheFoldContainer h4 a {
color:#F47320;
font-size:11px;
}
.SLbelowTheFold {
display:block;
float:left;
margin-top:20px;
width:100%;
}
.SLbelowTheFold ul {
float:left;
padding:0;
width:25%;
}
.SLbelowTheFold ul li {
list-style:none outside none;
text-decoration:none;
}
.SLbelowTheFold a, .SLbelowTheFold a:link, .SLbelowTheFold a:visited {
color:#777777;
text-decoration:none;
}
.SLbelowTheFold a:hover {
text-decoration:underline;
}