/*
------------------------
NOISEXCHANGE BASE STYLES

FileName:	screen.css
Version:	0.21
Author:		H4.com.au

------------------------
*/

/* global */
body { background-color: #222; font-family: verdana,sans-serif; font-size: 10px; margin: 6px; padding: 0px; color: #ddd; }
.noscreen{display: none;}
form { margin: 10px; padding: 0px; display: inline; }
input { font-family: verdana,sans-serif; font-size: 10px; margin: 0px; background-color: #000; color: #ddd; border: 1px solid #555; padding: 0px ; }
select { font-family: verdana,sans-serif; font-size: 10px; margin: 0px; background-color: #000; color: #ddd; border: 1px solid #555; }
.btn { height: 18px; padding: 1px 2px 2px 2px; margin-left: 1px; }
	.btn:hover { border: 1px solid #ff0000;  }
img { border: 0px; }
h2, h4 { font-size: 11px; }
h2 { font-family: "courier new",serif; background-color: #222; font-weight: normal; margin: 0px; padding: 6px 10px 6px 10px; line-height: 12px;  }
h3 { font-size: 10px; color: #ff0000; margin: 12px 6px 10px 10px; }
h5 { font-size: 10px; color: #ddd; margin: 0px; font-weight: normal; }
h5 strong { color: black; background-color: #ff0000; line-height: 14px; }

a:link { text-decoration: none; color: #ff0000; }
a:visited { text-decoration: none; color: #ff0000; }
a:hover { text-decoration: underline; color: #ff0000; }
a:active { text-decoration: none; color: #ff0000; }

/* layout */
#shell { width: 963px; margin-left: auto; margin-right: auto; text-align: left;  }
	#headerTitles { float: left; width: 963px; font-size: 11px; color: #a5a5a5; font-family: "courier new",serif; line-height: 12px; } 
		#headerTitles h4 { margin: 0px 0px 3px 10px; padding: 0px; font-weight: normal; }
		.id { color: #ddd; font-weight: bold !important; }
		#headerTitles em { font-weight: normal; font-style: normal; }
		.blood { color: #ff0000; }
		.col { background-color: #000; width: 240px; float: left; }
		.first { margin-left: 0px !important; }
		.nobg { background-color: transparent; }
	#masthead { float: left; margin-bottom: 1px; height: 160px; font-family: "courier new",serif; font-size: 11px; }
		#masthead .col { height: 160px; margin-left: 1px; float: left; }
		.logo { margin: 14px; }
		#masthead p { margin: 12px 0px 0px 9px; padding: 0px; }
		#masthead p a { color: #ddd; text-decoration:underline; }
	#main { float: left; width: 963px; margin-top: 6px; }
		#main p { line-height: 14px; }
		#nav1 { width: 240px; float: left; background-color: #000; }
			#nav1 a { display: block; border: 1px solid #555; color: #ddd; padding: 2px; width: 214px; background: transparent url("../ui/arrow_a.gif") no-repeat 207px 5px; }
			#nav1 a:hover { text-decoration: none; border: 1px solid #ff0000; }
			#nav1 ul { list-style-type: none; margin: 10px 10px 10px 10px; padding: 0px; }
			#nav1 li { padding: 0px; margin-bottom: 6px; }
			.on { background: #ff0000 url("../ui/arrow_b.gif") no-repeat 207px 5px !important; color: #000 !important; border: 1px solid #ff0000 !important; cursor: default; }
			
		#content { width: 723px; float: left; }
			#nav2 { width: 704px; float: left; background-color: #000; margin-bottom: 6px; padding: 9px 10px 10px 9px; }
				
				#form1 { width: 228px; float: left;  }
					#form1 .srch { margin-top: 1px; padding: 2px; width: 200px; }
					#form1 input { margin-top: 1px; float: left; }
				#form2 { width: 242px; float: left;  }
					#form2 select { margin-top: 1px; margin-left: 1px; padding: 1px; width: 209px; }
				#form3 { width: 231px; float: left;  }
					#form3 select { margin-top: 1px; margin-left: 1px; padding: 1px; width: 201px; }

			#homeUpdate { width: 230px; float: left; background-color: #000; margin: 0px 0px 0px 6px; }
				#homeUpdate p { margin: 6px 15px 9px 10px; } 
			#homeNewStock { width: 481px; float: left; background: #000 url("../ui/colBG.gif") repeat-y top center; margin-left: 6px; }
				.homeNewStockRow { float: left; width: 481px; clear: left; border-bottom: 1px solid #222;  }
					.homeNewStockCol { float: left; width: 220px; margin: 10px; }
					
					.homeNewStockCol p { margin-top: 10px; color: #ddd; }
					.homeNewStockCol img { float: right; margin-top: 1px; margin-left: 10px; margin-bottom: 10px;  }
				a.box { color: #ddd; cursor: hand; text-decoration: none; }
				.homeNewStockCol:hover h5 strong { background-color: #a5a5a5; color: black; }
				.homeNewStockCol:hover h5 { color: #a5a5a5; }
			#footer { width: 717px; float: left; clear: none; background-color: #000; margin: 6px 0px 0px 6px; }
				#footer p { line-height: 16px; margin: 9px 0px 8px 10px; }
				#footer a { color: #ddd; }
			#credit { width: 717px; float: left; clear: none; background-color: #000; margin: 1px 0px 0px 6px; }
				#credit p { margin: 6px 0px 10px 10px; }
				#credit a { color: #ff0000; }
				.logo_sm { float: right; margin: 17px 15px 0px 10px; }
				.logo_head { float: right; margin: 5px 15px 0px 10px; }

#list { width: 481px; float: left; }
		.az { line-height: 22px !important; margin: 0 0 0 6px; padding: 4px 10px 10px 10px; background-color: #000;}
#display { width: 481px; float: left; background-color: #000;  padding: 10px 10px 10px 10px; margin-left: 6px; }
#display img {margin-left: 10px; }

#basket { float: left; width: 200px; padding: 15px 0 10px 10px; background-color: #000; margin-left: 6px; }
#basket p { padding-top: 5px; margin-right: 10px; border-top: 1px solid gray; }
.but { padding:4px; background-color: #ccc; color: black !important; font-size: 11px; font-weight: bold; }
.but:hover { text-decoration: none; background-color: #ff0000; cursor: pointer; }
table { width: 100%; border-bottom: 1px solid gray; }
table td { border-top: 1px solid gray; padding-top: 10px; padding-bottom: 10px;  }
#display .but { border:0; }
#display table input { width: 20px; padding: 6px; }
#display table input:focus { border: 1px solid red; }
#display table select:focus { border: 1px solid red; }
.contact label { float: left; width: 83px; clear: left;  margin-bottom:10px; padding-top: 6px;   }
.contact input { float: left; width: 383px; padding: 6px; margin-bottom:10px; font-size: 14px; }
.contact textarea { background-color: #000; color: #ddd; border: 1px solid #555; font-family: verdana,sans-serif; font-size: 14px; float: left; clear: both; width: 465px; height: 100px; padding: 6px; margin-bottom:10px; }
.contact br { clear: both; }
.contact input:focus { border: 1px solid red; }
.contact textarea:focus { border: 1px solid red; }
.mumma { width: 480px !important; }
.error { color: #ff0000; }
.sum { border:0px; float:left; clear: right; }
.sum td { border:0px; padding-top: 5px; padding-bottom: 5px;}
.sumbox{ float:left; border: 1px solid gray; padding-left:20px; padding-right: 20px; }
.sumbox table { width:90%; float:left; clear:left;  }
.sumbox p { float:left;width:100%; }
.pay { float:left; margin-right:20px; line-height:19px; font-weight:bold; font-family: "courier new",serif; font-size:12px;}
.not { margin-right:0px;}
.knock { border: 1px dotted gray; padding:5px 10px 5px 10px;   }
.fat p { font-size:12px; line-height:20px !important;}
.tblBorderTop { border-top: 1px solid gray !important; }
.tblBorderBottom { border-top: 1px solid gray !important; }