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

/*projects use define*/
#navigation li#projects{
	background:url(../images/bg_navhover.gif) left top repeat-x;
}
#navigation li#projects a{
	color:#8c8b79;
	background:url(../images/nav_project_active.jpg)  left center  no-repeat;
}




/*projects struts*/
#subnavigationpanel{
	float:left;
	width:168px;
	padding:0px;
	margin:0px;
	background-color:#afae9a;
	padding-top:20px;
	overflow:hidden;	
}
	#subnavigation, .subnavigation{
		float:left;
		/*list-style:none;*/
		list-style-type:none;
		width:168px;
		padding:0px;
		margin:0px;
	}
		#subnavigation li, .subnavigation li{
			overflow:hidden;
			/*in ie6*/
			list-style-type:none;
			font-family: Arial, Helvetica, sans-serif;
			border-top:1px solid #fff;
			text-indent:5px;
		}
			#subnavigation li ul, .subnavigation li ul{
				margin:0px;
				padding:0px;
			}
			#subnavigation li ul li, .subnavigation li ul li{
				margin:0px;
				padding:0px;
				text-indent:15px;
				background:#f9f9f8;
				border-top:none;
			}	
				#subnavigation li ul li a, .subnavigation li ul li a{
					background-image:none;
					color:#bdbbaa;
				}
		#subnavigation li.subnavon, .subnavigation li.subnavon{
			background-color:#efefe3;
		}	
			#subnavigation li.subnavon li a, .subnavigation li.subnavon li a{
					background-image:none;
					color:#bdbbaa;
			}	
		
			#subnavigation li ul.open, .subnavigation li ul.open{
				display:block;
				list-style-type:none;
			}
			#subnavigation li ul.close, .subnavigation li ul.close{
				display:none;
				list-style-type:none;
			}
			#subnavigation li a.all, .subnavigation li a.all{
				background-image:none;
			}
			#subnavigation li.subnavon a.all, .subnavigation li.subnavon a.all{
				background-image:none;
			}
			#subnavigation li.subnavon li a.on, .subnavigation li.subnavon li a.on{
				color:#787669;
			}
			
			
		
		#subnavigation li a, .subnavigation li a{
			height:21px;
			width:163px;
			font-size:10px;
			font-weight:bold;
			color:#fff;
			line-height:21px;
			text-decoration:none;
			/* overflow:hidden; */
			display:block;
			background:url(../images/ico_arrowup.gif) right center no-repeat;
			margin-right:5px;
			
		}
		#subnavigation li a:hover, .subnavigation li a:hover{
			text-decoration:none;
		}
		#subnavigation li.subnavon a, .subnavigation li.subnavon a{
			color:#4d4d4f;
			background:url(../images/ico_arrowdown.gif) right center no-repeat;
		}
	#controlpanel, .controlpanel{
		border-top:1px solid #fff;
		float:left;
		font-size:10px;
		width:168px;
		color:#fff;
		text-indent:5px;
		
	}
		#controlpanel p{
			padding:6px 0px;
		}
		#resultpanel{
			border-bottom:1px solid #fff;
			display:none;
		}
			#resultpanel p{
				padding:10px 0px;
			}
		#serarchform {
			float:left;
			padding:8px 0px;
			margin:0px;
			overflow:hidden;
		}
		#zipcode{
			float:left;
			width:98px;
			height:16px;
			border:none;
			border-top:1px solid #6b6856;
			border-left:1px solid #6b6856;
			margin:3px 0px 0px 5px;
			color:#6b6856;
			font-size:10px;
			font-family: Arial, Helvetica, sans-serif;
		}
		#btngo{
			float:left;
			margin-left:6px;
			overflow:hidden;
		}
