@charset "utf-8";

.wrapper
{
	max-width:600px;
	min-width:400px;
	width:100%;
	margin:auto;
	background-color:#fcfcfc;
}


.head
{
	display:block;
	background-color:#54606e;
	font-weight:bold;
	font-size:150%;
	text-indent:5px;
	padding-bottom:3px;
	clear:both;
	background-image: linear-gradient(bottom, rgb(84,96,110) 27%, rgb(106,116,130) 58%);
	background-image: -o-linear-gradient(bottom, rgb(84,96,110) 27%, rgb(106,116,130) 58%);
	background-image: -moz-linear-gradient(bottom, rgb(84,96,110) 27%, rgb(106,116,130) 58%);
	background-image: -webkit-linear-gradient(bottom, rgb(84,96,110) 27%, rgb(106,116,130) 58%);
	background-image: -ms-linear-gradient(bottom, rgb(84,96,110) 27%, rgb(106,116,130) 58%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.27, rgb(84,96,110)),
		color-stop(0.58, rgb(106,116,130))
		);
}


.Breadcrumbs
{
	display:block;
	background-color:#9cc93c;
	text-indent:25px;
	margin-top:5px;
	clear:both;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-weight:bold;
	color:white;
	padding-top:5px;
	padding-bottom:5px;
	
	background-image: linear-gradient(left , rgb(156,201,60) 27%, rgb(233,255,186) 73%);
	background-image: -o-linear-gradient(left , rgb(156,201,60) 27%, rgb(233,255,186) 73%);
	background-image: -moz-linear-gradient(left , rgb(156,201,60) 27%, rgb(233,255,186) 73%);
	background-image: -webkit-linear-gradient(left , rgb(156,201,60) 27%, rgb(233,255,186) 73%);
	background-image: -ms-linear-gradient(left , rgb(156,201,60) 27%, rgb(233,255,186) 73%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		right bottom,
		color-stop(0.27, rgb(156,201,60)),
		color-stop(0.73, rgb(233,255,186))
		);
	-webkit-border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;border-radius: 10px 10px 0px 0px;
}



.HBoxMain /* Holder for Info of Man and other software */
{
	overflow:auto;
	background-color:#;
	height:auto;
	min-width:600px;
	/* border-bottom-style:solid;
	border-bottom-width:medium; */
}
		.HBox1Holder /* Holder for Box1 */
		{	
			background-color:#;
			float:left;
			margin-top:15px;
			margin-bottom:10px;	
			width:60%;
			height:155px;
			/*border-right-style:solid;
			border-right-width:medium; */
		}
			.HBox1Img /* Holder for the image */
			{
				float:left;
				margin:10px;
				width:128px;
				height:128px;
			}
			.HBox1Img img
			{
				width:128px;
				height:128px;
				-webkit-box-shadow: 3px 3px 5px 0px ;
				box-shadow: 3px 3px 5px 0px ; 
				-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
			}
			.HBox1Text
			{
				float:left;
				overflow-x:auto; 
				overflow-y:scroll;
				font-family:Verdana, Geneva, sans-serif;
				color:#374256;
				font-size:12px;
				width:195px;
				height:145px;
			}
		
		/*
		.HBox1
		{
			background-color:#d3d3d3;
			float:left;
			width:59%;
			margin-top:10px;
			margin-left:5px;
			margin-bottom:10px;
			border-right-style:solid;
			border-right-width:medium;
			overflow-x:auto; 
			overflow-y:scroll;
			height:150px;
			border-bottom-style:solid;
			border-bottom-width:medium;
			font-family:Verdana, Geneva, sans-serif;
			font-size:12px;
		}
		
		div.HBox1 img
		{
			margin:10px;
			width:128px;
			height:128px;
			float:left;
			-webkit-box-shadow: 3px 3px 5px 0px ;
			box-shadow: 3px 3px 5px 0px ; 
			-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
		}
		*/
		
		
		.HBox2 /* Holder Software Area */
		{
			background-color:;
			float:left;
			width:39%;
			height:150px;
			text-indent:10px;
			margin-top:15px;
			font-size:14px;
			/* border-bottom-style:solid;
			border-bottom-width:medium; */
		}
		.HBox2 li
		{
			font-size:13px;
		}
		
		
		
		
