/* FAQ INTERACTIVE CSS */
body {
	margin: auto;
	text-align: center;
	font-size: 12px;
	font-family: arial;
	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 # */
#stacksLogo {
	background-image: url(/templates/stacks/images/stacksLogo.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;
}         

#stacksLogoCompCanb {
	background-image: url(/templates/stacks/images/stacksCompensationLogoNoPhone.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:justify;
width:282px;
}
#BMBLContent b {
	color: #676767;
}
/* Right Content */
#BMBRContent {
	display: block;
	float: right;
	padding: 10px 20px 0 0;
	text-align: left;
	width: 50%;
}
#emailSignup {
margin-left: 25px;
}


/* # 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%;
background-image:url(/templates/stacks/images/default-missing-profileimge.jpg);
}
/* #################### */
#mainBodContainerProf{
border-top:1px solid #A6A6A6;
display:block;
float:left;
width:100%;
}
/* ## */
#leftColumn{
width: 168px;
float: left;
min-height: 200px;
display: block;
}
#LCT{
min-height:392px;
width: 100%;
float: left;
display: block;
}

#LCT ul{
display:block;
float:left;
margin:10px 0px 10px 0px;
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;
}

#LCT h2 {
 color:#F47320;
display:block;
font-size:16px;
margin:5px 0px 0px 0px;
padding:0px 0px 0px 10px;
width:140px;
float: left;
text-align: left;
}

#LCTlocations{
display: block;
}

#LCTlocations p {
display: block;
color: #F47321;
font-weight: bold;
padding: 58px 0 0 21px;
text-align: left;
margin: 0 0 0 -8px;
}

#LCTlocations li {
display: list-item;
border-bottom: 1px solid #EBEBEB; 
width: 107px;
background-image: url('/templates/stacks/images/arrow.png');
background-repeat: no-repeat;
margin: 2px 0 0 13px;
padding: 0 0 0 15px;
background-position: 0px 2px;
}

#LCTlocations a {
display:block;
padding: 0px !important;
color: #F47321;
font-weight: bold;
}

#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;
}
#contentZone{
background-color:#343434;
display:block;
float:left;
min-height:345px;
width:100%;
}

/* 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 */
#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%;
}
#CZC a {
color: #ffffff;
}

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

/* ## */
#rightColumn{
width: 250px;
float: left;
display: block;
min-height: 200px;
}

#rightMenu {
    display: block;
    float: left;
    margin: 6px 0 0;
    padding: 0;
    width: 100%;
}

#rightMenu .panels 
{
background-color: #C8C8C8;
    background-image: url("/templates/stacks/images/expertiseBoxBottom.jpg");
    background-position: -12px bottom;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    font-size: 15px;
    font-weight: bold;
    height: 30px;
    padding: 10px 0 0 20px !important;
    text-decoration: none !important;
    margin-bottom: 1px !important;
    width: 230px;
color: #343434;
margin-top: 0px;
}

.rightMenuItems 
{
 float: left;   
 padding: 10px 20px !important;
width: 210px;
}


#RCT{
min-height: 392px;
width: 100%;
float: left;
display: block;
    padding-bottom: 45px;
}

#RCT table {
width: 210px !important;
padding: 0px !important;
margin-left: 18px;
}

#RCT table td 
{
     vertical-align: top;
} 

#RCT table td span 
{
    padding: 0px;
    font-size: 12px;
    color: #343434;
}

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

#RCT span {
 color: #F47320;
    font-size: 13px;
    margin: 0;
    padding: 0px 20px;
}

#RCT p 
{
    margin: 0px 0px 14px 0px;
}


#RCT a {
color: #343434;
text-decoration: none;
padding: 0px;
margin: 0px;
float: left;
}

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

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

#listOffices 
{
   padding: 0px 20px 0px 0px;
float: left;
display: block;
width: 230px; 
}

#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:95%;
*width: 95%;
}
/* 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{
width: 100%;
float: left;
display: block;
}
#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{
display:block;
float:left;
width:93%;
}
#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;
/*list-style-image:url(/templates/stacks/images/Bullet1.jpg);
list-style-position:outside;
list-style-type:disc;*/
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%;
font-weight: normal;
}
/* #################################################### */
.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;
}
/* LOCATIONS page: STYLING */

.locationResultsContainer{
background-image:url(/templates/stacks/images/1pxVertLine.jpg);
background-position:192px 0;
background-repeat:repeat-y;
border-bottom:1px solid #CCCCCC;
display:block;
float:left;
width:510px;
}
.locationResultsContainer h1{
color:#676767 !important;
display:block !important;
float:left !important;
font-size:13px !important;
margin:0 !important;
padding:0 !important;
width:100% !important;
}

.locationResults{
display:none;
float:left;
margin-bottom:15px;
}

.leftSide{
float: left;
display: block;
width: 200px;
}

