body { margin:0; font:12px Arial, Helvetica, sans-serif; color:black; }
form { position:relative; width:100%; }

.al { text-align:left; }
.ac { text-align:center; }
.ar { text-align:right; }
.fl { float:left; }
.fr { float:right; }
.ul, .underline { text-decoration:underline; }
h3.ul { text-decoration:none; border-bottom:1px solid black; }
.cl { clear:left; }
.cb { clear:both; }
.cr { clear:right; }
.hr { margin:10px 0; line-height:1px; font-size:1px; height:1px; }
.hr01 { height:15px; margin:0 0 10px 0; background:white url(../images/hr01.jpg) repeat-x left top; }
.bumped { margin-top:12px; }
.down5 { position:relative; top:5px; }
.floatfix, .ff { position:relative; clear:both; width:100%; height:0px; line-height:0px; font-size:0; }
.contain300 { width:300px; position:relative; margin:0 auto; }
.contain350 { width:350px; position:relative; margin:0 auto; }
.contain400 { width:400px; position:relative; margin:0 auto; }
.contain500 { width:500px; position:relative; margin:0 auto; }
.contain600 { width:600px; position:relative; margin:0 auto; }
.infobox { position:relative; overflow:hidden; padding:6px 8px; margin:7px auto; border:1px solid #C5C392; background:#F1F0E2; width:200px; font-size:11px; color:#484624; }
.infobox a.btn { float:left; margin:7px 15px 2px 15px; text-align:center; }
.info { font-weight:bold; margin:5px 0; }
.content p.errmsg { margin:0; }
p img, li img { vertical-align:middle; }
form input.inp_med, form input.inp_small, form input.inp_tiny, form input.inp_full, form textarea, form select { border:1px solid black; background:white; }
form textarea { overflow:auto; }
form input.btn { border:1px solid black; background:#F2F1E5; }
form input.btn:hover { background:white; }

a.btn { background-color:#F2F1E5; border:1px solid black; color:black; text-decoration:none; padding:2px 7px; }
a.btn:hover { background-color:white; }
a.kitsubmit { display:block; float:left; margin:0; padding:8px 8px 8px 57px; font-size:14px; font-weight:bold; background-image:url(../images/check-go.gif); background-repeat:no-repeat; background-position:5px center; }

form input.btn-update { width:73px; height:26px; background:white url(../images/button-update.gif) no-repeat left top; border:none; }
form input.btn-update:hover { background:white url(../images/button-update.gif) no-repeat right top; }
form input.btn-search { width:86px; height:26px; background:white url(../images/button-search.gif) no-repeat left top; border:none; }
form input.btn-search:hover { background:white url(../images/button-search.gif) no-repeat right top; }
a.btn-new { border:none; background:none; padding:0; }
a.btn-new img { width:57px; height:26px; background:white url(../images/button-new.gif) no-repeat left top; vertical-align:top; }
form a.btn-new:hover img { background:white url(../images/button-new.gif) no-repeat right top; }
form input.btn-editview { width:87px; height:26px; background:white url(../images/button-editview.gif) no-repeat left top; border:none; }
form input.btn-editview:hover { background:white url(../images/button-editview.gif) no-repeat right top; }
form input.btn-duplicate { width:87px; height:26px; background:white url(../images/button-duplicate.gif) no-repeat left top; border:none; }
form input.btn-duplicate:hover { background:white url(../images/button-duplicate.gif) no-repeat right top; }
form input.btn-delete { width:71px; height:26px; background:white url(../images/button-delete.gif) no-repeat left top; border:none; }
form input.btn-delete:hover { background:white url(../images/button-delete.gif) no-repeat right top; }
form input.btn-addtokit { width:106px; height:26px; background:white url(../images/button-addtokit.gif) no-repeat left top; border:none; }
form input.btn-addtokit:hover { background:white url(../images/button-addtokit.gif) no-repeat right top; }
form input.btn-send { width:60px; height:26px; background:white url(../images/button-send.gif) no-repeat left top; border:none; }
form input.btn-send:hover { background:white url(../images/button-send.gif) no-repeat right top; }
a.btn-newinstructorsignup { border:none; background:none; padding:0; }
a.btn-newinstructorsignup img { width:167px; height:26px; background:white url(../images/button-newinstructorsignup.gif) no-repeat left top; }
a.btn-newinstructorsignup:hover img { background:white url(../images/button-newinstructorsignup.gif) no-repeat right top; }
form input.btn-login { width:64px; height:26px; background:white url(../images/button-login.gif) no-repeat left top; border:none; }
form input.btn-login:hover { background:white url(../images/button-login.gif) no-repeat right top; }
form input.btn-signup { width:78px; height:26px; background:white url(../images/button-signup.gif) no-repeat left top; border:none; }
form input.btn-signup:hover { background:white url(../images/button-signup.gif) no-repeat right top; }
form input.btn-addtoorder { width:126px; height:26px; background:white url(../images/button-addtoorder.gif) no-repeat left top; border:none; }
form input.btn-addtoorder:hover { background:white url(../images/button-addtoorder.gif) no-repeat right top; }
a.btn-proceedtocheckout { border:none; background:none; padding:0; }
form input.btn-proceedtocheckout, a.btn-proceedtocheckout img { width:140px; height:48px; background:white url(../images/button-proceedtocheckout.gif) no-repeat left top; border:none; }
form input.btn-proceedtocheckout:hover, a.btn-proceedtocheckout:hover img { background:white url(../images/button-proceedtocheckout.gif) no-repeat right top; }
a.btn-submitkit { border:none; background:none; padding:0; }
form input.submitkit, a.btn-submitkit img { width:141px; height:63px; background:white url(../images/button-submitkit.gif) no-repeat left top; border:none; }
form input.btn-submitkit:hover, a.btn-submitkit:hover img { background:white url(../images/button-submitkit.gif) no-repeat right top; }
form input.btn-continuecheckout { width:157px; height:26px; background:white url(../images/button-continuecheckout.gif) no-repeat left top; border:none; }
form input.btn-continuecheckout:hover { background:white url(../images/button-continuecheckout.gif) no-repeat right top; }
form input.btn-sendorder { width:112px; height:48px; background:white url(../images/button-sendorder.gif) no-repeat left top; border:none; }
form input.btn-sendorder:hover { background:white url(../images/button-sendorder.gif) no-repeat right top; }

#all { position:relative; margin:0 auto; width:765px; }
#header { position:relative; margin:0 auto; width:765px; height:58px; }
	#header img { position:absolute; left:0; top:0; width:400px; height:58px; }
h1 { position:relative; float:left; width:282px; height:79px; margin:0; padding:0; left:10px; top:1px; background:url(../images/logo-art-supplies.gif) no-repeat left top; }
h1.kb { width:320px; height:79px; background:url(../images/logo-kit-builder.gif) no-repeat left top; }
	h1 span { display:none; font:bold 21px Verdana, Arial, Helvetica, sans-serif; }
#menutop { position:relative; width:400px; margin:0 25px 0 315px; }
	#menutop a { float:right; padding:3px 7px; background:white; color:black; text-decoration:none; border-right:1px solid black; border-bottom:1px solid black; }
	#menutop a.first { border-left:1px solid black; }
	#menutop a.active { font-weight:bold; }
#body { position:relative; width:751px; margin:0 auto 5px auto; padding:5px 7px 15px 7px; background:white; }
	#body .content { position:relative; margin:0 auto; z-index:10; overflow:visible; }
		#body .content h2 { padding:2px 15px 3px 15px; font:bold 18px Arial, Helvetica, sans-serif; margin:0; }
		#body .content h3 { font:bold 16px Arial, Helvetica, sans-serif; color:black; margin:10px 0 7px 0; }
		#body .content p.special { margin:10px 0; text-align:center; }
		#body .content p.special a { text-decoration:none; }
		#body .content p.special a img { border:1px solid white; }
		#body .content p.special a:hover img { border:1px solid red; }
		#body .content .shop { display:block; clear:both; font-size:15px; font-weight:bold; text-align:right; color:blue; }
	.pane1, .pane2, .pane3 { position:relative; float:left; }
#footer { position:relative; width:765px; margin:0 auto; }
	#menubottom { position:relative; text-align:center; margin:0 auto; }
		#menubottom a { margin:0 7px; font:10px Arial, Helvetica, sans-serif; }
	#footer .smallprint { margin:40px 0 0 0; font:10px Arial, Helvetica, sans-serif; text-align:center; }
	
table.prodlist { position:relative; width:737px; margin:10px 0; }
	table.prodlist th { position:relative; padding:2px 5px; font-weight:bold; }
	table.prodlist td { position:relative; padding:2px 5px; }
	table.prodlist tr.altrow td { background:#F2F1E5; }
	table.prodlist td.groupby { padding-top:15px; padding-left:10px; letter-spacing:1px; }
	.prodno, .desc { text-align:left; }
	.prodno { white-space:nowrap; }
	.retail, .yourprice, .unitprice, .extprice { text-align:right; }
	.unit, .qty, .msds, .del { text-align:center; }
	.qty { width:40px; }
	.qty input { border:1px solid black; width:35px; background:white; }
	table.prodlist tr td.outofstock { color:white; font-weight:bold; background:#FF3C3C; font-size:11px; }
	table.prodlist a { background:url(../images/go_micro1.gif) no-repeat 3px center; padding-left:20px; color:black; text-decoration:none; }
	table.prodlist a:hover { background-position:6px center; }
	td.empty { padding:3px 10px; text-align:center; font-style:oblique; }

.prodadd input.btn { float:right; margin:10px; }

.linklist { margin:0; padding:0; list-style:none; margin:7px 0; }
	.linklist li { margin:0; padding:0; font:12px Arial, Helvetica, sans-serif; display:block; }
	.linklist li a { padding:1px 0 1px 32px; color:black; background:url(../images/go_micro1.gif) no-repeat 13px center; display:block; text-decoration:none; }
	.linklist li a:hover { background-position:17px center; }
.breadcrumbs, .pager { position:relative; width:737px; }
	.breadcrumbs a, .pager a { font:bold 13px Arial, Helvetica, sans-serif; padding:2px 10px; color:black; text-decoration:none; }
	.breadcrumbs a { background:url(../images/go_micro1.gif) no-repeat 3px center; padding-left:20px; }
	.pager a { border-left:1px solid black; }
	.breadcrumbs a:hover, .pager a:hover, .linklist a:hover { background-color:#F2F1E5; text-decoration:none; }
	.breadcrumbs a.first, .pager a.first { border:none; }
	.breadcrumbs a:hover { background-position:7px center; }
	.pager .pages { float:right; padding:2px 10px; }
p.itemsadded { position:relative; clear:both; margin:7px 10px 7px auto; font-size:14px; width:266px; border:1px solid #66D166; padding:8px 0; background:#C0FFC0; text-align:center; }
	p.itemsadded strong { font-size:1.3em; vertical-align:middle; }
	p.itemsadded a { font-weight:bold; color:#257C25; }
	p.itemsadded a:hover { color:black; }
div.stockmsg { position:relative; clear:both; margin:7px 10px 7px auto; font-size:11px; width:256px; border:1px solid black; padding:5px; }
	div.stockmsg p { margin:0 0 5px 0; }
	div.stockmsg img.fl { margin-right:5px; }
	div.stockmsg ul { margin:5px 0 0 0; padding:0 0 0 2em; }
	div.stockmsg ul li { margin:0; padding:0; }
	div.stockmsg table { position:relative; border-collapse:separate; width:299px; border-left:1px solid #FFDF5A; border-top:1px solid #FFDF5A; }
	div.stockmsg table th { position:relative; border-right:1px solid #FFDF5A; border-bottom:1px solid #FFDF5A; background:#FFDF5A; padding:1px 0; font-size:10px; font-weight:normal; text-align:center; }
	div.stockmsg table td { position:relative; border-right:1px solid #FFDF5A; border-bottom:1px solid #FFDF5A; padding:1px 4px; background:#FFFBE4; }
	div.stockmsg table td input { background:white; border:1px solid black; width:35px; }
	div.stockmsg table td.ordered, div.stockmsg table td.available, div.stockmsg table td.orderqty { text-align:center; }
	div.stockmsg table td.available { background:white; font-weight:bold; }
	div.stockmsg .btn { margin:5px 7px 0 0; float:right; }
	div.none { background:#FFD7D7; border-color:#FF8D8D; }
	div.some { background:#FFF1B3; border-color:#FFD422; width:300px; }

p.handling { float:right; clear:both; width:350px; font-size:10px; position:relative; top:27px; padding-right:10px; }
	p.handling img { float:left; padding:10px 8px 20px 0; }

#search { text-align:center; margin-bottom:25px; }
#search .inp_med { width:180px; margin:0 4px; }

.underconstruction { background-color:red; color:white; }
.waitingforconfirmation { background-color:#FFC616; color:black; }
.readyforpurchase { background-color:#008000; color:white; }
.inactive { background-color:#999999; color:black; }

p.kitstatus { padding:0 0 0 30px; margin:0; }
p.kitstatus span { float:left; width:165px; margin:0 0 5px 0; }
p.kitstatus img { margin:0 5px 0 0; }

/* The hint to Hide and Show */
.hint { display:none; position:absolute; right:-190px; top:0; width:180px; margin-top:-6px; border:1px solid #c93; padding:4px 7px; z-index:1000;
/* to fix IE6, I can't just declare a background-color,
I must do a bg image, too!  So I'm duplicating the pointer.gif
image, and positioning it so that it doesn't show up
within the box */
background: #ffc url(../images/pointer.gif) no-repeat -10px 5px; }

/* The pointer image is hadded by using another span */
.hint .hint-pointer { position:absolute; left:-10px; top:5px; width:10px; height:19px; background:url(../images/pointer.gif) left top no-repeat; }