body { margin:0px 25px; background: #fff;}
table { margin:0px;}
img { border:0px; font-family: Helvetica, 'Trebuchet MS', Arial, sans-serif; font-size: 8px; color: #000;}
A.navlinks { font:12px/16px Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #900; padding: 2px 1px; text-decoration: none;}
A.qscategories:HOVER { color: #bbb;}
A.categories:HOVER { color: #ffe; background: #900; text-decoration: none;}
A.links:HOVER { color: #999; text-decoration: underline;}
A.navlinks:HOVER { color: #fff; background: #900; text-decoration: none;}
A.navtext:HOVER { color: #000; text-decoration: none;}
A.headercategory:HOVER { color: #fff; background: #900;}
A.navbuttons:HOVER { color: #900; background: #fee; text-decoration: none;}
.checkout a:link{font:12px/15px Helvetica, 'Trebuchet MS', Arial, sans-serif; color:#900;text-decoration: none;}
.checkout a:visited {font:12px/15px Helvetica, 'Trebuchet MS', Arial, sans-serif; color:#900;text-decoration: none;}
.checkout a:active {font:12px/15px Helvetica, 'Trebuchet MS', Arial, sans-serif; color:#900;text-decoration: none;}
.checkout a:hover {font:12px/15px Helvetica, 'Trebuchet MS', Arial, sans-serif; color:#900;text-decoration: none;}


input:focus {background: #9f9;}
.accent { font:bold 12px/13px Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #900;}
.announce { font:16px/16px  Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #900; text-decoration: none;}
.banner1 { font:28px/28px  Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #a22; font-weight: bold; letter-spacing: 0.32em; text-decoration: none;}
.banner2 { font:18px/22px  Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #a22; letter-spacing: 0.1em; text-decoration: none;}
.banner3 { font:16px/22px  Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #666; text-decoration: none;}
.categories { font:bold 13px/14px  Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #900; letter-spacing: 0.1em; text-decoration: none;}
.categories2 { font:bold 13px/14px  Helvetica, 'Trebuchet MS', Arial, sans-serif; color: black; letter-spacing: 0.1em; text-decoration: none;}
.category { font-family: Helvetica, 'Trebuchet MS', Arial, sans-serif; font-size: 18px; line-height: 18px; color: #900; letter-spacing: 0.2em; font-weight: bold; text-decoration: none;}
.covertype { font-family: Helvetica, 'Trebuchet MS', Arial, sans-serif; font-size: 9px; line-height: 15px; color: #999;}
.craftcategories { font-family: Helvetica, 'Trebuchet MS', Arial, sans-serif; font-size: 14px; line-height: 15px; color: #900; letter-spacing: 0.2em; font-weight: bold; text-decoration: none;}
.craftcategory { font-family: Helvetica, 'Trebuchet MS', Arial, sans-serif; font-size: 18px; line-height: 18px; color: #900; letter-spacing: 0.2em; font-weight: bold; text-decoration: none;}
.discounts { font-family: Helvetica, 'Trebuchet MS', Arial, sans-serif; font-size: 14px; line-height: 14px; color: #900; letter-spacing: 0.2em; text-decoration: none; font-weight: bold;}
.headercategory { font-family: Helvetica, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 13px; color: #900; letter-spacing:0.3em; text-decoration: none;}
.label {font:15px/17px Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #0E2FBB; padding:1px; text-decoration: none; }
.dots {font:10px/17px Verdana, 'Trebuchet MS', Arial, sans-serif; color: #900; padding:1px; text-decoration: none; font-weight:bold;text-transform: uppercase; }
.links { font-family: Helvetica, 'Trebuchet MS', Arial, sans-serif; font-size: 11px; line-height: 13px; color: #900; text-decoration: none;}
.linktext { font-family: Helvetica, 'Trebuchet MS', Arial, sans-serif; font-size: 11px; line-height: 13px; color: #900; text-decoration: none;}
.nav { font-family: Helvetica, 'Trebuchet MS', Arial, sans-serif; font-size: 10px; line-height: 15px; color: #900; text-decoration: none;}
.navlinks { font:11px/13px Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #900; padding: 2px 1px; text-decoration: none;}
.navtext { font:12px/16px Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #fff; padding: 2px 1px; text-decoration: none;}
.news { font-family: Helvetica, 'Trebuchet MS', Arial, sans-serif; font-size: 18px; line-height: 20px; color: #c00; text-decoration: none;}
.popuptext { font-family: Helvetica, 'Trebuchet MS', Arial, sans-serif; font-size: 9px; line-height: 13px; color: blue;}
.price { font-family: Helvetica, 'Trebuchet MS', Arial, sans-serif; font-size: 10px; line-height: 12px; color: #900;}
.product { font-family: Helvetica, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 15px; color: #900; font-weight: bold; text-decoration: none;}
.qscategories { font-family: Helvetica, 'Trebuchet MS', Arial, sans-serif; font-size: 16px; line-height: 16px; color: #ffe; font-weight: bold; text-decoration: none;}
.qsprice { font-family: Helvetica, 'Trebuchet MS', Arial, sans-serif; font-size: 11px; line-height: 13px; color: #900;}
.qsproduct { font-family: Helvetica, 'Trebuchet MS', Arial, sans-serif; font-size: 11px; line-height: 13px; color: #000; text-decoration: none;}
.sale { font-family: Helvetica, 'Trebuchet MS', Arial, sans-serif; font-size: 11px; line-height: 13px; color: red;}
.spectext { font:10px/12px Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #000;}
.spectexthighlight { font:10px/12px Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #900;}
.stafftext { font: 11px/13px Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #333; padding:7px 2px; border-right:1px solid #999; border-bottom:1px solid #999; border-left:1px solid #999;}
.stepnumber { font:15px/15px Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #900; text-decoration: none;}
.subcategory { font-family: Helvetica, 'Trebuchet MS', Arial, sans-serif; font-size: 14px; line-height: 18px; color: #900; letter-spacing: 0.2em; font-weight: bold; text-decoration: none;}
.text { font:11px/13px Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #000; text-decoration: none;}
.text2 { font:11px/13px Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #000; text-decoration: line-through;}
.textintro { font:15px/15px Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #CC0000; text-decoration: none;}
.textintro2 { font:12px/12px Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #000; text-decoration: none;}
.tiles { font:10px/10px Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #900;}
#aboutusbox { padding:5px; height:74px; border:1px solid #999; font:11px/11px Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #111; text-align:justify;}
#aboutusbox a { font:11px/11px Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #111; text-decoration: underline;}

.checkoutreq { font: 11px/13px Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #c00; text-align:right;}
.invalid { font-family: Helvetica, 'Trebuchet MS', Arial, sans-serif; font-size: 18px; line-height: 18px; color: #0c0; letter-spacing: 0.1em; font-weight: bold; text-decoration: none;}
.smalltype { font-family: Helvetica, 'Trebuchet MS', Arial, sans-serif; font-size: 9px; line-height: 9px; color: #333;}
.newitems { border:1px dashed #999; margin:10px; padding:5px; letter-spacing:0.3em; color: #666; background:#fff;}

#inputbox {font:12px/12px courier; color:#600; text-align:center; border:1px solid #aaa; padding:2px 0px;}

#masthead {margin:3px 0px 0px; width:604px;}
#mast {margin:0px; width:596px;padding:3px; border-top: 1px solid #aaa; border-right: 1px solid #aaa; border-left: 1px solid #aaa;}
#masthead2 {margin:3px 0px 0px; width:810px;}
#mast2 {margin:0px; width:802px;padding:3px; border-top: 1px solid #aaa; border-right: 1px solid #aaa; border-left: 1px solid #aaa;}

#faqsectionheader {margin:5px 0px; width:95%; padding:5px; border:1px solid #bbb; background:#efe; font:14px/16px Helvetica, 'Trebuchet MS', Arial, sans-serif; letter-spacing: 0.25em; text-align:right;}

#testimonial1 {margin:5px 1px 5px 15px; width:95%; padding:5px; border:1px solid #666; background:#efe; font:12px/16px Helvetica, 'Trebuchet MS', Arial, sans-serif; text-align:justify;}
#testimonial2 {margin:5px 1px; width:95%; padding:5px; border:1px solid #666; background:#ffe; font:12px/16px Helvetica, 'Trebuchet MS', Arial, sans-serif; text-align:justify;}
#testimonial3 {margin:5px 1px 5px 15px; width:95%; padding:5px; border:1px solid #666; background:#eff; font:12px/16px Helvetica, 'Trebuchet MS', Arial, sans-serif; text-align:justify;}
#testimonial4 {margin:5px 1px; width:95%; padding:5px; border:1px solid #666; background:#fee; font:12px/16px Helvetica, 'Trebuchet MS', Arial, sans-serif; text-align:justify;}
.customername {font:bold 10px/14px Helvetica, 'Trebuchet MS', Arial, sans-serif; padding:0px 0px 0px 25px;}

#sitemapsectionheader {margin:5px 0px; width:95%; padding:5px; border:1px solid #000; background:#900; font: bold 14px/16px Helvetica, 'Trebuchet MS', Arial, sans-serif; color:#fff; letter-spacing: 0.15em; text-align:center;}
.sitemap li {list-style: outside;list-style-image: url(http://www.mosaicmercantile.com/scstore/images/bullet-red.gif);font:13px/16px Helvetica, 'Trebuchet MS', Arial, sans-serif;}
.sitemap a {font:13px/16px Helvetica, 'Trebuchet MS', Arial, sans-serif; color:#211;text-decoration:none;}
.sitemap a:HOVER {text-decoration:underline;}
a.sitemapsubmenu {color:#433; margin:10px;text-decoration:none;}
a.sitemapsubsubmenu {color:#655; margin:20px;text-decoration:none;}

table#navbuttons { background: #fff; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #aaa;}
table#navbuttons td { text-align: center; font: 12px/12px verdana, arial, 'lucida grande', sans-serif ; background: #fff; border-right: 1px solid #aaa;}
table#navbuttons td a { display: block; margin: 0px; padding: 5px 10px; text-decoration: none; background: url(/scstore/images/navbuttons_bg_off.jpg) #fff repeat;}
table#navbuttons td a:link, #navbuttons td a:visited { color: #000; text-decoration: none;}
table#navbuttons td a:hover { display: block; background: url(http://www.mosaicmercantile.com/scstore/images/navbuttons_bg_on.jpg) #fff repeat; color: #000; text-decoration: none; text-shadow:2px 2px 2px #666;}

#main {padding:0px;width:604px; background:#fff;}

#sidemenu2 {margin:3px 0px 0px;padding:0px;width:125px; text-align:left;}
#sidemenu2 UL {margin:2px 0px 5px;padding:0px;display: block;}
#sidemenu2 UL.break {margin:0px;padding:5px 0px 0px;display: block; border-top:1px dashed #bbb;}
#sidemenu2 li {list-style: none;padding:1px; text-align:left;}
#sidemenu2 li.current {font:12px/15px Helvetica, 'Trebuchet MS', Arial, sans-serif; color:#fff; background:#bbb;}
#sidemenu2 li.seasonal {font:12px/15px Helvetica, 'Trebuchet MS', Arial, sans-serif; color:#008000; background:#bbb;}
#sidemenu2 li.subcurrent {padding: 1px 2px 1px 7px;font:10px/12px Helvetica, 'Trebuchet MS', Arial, sans-serif; color:#fff; background:#bbb;}
#sidemenu2 li.subsubcurrent {padding: 1px 2px 1px 12px;font:10px/12px Helvetica, 'Trebuchet MS', Arial, sans-serif; color:#900; border:1px dotted #bbb;}
#sidemenu2 a {font:12px/15px Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #2C4E17; padding:1px; text-decoration: none;}
#sidemenu2 li.seasonal a {font:12px/15px Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #008000; padding:1px; text-decoration: none;}
#sidemenu2 a.submenu {padding: 1px 2px 1px 7px;font:10px/12px Helvetica, 'Trebuchet MS', Arial, sans-serif;}
#sidemenu2 a.subsubmenu {padding: 1px 2px 1px 12px;font:10px/12px Helvetica, 'Trebuchet MS', Arial, sans-serif;}
#sidemenu2 a.subcurrent {padding: 1px 2px 1px 7px;font:10px/12px Helvetica, 'Trebuchet MS', Arial, sans-serif; color:#fff; background:#bbb;}
#sidemenu2 a:HOVER { color: #fff; background: #900;}
#sidemenu2 a.topleftlogo:HOVER { color: #fff; background: #fff;}

#sidemenu {margin:3px 0px 0px;padding:0px;width:125px; text-align:left;}
#sidemenu UL {margin:2px 0px 5px;padding:0px;display: block;}
#sidemenu UL.break {margin:0px;padding:5px 0px 0px;display: block; border-top:1px dashed #bbb;}
#sidemenu li {list-style: none;padding:1px; text-align:left;}
#sidemenu li.current {font:12px/15px Helvetica, 'Trebuchet MS', Arial, sans-serif; color:#fff; background:#bbb;}
#sidemenu li.seasonal {font:12px/15px Helvetica, 'Trebuchet MS', Arial, sans-serif; color:#008000; background:#bbb;}
#sidemenu li.subcurrent {padding: 1px 2px 1px 7px;font:10px/12px Helvetica, 'Trebuchet MS', Arial, sans-serif; color:#fff; background:#bbb;}
#sidemenu li.subsubcurrent {padding: 1px 2px 1px 12px;font:10px/12px Helvetica, 'Trebuchet MS', Arial, sans-serif; color:#900; border:1px dotted #bbb;}
#sidemenu a {font:12px/15px Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #900; padding:1px; text-decoration: none;}
#sidemenu li.seasonal a {font:12px/15px Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #008000; padding:1px; text-decoration: none;}
#sidemenu a.submenu {padding: 1px 2px 1px 7px;font:10px/12px Helvetica, 'Trebuchet MS', Arial, sans-serif;}
#sidemenu a.subsubmenu {padding: 1px 2px 1px 12px;font:10px/12px Helvetica, 'Trebuchet MS', Arial, sans-serif;}
#sidemenu a.subcurrent {padding: 1px 2px 1px 7px;font:10px/12px Helvetica, 'Trebuchet MS', Arial, sans-serif; color:#fff; background:#bbb;}
#sidemenu a:HOVER { color: #fff; background: #900;}
#sidemenu a.topleftlogo:HOVER { color: #fff; background: #fff;}

/* Lightbox CSS Info \*/

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://www.mosaicmercantile.com/scstore/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.mosaicmercantile.com/scstore/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.mosaicmercantile.com/scstore/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

.strike {
text-decoration:line-through;
}
