div#scrollcontainer	{ 
		background: ##FFFFFF; 
		}
	div#scrollcontainer2	{ 
		background: ##FFFFFF; 
		}		
			
	div#wn	{ 
		position: relative;
		width:750px; 
		height:110px; 
		overflow:hidden;	
		}
		
	div#wn2	{ 
		position: relative;
		width:170px; 
		height:150px; 
		overflow:hidden;	
		}	
		
	.PartTitle {
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: bolder;
		color: #000000;
	}	
	.subHeader {
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bolder;
		color: #FFFFFF;
	}
	.subHeader2 {
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: bolder;
		color: #000000;
	}
	.subHeader3 {
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: bolder;
		color: #000000;
	}			
	.tabHeader {
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bolder;
		color: #000000;
	}
	.tabHeader2 {
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bolder;
		color: #000000;
		padding: 10px;
	}	
	.InspiringNew {
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bolder;
		color: #CC0033;
	}
	.obsoloteProd {
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bolder;
		color: #CC0033;
	}
	
	.style1 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;}
	
	.style1 A:link {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: blue;
		text-decoration: underline
		}
	.style1 A:visited {	
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: blue;
		text-decoration: underline
		}
	.style1 A:active {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: blue;	
		text-decoration: underline
		}
	.style1 A:hover {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: blue;	
		text-decoration: none;
		cursor: hand;
		}
	.tableborder {
		border-bottom:1px ##333333 solid;
		border-top:1px ##333333 solid;
		border-left:1px ##333333 solid;
		border-right:1px ##333333 solid;
		}
	.tableborder th {
		background-color:##CCCCCC;
		font-size:12px;
		font-weight:normal;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	a.info{
		position:relative; /*this is the key*/
		z-index:24;
		/*text-decoration:none; */
		}
	
	a.info:hover{z-index:25; }
	
	a.info span{display: none}
	
	a.info:hover span{ /*the span will display just on :hover state*/
		display:block;
		position:absolute;
		top:2em; left:2em;
		border:1px solid #0cf;
		background-color:#FFFECC; color:#000;
		text-align: center;
		text-decoration: none;}
	
	#thumbBox{ /*Outermost DIV for thumbnail viewer*/
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	padding: 10px;
	padding-bottom: 0;
	background: #313131;
	visibility: hidden;
	z-index: 10;
	cursor: hand;
	cursor: pointer;
	}
	
	#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
	font: bold 16px Tahoma;
	letter-spacing: 5px;
	line-height: 1.1em;
	color: white;
	padding: 5px 0;
	text-align: right;
	}
	
	#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
	background-color: white;
	}
	
	#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
	position: absolute;
	visibility: hidden;
	border: 1px solid black;
	background-color: #EFEFEF;
	padding: 5px;
	z-index: 5;
	}
	
	.photogallery{ /*CSS for TABLE containing a photo album*/
	}
	.photogallery img{ /*CSS for images within an album*/
	border: none;
	}
	.photonavlinks{ /*CSS for pagination DIV*/
	font: bold 14px Arial;
	}
	.photonavlinks a{ /*CSS for each navigational link*/
	margin-top: 5px;
	margin-right: 2px;
	margin-bottom: 3px;
	padding: 1px 5px;
	border:1px solid gray;
	text-decoration: none;
	background-color: white;
	}
	.photonavlinks a.current{ /*CSS for currently selected navigational link*/
	background-color: #FFFECC;
	}
	
		.ui-slider {clear: both;}	
		fieldset { border:0; }


/**********************************/		
.relProdHeader {
	width: 350px;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: white;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	background-color: #660000;	
}		

.relProdContainer {
	width: 990px;
	height: auto;
	padding: 4px;
	border: 1px solid rgb(143,3,2);	
	text-align: center;	
}
.relProdDiv {
	width: 980px;
	height: 160px;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}
	.subHeader2 {
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: bolder;
		text-decoration: none;
		color: blue;
	}
	
	
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	width /**/ : 100%; /*Internet Explorer hack. Only IE understands this*/		
	height: 100%;
	height /**/ : 100%; /*Internet Explorer hack. Only IE understands this*/		
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.5;
	opacity:.50;
	filter: alpha(opacity=50);
}

#shareFriend {	
	width: 600px;
	height: 400px;
	overflow: auto;
	background: white;
	border: 1px solid #660000;
	padding: 10px 10px 10px 10px;
	position: absolute;
	left: 30%;
	top: 10%;
	z-index:1002;
}

.submitBtn {
	border: 1px solid black;
	background-color: #EEECEF;
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #293138;
}

.ui-dialog-titlebar-close{
	background-image: url(/assets/images/ui-icons_222222_256x240.png);
	background-position: -96px -128px;
 }