.ScrollArea
{
	display:block;
	background-color:#;
	height:190px; 
	overflow-y:auto; 
	overflow-x:scroll;
	clear:both;
}
		.ScrollContent /*for the extended scroll box area */
		{
			width:1280px;
			min-width:500px;
		}
		.ScollBoxData
		{
			float:left;
			width:144px;
			background-color:#d8d8d8;
			color:#374256;
			font-family:Verdana, Geneva, sans-serif;
			font-size:12px;
			height:100%;
			margin-left:10px;
			margin-top:10px;
			-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
			-webkit-box-shadow: 3px 3px 5px 0px ;
			box-shadow: 3px 3px 5px 0px ;
			padding-left:5px;
			padding-bottom:5px;
			padding-top:5px;
			/*
			background-image:url(images/New%20folder/images/images/glass.gif);
			background-position:right top;
			background-repeat:no-repeat;
			*/
			
		}
		
		div.ScollBoxData img
		{
			-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
			max-height:66px;
			max-width:144px;
			margin:0 auto;
			margin-left:5px;
			margin-top:5px;
			margin-bottom:5px;
			
			-webkit-box-shadow: 3px 3px 5px 0px ;
			box-shadow: 3px 3px 5px 0px ; 
		}
		.ScollBoxLink
		{
			float:right;
			font-size:12px;
			padding-right:5px;
			padding-top:10px;
			text-decoration:none;
		}
		
		
		
		
.LibaryArea
{
	width:100%;
	min-width::600px;
	background-color:#;
	clear:both;
	overflow:auto;
	padding-bottom:5px;
}
		.AccrodImage1
		{
			float:left;
			margin:5px;
			width:auto;
		}
		div.AccrodImage1 img
		{
			-webkit-box-shadow: 2px 2px 2px 0px ;
		box-shadow: 2px 2px 2px 0px ; 
		}
		.scoll
		{
			float:left;
			min-height:270px;
			max-height:270px;
			width:80%; /* was set to 80% */
			overflow:auto;
			margin-top:5px;
			font-family:Verdana, Geneva, sans-serif;
			font-size:12px;
			background-color:#d8d8d8;
		}
		
		div.scoll dt /* just used to add color since not all are links yet */
		{ 
			color:#374256;
		}
		
		dt>a
		{
			font-size:15px;
			text-decoration:none;
			color:#374256;
		}
		dt>a:hover
		{
			text-decoration:none;
			color:#9ccb3d;
			text-indent:5px;
		}
		

		
		
		dl.ULWidth
		{
			width:100%;
		}
		
		
		a>div 
		{ 
			display: none; 
		}
		a:hover>div 
		{ 
			display: block;
			text-align:right;
		}
		
		.scrollWidth 
		{
			width:650px;
		}
		
		
.BoxFooter
{
	float:left;
	clear:both;
}


.ImgRound1
{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

span.dropt {border-bottom: thin dotted; background:;}
span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
span.dropt span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6; ;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; -webkit-box-shadow: 2px 2px 2px 0px ;
box-shadow: 2px 2px 2px 0px ; }
span.dropt:hover span {left: 2%; background: #ffffff;} 
span.dropt span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;}
span.dropt:hover span {margin: 20px 0 0 170px; background: #ffffff; z-index:6;} 

/*   Start popout  Second one */

.ProductHolderTest
{
	margin:auto;
	max-width:700px;
}
.ProductPopoutHeader
{
	margin-left:10px;
}
.ProductPopoutHeader p
{
	font-weight:bold;
}
.ProductPopoutHeader img
{
	margin:10px;
}
first-word{font-weight:bold;}

.Popout
{
	min-width:652px;
	width:652px;
	clear:both;
	overflow:auto;
	margin:auto;
	background-color:#;
}

.ProductImageArea
{
	width:95%;
	overflow:auto;
	margin:auto
}
.ProductImage1
{
	width:33%;
	float:left;
	height:240px;
	background-color:#F6F;
}
.ProductImage2
{
	width:33%;
	float:left;
	height:240px;
	background-color:#0FF;
}
.ProductImage3
{
	width:33%;
	float:left;
	height:240px;
	background-color:#99C;
}
.ProductImageDWF
{
	background-color:#0F0;
	text-align:center;
}

span.droptProduct {border-bottom: thin dotted; background:;}
span.droptProduct:hover {text-decoration: none; background: #ffffff; z-index: 500; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
span.droptProduct span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 500; ;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; -webkit-box-shadow: 2px 2px 2px 0px ;
box-shadow: 2px 2px 2px 0px ; }
span.droptProduct:hover span 
{
	position:absolute;
	left:-170px;
	background: #ffffff;
	} 
span.droptProduct span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;}
span.droptProduct:hover span {margin: 20px 0 0 170px; background: #f3f3f3; z-index:500;} 

/*   End popout  Second one */