/* in some cases, trying to do an absolutely positioned faux background and putting
overflow:hidden on #main messes with shoppinglist.asp, since it takes so long to
load the tables in. The solution is to make a different background specifically
for this page and to not use the overflow on #main */
#main { margin:7px 0; padding:0px 0px 20px 0px; color:black; background:white; }
#search #bg-search01 { display:none; }
#main #bg-main01 { display:none; }

#main ul { margin:0; padding:0; list-style:none; }
#main ul li { margin:0; padding:0; }

h1 { margin:25px -10px 12px 0; padding:0 0 0 7px; font:bold 20px Arial, Helvetica, sans-serif; border-bottom:1px solid #D0C4B2; }
h2 { margin:15px -10px 7px 0; padding:0 10px; font:bold 16px Arial, Helvetica, sans-serif; border-bottom:1px solid #D0C4B2; }

#main a.btn { border-color:#C9BEA9; }
	#main a.btn:hover { background:#EDEAE3; }

.btn-addtocart { width:102px; height:21px; background:url(btn-addtocart.png) no-repeat left top; }
	.btn-addtocart:hover { background-position:right top; }

#main ul#breadcrumbs { position:relative; width:100%; margin:10px 0 0 0; padding:0; }
	#main ul#breadcrumbs li { display:inline; list-style-type:none; }
	#main ul#breadcrumbs li a { padding:4px 6px 4px 23px; text-decoration:none; color:#5F523B; font-weight:bold; font-size:14px;  background:url(arrow-breadcrumbs.png) no-repeat left center; }
		#main ul#breadcrumbs li a:hover { background-color:#EDEAE3; color:black; background-position:4px center; }

.searchbox { position:relative; width:540px; padding:18px 0; margin:20px; border:1px solid #D0C4B2; text-align:center; color:#B09E81; background:#FAFAF8; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; }
	.searchbox form { margin:0; }
		.searchbox form a { color:#806C4D; padding:2px 8px 2px 5px; }
		.searchbox form input.inp_med { width:225px; height:1.6em; padding:0 4px; border:1px solid #C9BFAC; background:white; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 10px #E3DED2; -webkit-box-shadow:0px 0px 10px #E3DED2; box-shadow:0px 0px 10px #E3DED2; }
		.searchbox .button { margin:0 0 0 4px; }

.search-pager { position:relative; }
.search-pager .pager, .search-pager .pages { position:relative; margin:5px 0; }
.search-pager .pages { float:right; }
.search-pager .pager { float:left; }
	.search-pager .pager a, .search-pager .pages { color:#5F523B; font-weight:bold; font-size:1em; padding:2px 6px; }
		.search-pager .pager a:hover { background-color:#EDEAE3; color:black; }
	.pager .first img { background:url(arrow-first.png) no-repeat left top; width:12px; height:11px; margin:0 2px 0 0; }
	.pager .previous img { background:url(arrow-previous.png) no-repeat left top; width:7px; height:11px; margin:0 2px 0 0; }
	.pager .next img { background:url(arrow-next.png) no-repeat left top; width:7px; height:11px; margin:0 0 0 2px; }
	.pager .last img { background:url(arrow-last.png) no-repeat left top; width:12px; height:11px; margin:0 0 0 2px; }

ul.linklist { position:relative; display:block; margin:0; padding:0; width:100%; clear:both; overflow:hidden; }
	ul.linklist li { float:left; display:inline; clear:both; margin:0; padding:0; width:100%; }
		ul.linklist li a { display:block; margin:0 0 0 12px; padding:3px 6px 3px 45px; background:url(icon-list.png) no-repeat 6px center; color:#5F523B; font-size:1em; }
			ul.linklist li a:hover { background-position:10px center; background-color:#EDEAE3; color:black; }

div.html { padding:10px; margin:10px 0 10px 10px; position:relative; }

table.prodlist { width:900px; }
	table.prodlist th { background:#C9BEA9; }
	table.prodlist th.prodno { background:#A3B2D2; }
	table.prodlist th.qty { background:#8FC383; }
	table.prodlist th.sortable { cursor:pointer; }
		table.prodlist th.sortable span { width:5px; padding:0 3px; height:12px; background:url(arrow-sortable1.png) no-repeat right center; }
	table.prodlist th.sortASC { color:white; background-color:#9E8A62; }
		table.prodlist th.sortASC span { width:5px; padding:0 3px; height:12px; background:url(arrow-sortasc1.png) no-repeat right center; }
	table.prodlist th.sortDESC { color:white; background-color:#9E8A62; }
		table.prodlist th.sortDESC span { width:5px; padding:0 3px; height:12px; background:url(arrow-sortdesc1.png) no-repeat right center; }
	table.prodlist th { padding:2px 4px; }
	table.prodlist td { font-size:1em; padding:3px 6px; }
	table.prodlist tr.altrow td, table.prodlist tr.odd td { background:#EDEAE3; }
	table.prodlist td.prodno { padding:0; font-weight:bold; }
	table.prodlist td.prodno a { display:block; position:relative; padding:5px 53px 6px 6px; color:#364871; background:url(btn-details2.png) no-repeat right center; border-right:1px solid #B7C6E6; border-left:1px solid #C2CADB; text-decoration:underline; }
	table.prodlist tr.altrow td.prodno a, table.prodlist tr.odd td.prodno a { background-color:#E5EAF6; }
		table.prodlist td.prodno a:visited { color:#753E82; }
		table.prodlist td.prodno a:hover, table.prodlist tr.altrow td.prodno a:hover, table.prodlist tr.odd td.prodno a:hover { background-color:#90A7DC; color:black; background-position:95% center; }
	table.prodlist tr.altrow td.qty, table.prodlist tr.odd td.qty { background-color:#E1F1D9; }
	table.prodlist .qty input { width:35px; border:1px solid #64CA64; margin:0; font-weight:bold; color:#308E31; text-align:center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:0px 0px 3px #ACE3AD; -webkit-box-shadow:0px 0px 3px #ACE3AD; box-shadow:0px 0px 3px #ACE3AD; }
	table.prodlist td.qty { border-right:1px solid #BEE6B9; border-left:1px solid #BEE6B9; }
	table.prodlist .prodno, table.prodlist .desc { text-align:left; }
	table.prodlist .qty, table.prodlist .stock, table.prodlist .remove, table.prodlist .su, table.prodlist .icons { text-align:center; }
	table.prodlist .dealer, table.prodlist .ext-dealer, table.prodlist .retail, table.prodlist .upc { text-align:right; }
	table.prodlist .icons, table.prodlist .prodno { white-space:nowrap; }
	table.prodlist tr.empty td { padding:10px; text-align:center; }

p.instructions, div.instructions, #main ul.instructions { margin:3px 0; }
	#main ul.instructions li { list-style-type:circle; padding:0; margin:0 0 3px 2em; }

#frm-mytemplates { width:700px; position:relative; margin:0 auto; }
.launch-list { position:relative; margin:15px auto 7px auto; border-top:1px solid #D0C4B2; border-left:1px solid #D0C4B2; }
	.launch-list td, .launch-list th { position:relative; border-right:1px solid #D0C4B2; border-bottom:1px solid #D0C4B2; padding:6px 7px; }
	.launch-list th { font-weight:normal; background:#EDEAE3; }
	.launch-list td.date, .launch-list td.export, .launch-list td.merge { padding:0; }
	.launch-list td.date a { color:black; font-weight:bold; background:url(icon-shop.png) no-repeat 5px center; padding:8px 8px 8px 55px; display:block; line-height:19px; }
		.launch-list td.date a:hover { background-color:#D2EBBF; color:#4D772D; }
	.launch-list td.export { width:90px; }
	.launch-list td.export a { padding:8px 0; width:90px; line-height:19px; height:19px; display:block; text-align:center; background:url(icon-export-shopping-list.png) no-repeat center center; }
		.launch-list td.export a:hover { background:#D2EBBF url(icon-export-shopping-list-hover.png) no-repeat center center; }
	.launch-list .name, .launch-list .date { text-align:left; }
	.launch-list .lineno, .launch-list .merge, .launch-list .export { text-align:center; }
	.launch-list .merge p { line-height:1.65em; margin:0; padding:3px 5px; }
	.launch-list .merge .btn { background:white; }
	.launch-list .lineno { padding:0 5px; vertical-align:middle; white-space:nowrap; }
		.launch-list .lineno span { display:block; margin:0; color:#579428; font-size:10px; }
	.launch-list .dealer { text-align:right; }
	.launch-list td.name { background-color:#F7F7F5; padding:0 15px; }
	.launch-list tr.active td.name { background-color:#D9EEC8; }
	.launch-list tr.active td.name input { border-color:#98D36D; -moz-box-shadow:0px 0px 10px #B2DE91; -webkit-box-shadow:0px 0px 10px #B2DE91; box-shadow:0px 0px 10px #B2DE91; }
	.launch-list td.name input { width:280px; padding:1px 4px; height:1.6em; padding:0 4px; border:1px solid #C9BFAC; background:white; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 10px #E3DED2; -webkit-box-shadow:0px 0px 10px #E3DED2; box-shadow:0px 0px 10px #E3DED2; }
	.launch-list td.delete { padding:0; text-align:center; color:#AF1E1E; }
		.launch-list td.delete a.confirm { background:url(icon-delete.png) no-repeat 5px center; padding:8px 8px 8px 29px; line-height:19px; display:block; color:#AF1E1E; }
			.launch-list td.delete a.confirm:hover { background-color:#F9DBDB; color:black; }
	.launch-list tr.active td { background-color:#ECF7E4; }
p.startdate { padding:0 25px; font-size:1em; margin:0 0 15px 0; }
#templateview { margin:15px 0 0 0; }

form#frm-templateview { position:relative;margin:0; }
#frm-templateview .btn-addtocart, #frm-productlist .btn-addtocart, #frm-searchresults .btn-addtocart { margin:10px 0 25px 0; float:right; }

#main div.column1 { position:relative; float:left; width:460px; margin:0; }
	.catcopy { margin:12px 0 25px 0; padding:0 7px; font:1em Arial, Helvetica, sans-serif; line-height:1.4em; }
	#displaycontentsheading { margin:0; padding:0 10px; }
	#displaycontents { position:relative; overflow:auto; width:430px; max-height:404px; padding:5px; margin:0 0 12px 0; }
		#displaycontents table { font-size:.92em; position:relative; border:1px solid #D0C4B2; width:98%; margin:0; }
		#displaycontents th, #displaycontents td { padding:1px 5px; position:relative; vertical-align:top; }
		#displaycontents th { border-bottom:1px solid #D0C4B2; }
		#displaycontents tr.altrow td, #displaycontents tr.odd td { background:#EEEAE4; }
	table.stock, div.order { position:relative; float:left; }
	div.order { padding:12px 0 0 20px; }
		div.order .inp-small { border:2px solid #70E971; font-size:14px; margin-right:3px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 5px #ACE3AD; -webkit-box-shadow:0px 0px 5px #ACE3AD; box-shadow:0px 0px 5px #ACE3AD; }
		div.order .btn-addtocart { margin-top:7px; display:block; }
	table.stock { border:1px solid #70E971; margin:0 0 0 40px; }
		table.stock td, table.stock th { position:relative; padding:2px 7px; }
		table.stock th { border-bottom:1px solid #70E971; }
		table.stock .altrow td, table.stock .odd td { background:#D9FFD9; font-weight:bold; }
	table.pricing { position:relative; width:300px; margin:20px 0 0 40px; border:1px solid #D0C4B2; }
		table.pricing th, table.pricing td { position:relative; font-size:1em; padding:2px 7px; }
		table.pricing th { text-align:center; font-weight:bold; border-bottom:1px solid #D0C4B2; }
			.itemno { font-size:16px; padding-left:7px; }
		table.pricing .cell1 { text-align:left; width:90px; background:#E8E3D9; }
		table.pricing .cell2 { text-align:center; font-style:oblique; font-size:1em; width:68px; color:#8D8271; }
			table.pricing .cell2 strong { font-size:1em; color:black; }
		table.pricing .cell3 { text-align:right; width:100px; }
	table.promo { border-color:#70E971; margin-bottom:30px; }
		table.promo th { border-color:#70E971; }
		table.promo .cell1 { background:#D9FFD9; }
#main div.column2 { position:relative; float:left; width:440px; margin:0; }
	.prodphoto { position:relative; margin:25px 0 0 10px; text-align:center; width:388px; padding:20px; border:1px solid #D0C4B2; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; -moz-box-shadow:0px 0px 10px #E3DED2; -webkit-box-shadow:0px 0px 10px #E3DED2; box-shadow:0px 0px 10px #E3DED2; }
	.safetyspace { margin:25px -10px 12px 0; padding:0 0 0 7px; font:bold 20px Arial, Helvetica, sans-serif; border-bottom:1px solid #D0C4B2; } /* matches h1 tag, to push down MSDS, CPSIA */
	.safetydocs { position:relative; margin:5px 0 0 10px; text-align:center; width:430px; }