/* Global Stuff */
div#container { position: relative; width:800px; margin: 10px auto; }
html, body, h1, h2, h3, ul, li, p { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; }
body { font-size:12px; }
li {list-style:none}
a:link { }
a:visited { }
a:hover { }
a:active { }
.error { color: red; font-weight: bold; }

#msg { background-color:#ff9; border: solid 1px #900; color:#bb0000; font-weight:bold; text-align: center; margin:10px 30px; padding:10px; }

/* Header */
div#header { margin-bottom:10px; }
	#header a.logo { background-repeat: no-repeat; background-position: 0 center; float:left; width:400px; height: 100px; }
	#header h1 { height:60px; font-family:Impact; font-size:28px; font-weight:normal; }
	#header h2 { font-size:16px; font-weight:normal; }

/* Main Section */
div#siteContent { width:790px; padding:5px; }
	div#siteContent_extra { clear: both; }

/* Menu */
	div#nav_vert { width:140px; text-align: center; }
		#nav_vert ul { margin:5px; }
			#nav_vert li { list-style:none; margin-left:-3px; background-color: #fff; border-bottom: 4px solid #9dbeff;}
			#nav_vert li:hover { background-color: #f1ead3; border-bottom: 4px solid #d4be76; }
			#nav_vert li.active { color: #666; font-weight: bold; background-color: #ddd; border-bottom: 4px solid #4b75ff; }
				#nav_vert a { display: block; color: #6b6e6f; text-decoration: none; padding: 5px 10px 0 10px; }
					#nav_vert span { }

	div#nav_hor { }
		#nav_hor ul { margin: 10px; }
			#nav_hor li { float: left; display:inline; list-style:none; }
			#nav_hor li a:hover { background-color: #f1ead3; border-bottom: 4px solid #d4be76; }
			#nav_hor li.active a { color: #666; font-weight: bold; background-color: #ddd; border-bottom: 4px solid #4b75ff; }
				#nav_hor a { float: left; padding:5px 10px 0px 10px; color: #6b6e6f; text-decoration: none; background-color: #fff; border-bottom: 4px solid #9dbeff; }
				#nav_hor a span { }


/* Products Page */
div#pagedata { float:right; width:630px; overflow: auto; }
#pagedata ul { margin: 0 0 0 30px; }
#pagedata li { list-style-type: disc; padding: 3px 0; }

	/* Bread Crumb */
	div#crumb { padding:5px; float:left; width:620px; }
		#crumb h3 { display:none; }
		ul#trail { }
			#trail li { display:inline; padding:0 0 0 10px; list-style:none; }
			#trail li.cat { }
				#trail li.cat a { }
			#trail li.item { background-image:url(../images/crumbTrail.gif); background-repeat:no-repeat; background-position:left; }
				#trail li.item a { }
			#trail li.detail { font-weight: bold; background-image:url(../images/crumbTrail.gif); background-repeat:no-repeat; background-position:left 50%; }

