﻿* {margin: 0; padding: 0;}

body 
{
	font-family: arial, helvetica, sans-serif;
	font-size:100.01%;
	background:url(layout/bg.png) repeat top left;
	
}
#container 
{
	margin:0px auto;
	width:954px;
	
	background:url(layout/main_bg.png) repeat-y top left #fff;
	position:relative;
	min-height:500px;
	_overflow:hidden;
	zoom:1;
}

#header
{
	padding:6px 28px 0px 28px;
	position:relative;
}
	#header #headspace
	{
		background:url(layout/header_left.png) no-repeat top left;
		position:relative;
		height:84px;
	}
	
	#header #keywords
	{
		position:absolute;
		bottom:6px;
		right:8px;
	}
#boxes
{
	
	height:11px;
	margin:0px 28px;
	border-bottom:1px solid #5584BC;
}
	
#footer
{
	position:relative;
	background:url(layout/footer.png) no-repeat top left;
	width:954px;
	height:96px;
	margin:0px auto; 	
}

#content
{
	margin:0px 28px;
	position:relative;
	zoom:1;
	min-height:600px;
	_height:600px;
	_overflow:visible;
}
#left
{
	zoom:1;
	float:left;
	width:254px;
	position:relative;
	padding-left:20px;
	
}
	/* CATALOG */
	ul.catalog
	{
		margin-left:-20px;
		list-style-type:none;	
		background:url(layout/catalog_mid.png) repeat-y top left;
		
	}
		ul.catalog li
		{
			padding:3px 19px;
			_display:block;
		}
		ul.catalog li.menu{zoom:1;}
		ul.catalog li.sep, ul.catalog li.sep:hover
		{
			background:url('layout/catalog_sep.png') no-repeat left 50%;
			font-size:0.2em;
			line-height:0.2em;
			overflow:hidden;
			padding:0px;
			
			height:6px;
			
		}
		
		ul.catalog li a
			{
				display:block;
				font-size:0.70em;
				
				font-weight:bold;
				text-decoration:none;
				color:#666;
			}
		
		ul.catalog li.sel, ul.catalog li.over, ul.catalog li.aa:hover
		{
			background-color:#FF9900;
		}
			ul.catalog li.sel a, ul.catalog li.over a, ul.catalog li.aa:hover a
				{
					color:#fff;
				}
		ul.cataloglvl2	
		{
			list-style-type:none;	
			margin-left:10px;
		}
		ul.cataloglvl2 li{padding:0px;}
			ul.cataloglvl2 li a{font-weight:normal;padding-left:6px;background:url(layout/sq.gif) no-repeat 0px 0px;zoom:1;}
			ul.cataloglvl2 li a:hover{background-color:Transparent;}
	.cat_foot
	{
		margin-left:-20px;
		height:18px;
		background:url(layout/catalog_bot.png) no-repeat top left;
	}
	
	/* NEWS */
	
	.newsheader
	{
		
		zoom:1;
		color:#fff;
		background-color:#FF9900;
		position:relative;
		width:256px;
		margin-left:-26px;
		padding:5px 0px 5px 25px;
	}
		.newsheader span{font-size:0.01em;}
		
		.newsheader .br
		{
			position:absolute;
			bottom:0px;
			right:0px;_right:-1px;
			width:5px;
			height:5px;
			background:url(layout/news.png) no-repeat;
			background-position:0px 0px;
		}
		.newsheader .tr
		{
			position:absolute;
			top:0px;
			right:0px;_right:-1px;
			width:5px;
			height:5px;
			background:url(layout/news.png) no-repeat;
			background-position:0px -5px;
		}
	.newstext
	{
		padding:9px 0px 0px 0px;
	}

