@media screen, projection {
* { padding:0; margin:0; }
fieldset, img { border:0; }
label, a { cursor:pointer; }
body, textarea, input, table, select { font-size:100%; font-family: Arial, Helvetica, sans-serif;}
option { padding:0 .2em; }
.before, .after { line-height:0; }
.before img, .after img { margin:0 !important; }



ul, ol, dd { margin-left:2em; }
h1, h2, h3, h4, h5, h6 { font-size:1em; margin:1em 0; }
p { margin-bottom:1.5em; line-height: 1.3em; }
div {margin: 0; padding: 0;}

a { color:#419DBE; text-decoration:underline; }
a:focus, a:hover { text-decoration:none; }

#content .right	h4  span, hr, #top h1 span, #top h2, #banner h3, #banner p, #banner a span, #content .left h4.big span, #content .center .text h3 span, #content .center .text .order span, #content .center .products h3 span,#content .center .products .all span { position:absolute; top:0; left:-1000em; }

h1, h2, h3, h4, ul, li {padding: 0; margin:0; border:0}

/* lay */

html, body { height:100%; width:100%; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color:#000000;}

body {
	background: #eaf1f7;
}

.subpageTitle
{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:14px;
font-weight:bold;
}

* html #start {
	height:100%;
}

#border {
	width: 934px;
	background: #dee7ee;
	margin:0 auto;
	padding: 8px;
	border-top: 24px solid #eaf1f7;
	border-bottom: 24px solid #eaf1f7;
}

#start {
	width: 883px;
	border: 1px solid #c3cad0;
	padding:0 24px 0 25px;
	position:relative;
	z-index:0;
	margin:0 auto;
	font-size:1em;
	background: #ffffff;
}

	#top {
		width: 883px;
		height: 150px;
		position: relative;
		background: url(img/contact-number.gif) no-repeat 600px 65px;
		background-position:right;
	}
	
		#top h1 {
			position: absolute;
			width: 350px;
			height: 71px;
			background: url(img/logo.png) no-repeat 0 0;
			position: absolute;
			left: 0px;
			top: 31px;
		}
	
		#menu {
			position: absolute;
			width: 881px;
			height: 43px;
			border: 1px solid #d7d7d7;
			top: 105px;
			left: 0;
			background: #f3f3f3;
		}
				
			#menu ul {
				list-style: none;
				height: 43px;
			}							
			
				#menu ul li {
					float: left;
					height:43px;
					border-right: 1px solid #d7d7d7;
				}
				
				#menu ul li.last {
					border: none;
				}
				
				#menu ul li a {
					padding: 13px 26px 0 27px;
					text-align:center;
					height:30px;
					width:122px;
					display:block;
					color: #343333;
					font-weight: bold;
					text-decoration: none;
					background: #f3f3f3;
					border: none;
				}
				
				#menu ul li.last a {
					padding: 13px 26px 0 27px;
				}				
				
				#menu ul li a.active,
				#menu ul li a:hover {
					background: #ffffff;
					height: 27px;
					border-bottom: 3px solid #71bbd8;
				}
				
	#topmenu {
		width: 248px;
		height: 75px;
		border-right: 1px solid #d6d6d6;
		background: #f3f3f3;
		position: absolute;
		top: 30px;
		left: 634px;
	}
	
		#topmenu ul {
			list-style: none;
			font-size: 0.9em;
			position: absolute;
			top: 17px;
			left: 6px;
		}
		
			#topmenu ul li {
				position: relative;
				float: left;
				padding: 0 7px 0 7px;
				background: url(img/top_line.gif) 100% 3px no-repeat;
			}
			
			#topmenu ul li.last {
				background: none;
			}
			
			#topmenu ul li a {
				color: #5c5c5c;
				text-decoration: none;
			}
			
			#topmenu ul li a:hover {
				text-decoration: underline;
			}
	
		#search {
			position: absolute;
			left: 36px; 
			top: 43px;
		}
		
			#search .text {
				position: absolute;
				left: 0;
				top: 0;
				width: 151px;
				height: 17px;
				padding: 1px 5px 0 17px;
				background: url(img/top_input.gif) no-repeat 0 0;
				border: none;
				font-size: 0.9em;
				color: #5c5c5c;
			}

			#search .submit {
				position: absolute;
				left: 182px;
				top: 0;
			}
		
	#banner {
		position: relative;
		padding: 1px 0 0 0;
		width: 883px;
		height: 246px;
		background: url(img/banner.jpg) no-repeat 0 1px;
	}
	
	.subpage #banner {
		padding-bottom: 15px;
		height: auto;
		background: none;
	}
	
		#banner a {
			position: absolute;
			display: block;
			width: 102px;
			height: 28px;
			left: 52px;
			top: 164px;
		}

	.subpage #content {
		padding-top: 20px;
	}

	#content {
		width: 883px;
		position: relative;