#contentcontainer{
	float:right;
	width:590px;
	background-color:#fff;
}
	#pagedescript{
		width:500px;
		float:left;
		padding-top:30px;
		padding-left:20px;
		font-weight:bold;
	}
	.bannerNocookie #pagedescript{
		padding-top:18px;
	}
	
		#pagedescript img {
			float:left;
			padding-right:10px;
		}
	#pager{
		font-family:sans-serif;
		font-size:10px;
		font-weight:normal;
		padding-top:7px;
		height:35px;
	}

		#pagesize{
			float:left;
			text-indent:10px;
			vertical-align:middle;
			height:35px;
			
		}
			#pagesize label{
				margin:3px 5px 0px 0px;
			}
			#pagesize input, #pagesize label{
				float:left;
			}
			#pager a{
				margin:0px 5px;
				display:inline;
				color:#6B6856;
				/*text-decoration:none;*/
			}
			#pager a.PagerOn{
				color:#eb6e20;
			}
			#pager span.PagerOn{
				color:#93a548;
				margin:0px 5px;
				display:inline;
				
			}
		#pagelink{
			float:right;
		}
	#projectlist{
		padding-bottom:30px;
		float:left;
		min-height:565px;
		_height:565px;
	}
		#projectlist ul{
			margin:0px;
			padding:0px;
			width:590px;
			list-style:none;
		}
			#projectlist ul li{
				float:left;
				width:127px;
				padding:0 0px 10px 20px;
				_height:230px;
				min-height:230px;
			}
				#projectlist ul li img{
					border:1px solid #b2b19e;
					width:125px;
					height:124px;
					display:block;
				}
				#projectlist ul li p{
					padding:2px 0px 0px 12px;
					font-weight:bold;
					font-size:10px;
					color:#424242;
				}
					#projectlist ul li p span, #projectlist ul li p a{
						color:#424242;
						/*text-decoration:none;*/
					}
				.listpjname{
					background:url(../images/arrow-con.gif) no-repeat left 4px ;
				}
				.listpjmtpe{
					background:url(../images/arrow-con.gif) no-repeat left 4px;
				}
				.skilllv{
					font-family:tahoma;
				}			
	/*projectdetail*/
	#sendcontainer label.error{
		color:#ff0000;
	}
	#sendcontainer #send #sendinfo{
		float:left;
		font-size:12px;
		font-weight:bold;
		padding:20px;
	}
	#sendcontainer{
		background:transparent url(../images/arrow.gif) no-repeat scroll 377px 5px;
		width:384px;
	}
	#send{
		float:left;
	}
	#controlpanel .tipheader, .controlpanel .tipheader{
		height:50px;
		background:#dc812d;
	}
	#controlpanel .tipheader img, .controlpanel .tipheader img{
		float:left;
		padding:10px 8px;
	}
	#controlpanel .tipheader p, .controlpanel .tipheader p{
		float:left;
		color:#fffefe;
		font-size:14px;
		font-weight:bold;
		text-indent:0px;
		width:120px;
		padding-top:10px;
	}
	#controlpanel .tipbody, .controlpanel .tipbody{
		background:#f3f2e8;
	}
	#controlpanel .tipbody span, .controlpanel .tipbody span{
		padding:10px;
		display:block;
		color:#9b9a91;
		font-size:12px;
		font-weight:bold;
		text-indent:0px;
	}
	#shoppingpanel .tipbody span{
		padding:0px 0px 10px 0px;
		text-align:center;
	}
	#projectdet{
		float:left;
		width:566px;
		margin:12px;
		display:inline;
	}
	.shopnow{
		background:transparent url(../images/ico_arrowright_red.gif) no-repeat scroll left center;
		clear:both;
		color:#D47C36;
		display:block;
		width:60px;
		font-size:10px;
		font-weight:bold;
		margin:0px 0px 0px 10px;
		padding:0 0 5px 10px;
	}

		.defaultpic{
			width:173px;
			height:173px;
			border:1px solid #b2b19e;
		}
		.workshoppic{
			width:112px;
			margin:5px 0px;
			border:1px solid #b2b19e;
		}
		#projectdet img{
			float:left;
		}
		#projdescript{
			float:left;
			margin:2px 0px 0px 5px;
			width:385px;
		}
		#projdescript #projectLearnMore{
			float:left;
			margin-top:10px;
			padding-top:10px;
			border-top:1px solid #424242;
			padding-left:0px;
			margin-left:10px;
			display:inline;
		}
		#projdescript #projectLearnMore a{
			color:#424242;
			text-decoration:underline;
			padding-left:10px;
			background:url(../images/arrow-con.gif) no-repeat left center;
		}
			#projdescript span{
				display:block;
				margin:2px 0px;
				padding-left:10px;
				color:#424242;
			}
				.projectName{
					color:#424242;
					font-size:12px;
					font-weight:bold;
					padding-left:10px;
				}
			#viewworkshop{
				display:block;
				height:36px;
				padding:25px 0px 15px;
				line-height:28px;
				float:left;
				width:190px;
			}
				#viewworkshop img{
					margin:0px 5px 0px 0px;
				}
				#viewworkshop a{
					color:#eb6e20;
					font-weight:bold;
					font-size:12px;
					/*text-decoration:none;*/
				}
			#supplypanel{
				padding:5px 0px;
			}
				.supplylistType{
					color:#424353;
					text-transform:capitalize;
					font-weight:bold;
					padding-bottom:5px;
				}
				.supplylistName{
					color:#97a96a;
					font-weight:bold;
					font-size:11px;
					padding:0px 0px 5px 10px;
					background:url(../images/arrow-list-3.gif) left 4px no-repeat;
				}
				
				
			#goworkshop{
				margin-left:3px;
			}
				#relatedworkshop{
					color:#84826f;
					font-weight:bold;
					padding:0 5px 0 15px;
					float:left;
					background:url(../images/arrow-list-out.gif) left 3px no-repeat;
					width:152px;
				}
				#relatedworkshopnext{
					color:#84826f;
					font-weight:bold;
					padding:0 5px 0 15px;
					float:left;
					background:url(../images/arrow-list-out.gif) left 3px no-repeat;
					width:152px;
				}


				#eventbrief, #eventbriefnext{
					float:left;
					padding:5px 0px 0px 15px;
				}
				#eventbrief .linkmore, #eventbriefnext .linkmore{
					margin-top:3px;
				}
				.linkmore{
					display:block;
					color:#d47c36;
					font-size:10px;
					/*text-decoration:none;*/
					font-weight:bold;
					margin:0px;
					padding:0px 0px 0px 10px;
					background:url(../images/ico_arrowright_red.gif) left center no-repeat;
					clear:both;
					float:left;
					
				}
	#descpart {
		float:right;
		width:192px;
	}
	#stepcontainer{
		clear:both;
		margin:0px 0px 0px 12px;
	}
		#stepheader{
			height:25px;
			background-color:#9e9c8b;
			color:#fff;
			font-weight:bold;
			line-height:25px;
			text-indent:10px;
		}
		#stepcontral{
			height:25px;
			background-color:#f1f1ed;
			text-align:right;
			line-height:25px;
		}
			#stepcontral a{
				color:#d47c36;
				font-size:10px;
				font-weight:bold;				
				/*text-decoration:none;*/
				margin:0px 7px 0px 0px;
				padding-left:8px;
				background:url(../images/ico_arrowright_red.gif) left center no-repeat;
			}
		#steps{
			padding:0px;
			margin:5px 0px;
			list-style:none;
			float:left;
			display:inline;
			padding-bottom:30px;
			width:376px;
			
		}
			#stepslen{
				float:left;
				padding-left:10px;
			}
			#steps li{
				float:left;
				padding-bottom:10px;
				width:376px;
				background:transparent url(../images/line-b.gif) repeat-x scroll center bottom;
			}
			#steps li.lastli{
				background:none;
			}
			.steptitle{
				height:25px;
				line-height:25px;
				color:#6b6856;
				font-weight:bold;
				width:376px;
				float:left;
			}
			.steppic{
				/*border:1px solid #b2b19e;*/
				width:148px;
				float:left;
			}
			.stepdesc{
				float:left;
				width:376px;
				margin:0px;
				padding-top:10px;
				color:#424242;
			}
			#stepcontainer dl{
				float:right;
				width:192px;
				padding-top:12px;
			}
			#stepcontainer dt{
				background-color:#e2e0cd;
				float:left;
				padding-left:10px;
				width:182px;
				color:#8c8b79;
				font-family:Arial,Helvetica,sans-serif;
				font-weight:bold;
				min-height:50px;
				/*in ie6*/
				_height:50px;
				line-height:50px;
			}
			#stepcontainer dt.dtshort{
				min-height:28px;
				/*in ie6*/
				_height:28px;
				line-height:28px;
			}
			#stepcontainer dt.dtrelated img{
				margin:10px 5px 10px 0px;
			}			
			#stepcontainer dt.dtshopnow img{
				margin:10px 5px 10px 0px;
			}			
			
			
			#stepcontainer dt img{
				float:left;
			}
			#stepcontainer dd{
				background-color:#f3f3e9;
				float:left;
				width:172px;
				min-height:18px;
				/*in ie6*/
				_height:18px;
				padding:5px 10px;
			}
			#stepcontainer dt span.spanshort, #stepcontainer dd span.spanshort{
				float:left;
				width:86px;
			}
	.bannerimg{
		height:87px;
		background:#f6f6f4 url(../images/bg_banerpj.jpg) right top no-repeat;
		clear:both;
		display:block;
	}
	.bannerNocookie	{
		height:148px;
		background:#f6f6f4 url(../images/bg_banerpj.jpg) right top no-repeat;
		clear:both;
		display:block;
	}
		#bannerimg .projmenutyp{
			padding:35px 0px 0px 10px;
			display:block;
			font-size:14px;
			font-weight:bold;
			color:#fff;
		}
