@charset "utf-8";
/* CSS Document */

a:link {
	color:#ff9e07;
	text-decoration:none;}
a:visited {
	color:#ff9e07;
	text-decoration:none}
a:hover {
	color:#8ab2ff;
	text-decoration:none;}

.nav img { /* Image opacity */
    filter: alpha(opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1.00;
    opacity:1.0;}

.nav:hover img{
  	filter:alpha(opacity=50); 
    -moz-opacity:0.50; 
    opacity:0.50; 
    -khtml-opacity:.50;}

body {
	margin:0 auto;
	background:url('../../images/body_bg.gif') top repeat-x;
	font-family: Helvetica, sans-serif;
	font-size:12px;}

#wrapper {
	width:100%;
	position:relative;}
	
	#container {
		width:923px;
		position:relative;
		margin:0 auto;
		text-align:center;}		
	#header {
		background:url('../../images/header_logo.png') top no-repeat;
		width:923px;
		height:108px;
		position:relative;}
		#logo_spectra {
			background:url('../../images/logo_spectra.gif') no-repeat;
			width:202px;
			height:98px;
			position:absolute;
			top:0px;
			left:20px;}
	#main {
		background:url('../../images/menu_bg.png') repeat-x;
		width:923px;
		color:#666666;
		position:relative;
		z-index:0;}
	#ab_1 {
		float:left;
		margin-left:65px;
		width:350px;
		text-align:justify;
		color:#f15d22;
		font-weight:bold;}
	#ab_2 {
		background:url('../../images/spectra_color.png') no-repeat;
		float:left;
		margin-left:50px;
		width:366px;
		height:266px;}
	#menu {
		background:url('../../images/main_bg.png') repeat-y;
		width:923px;
		height:42px;
		position:relative;
		line-height:40px;
		font-weight:bold;}
		#menu a {
			color:#000000;}
		#menu a:hover {
			color:#FFFFFF;}
	#main_content {
		background:url('../../images/main_bg.png') #FFFFFF repeat-y;
		width:923px;
		height:280px;
		position:relative;
		padding:20px 0;}
	#left_cat {
		position:absolute;
		top:20px;
		left:55px;
		width:170px;
		font-weight:bold;
		line-height:25px;
		text-align:left;}
	#separator {
		background:url('../../images/blue_sep.gif') repeat-y;
		width:1px;
		height:295px;
		position:absolute;
		top:20px;
		left:250px;}
	#right_prod {
		position:absolute;
		top:20px;
		left:300px;
		width:600px;
		height:295px;
		overflow:auto;
		overflow-x:hidden;
		overflow-y:scroll;}
	#right_proddet {
		position:relative;
		margin:0 auto;
		width:800px;
		height:285px;
		overflow:auto;
		overflow-x:hidden;
		overflow-y:scroll;}
		.type_name {
			color:#f15d22;
			font-weight:bold;
			font-size:18px;
			font-style:italic;}
		.type_headdesc {
			font-size:16px;			
			font-family:Georgia, "Times New Roman", Times, serif;
			font-weight:bold;
			color:#851f82;}
		.type_desc {
			font-size:14px;
			font-family:"Courier New", Courier, monospace;
			color:#d855d4;}
		#products {
			float:left;
			width:193px;
			height:142px;
			margin:0 50px 10px 30px;}
		#section_devider {
			float:left; 
			width:87%;
			margin:10px 0px;
			padding:5px 0px; 
			border:solid 1px #CCCCCC; 
			background-color:#fbfbfb; 
			font-size:12px; 
			color:#FF0000; 
			font-weight:bold;}	
		#section_devider1 {
			float:left; 
			width:95%;
			margin:10px 0px;
			padding:5px 0px; 
			border:solid 1px #CCCCCC; 
			background-color:#fbfbfb; 
			font-size:12px; 
			color:#FF0000; 
			font-weight:bold;}	
		#products_list {
			float:left;
			width:117px;
			height:90px;
			margin:25px 12px 10px 0px;
			position:relative;}
	#bottom {
		background:url('../../images/main_bottom.gif') no-repeat;
		width:923px;
		height:22px;
		position:relative;
		z-index:0;}
	#footer {
		padding:10px 0;
		color:#FFFFFF;
		font-weight:bold;}
	#tmpnew {
		background:url('../../images/icon_new.gif') no-repeat;
		width:48px;
		height:48px;
		position:absolute;
		top:0px;
		right:0px;}
	