@charset "utf-8";
/* @WEIGH CSS Style Sheet */

/* MAIN BODY*/


body {
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/weigh-main-bg.jpg) repeat-y;
	background-color:#0066CC;
}

div#page-wrap {
	width: 900px;
	min-height: 650px;
}

.clear {clear:both;}

.content-text {
	font-size:12px;
	color:#003366;
}


/* GENERAL LINKS */
a:link {
	color: #FF0000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FF9900;
}
a:hover {
	text-decoration: none;
	color: #0066CC;
}
a:active {
	text-decoration: none;
	color: #FF9900;
}

/* GENERAL LINKS */
.aMenu a:link{

	color: #FF9900;
	text-decoration: none;
	font-size:16px
}
.aMenu a:visited {
	text-decoration: none;
	color: #ff9900;
	font-size:16px
}
.aMenu a:hover {
	text-decoration: none;
	color: #0066CC;
	font-size:16px
}
.aMenu a:active {
	text-decoration: none;
	color: #FF9900;
	font-size:16px
}
}
/* MAIN NAVIGATION*/
ul#nav {

	margin:0px;
	height: 15px;
	list-style: none;	
	}
	ul#nav li{
		display:inline;
	}
	ul#nav li a{
		float:left;
		margin-left:5px;
		margin-top:15px;
		width:95px;
		padding-left: 5px;
		text-decoration:none;
		font-size:16px;
		color:#444444;
		font-weight:bold;
		
	}
	ul#nav li a:hover{
		color:#0567CC;
	}
	
/* LEFT SIDE NAVIGATION*/
ul#nav2 {

	list-style: none;	
	margin-top: 110px;
	margin-left: 50px;
	}
	
	ul#nav li{
		display:inherit;
	}
	
	ul#nav2 li a{
		float:left;
		margin-top:13px;
		width:280px;
		text-decoration:none;
		color:#0567CC;
		font-size:18px;
		
		text-align:left;
		
	}
	ul#nav2 li a:hover{
		color:#C70506;
		font-weight:bold;
	}

/* CONTENT & MENU */

#left-col-spec{		
		font-family:arial;	/* Font for main menu items */
		width:220px;	/* Width of main menu */	
		margin-top: 160px;
		margin-left:35px;
	}
	#left-col-spec	li{	/* Main menu <li> */
		list-style-type:none;	/* No bullets */
		margin:0px;	/* No margin - needed for Opera */
	}
	#left-col-spec ul{	
		margin:0px;	/* No <ul> air */
		padding:0px;	/* No <ul> air */
	}
	#left-col-spec ul li ul{	/* Styling for those who doesn't have javascript enabled  - sub menu items*/
		padding-left:20px;
	}
	#left-col-spec	li a{	/* Main menu links */
	
		text-decoration:none;	/* No underline */
		color:#000;	/* Black text color */
		
		height:25px;	/* 20 pixel height */
		line-height:25px;	/* 20 pixel height */
		vertical-align:middle;	/* Align text in the middle */
		border:0px solid #000;	/* Black border */
	
		margin:1px;	/* A little bit of air */
		padding:1px;	/* Air between border and text inside */
		
		display:block;
		
	font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:18px;
		color:#FF0000;
		font-weight:bold;

	}
	#left-col-spec	li a:hover,#left-col-spec .activeMainMenuItem{
		color:#FFF;
		background-color:#FF0000;
		}	
		
div#main-content {
	width: 985px;
	
	}

	div#left-col{
	
		float: left;
		width: 290px;
			height: 740px;
		background:url(../images/weigh-sidemenu-logo.jpg) no-repeat;
		}
		div#right-col{
		float: right;
		width: 680px;
		min-height: 400px;
		}
			div#right-col-menu{
				float: right;
				width: 680px;
				margin-right: 1px;
				height: 60px;
				background:url(../images/weigh-menu.jpg) no-repeat;
				}
				
			div#right-title{
			
				margin-top: 0px;
				width: 650px;
				height: 190px;
				}
			div#right-title2{
		
				margin-top: 0px;
				width: 650px;
				height: 190px;
				}		
			div#right-content{
				float: right;
				margin-top: 120px;
				margin-left: 20px;
				width: 656px;
				min-height: 400px;
				}
				
/* PRODUCTS */

div#product-holder {
	width: 590px;
}

	div#product-holder-image {
		width: 590px;
	}
#productsMenu{

		text-align:left;
		background-color:#FFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		color:#000066;
		text-align:left;
	}