.googleMaps{
display:block;
float:left;
padding:0 0 0 15px;
width:100%;
}
.map{
height: 135px;
width: 145px;
margin-top: 23px;
border: 1px solid #cccccc;
}

.googleMaps h1{
display:block !important;
float:left !important;
margin-left:0px !important;
margin-top:4px !important;
width:94% !important;
}
.rightSide{
float: right;
display: block;
width: 310px;
}

.locations{
display:block;
float:left;
margin-left:10px;
margin-top:25px;
}

.contactDetailsHeading{
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
height:20px;
width:310px;
}

.locationHeading{
width: 300px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
height: 20px;
}
.locationResults2
{
display:block;
float:left;
margin-bottom:15px;

}


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

.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;
}

#middleColumnWhite {
 color: #676767;
 display: block;
 float: left;
 min-height: 487px;
 text-align: left;
 width: 585px;
}
#middleColumnWhite a {
 color: #676767;
}
#leftColumnGrey {
 background-color: #F7F7F7;
 display: block;
 float: left;
 min-height: 600px;
 width: 168px;
}

#orangeLeftMenu {

}

#orangeLeftMenu h2 {
 color:#F47320;
display:block;
font-size:16px;
margin:15px 0px 5px 0px;
padding:0px 0px 0px 25px;
width:140px;
float: left;
text-align: left;
}

#orangeLeftMenu ul {
   padding:0px 0px 0px 25px;
   margin: 0px;
}

#orangeLeftMenu li {

}

#orangeLeftMenu a {
height: 15px;
width: 100px;
background-image: url(/templates/stacks/images/LocationsLeftSide.jpg);
background-repeat: repeat;
display: block;
float: left;
color: #ffffff;
}

#orangeLeftMenu a:hover {
color: #ffffff;
}

/******* NEW LOCATION TEMPLATE *********/

#leftColumnGrey-locations {
display:block;
float:left;
min-height:600px;
width:168px;
}

#CZC-locations {
display:block;
float:left;
padding:0px;
width:100%;
}

#CZC-content{
display:block;
float:left;
padding:15px 0px 15px 15px;
width:95%;
}
#CZC-content h1{
font-size: 16px;
float: left;
color: #5a5a5a;
display: block;
width: 100%;
padding: 0px;
margin:0px;
}
#CZC-content h2{
color:#f47320;
font-size: 16px;
display: block;
padding: 0px;
margin:0px;
width: 100%;
}
#CZC-content h3{
color:#5a5a5a;
font-size: 12px;
display: block;
padding: 0px;
margin:5px 0px 0px 0px;
width: 100%;
}
#CZC-content h4{
color:#676767;
font-size: 12px;
display: block;
padding: 0px;
margin:5px 0px 0px 0px;
width: 100%;
}


/* LOCATION SITE BELOW THE FOLDS */

#belowTheFold {
width: 100%;
height: auto;
position: absolute;
top: 101%;
left: 0;
display: block;
}

#belowTheFold-Content {
float: left;
display: block;
width: 100%;
height: auto;
}

#belowTheFold-Content ul {
float: left;
width: 100%;
}

#belowTheFold-Content li {
float: left;
width: 25%;
list-style: none;
}

.chrRow {
float: none !important;
}



/* Below the fold location sites CSS */

.belowTheFold {
	width: 25% !important;
	float: left !important;
	display: block !important;
	margin-top: 20px !important;
}
.belowTheFold ul {
	text-decoration: none !important;
	list-style: none !important;
width: 100% !important;
float: left !important;
text-align: left !important;

}
.belowTheFold li{

color: #676767 !important;
width: 100% !important;
float: left !important;
display: block !important;
}
.belowTheFold a, .belowTheFold a:link, .belowTheFold a:visited {
	color: #777777 !important;
	text-decoration: none !important;
}
.belowTheFold a:hover {
	text-decoration: underline;
}
.belowTheFold span{
color:#676767;
float:left;
font-weight:bold;
margin-left:-1px;
}
.orangeLeftMenuLeftheading {
padding: 0 0 0 15px !important;
}

.orangeLeftMenuLeftheading h2 {
color:#F47320 !important;
display:block !important;
float:left !important;
font-size:16px !important;
margin:15px 0 5px !important;
padding:0 0 0 25px !important;
text-align:left !important;
width:140px !important;
}
.orangeLeftMenuLeftheading a {
color:#F47320 !important;
display:block !important;
float:left !important;
font-size:16px !important;
height: auto !important;
text-align:left !important;
width:140px !important;
background-image: none !important;
background-repeat: no-repeat !important;
}

.contactFormContainer{
background-image: url(/templates/stacks/images/EnquiryForm.jpg); 
background-repeat: no-repeat;
padding: 20px 0px 0px 0px;
height: 487px;
width: 250px;
color: #ffffff !important;
}


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

#CZCRight {
display:block;
float:left;
padding:33px 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: 0px 0px 15px 0px;
}