/*		background: url(img/content_background.jpg) no-repeat 480px 0;*/
		padding: 0 0 40px 0;
	}
	
		.subpage #content {
/*			background: url(img/content_background.gif) repeat-y 694px 0;*/
			color: #717171;
			padding-bottom: 20px;
			margin-bottom: 20px;
		}
	
		#content .left_big {
			float: left;
			position: relative;
			width: 850px;
			padding: 0px 15px 0 0;
		}
		
		#content .left {
			width: 225px;
			padding: 1px 0 0 0;
			position: relative;
			float: left;
			z-index: 20;
		}
		
		#content .left h4{
			border: 1px solid #d9d9d9;
			border-bottom: none;
			background: url(img/left_background.gif) repeat-x 0 0;
			height: 24px;
			width: 206px;
			color: #467f94;
			padding: 8px 0 0 17px;
			font-weight: bold;
		}
		
		#content .left ul {
			width: 225px;
			list-style: none;			
		}					
		
		#content .left ul li {
			width: 223px;
			border: 1px solid #d9d9d9;
			border-top: none;
			height: 28px;
			position: relative;
		}
		
		#content .left ul li a {
			width: 206px;
			height: 21px;
			display: block;
			padding: 7px 0 0 17px;
			text-decoration: none;
			color: #343333;
			behavior: url(iepngfix.htc);
			background: url(img/arrow2.gif) no-repeat 208px 0px #f3f3f3;
		}
		
		#content .left ul li.active a,
		#content .left ul li a:hover {
			font-weight: bold;
			background: url(img/arrow2.gif) no-repeat 208px -28px #74bed9;
		}
		
			#content .left ul ul {
				display: none;
				position: absolute;
				left: 224px;
				top: 1px;
			}
			
			#content .left ul li.hover ul,
			#content .left ul li:hover ul {
				display: block;
			}
			
			#content .left ul ul li {
				width: 223px;
				height: 26px;
			}
			
			#content .left ul ul li a{
				width: 223px;
				height: 26px;
				background: url(img/menu_background.gif) no-repeat 0 0;
				color: #FFFFFF;
			}
			
			#content .left ul ul li a:hover {
				background: url(img/menu_background.gif) no-repeat 0 0;
			}
		
		#content .left h4.big {
			padding: 20px 0 0px 2px;
			background: none;
			border: none;
			width: 122px;
			height: 16px;
			background: url(img/our_partners.gif) no-repeat 2px 20px;
		}
		
		#content .left .partners {
			position: relative;
		}
		
		#content .left .partners div {
			position: relative;
			width: 110px;
			height: 40px;
			float: left;
			clear: none;
			text-align: center;
		}
		
		#content .left .partners div.c1 {
			padding: 10px 0 0 0;
			height: 30px;
		}
		
		#content .left .partners div.c2 {
			padding: 20px 0 0 0;
			height: 20px;
		}
		
		#content .center {
			float: left;
			position: relative;
			width: 434px;			
			border-right: 1px solid #d8d8d8;
			padding: 13px 15px 0 15px;
			z-index: 10;
		}
		
			#content .center .text {
				position: relative;
				width: 600px;
				color: #717171;
			}
			
				#content .center .text h3 {
					width: 250px;
					height: 16px;
					background: url(img/welcome.gif) no-repeat 0 0;
				}
				
				#content .center .text p {
					padding: 1em 0 1em 0;
					margin: 0;
				}
				
				#content .center .text .order {
					display: block;
					width: 239px;
					height: 51px;
					background: url(img/order-forms.gif) no-repeat 0 0;
				}
			
			#content .center .products {
				width: 600px;
				position: relative;
				padding: 26px 0 0 0;
			}
			
				#content .center .products h3 {
					width: 85px;
					height: 16px;
					background: url(img/products.gif) no-repeat 0 0;
					padding: 0 0 14px 0;
				}
				
				#content .center .products ul {
					width: 409px;
					height: 114px;
					background: url(img/products_background.gif) repeat-x 0 0;
					list-style: none;
					padding: 16px 0 0 25px;
				}
				
					#content .center .products ul li {
						padding: 0 0 3px 12px;
						background: url(img/arrow.png) no-repeat 0 3px;
					}
					
						#content .center .products ul li a {
							color: #419dbe;
							text-decoration: underline;
						}
						
						#content .center .products ul li a:hover {
							text-decoration: none;
						}
						
				#content .center .products .all {
					display: block;
					width: 78px;
					height: 22px;
					position: absolute;
					left: 291px;
					top: 119px;
					background: url(img/view_all.gif) no-repeat 0 0;
				}
		
		#content .right	{
			position: relative;
			float: left;
			width: 179px;
			padding: 14px 0 0 14px;			
		}
		
			#content .right	h4 {
				width: 123px;
				height: 16px;
				background: url(img/recent_news.gif) no-repeat 0 0;
			}
			
			#content .right h6 {
				padding: 20px 0 0 0;
				margin: 0;
				color: #717171;
				font-weight: bold;
			}
			
				#content .right h5 {
					font-weight: normal;
					padding: 0;
					margin: 0;
				}
				
					#content .right h5 a {
						color: #419dbe;
						text-decoration: underline;
						line-height: 1.4em;
					}
					
					#content .right h5 a:hover {
						text-decoration: none;
					}
			
	#footer {
		clear: both;
		width: 883px;
		border-top: 7px solid #c6e1eb;
		position: relative;
		height: 45px;
	}
	
		#footer ul {
			position: absolute;
			left: -10px;
			top: 13px;
			list-style: none;
		}
		
			#footer ul li {
				float: left;
				padding: 0 10px 0 10px;
				background: url(img/footer_line.gif) no-repeat 100% 3px;
			}
			
			#footer ul li a{
				text-decoration: none;
				color: #717171;
				font-weight: bold;
			}
			
			#footer ul li a:hover {
				text-decoration: underline;
			}
			
			#footer ul li.last {
				background: none;
			}
			
	#footer .right {
		position: absolute;
		top: 7px;
		right: 100px;
		color: #717171;
		font-weight: bold;
		width:303px;
	}
	
	#footer .right .copyright
	{
		float: left;
		padding-top: 5px;
	}	
			
			