#right
{
	float:left;
	width:620px;
	zoom:1;
	padding-left:4px;
	
	
	
	_width:618px;
	_overflow:hidden;
}
	#topmenuwrap{background:url(layout/topmenu_item.png) repeat-x top left;margin:3px 0px 2px 0px;}         
	ul#topmenu
	{
		border-bottom:1px solid #fff;
		display:-moz-inline-block;
		display:inline-block;
		list-style-type:none;
	}
		ul#topmenu li
		{
			display:inline;
			float:left;

			background:url(layout/topmenu_item.png) repeat-x top left;
			text-transform:uppercase;
			color:#fff;
		}
		ul#topmenu li.sel, ul#topmenu li:hover, ul#topmenu li.over
		{
			background:url(layout/topmenu_sel.png) repeat-x top left;
		}
			ul#topmenu li.sel a, ul#topmenu li:hover a, , ul#topmenu li.over a{color:#FFFFCC;}
			ul#topmenu li a
			{
				padding:0px 23px;
				font-size:0.70em;
				line-height:21px;
				text-decoration:none;
				color:#fff;
			}
		
		ul#topmenu li.sep, ul#topmenu li.sep:hover
		{
			width:2px;
			overflow:hidden;
			background:url(layout/topmenu_sep.png) repeat-x top left;
		}
		ul#topmenu li.sep a, ul#topmenu li.sep:hover a{font-size:0.1em;padding:0px;}
		
		.bigimg{border:1px solid #333;padding:1px;margin-bottom:1px;}

		                     
		.txt{margin:3px 43px 0px 12px;}
		
		.dot{background:url(layout/dot.png) repeat-x center left;}


		#proddetails{background:url(layout/vdot.png) repeat-y top left;border-bottom:1px solid #fff;display:-moz-inline-block;display:inline-block;}
		#prodleft
		{
			float:left;
			width:270px;
		}
		#prodright
		{
			float:left;
			width:236px;
			margin-left:15px;
		}
			ul.prodlist
			{
				list-style-type:none;
			}
				ul.prodlist li
				{
					padding:0px 5px 2px 5px;
					_display:block;
				}
				ul.prodlist li.sep, ul.prodlist li.sep:hover
				{
					background:url(layout/catalog_sep.png) no-repeat center left;
					height:5px;
					overflow:hidden;
					padding:0px;
				}
				
				ul.prodlist li a
				{
					display:block;
					font-size:0.65em;
					text-decoration:none;
					color:#333;
				}
					
				ul.prodlist li.sel, ul.prodlist li.over, ul.prodlist li:hover
				{
					background:url(layout/prod_details_arr.png) no-repeat center right #FF9900;
				}
					ul.prodlist li.sel a, ul.prodlist li.over a, ul.prodlist li:hover a
					{
						color:#fff;
					}
			
			/* FORMS */
			fieldset.center{border:0px;zoom:1;}
			input.text, select.text, textarea {width:100%;border:1px solid #C0C0C0;overflow:auto;margin-bottom:12px;}
			
			
			#ContactDisplay
			{
				background:url(layout/vdot_contact.png) repeat-y top right #fff;
			}
			.c_arr{background:url(layout/arr_black.png) no-repeat center right #fff;display:block;}
			
			TABLE#filecatalog{width:100%;}
			TABLE#filecatalog th{padding:17px 0px;text-align:left;}
			TABLE#filecatalog td{padding:0px 11px 10px 0px;}
			
			
			/* FLOATS */
			.floatall
			{
				border-bottom:1px solid #fff;
				_border-bottom:0px;
				display:-moz-inline-block;
				display:inline-block;
	        }
	        .float
	        {
	        	float:left;
	        	margin:0px 0px 20px 20px;
	        }

.atr
{
	position:absolute;
	right:0px;
	top:0px;
}
.atl
{
	position:absolute;
	left:0px;
	top:0px;
}
img{border:0px;}
table{border-collapse:collapse;}
p, label {font-size:0.75em;color:#333;}
a{font-size:0.75em;}
p a, .ps {font-size:1em;}
td{vertical-align:top;}

h1{margin:20px 0px;}

.white{color:#fff;}
.blue{color:#5584BC;}
.darkblue{color:#294F7B;}
.deepblue{color:#003399;}
.black{color:#000;}
.gray{color:#666;}


a.blue:hover{color:#003399;}

.bold {font-weight:bold;}

.size10{font-size:0.625em;}
.size11{font-size:0.7em;}
.size12{font-size:0.75em;}
.size14{font-size:0.875em;}
.size16{font-size:1em;}
.size18{font-size:1.1em;}

.nounder{text-decoration:none;}

.ext{margin:5px 0px;}

.none{display:none;}
.block{display:block;}