@charset "utf-8";
/* CSS Document */

/* HTML */
BODY		{background: #e1f2f9 url(../images/background.gif) repeat-x; margin: 0px; padding: 0px; overflow:auto; color: #333; font-size: 12px; line-height: 16px}
H1			{font-size: 20px; line-height: 22px; color: #000;}
H2			{font-size: 15px; font-weight: bold; color: #666; margin: 30px 0 0 0; clear: both}
H3			{font-size: 14px; line-height: 20px; clear: both; margin-bottom: 0px}
H4, .highlight	{font-size: 12px; font-weight: bold; color: #369; padding: 0px; margin-bottom: 0px}
a:link, a:visited	{color: #036; text-decoration: none}
a:hover		{color: #39f; text-decoration: underline}
a img		{border: 0px none;}

h4 a:link, h4 a:visited{text-decoration: underline}

ul			{padding-left: 20px;}
ol 			{padding-left: 20px}
.bulletList li	{list-style-image: url(../images/bulGeneral.gif)}

p			{margin-top: 5px; }

/* Float Control */
#header, #title, #content, #footer, #border, #border_base, #home_content, #main_content, .left, #right_content,#divisions, .division_item, .row, #left_content,  #left_content_contact
{float: left}
.right,
{float: right}

/* Font Control */
#container
{font-family: Arial, Helvetica, sans-serif; overflow:auto; margin-top: -2px}

/* Navigation */

.subNav		{color: #036; font-size: 11px; font-weight: bold; line-height: 16px; cursor: pointer; padding: 0 0 6px 0;}
.subNavHover, .subNavOn{color: #39f; font-size: 11px; font-weight: bold; line-height: 16px; cursor: pointer; padding: 0 0 6px 0;}
#breadcrumbs	{font-size: 0.8em; margin: 10px 0; color: #666}


/* Divs */
#container	{width: 954px; margin: 0 auto; background: url(../images/headTagline.gif) no-repeat 763px 50px}
#header		{clear: both; height: 159px;}

#printHead	{display: none}

#title		{float: left; height: 40px; margin: 25px 0px 0px 10px; width: 744px;}
#search		{float: left; height: 50px; margin: 15px 0px 0px 0px; width: 200px; }
#content	{clear: both; width: 954px; background: white url(../images/border_background.gif) repeat-y; overflow-x: hidden;}
	#border			{background: #b8ddef; text-align: right; width: 4px;}
	#border_base	{background: #b8ddef; text-align: right; width: 954px}
/**/#home_content	{background: white; width: 750px}
		#flash_home		{}
		#divisions		{padding: 0em 0em 0em 2em; margin: 0em 0em 2em 0em; line-height: 14px}
/**/#main_content	{padding: 10px 20px 20px 20px; min-height: 500px}
	#index_content	{background: none repeat scroll 0 0; border-left:0px none; padding:0px; float: left}
	.main			{width: 510px}
	 .jobs			{width: 710px}
	#right_content	{width: 200px; color: #333333;}
		#right_content p	{padding: 0em 1.5em 1em 1.5em;}	
		#newsletter			{height: 190px; background: #999; overflow: hidden; padding: 0;}
		#follow_us			{background: #d2d2d2; overflow: hidden; padding: 6px 20px 4px; border-bottom: 5px solid #e5e5e5; font-size: 12px; color: #003366}
		#follow_us IMG		{vertical-align: middle; padding: 0px 0px 0px 3px}
		#letterbox a		{display: block; width: 200px; height: 100px; background-image: url(../images/btn_letterbox.gif);  border-bottom: 5px solid #e5e5e5}
		#psych_test a			{display: block; width: 200px; height: 106px; background-image: url(../images/btn_psych_test.gif);}
		#referral a			{display: block; width: 200px; height: 106px; background-image: url(../images/btn_referral_program.gif);}
		#survey a			{display: block; width: 200px; height: 100px; background-image: url(../images/btn_downsizing_guide.gif);}
			.halfColumn		{width: 230px; margin: 10px 20px 0 0; float: left;}
			.halfColumn	h4	{margin-top: 0;}
			#newsletter ul	{list-style-image: url(../images/bulNewsletter.gif); color: #fff; font-size: 11px; margin: 10px 0 20px 35px; padding: 0px}
			#newsletter ul li	{margin: 3px 0;}
			#newsLatest	a	{display: block; width: 112px; height: 25px; background: url(../images/newsLatest.gif); margin: 0 0 0 20px; text-decoration: none}	
	#left_content, #left_content_contact	{width: 155px; margin: 20px 20px 0 25px; display: block}
	#sideContent	{min-height: 300px;}
#footer		{clear:both; padding: 0.2em 0.5em 2em 0.5em; font-size: 0.9em; width: 900px;}

#index_content.main{
	margin: 0 0 30px 0;
	width: 550px;
	}

.moduleFooter	{margin: 20px 0 0 0;}

#toolkit{
	width: 500px;
	}
	
#left_content .icon{
	display: none;
	}
#left_content .name{
	font-size: 11px;
	font-weight: bold;
	line-height: 14px
	}
/*#left_content .literature-container{
	margin: 5px 10px 0 0;
	background-color: #f3e745;
	padding: 3px 7px;
	}*/
#left_content .yellow{
	margin: 5px 0 0 0;
	background-color: #F3E745;
	padding: 3px 7px;
	display: block;
	} 
#left_content .blue{
	margin: 5px 0 0 0;
	background-color: #E2F4FB;
	padding: 3px 7px;
	}
#left_content .green{
	margin: 5px 0 0 0;
	background-color: #CCFFCB;
	padding: 3px 7px;
	} 
#left_content ul, #left_content li{
	list-style-type: none;
	}