.clear {
	clear: both;
}


.dhtmlgoodies_subMenu{
	position:absolute;
	overflow:hidden;
	border:1px solid #000;
	background-color:#FAFAFA;
	font-family:arial;
	text-align:left;
	z-index: 100;	
	width: 200px;

}
.dhtmlgoodies_subMenu ul{
	margin:0px;
	padding:0px;
	wdith: 200px;	
	list-style: none;
}
.dhtmlgoodies_subMenu ul li{
	width: 223px;
	height: 26px;
	/*list-style-type:none;*/
	margin:0px;
	/*padding:1px;*/	/* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
	/*width: 200px;*/
}
.dhtmlgoodies_subMenu ul li a{	/* Sub menu items */
	width: 203px;
	height: 26px;
	padding: 0 10px 0 10px;
	background: url(img/menu_background.gif) no-repeat 0 0;
	color: #FFFFFF;

	white-space:nowrap;	/* No line break */
	text-decoration:none;	/* No underline */

	line-height:26px;	/* 16 pixels height */

	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: url(img/menu_background.gif) no-repeat 0 0;
	font-weight: bold;
}

#OnlineForm, #downloadForm
{
	display: block;
	font-size:25px;
	font-family:Arial,sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	width:250px;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color:#FF6633;
	border:solid 3px #FFCC99;
	text-decoration: none;
	margin-left: 20px;	
	text-align:center;
}

#downloadForm
{
	background-color: #3399FF;
	border: 3px solid #8BCDFE;
}

.banner-main, .banner-info
{
	
background-image:url(/img/yellow-banner.jpg);
background-position:center top;
background-repeat:no-repeat;
height:60px;
margin-top: 10px;
padding:0 8px 10px;
padding-right: 20px;
}

.banner-info
{
background-image:url(/img/InfoBG.jpg);
height:100px;

}
.banner-text
	{
		padding: 10px;
		padding-top: 7px;
		color: #000000;
		font-size: 12px;
		font-family: Verdana;
		line-height: 16px;
	}
.infoBoxHeading
{
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	padding-left: 10px;
}

.infoBoxContent
{
	padding: 5px;
	padding-left: 20px
}
.banner-text-highlight
{
	font-size: 15px;
	font-weight: bold;
}

}