a.suplink{color:#97A96A;}
		
/*project for print*/
#printcontainer .supplylistType{
	font-weight:bold;
	text-transform:uppercase;
	padding:0px;
	margin:15px 0px 0px;
}
#printcontainer .supplylistName{
	padding:0px;
	margin:2px 0px;
	color:#424242;
	background:none;
	font-weight:normal;
}	
#printcontainer .channelTitle{
	font-weight:bold;
	margin:0px;
	padding:0px;
}	
	#printcontainer #projdescript{
		float:none;
		width:731px;
		margin:0px;
		background:transparent url(../images/line-b.gif) repeat-x scroll center bottom;
		padding-bottom:20px;
	}
		#printcontainer #projdescript span, #printcontainer #projdescript div{
			padding-left:0px;
		}
		#printcontainer #supplypanel{
			display:block;
			position:relative;
			background-color:#fff;
			border:none;
			padding:20px 0px;
			width:731px;
			background:transparent url(../images/line-b.gif) repeat-x scroll center bottom;
		}
		#printcontainer #stepcontainer{
			float:left;
			margin:0px 0px 0px;
			padding:20px 0px 0px;
			width:731px;
		}
		#printcontainer #steps{
			display:inline;
			float:left;
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			margin:0px;
			padding:0px;
		}
		#printcontainer #steps li{
			background:transparent url(../images/line-b.gif) repeat-x scroll center bottom;
			width:731px;
			border:none;
		}
		#printcontainer #steps li .steptitle{
			width:731px;
		}
		#printcontainer #steps li .stepdesc{
			width:520px;
			padding-left:11px;			
		}


#steps li ul{
	float:left;
	padding:0px;
	margin:0px;
	list-style:none;
	font-weight:bold;
	margin-top:5px;
	width:376px;
}
#steps li ul li{
	background:none;
	float:left;
	margin-top:5px;
	padding:0px 0px 0px 10px;
	width:366px;
	font-weight:normal;
	background:transparent url(../images/bullet.jpg) no-repeat scroll left 5px;
}

.arrowico{
	clear:both;
	display:block;
	background:transparent url(../images/arrow-list-3.gif) no-repeat scroll left 3px;
}
#stepcontainer dd.videos{
	padding:0px 10px 10px;
}
#videoPup{
	display:none;
	position:absolute;
}