/* Classes */
.cat_textbox_small	{float: left; width: 141px; border: 1px solid #036; height: 16px; margin: 3px 5px 0 0; font-size: 0.8em; padding: 2px;}
.cat_button		{float: left; margin: 3px 0 0 0;}

.subHead	{font-size: 0.8em; font-weight: bold; font-style: italic; margin-top: 0px}

.logo		{padding: 30px 0em 34px 0em; border: none}
.row a:link, .row a:visited		{color: #333}
.division_item	{width: 167px; padding: 1em 1em 1em 0em; font-size: 0.9em; display:inline-block}

.division_item a:link, .division_item a:visited	{text-decoration: none}

#green h4			{color: #99be00;}
#green_box a:link, #green_box a:visited	{display: block; background: #dfe9be; padding: 0.5em; margin: 0em; color: #333;}

#brown h4			{color: #cc9900;}
#brown_box a:link, #brown_box a:visited	{display: block; background: #f7f0d9; padding: 0.5em; margin: 0em; color: #333;}

#mauve h4		{color: #4d0a33;}
#mauve_box a:link, #mauve_box a:visited	{display: block; background: #e4dae1; padding: 0.5em; margin: 0em; color: #333;}

#orange h4		{color: #ea6d05;}
#orange_box a:link, #orange_box a:visited	{display: block; background: #fce9da; padding: 0.5em; margin: 0em; color: #333;}

#aqua h4		{color: #0099cc;}
#aqua_box a:link, #aqua_box a:visited	{display: block; background: #def4f8; padding: 0.5em; margin: 0em; color: #333;}

#olive h4		{color: #738519;}
#olive_box a:link, #olive_box a:visited	{display: block; background: #eaeddd; padding: 0.5em; margin: 0em; color: #333;}

#purple h4		{color: #1a1849;}
#purple_box a:link, #purple_box a:visited	{display: block; background: #dddde4; padding: 0.5em; margin: 0em; color: #333;}

#navy h4 	{color: #003366;}
#navy_box a:link, #navy_box a:visited	{display: block; background: #c0dbf5; padding: 0.5em; margin: 0em; color: #333;}

#green_box a:hover, #brown_box a:hover, #mauve_box a:hover, #orange_box a:hover, #aqua_box a:hover, #olive_box a:hover, #purple_box a:hover, #navy_box a:hover{
	display: block; background-color: #e5e5e5; padding: 0em; padding: 0.5em; margin: 0em; color: #333;
	}

.toolkitItem	{width: 240px; float: left; margin: 0 10px 10px 0; height: 100px}
.toolkitItem img{float: left; margin: 0 10px 0 0 }

.contactRow		{clear: both; border-top: 1px solid #D5EFFA; padding: 0 0 10px 0}
.contactItem	{float: left; margin: 10px 10px 10px 0; width: 230px;}

.announcementImg	{float: left; width: 150px; margin-right: 10px;}

.announcementBlock	{clear: both;}
.announcementBlock img {margin: 5px 5px 20px 5px; float: right}

.workshopText		{float: left; width: 315px; margin: 0 20px 0 0}
.workshopDetails	{float: right; width: 150px; background-color: #E1F2F9; margin: 0 10px; padding: 0 10px}

.profilePic		{float: right; margin: 0 0 10px 10px;}
.profileThumb	{float: left; margin: 0 10px 10px 0; display: block;}

/*.form .item		{clear: both; width: 100%; padding: 10px 0} */

.pageSplit		{border-bottom: 1px solid #d5effa; display: block; clear: both; margin: 0 0 20px}

.halfCol		{width: 230px; float: left; margin: 0 20px 10px 0;}
.halfCol p		{margin: 0;}
.halfCol img	{float: left; margin: 0 10px 10px 0}

.testColumn		{float: left; width: 235px; margin: 10px 20px 20px 0; background-color: #eef8fc}
.testItem		{border-bottom: 1px solid #c8e9f8; padding: 5px 10px 10px 10px; font-size: 11px; line-height: 12px}

/* *** INDEX PAGES STYLES *** */
#indexContent	{padding: 0px 20px; width: 509px; font-size: 11px; min-height:100%; line-height: 14px}
#indexContent a{font-size: 11px}

#aboutHead	{background-color: #36cda8; height: 190px; width: 550px}
#aboutHeadTxt	{float: left; width: 235px; padding: 20px; color: #fff; font-size: 1.1em}
#aboutHeadTxt p	{margin: 15px 0;}	
#aboutHeadTxt h1	{color: #033; font-size: 20px; margin: 0px}
#aboutHead a	{color: #060;}
#aboutHeadImg	{float: left;}

#faqHead	{background-color: #139ab6; height: 190px; width: 550px;}
#faqHeadTxt	{float: left; width: 235px; padding: 20px; color: #c2f0f9; font-size: 1.1em}
#faqHeadTxt p	{margin: 15px 0;}	
#faqHeadTxt h1	{color: #fff; font-size: 20px;}
#faqHead a	{color: #060;}
#faqHeadImg	{float: left;}

#toolkitHead	{background-color: #39b54a; height: 190px; width: 550px}
#toolkitHeadTxt	{float: left; width: 235px; padding: 20px; color: #cfc; font-size: 1.1em}
#toolkitHeadTxt p{margin: 20px 0;}
#toolkitHeadTxt h1	{color: #003300; font-size: 20px; margin: 0px}
#toolkitHead a	{color: #060;}
#toolkitHeadImg	{float: left;}

#servicesHead	{background-color: #9e005d; height: 190px; width: 550px}
#servicesHeadTxt	{float: left; width: 235px; padding: 20px; color: #fff; font-size: 1.1em}
#servicesHeadTxt p{margin: 10px 0;}
#servicesHeadTxt h1	{color: #000; font-size: 20px; margin: 0px}
#servicesHead a	{color: #3a0036;}
#servicesHeadImg	{float: left;}

#clientsHead	{background-color: #fd7204; height: 190px; width: 550px}
#clientsHeadTxt	{float: left; width: 235px; padding: 20px; color: #fcf0e7; font-size: 1.1em}
#clientsHeadTxt p{margin: 20px 0;}
#clientsHeadTxt h1	{color: #000; font-size: 20px; margin: 0px}
#clientsHead a	{color: #c04203;}
#clientsHeadImg	{float: left;}

#shopHead	{background-color: #f488a3; height: 190px; width: 550px; margin: 0 0 20px 0;}
#shopHeadTxt	{float: left; width: 235px; padding: 20px; color: #fff; font-size: 1.1em}
#shopHeadTxt p{margin: 20px 0;}
#shopHeadTxt h1	{color: #603; font-size: 20px; margin: 0px}
#shopHead a	{color: #603;}
#shopHeadImg	{float: left;}

.linkBox, .linkBoxAlt{padding: 3px 6px; font-weight: bold; width: auto; float: left; font-size: 11px; margin: 0 0 1px 0;}

.linkBox	{background-color: #fff}

#aboutHeadTxt .linkBoxAlt	{background-color: #fff}
#toolkitHeadTxt .linkBoxAlt	{background-color: #cfc}
#servicesHeadTxt .linkBoxAlt	{background-color: #f2deea}
#clientsHeadTxt .linkBoxAlt	{background-color: #f2deea; color: #c04203}
#shopHeadTxt .linkBoxAlt	{background-color: #f9d7de; color: #c04203}

.contentHolder	{width: 160px; margin: 10px 10px 10px 0; float: left;}
.contentHolderEnd, .workshopHolderEnd	{width: 160px; margin: 10px 0 10px 0; float: left}
.contentHolder h4, .contentHolderEnd h4{color: #036; font-weight: bold; margin: 0 0 5px 0}
.contentHolder p, .contentHolderEnd p, .workshopHolder p, .workshopHolderEnd p	{padding: 7px 9px; background-color: #e2f4fb; line-height: 14px}
.contentHolder a:link, .contentHolder a:visited, .contentHolderEnd a:link, .contentHolderEnd a:visited	{font-weight: normal; color: #333; padding: 7px 9px; background-color: #e2f4fb; line-height: 14px; display: block}
.contentHolder a:hover, .contentHolderEnd a:hover	{text-decoration: none; background-color: #ccc; }

.workshopHolder{width: 160px; margin: 0px 10px 5px 0px; float: left; min-height: 120px}
.workshopHolder h4 {margin: 0px; padding: 0px;}

.greenHead	{color: #090; margin-bottom: 5px; display: block}
.maroonHead	{color: #906; margin-bottom: 5px; display: block}
.orangeHead	{color: #c04203; margin-bottom: 5px; display: block}
.pinkHead	{color: #603; margin-bottom: 5px; display: block}
.tealHead	{color: #139ab6; margin-bottom: 5px; display: block}

#threeQuarter	{clear: left; width: 320px; padding: 0 10px 0 0;  float: left; margin-bottom: 20px; border-right: 1px solid #d5effa}

#quarter	{width: 160px; margin: 0; padding: 0 0 0 10px; float: left;}
#quarter .icon	{display: none}
#quarter p, #threeQuarter p	{ padding: 0;}

#indexContent .literature-container{
	margin: 0px
	}
	
.literature-container{
	width: 140px;
	}
		
#contactBox{	
	padding: 0px 5px;
	background-color: #c7e6f3;
	margin: 20px 0 0 0;
	}	

#contactHeader h4{
	margin-top: 8px;
	padding-top: 5px;
	}
	
.sideContact{	
	display:none;
	font-size:0.9em;
	margin:2px 0;
	padding-bottom:1px;
	width:155px;
	}	


/* *** TEMP OF THE MONTH *** */

.tempMonth{
	float: left; 
	margin: 0 10px 10px 0;
	width: 160px; 
	height: 64px;
	}

.tempMonth ul{
	margin: 5px 0 0 5px;
	}
	
#tempJan, #bossJan{background: url(../images/tempJan.gif) no-repeat;}
#tempFeb, #bossFeb{background: url(../images/tempFeb.gif) no-repeat;}
#tempMar, #bossMar{background: url(../images/tempMar.gif) no-repeat;}

#tempApr, #bossApr{background: url(../images/tempApr.gif) no-repeat;}
#tempMay, #bossMay{background: url(../images/tempMay.gif) no-repeat;}
#tempJun, #bossJun{background: url(../images/tempJun.gif) no-repeat;}

#tempJul, #bossJul{background: url(../images/tempJul.gif) no-repeat;}
#tempAug, #bossAug{background: url(../images/tempAug.gif) no-repeat;}
#tempSep, #bossSep{background: url(../images/tempSep.gif) no-repeat;}

#tempOct, #bossOct{background: url(../images/tempOct.gif) no-repeat;}
#tempNov, #bossNov{background: url(../images/tempNov.gif) no-repeat;}
#tempDec, #bossDec{background: url(../images/tempDec.gif) no-repeat;}
	


/* *** ONLINE SHOPPING *** */

#productListingHead{
	width: 510px;
	font-size: 11px;
	border-bottom: 1px solid #d5effa;
	height: 24px;
	}

.productListing{
	width: 510px;
	font-size: 11px;
	border-bottom: 1px solid #d5effa;
	height: 24px;
	}
	
.cartListing{
	width: 510px;
	font-size: 11px;
	clear: both;
	}
	
.productitemcell{
	margin: 5px 0;
	vertical-align: top;
	display: block;
	height: 24px;
	padding: 0 0 10px 0;
	}
	
.productName{
	float: left;
	font-weight: bold;
	width: 230px;
	margin: 0 20px 0 0;
	color: #333;
	}

.cartName{
	float: left;
	font-weight: bold;
	width: 170px;
	margin: 0 20px 0 0;
	color: #333;
	}
	
.productPrice{
	float: left;
	width: 50px; 
	margin: 0 20px 0 0;
	}
	
.productTax{	
	float: left;
	width: 50px;
	margin: 0 10px 0 0;
	}

.cartPrice, .cartTotal{
	float: left;
	width: 50px; 
	margin: 0 20px 0 0;
	}
	
.cartInput, .itemInput{
	float: left;
	margin: 0 20px 0 0;
	text-align: center;
	width: 40px;
	}
	
.price, .quantitiy{
	width: 85px;
	float: left;
	}
	
.description{
	margin: 10px 0 0 0;
	}

.details input, .cartInput input, .itemInput input{
	width: 40px;
	border: 1px solid #d5effa;
	text-align: center;
	}
	
.cartTax{
	float: left;
	width: 50px;
	}	

.cartAdd{
	float: left;
	padding: 5px 0 0 0;
	cursor: pointer;
	}

.cartRemove{
	float: left;
	cursor: pointer;
	}
	
.cart-summary{
	float: left;
	width: 100%;
	margin: 10px 0;
	text-align: right;
	color: #036;
	}

.cartSummaryItem{
	width: 500px;
	text-align: right;
	vertical-align: middle;
	}
	
.cartSummary{
	clear: both;
	margin: 10px 0 0 0;
	font-size: 14px;
	padding: 2px 0 0 0;
	border-top: 1px solid #d5effa;
	border-bottom: double #d5effa;
	height: 20px;
	}

.cartLong{
	float: left;
	width: 350px;
	margin: 0 20px 0 0;
	font-weight: bold;
	}
	
.cartTotal{
	float: left;
	width: 50px;
	font-weight: bold;
	}

.actions{
	width: 100%;
	margin: 20px 0 0 0;
	text-align: right;
	}
	
a.cartSummaryLink {
  width: 65px;
  height: 0px !important; 
  height: 24px;
  margin: 0 0 0 20px;
  padding: 24px 0 0 0;
  overflow: hidden; 
  border: 0;
  vertical-align:middle;
  overflow:hidden;
  color: #036;
  display:-moz-inline-block; 
  display:-moz-inline-box;
  display:inline-block;
  background: url(../images/btnViewCart.gif) no-repeat center top;
  cursor: pointer;
  cursor: hand;
}

	
.form .item{
	width: 240px; 
	float: left;
	margin: 0 10px 10px 0;
	}
	
.newsletter-form .item{
	width: 240px; 
	float: none;
	padding: 20px 0;
	}
	
.form input, .form select, .form textarea{
	width: 220px;
	border: 1px solid #d5effa;
	}

.form .textBox{
	width: 400px;
	clear: both;
	margin: 0 0 20px 0;
	}	
	
.form .textBox textarea{
	width: 400px; 
	border: 1px solid #d5effa;
	}
	
#CardExpiryMonth, #CardExpiryYear{
	margin: 0 0 10px 0;
	}

.item label, .textBox label{
	font-weight: bold;
	padding: 5px 0;
	width: 200px;
	}
	
.submit{
	clear: both;
	cursor: pointer;
	}

#paymentdiv		{clear: both; padding: 20px 0 0 0;}
#catwebformbutton.cat_button		{float: left; margin: 10px 0 0 0; width: 75px;}

#mbtiBox{
	background-color: #eef8fc;
	}
	
.mbtiBorder{
	clear: both;
	height: 33px;
	padding: 10px;
	border-bottom: 1px solid #b8ddef;
	}

.mbtiNone{
	clear: both;
	height: 33px;
	padding: 10px;
	}
	
.mbtiImg{
	float: left;
	margin: 0px 10px;
	border: 1px solid #b8ddef;
	}	
	
.mbtiOne{
	float: left;
	width: 150px;
	font-size: 11px;
	line-height: 13px;
	padding: 3px 0 0 0;
	font-weight: bold;
	}
	
.mbtiTwo{
	width: 100px;
	float: left;
	font-size: 15px;
	color: #333;
	padding: 8px 0 0 0;
	}
	
.mbtiThree{
	width: 90px;
	float: left;
	font-size: 15px;
	color: #333;
	padding: 8px 0 0 0;	
	}
	
.calloutOne{
	margin: 10px 0;
	width: 480px;
	background: url(../images/calloutImg_1.gif) bottom right no-repeat #f4cd32;
	padding: 10px;
	}
.calloutThree{
	margin: 10px 0;
	width: 480px;
	background: url(../images/calloutImg_3.gif) bottom right no-repeat #f7f0d9;
	padding: 10px;
	}
.calloutOne p, .calloutOne li{
	width: 430px;
	}
	
.calloutOne ul, .calloutTwo ul, .calloutOne li, .calloutTwo li, .calloutOne ul li, .calloutTwo ul li{ /* not working... needs fixing... */
	list-style-image: none;
	list-style: none;
	list-style-type: disc;
	}
	
.calloutTwo{
	margin: 10px 0;
	width: 480px;
	background: url(../images/calloutImg_2.gif) bottom right no-repeat #d8e1bb;
	padding: 10px;
	min-height: 50px;
	}

.calloutTwo p{
	width: 430px;
	}
	
.quotes{
	background: url(../images/commasR.gif) bottom right #e1f2fa no-repeat;
	width: 500px;
	}
	
	.quotes ul{
		display: block;
		background: url(../images/commasL.gif) top left no-repeat;
		padding: 20px 40px 20px 60px;
		list-style-type: none;
		color: #446284;
		font-style: italic;
		}
		
#gold, #silver, #bronze{	
	width: 140px;
	display: block;
	float: left;
	margin: 0 25px 10px 0;
	text-align: center;
	border: 1px solid #c7e6f3;
	height: 80px;	
	}
	
#gold p, #silver p, #bronze p{
	padding: 0 5px;	
	}
	
#gold h5{
	background-color: #f0e758;
	padding: 5px 0;
	margin: 0px;
	}
	
#silver h5{
	background-color: #aeaead;
	padding: 5px 0;
	margin: 0px;	
	}
	
#bronze h5{
	background-color: #d79e5b;
	padding: 5px 0;
	margin: 0px;	
	}
.footer{
padding:0px;
margin:0px;
}

.catelogueitemdump{
	width: 240px;
}