/* Products Section */
	div#products { width:618px; height: 490px; overflow: auto; clear: both; }
		ul#catItems { }
			#catNotes { margin:0 0 0 30px; }
			#catItems li { float: left;  list-style:none; padding: 0; }
				#catItems li a { margin:5px 3px 5px 4px; padding:4px 0pt; width: 108px; height: 145px; text-align:center; color: black; text-decoration:none; overflow: hidden; display: block; border:1px solid white; }
				#catItems li a:hover { background-color: #ffb; }
					#catItems a span.Image { behavior: url(iepngfix.htc); margin:0pt auto; padding:0pt; background-repeat: no-repeat; background-position: center; width: 100px; height: 100px; display: block; }
					#catItems a span.Title { font-size: 10pt; font-weight: bold; padding-top:4px; display: block; }
					#catItems a span.Desc { font-size: 8pt; color:#666666; padding-left: 4px; height:12px; display: block; }
			#products div.CatNav { text-align: center; clear: both; margin-bottom: 10px; }
			#products div.CatNav a { margin-right: 5px; margin-left: 5px; }
			#products div.CatNav a.on { color: black; font-weight: bold; text-decoration: none; }
					
		ul#productItems { }
			#productItems li { float: left;  list-style:none; padding: 0; }
				#productItems li a { margin:5px 3px 5px 4px; padding:4px 0pt; width: 108px; height: 145px; text-align:center; color: black; text-decoration:none; overflow: hidden; display: block; border:1px solid silver; }
				#productItems li a:hover { background-color: #ffb; }
					#productItems a span.Image { behavior: url(iepngfix.htc); margin:0pt auto; padding:0pt; background-repeat: no-repeat; background-position: center; width: 100px; height: 100px; display: block; }
					#productItems a span.Title { display: block; }
					#productItems a span.Desc { font-size: 10px; display: block; }
					#productItems a span.Price { font-size: 10px; display: none; color:#666 }
			#products div.InvNav { text-align: center; clear: both; margin-bottom: 10px; }
			#products div.InvNav a { margin-right: 5px; margin-left: 5px; }
			#products div.InvNav a.on { color: black; font-weight: bold; text-decoration: none; }

/* ----- ITEM SECTION ----- */
div#itemInfo {  }
	#itemInfo h2 { display: none; padding: 5px 10px; }
	div#prevNext { text-align: left; top: 345px; left: 0; width: 300px; float: right; padding-bottom: 20px; }
		#prevNext a.prev_btn {}
		#prevNext span.Pos {}
		#prevNext span.Total {}
		#prevNext a.next_btn {}
	div#itemImage { width: 300px; height: 300px; float: left; margin: 0 10px 30px 0; padding: 8px; border-color: gray silver silver gray; border-style: solid; border-width: 1px; }
		#itemImage a { background-repeat: no-repeat; background-position: center; width: 300px; height: 300px; display: block; }
	#itemInfo ul { width: 300px; float: left; margin: 0; }
		#itemInfo li { list-style:none; padding: 0; }
			#itemInfo label {}
			#itemInfo span {}
	div.notes { width: 300px; float: left; }
	#itemInfo form {}
		#itemInfo label {}
		#itemInfo input {}
	#itemInfo li.part {}
	#itemInfo li.desc {}
	#itemInfo li.desc span {font-weight: bold; font-size: 1.4em;}
	#itemInfo li.desc label {display: none;}
	#itemInfo li.weight {}
	#itemInfo li.list {}
	#itemInfo li.price {}
	#itemInfo li.unit {}
	#itemInfo li.qty {}
	#itemInfo div.notes { margin-top: 5px;}

div#panel_left { float:left; width:150px; text-align: center; margin-top: 30px; margin-bottom: 10px; padding-right: 10px; }
	#panel_left h3 { display:none; }


/* ads */
div#panel_A { float:left; width:150px; text-align: center; margin-bottom: 10px; padding-right: 10px; }
	#panel_A h3 { display:none; }

/* b2b links */
div#panel_B { width:150px; text-align: center; float: left; clear: both; padding-right: 10px; }
	#panel_B h3 { display:none; }
	ul#b2bItems { font-size:11px; }
		#b2bItems li { margin:5px; }
			#b2bItems a { }

/* Footer */
div#footer { position: relative; width:800px; margin:auto; clear:both; padding-bottom: 20px; }
	#footer div.text { float:right; width:620px; padding:10px; }
		#footer .text h3 { display:none; }
		#footer .text p { text-align: center; }

	div#copywrite { width:140px; padding:10px; }
		#copywrite p { font-size:9px; color:#999 }

/* ----- LOGIN HOME ----- */
#loginHome div.clientImage { background-repeat: no-repeat; background-position: right top; width: 300px; height: 300px; float: right; }

div.accountNav {margin: 5px 0 10px 0;}
#login ul {margin: 0;}
#login li {list-style: none; }