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

/* HTML */
BODY		{background: #fff; margin: 0px; padding: 0px; color: #333; font-size: 14px; line-height: 16px; font-family: "Times New Roman", Times, serif;}
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}
H4			{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;}
ul			{padding-left: 20px;}
#main_content ul 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
{float: left}
.right,
{float: right}


/* 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;}
#header		{clear: both; height: 159px; display: none;}

#printHead	{display: block}

#title		{float: left; height: 40px; margin: 25px 0px 0px 10px; width: 744px; display: none}
#search		{float: left; height: 50px; margin: 15px 0px 0px 0px; width: 200px; display: none}
#content	{clear: both; width: 954px; }
	#border			{background: #b8ddef; text-align: right; width: 4px; display: none;}
	#border_base	{background: #b8ddef; text-align: right; width: 954px}
/**/#home_content	{width: 100%; padding: 10px 20px 20px 20px;}
		#flash_home		{}
		#divisions		{padding: 0em 0em 0em 2em; margin: 0em 0em 2em 0em; line-height: 14px}
/**/#main_content	{width: 100%; padding: 10px 20px 20px 20px;}
	#right_content	{width: 200px; color: #333333; display: none;}
		#right_content p	{padding: 0em 1.5em 1em 1.5em; display: none;}	
		#newsletter			{min-height: 155px; background: #999; overflow: none; padding: 0 0 10px 0; display: none;}
		#letterbox a		{display: block; width: 200px; height: 69px; background-image: url(../images/btn_letterbox.gif); margin: 2px 0 0 0}
			.halfColumn		{width: 230px; margin: 0 20px 0 0; float: left; display: none;}
			#newsletter ul	{list-style-image: url(../images/bulNewsletter.gif); color: #fff; font-size: 11px; line-height: 20px; margin: 10px 0 20px 35px; padding: 0px}
	#left_content	{width: 155px; margin: 20px 20px 0 25px; display: none}
	#sideContent	{min-height: 300px; display: none;}
#footer		{clear:both; padding: 0.2em 0.5em 2em 0.5em; font-size: 0.9em; width: 900px; display: none;}

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

#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 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; display: none;}
.cat_button		{float: left; margin: 3px 0 0 0; display: none;}

.logo		{padding: 30px 0em 34px 0em; border: none}
.row		{}
.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, #green h4, #green a:link, #green a:visited {color: #99be00; display: none;}

.green_box a:link, .green_box a:visited	{display: block; background: #dfe9be; padding: 0.5em; margin: 0em; color: #333; display: none;}
.green_box a:hover	{display: block; background: #eaf2d0; padding: 0em; padding: 0.5em; margin: 0em; color: #333; display: none;}

#brown, #brown h4, #brown a:link, #brown a:visited		{color: #cc9900; display: none;}

.brown_box a:link, .brown_box a:visited	{display: block; background: #f7f0d9; padding: 0.5em; margin: 0em}
.brown_box a:hover	{display: block; background: #e1d8bc; padding: 0.5em; margin: 0em}

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

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

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

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

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

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

.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; display: none;}

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

.announcementBlock	{clear: both; display: none;}
.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; display: none;}
.profileThumb	{float: left; margin: 0 10px 10px 0; display: block; display: none;}

/*.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 20px 0; display: none;}
.halfCol p		{margin: 0; display: none;}
.halfCol img	{float: left; margin: 0 10px 10px 0}

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

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

#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; display: none;}
#toolkitHeadTxt h1	{color: #003300; font-size: 20px; margin: 0px}
#toolkitHead a	{color: #060; display: none;}
#toolkitHeadImg	{float: left; display: none;}

#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; display: none;}
#servicesHeadTxt h1	{color: #000; font-size: 20px; margin: 0px}
#servicesHead a	{color: #3a0036; display: none;}
#servicesHeadImg	{float: left; display: none;}

#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; display: none;}
#clientsHeadTxt h1	{color: #000; font-size: 20px; margin: 0px}
#clientsHead a	{color: #c04203; display: none;}
#clientsHeadImg	{float: left; display: none;}

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

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

.linkBox	{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; height: 120px}
.contentHolderEnd{width: 160px; margin: 10px 0 10px 0; float: left}
.contentHolder h4, .contentHolderEnd h4{color: #036; font-weight: bold}
.contentHolder p, .contentHolderEnd p	{padding: 7px 9px; background-color: #eef8fc; line-height: 14px}

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

#threeQuarter	{width: 320px; padding: 0 10px 0 0;  float: left}

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

/* *** 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 {
     background-image: url(../images/btnViewCart.gif);
     width: 65px;
     height: 24px;
     vertical-align:middle;
	 font-size: 0.01em;
	 color: #036;
     display:-moz-inline-block; /* for Firefox */
     display:-moz-inline-box; /* for Firefox */
     display:inline-block;
     text-indent: -9999px; /* hides the text */
	 margin: 0 0 0 20px;
	}
	
.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		{border-top: 1px solid #d5effa; clear: both; padding: 20px 0 0 0; display: none;}
#catwebformbutton.cat_button		{float: left; margin: 10px 0 0 0; width: 75px; display: none;}

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

.calloutOne p{
	width: 430px;
	}
	
.calloutTwo{
	margin: 10px 0;
	width: 480px;
	background: url(../images/calloutImg_2.gif) bottom right no-repeat #d8e1bb;
	padding: 10px;
	}

.calloutTwo p{
	width: 430px;
	}