#CZCLeft h3 {
font-size: 12px;
color: #454545;
font-weight: bold;
margin: 0px 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: 0px 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;
}

/* STACKLAW BTF */

#SLbelowTheFoldContainer {
	width: 100%;
	display: block;
	margin-top: 20px;
	color: #777777;
	position: absolute;
	top: 101%;
	left: 0px;
	text-align: left;
	font-size: 10px;
}

#SLbelowTheFoldContainer h4 {
font-size: 11px;
color: #F47320;
}

#SLbelowTheFoldContainer h4 a {
font-size: 11px;
color: #F47320;
}

.SLbelowTheFold {
display:block;
float:left;
margin-top:20px;
width:100%;
}
.SLbelowTheFold ul {
  float:left;
  padding: 0px;
  width:25%;
  *width: 20%;
}
.SLbelowTheFold ul li {
	text-decoration: none;
	list-style: none;
}
.SLbelowTheFold a, .SLbelowTheFold a:link, .SLbelowTheFold a:visited {
	color: #777777;
	text-decoration: none;
}
.SLbelowTheFold a:hover {
	text-decoration: underline;
}

.lblOffice {
text-transform: lowercase;
}

.lblStaff {
text-transform: lowercase;
}

.statusUpdates {
    color: #454545;
      padding: 5px 10px;
    text-align: left;
}

.StatusUpdateContainer {
margin-bottom: 5px;
}

.expertiseStatusBox {
background-color: #C8C8C8;
background-image: url("/templates/stacks//images//expertiseBoxBottom.jpg");
background-position: 0 100%;
background-repeat: no-repeat;
min-height: 40px;
padding: 10px 10px 20px;
margin: 0 0 20px;
}

.expertiseStatusBox p {
margin-top: 10px;
}

.expertiseStatusBox .orangeText {
color: #F47320;
}

.expertiseStatusBox a {
text-decoration: none !important;
}

.expertiseStatusBox a:hover {
text-decoration: underline !important;
}

.sidePostcodeBox {
float: left;
display: block;
width: 250px;
margin: 15px 0px;

text-align: left;
}

.specialistsRightCol, .newsRightCol {
background-image:  url(/templates/stacks/images/expertiseBoxBottom.jpg);
float: left;
display: block;
width: 250px;
    background-position: -12px bottom;
    background-repeat: no-repeat;
background-color: #c8c8c8;
padding-bottom: 20px;
text-align: left;
}

.stacksTVButton-Container
{
right: 23px;
bottom: 106px;
display: block;
position: absolute;
width: 251px;
height: 23px;
}

.stacksTVButton 
{
    background-image: url('/templates/stacks//images//STACKS-CTA_TV_btn.jpg');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display:block;
    width:251px;
    height:69px;

}

.stacksTVButton:hover {
   background-position: 0px -69px;
}

#homesharethis {
    bottom: 150px;
    display: block;
    float: right;
    position: absolute;
    right: 25px;
    width:103px;
    height:25px;
*width: 97px !important;
}

#fBoxEnquiry {
color: #000000;
}

.ShareThisBox {
    float: right;
    margin-bottom: 2px;
    margin-right: 5px;
    margin-top: 8px;
    text-align: right;
    color: #454545;
}
.Icon-Facebook {
background-image: url('/templates/stacks//images//Icon_Facebook.png');
background-position: 0px 0px;
width: 24px;
height: 25px;
display: block;
float: left;
margin-right: 2px !important;
}
.Icon-Facebook:hover {
background-position: 0px -25px;
}
.Icon-Twitter {
background-image: url('/templates/stacks//images//Icon_Twitter.png');
background-position: 0px 0px;
width: 23px;
height: 25px;
display: block;
float: left;
margin-right: 3px !important;
}
.Icon-Twitter:hover {
background-position: 0px -25px;
}
.Icon-Youtube {
background-image: url('/templates/stacks//images//Icon_Youtube.png');
background-position: 0px 0px;
width: 23px;
height: 25px;
display: block;
float: left;
margin-right: 3px !important;
}
.Icon-Youtube:hover {
background-position: 0px -25px;
}
.Icon-Blog {
background-image: url('/templates/stacks//images//Icon_Blog.png');
background-position: 0px 0px;
width: 25px;
height: 25px;
display: block;
float: left;
}
.Icon-Blog:hover {
background-position: 0px -25px;
}
.greySocialIcons {
width: 232px; 
margin-top: 10px; 
margin-right: 10px; 
position: absolute; 
right: 0pt;
bottom: 35px;
}
.greySocialIcons a {
text-decoration: none;
}
.greySocialIconsProfile {
width: 232px; 
margin-top: 10px; 
margin-right: 10px; 
position: absolute; 
right: 0pt;
top: 132px;
}
.greySocialIconsProfile a {
text-decoration: none;
}