html, body 	{ margin: 0px; padding: 0px; text-align: center; background: #000 url(http://www.spracingonline.com/images/bg.jpg) repeat-x;}

/* general */

a:link		{ color: #b91010; font-weight: bold; text-decoration: underline; }
a:visited	{ color: #b91010; font-weight: bold; text-decoration: underline; }
a:hover		{ color: #b91010; font-weight: bold; text-decoration: underline; }
a:active	{ color: #b91010; font-weight: bold; text-decoration: underline; }

p,td	{ font-family: trebuchet ms,geneva,georgia,serif; font-size: 13px; color: #333333; padding-right:10px; }

h1		{ margin: 0; padding: 0; font: bold 17px arial,tahoma,sans-serif; color: #000000; }
h1.store	{ margin-bottom: 10px; border-bottom: 2px solid #333; padding-bottom: 1px; }
h2		{ margin: 0; padding: 0; font: bold 15px arial,tahoma,sans-serif; color: #000000; }
h3		{ margin: 0; padding: 0; font: bold 14px arial,tahoma,sans-serif; color: #000000; }
h4		{ margin: 0; padding: 0; font: bold 13px arial,tahoma,sans-serif; color: #000000; }
h5		{ margin: 0; padding: 0; font: bold 12px arial,tahoma,sans-serif; color: #000000; }
h6		{ margin: 0; padding: 0; font: bold 11px arial,tahoma,sans-serif; color: #000000; }

form	{ display: inline; margin: 0; padding: 0; }

.red		{ color: #b91010; }
.clear		{ clear: both; height: 0px; }
.noborder	{ border: 0; }

.boxouter	{ margin: 0px 0px 15px 0px; padding: 0px; border: 1px solid #333; background: #fff; height: 1%; width: 360px; font: 11px arial,tahoma,sans-serif; }
.boxinnerbg	{ margin: 0; padding: 5px; background: #fff url(http://www.spracingonline.com/images/bg_boxhdr.jpg) no-repeat; border-bottom: 1px solid #333; font: bold 12px arial,tahoma,sans-serif; color: #fff; }

.hdrimage	{ margin: 2px auto 10px auto; padding: 0 auto 0 auto; text-align: center; }
.hdrimage img	{ border: 1px solid #333; }
.hdrsimage	{ margin: 2px auto 0px auto; padding: 0 auto 0 auto; text-align: center; }
.hdrsimage img	{ border: 1px solid #333; }


/* main divs */

#container 		{ position: relative; margin: 0px auto; width: 780px; border: 0; text-align: left; padding: 0; background-color: #000; }

#header			{ float: left; margin: 0; padding: 0; border: 0; width: 100%; border:0; height: 96px; color: #f2f2f2; font: 11px arial,tahoma,sans-serif; }
#header a:link		{ font: 11px arial,tahoma,sans-serif; color: #f2f2f2; text-decoration: underline; }
#header a:visited	{ font: 11px arial,tahoma,sans-serif; color: #f2f2f2; text-decoration: underline; }
#header a:hover		{ font: 11px arial,tahoma,sans-serif; color: #ffffff; text-decoration: underline; }
#header a:active	{ font: 11px arial,tahoma,sans-serif; color: #ffffff; text-decoration: underline; }

#main			{ clear: both; margin: 0; padding: 0px 0px 20px 0px; border: 0; width: 100%; height: 100%; background: #fff; }

#footer			{ clear: both; float: left; margin: 0; padding: 0; width: 100%; height: 60px; background: #000; border-top: 5px solid #666; }
#footl			{ float: left; margin: 0px; padding: 0px; border: 0; }
#footr			{ float: right; margin: 5px 15px 5px 5px; padding: 0; border: 0; color: #ccc; font: 10px arial,tahoma,sans-serif; text-align: right; }
#footr a:link		{ font: bold 10px tahoma,arial,sans-serif; color: #f2f2f2; text-decoration: none; }
#footr a:visited	{ font: bold 10px tahoma,arial,sans-serif; color: #f2f2f2; text-decoration: none; }
#footr a:hover		{ text-decoration: underline; }


/* splash */

.splogo			{ position: absolute; top: 0; left: 0; width: 244px; height: 81px; }
.splogin		{ position: absolute; top: 0; left: 244px; width: 536px; height: 54px; margin: 0; padding: 0; border: 0; background: url(http://www.spracingonline.com/images/spm_login.jpg) no-repeat; }
.spltext		{ float: left; margin: 30px 5px 0px 8px; padding: 0px 5px 0px 5px; width: 330px; }
.splsearch		{ float: left; padding: 25px 5px 0px 5px; }
.splsearch input	{ width: 110px; height: 14px; font: 10px arial,tahoma,sans-serif; }
.splsearchgo		{ float: left; padding: 11px 10px 0px 0px; }

.spmnav			{ position: absolute; top: 54px; left: 244px; width: 536px; height: 27px; }
.spmfade		{ position: absolute; top: 81px; left: 0; width: 780px; height: 15px; }

.leftcol		{ float: left; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 10px; border: 0; font: 12px arial,tahoma,sans-serif; }
.welcome		{ width: 385px; font: 12px arial,tahoma,sans-serif; }
.readytoshop		{ margin: 20px 0px 0px 0px; width: 385px; height: 150px; background: url(http://www.spracingonline.com/images/bg_readytoshop.jpg) no-repeat; background-position: 6px 27px; }
.rtspad			{ float: left; margin: 10px 0px 0px 0px; }

.fquickl		{ float: left; margin: 6px 5px 10px 0px; padding: 0; }
.fquickr		{ float: left; margin: 12px 5px 10px 5px; padding: 0; width: 200px; font: 12px arial,tahoma,sans-serif; }
.partner		{ margin: 0px 8px 0px 0px; }

.rightcol		{ float: left; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 13px; border: 0; }

/* store */

.storelcpad	{ margin: 0; padding: 0px 0px 0px 8px; line-height: 12px; }
.storelchdr	{ margin: 8px 0px 5px 0px; padding: 0; }
.userbox	{ margin: 3px 0px 5px 0px; padding: 5px; font: 11px arial,tahoma,sans-serif; background: #fff; width: 170px; line-height: 16px; border: 1px solid #ccc; }

#categories			{ margin: 0; padding: 0 1px 1px; font: bold 11px arial,tahoma,sans-serif; background: #fff; width: 170px; }
#categories li			{ list-style: none; margin: 0; padding: 3px 0px 3px 0px; border-top: 1px solid gray; text-align: left; display: block; width: 170px; min-height: 16px; }
#categories li a		{ display: block; padding:  0.25em 0.5em 0.25em 0.75em; border-left: 1em solid #ccc; background: #fff; text-decoration: none; }
#categories li a:link		{ color: #b91010; }
#categories li a:visited	{ color: #b91010; }
#categories li a:hover		{ border-color: #000; color: #FFF; background: #b91010; }

#subcats 		{ margin: 3px 0px 5px 12px; padding: 3px 0px 3px 0px; font: bold 11px arial,tahoma,sans-serif; background: #fff; width: 140px; text-decoration: none; }
#subcats li		{ list-style: none; margin: 0; padding: 2px 0px 2px 0px; text-align: left; display: block; width: 140px; min-height: 16px; border: 0; }
#subcats li a		{ display: block; padding:  0; padding: 0.25em 0.5em 0.25em 0.75em; background: #fff; text-decoration: none; }
#subcats li a:link	{ color: #b91010; }
#subcats li a:visited	{ color: #b91010; }
#subcats li a:hover	{ color: #FFF; background: #b91010; }

.storecrumbs		{ margin-bottom: 15px; border: 1px solid #ccc; background: #f9f9f9; padding: 5px; font: 11px arial,tahoma,sans-serif; }

.cat1	{ float: left; width: 163px; margin: 0px 13px 14px 5px; padding: 0; text-align: center; }
.cat2	{ float: left; width: 163px; margin: 0px 13px 14px 0px; padding: 0; text-align: center; }
.cat3	{ float: left; width: 163px; margin: 0px 0px 14px 0px; padding: 0; text-align: center; }
p.catd	{ margin: 3px 0px 5px 0px; font: 11px arial,tahoma,sans-serif; }

.fprodl		{ float: left; width: 300px; margin: 0px 13px 0px 5px; padding: 0; }
.fprodl p	{ margin: 3px 0px 5px 0px; font: 13px arial,tahoma,sans-serif; }
.fprodr		{ float: left; width: 200px; margin: 0; padding: 0; }

.prod1	{ float: left; width: 163px; margin: 0px 13px 20px 5px; padding: 0; text-align: center; }
.prod2	{ float: left; width: 163px; margin: 0px 13px 20px 0px; padding: 0; text-align: center; }
.prod3	{ float: left; width: 163px; margin: 0px 0px 20px 0px; padding: 0; text-align: center; }
p.prodd	{ margin: 3px 0px 5px 0px; font: 12px arial,tahoma,sans-serif; }

.prodl		{ float: left; width: 320px; margin: 0px 13px 0px 5px; padding: 0; }
.prodl p	{ margin: 0px 0px 15px 0px; font: 13px arial,tahoma,sans-serif; }
.prodr		{ float: left; width: 180px; margin: 0; padding: 0; font: 11px arial,tahoma,sans-serif; }
.prodr p	{ margin: 0; padding: 0; text-align: center; font: 10px arial,sans-serif; }

label.lbold			{ float: left; margin: 0; padding: 6px; text-align: right; font: bold 14px arial,tahoma,sans-serif; width: 120px; }
label.lbolds			{ float: left; margin: 0; padding: 6px; text-align: right; font: bold 12px arial,tahoma,sans-serif; width: 120px; }
.lfloat				{ float: left; margin: 0; padding: 5px; text-align: left; font: 14px arial,tahoma,sans-serif; width: 300px; }

#navlist			{ margin-left: 0; padding: 0; display: block; list-style: none; font-size: 12px; }
#navlist li			{ list-style: none; font: bold 13px arial,tahoma,sans-serif; margin: 3px 3px 3px 0px; padding: 0; border: 0; text-align: center; float: left; color: #ccc; line-height: 1px; }
#navlist li a			{ margin: 1px; padding: 0px 10px 10px 10px; border: 0; display: block; width: 125px; text-decoration: underline; color: #b91010; background: #fff; }

.ltxt				{ font: 14px arial,tahoma,sans-serif; width: 230px; }

.sphelp			{ margin-top: 20px; background: #fff; border: 1px solid #ccc; padding: 5px; font: bold 11px arial,sans-serif; }

/* services */

.service		{ float: right; margin: 5px 10px 10px 20px; border: 1px solid #333; }

/* contact */

label.formlabels	{ float: left; text-align: right; width: 90px; font: bold 11px arial,sans-serif; padding: 5px; }


/* sort results */
.sr		{ margin: 10px 0px 20px; padding: 0; border: 0; width: 760px; }
.srl		{ float: left; margin: 0; padding: 5px 0px 5px 0px; border: 0; width: 260px; font: 12px arial,tahoma,sans-serif; text-align: left; }
.srr		{ float: left; margin: 0; padding: 5px 15px 5px 0px; border: 0; width: 485px; text-align: right; }


.page			{ margin: 0; padding: 0; }
.page span		{ margin: 0px 2px 0px 2px; font: 11px arial,tahoma,sans-serif; font-weight: bold; }
.page a			{ padding: 2px 5px; border: 1px #a5acb2 solid; }
.page a:hover		{ padding: 2px 5px; border: 1px #333 solid; background: #2d389e url(gradient_blue.jpg) repeat-x; color: #fff; text-decoration: none; }


