body {						font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000;  
							background: url('main_bg.jpg') #708d8b top center repeat; margin:0px; }

a {							color: #c25858; text-decoration:none; cursor: pointer; }
a:hover { 					color: #67717b; text-decoration:none; } 

img {						border: none; }

img.right {					float: right; margin: 0 0 20px 20px; }

hr {						background: #999; border: none; margin: 20px 0 20px 0; height: 1px;   }

h1 {						color: #000; font-size: 26px; font-weight: bold ; 
							margin: 0 0 20px 0; padding-top: 5px; }
							
h2 {						font-size: 14px; color: #333;	font-weight: bold; }

h5 {						color: #fff; font-size: 20px; margin: 0px; }
						
							
p {							color: #333; font-size: 12px; line-height: 1.5em; }

#main {						width: 800px; height: 100%; }

#inside {					width: 800px;  height: 100%;
							margin: 0 auto 0 auto;  }

#header {					width: 100%; height: 65px; padding: 100px 0 0 0;
							margin: 0px; background: url('header_bg.jpg') #fff top left no-repeat; }
							
	#header_content {		padding: 0 5px 0 5px; }
	
	#header_content #searchbar {	float: right; }
					
#header_menu {				height: 50px; background: url('header_menu_bg.gif') #fff top center repeat-x; 
							color: #fff; padding-left: 5px; }

	#header_menu a.button,
	#header_menu a.buttonOn {	height: 18px; display: inline-block; margin: 2px 0 0 0; text-align: center; font-size: 12px; padding: 6px 15px 15px 15px; color: #fff;
								background: #5e979e; cursor: pointer; }
								
	#header_menu a.buttonOn,
	#header_menu a:hover {	background: #236; color: #be9b04; }

	
	#header #tools {			width: 430px; float: right; text-align: left;  color: #fff; }
	
	#header #tools input, #tools select {	border: 1px solid #fff; }

#header_intro {				width: 100%; height: 220px; background: #fff; border-bottom: 1px solid #fff; }

#header_bottomShadow {		width: 100%; height: 19px; background: url('header_bottomShadow.jpg') #666 top center repeat-x; }

#content {					width: 100%; min-height: 350px; background: #fff; }
			
		
		#productList {				height: 110px; margin: 10px 0 20px 0; }
		#productList #title {		width: 100%; background: #FFCC66; padding: 2px 0 2px 0; }
		#productList #title h1 {	display: inline; margin: 0 20px 0 10px; font-size: 14px; color: #333; }
		#productList #text {		margin: 0 20px 0 10px; }
		
		#productList #text img {	width: 100px; height: 75px; float: left; border: 1px solid #369; margin-right: 10px; }
		
		#productImages {			margin: 20px 0 20px 0; }
		#productImages img {			border: 1px solid #666; margin: 0 10px 10px 0; }
		
		#productTable {				width: 100%; margin-bottom: 30px; font-size: 10px; }
		#productTable tr.head {		color: #FFFFFF; background: #4C7094; text-align: left; }
		#productTable tr {			background: #DAE6EF; border-bottom: 1px dashed 8FB1CE;  }

		#finishList {				width: 90px; height: 90px; display: inline-block; vertical-align: top;
									margin: 0 10px 10px 0; padding: 3px; border: 1px solid #666; text-align: center; }
									
		#searchResult {				margin: 20px 0 0px 0; padding: 20px 0 0px 0; border-top: 1px dashed #4C7094; }
		#searchResult h2 {			display: inline; margin-right: 20px; }

	
	#content #contentText {		width: 770px;  padding: 20px 15px 15px 15px; display: block;  }
	#contentText  #advert {		width: 160px; background: #ccc; display: inline-block; float: right; text-align: left; margin: 0 -10px 0 20px; padding: 10px 5px 10px 5px; border-left: 1px solid #666; }
	
	#advert h1 {				font-size: 14px; margin-bottom: 5px; }
	#advert p {					font-size: 12px; color: #333; }
	
	#home_menu .menuPoint {		width: 190px; display: inline-block; }
	
	#home_menu a,
	#home_menu a:hover {		width: 190px; display: block; font-size: 12px; color: #fff; background: #5e979e; text-align: center; padding: 4px 0 4px 0; margin-top: 5px; }
	
	#home_menu a:hover {		color: #be9b04; background: #236; }
	
	#content #distributors h2 {		margin-top: 30px; }	
	#content #distributors h3 {		margin-top: 30px; }
	#content #distributors p {		margin: 0px; }
	
	#products {						width: 100%; }
	#products a {					color: #333; }
	
	.blueShade h2, .redShade h2, .greenShade h2 {	color: #fff; font-size: 12px; }
	
	#products tr.blue {				background: #8DF; }
	#products td.blueShade {		background: #09C; }
	
	#products tr.red {				background: #ffa5ab; }
	#products td.redShade {			background: #df4144; }
	
	#products tr.green {			background: #daebb8; }
	#products td.greenShade {		background: #9abc63; }
	
	
	#product {			width: 100%; }
	#product h1 {		font-size: 16px; margin: 10px 0 10px 0; }	
	#product h3 {		font-size: 10px; font-weight: normal; marign: 0px; padding: 0px; }
	#products p {		margin: 0 0 5px 0; padding: 0px; line-height: 1em;}
	
	#guidance {		width: 100%;  }
	#guidance p {	margin: 0px; padding: 0px; font-size: 10px; }
	#guidance a { 	color: #333; }
	
	#list td { border: 1px solid #CCC; padding: 0 20px 0 20px 0; }
	#list h3 {		font-weight: normal; font-size: 12px; }
	#list img {	margin: 0 10px 0 10px; }
	
	#list a {	color: #333; }
	

	
	
	
#footer {					width: 100%; padding: 10px 0 10px 0; text-align: center; 
							margin: 0px; background: #333; }
							
	#footer p {	font-size: 12px; color: #fff; margin: 10px 15px 10px 0; line-height: 1em; }
	
#footerShade {			width: 100%; height: 36px; background: url('footer_shade.jpg') #708d8b top center repeat-x; }
	
	
	input, select, textarea {		background: #CCC; border: 1px solid #333; }
	

	
	#field {		width: 200px; display: inline-block; margin: 0 10px 10px 0; }	
	
#form {							font-size: 12px; }
#form small {						color: #c25858;}
#form input, #form select, #form textarea { 	width: 100%;	padding: 3px; border: 1px solid #333; margin: 5px 10px 10px 0; }
#form span.fail {					color: #c25858; padding-left: 20px; }

textarea {		font-family: Arial, Helvetica, sans-serif; font-size: 12px; overflow-y: scroll; margin-bottom: 20px;  }
	
		input.button {	width: auto; height: 30px; }
