/* 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: 761px;
}
#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;
	background-color: #484848;
}
#topNavContainer {
	width: 100%;
	float: left;
	display: block;
}
/* # Logo top left # */
#stacksLogo {
	background-image: url(/templates/stacks/images/StacksBusiness.jpg);
	behavior: url(/templates/stacks/css/iepngfix.htc);
	display: block;
	float: left;
	height: 56px;
	margin-left: 20px;
	margin-top: 20px;
	width: 410px;
	background-repeat: no-repeat;
}
/* # 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;
	background-color: #F7F7F7;
	background-image: url(/templates/stacks/images/backgroundBusinessR.jpg);
}
/* # Main background in centre of site # */
#mainBody {
	border-bottom: 3px solid #a5a5a5;
	border-top: 3px solid #a5a5a5;
	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;
	padding-bottom: 10px;
	background-color: #484848;
}
/* BMB = Below Main Body */
#BMBContent {
	display: block;
	float: left;
	text-align: left;
	width: 100%;
}
/* Left Content */
#BMBLContent {
	color: #F47B2A;
	display: block;
	float: left;
	padding: 15px 0 0 25px;
	text-align: left;
	width: 36%;
}
#BMBLContent b {
	color: #676767;
}
#BMBLContent a {
	text-decoration: none;
	color: #F47B2A;
}
/* Right Content */
#BMBRContent {
	display: block;
	float: right;
	padding: 10px 20px 0 0;
	text-align: left;
	width: 24%;
}
/*Email */
#emailSignup img{
    display: none !important;
    }
/* # Div Holding the footer content # */
#footerContainer {
	width: 100%;
	float: left;
	text-align: left;
	display: block;
	background-color: #484848;
	border-top: 1px solid #d6d6d6;
}
/* FC = footer content */
#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: #ffffff;
	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-repeat: no-repeat;
	display: block;
	float: left;
	height: 392px;
	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 {
	height: 392px;
	width: 100%;
	float: left;
	display: block;
}
#LCT ul {
	display: block;
	float: left;
	margin: 10px 0 0;
	padding: 0;
	width: 100%;
}
#LCT ul ul {
	padding: 0px 0px 0px 10px;
	margin: 5px 0px 5px 0px;
}
#LCT ul ul a {
	width: 135px;
}
#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%;
}
#LCT a:hover {
	color: #F47320;
	text-decoration: underline;
}
#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%;
}
#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;
}
/* ## */
#rightColumn {
	width: 250px;
	float: left;
	display: block;
	min-height: 487px;
	background-color: #EEEDED;
}
#RCT {
	min-height: 392px;
	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: 100%;
}
/* 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 #f2681f;
	border-top: 1px solid #f2681f;
	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;
	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: #dadada;
	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 {
	width: 100%;
	float: left;
	list-style: none;
	display: block;
}
#iKnowWhat a {
	width: 100%;
	float: left;
	display: block;
	text-decoration: none;
}
#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;
}
/* ######################################################### */
/* 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;
}
#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: 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;
	margin: 15px 0px 15px 0px;
}
#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;
	margin: 15px 0px 15px 0px;
}
#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;
}