#mainContainer{
		width:760px;
		margin:0 auto;
		text-align:left;
		background-color:#FFF;
		height:500px;
	}
	
	#leftContainer{
		width:160px; 
		float:left;
		padding-left:5px;
		padding-right:5px;
		height:270px;
	}
	
	#contentContainer{
		width:590px;
		float:left;
	}
	.ad{
		clear:both;
		text-align:center;
		padding:5px;
	}	
	
	/* END DEMO CSS */
	#dhtmlgoodies_menu{		
		font-family:arial;	/* Font for main menu items */
		width:220px;	/* Width of main menu */
		
	
		margin-left:35px;
	}
	#dhtmlgoodies_menu	li{	/* Main menu <li> */
		list-style-type:none;	/* No bullets */
		margin:0px;	/* No margin - needed for Opera */
	}
	#dhtmlgoodies_menu ul{	
		margin:0px;	/* No <ul> air */
		padding:0px;	/* No <ul> air */
	}
	#dhtmlgoodies_menu ul li ul{	/* Styling for those who doesn't have javascript enabled  - sub menu items*/
		padding-left:20px;
	}
	#dhtmlgoodies_menu	li a{	/* Main menu links */
	
		text-decoration:none;	/* No underline */
		color:#000;	/* Black text color */
		
		height:25px;	/* 20 pixel height */
		line-height:25px;	/* 20 pixel height */
		vertical-align:middle;	/* Align text in the middle */
		border:0px solid #000;	/* Black border */
	
		margin:1px;	/* A little bit of air */
		padding:1px;	/* Air between border and text inside */
		
		display:block;
		
	
		font-size:15px;
		color:#0066CC;
		font-weight:bold;

	}
	#dhtmlgoodies_menu	li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{
		color:#FFF;
		background-color:#0066CC;
		
	}
	.dhtmlgoodies_subMenu{
		visibility:hidden;
		position:absolute;
		overflow:hidden;
		border:1px solid #000066;
		line-height:25px;
		background-color:#ffffff;
		font-family:arial;
		text-align:left;
		margin-left:5px;
		font-size:15px;
		
	
	}
	.dhtmlgoodies_subMenu ul{
		width:100%;
		margin:0px;
		padding:0px;
		display:block;
	
	}
	.dhtmlgoodies_subMenu ul li{
		list-style-type:none;
		line-height:25px;	/* 20 pixel height */
		vertical-align:middle;	/* Align text in the middle */

		margin:0px;	/* A little bit of air */
		padding:0px;	/* Air between border and text inside */
		
		display:block;
		
		font-size:15px;
		color:#0066CC;
	
	
	}
	.dhtmlgoodies_subMenu ul li a{	/* Sub menu items */
		white-space:nowrap;	/* No line break */
		text-decoration:none;	/* No underline */
		color:#000;	/* Black text color */
		border:1px solid #000066;
		border-spacing:0px;
		font-weight:bold;
		padding:0px;	/* 1px of "air" inside */
		margin:0px;
		
		display:block;	/* Display as block - you shouldn't change this */
	
	}
	.dhtmlgoodies_subMenu ul li a:hover{	/* Sub menu items - mouse over effects */
		color:#FFF;	/* White text */
		background-color:#0000CC;	/* Blue background */
		
		margin:0px;
		padding:0px;
	}


	
#menu {
	float:left;
	font-size:16px;
	line-height:normal;
	border-bottom:1px solid #666;
	}
#menu ul {
	margin:0px;
	padding:0px 0px 0px 5px;
	list-style:none;
	}
#menu li {
	display:inline;
	margin:0px;
	padding:0;
	}
#menu a {
	float:left;
	background:url("../images/tableftF.gif") no-repeat left top;
	
	padding:0 0 0 4px;
	text-decoration:none;
	}
#menu a span {
	float:left;
	display:block;
		background:url("../images/tabrightF.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#666;
	}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span {color:#FFFFFF;}
#menu a:hover {background-position:0% -42px;}
#menu a:hover span {background-position:100% -42px;}                    
                    


#menu2 {
	float:left;
	font-size:16px;
	line-height:normal;
	border-bottom:1px solid #666;
	}
#menu2 ul {
	margin:0px;
	padding:0px 0px 0px 5px;
	list-style:none;
	}
#menu2 li {
	display:inline;
	margin:0px;
	padding:0;
	}
#menu2 a {
	float:left;
	background:url("../images/tableftF.gif") no-repeat left top;
	
	padding:0 0 0 4px;
	text-decoration:none;
	}
#menu2 a span {
	float:left;
	display:block;
		background:url("../images/tabrightF.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#666;
	}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu2 a span {float:none;}
/* End IE5-Mac hack */
#menu2 a:hover span {color:#FFFFFF;}
#menu2 a:hover {background-position:0% -42px;}
#menu2 a:hover span {background-position:100% -42px;}                    
