/*  style sheet for tart industries
**
**  Gigantic, I know...  Put the C back in CSS!
**
**  If you're looking for sample CSS code, learn from people
**  who know what they're doing:
**
**      http://www.w3c.org/    http://alistapart.com/
**      http://htmlhelp.com/   http://htmldog.com/
*/

/**************** global stuff *******************/
body {
	background-color: #ffffff;
	font-family: "Lucida Grande",Arial,sans-serif;
	Xfont-family: Arial,Verdana,sans-serif;
	Xfont-size:0.8em;
	/** "Smallest" seems to be a popular Windows default Text Size. **/
	Xfont-size:10pt;
	font-size:9pt;
	padding: 8px 40px 4px 40px;
	Xwidth:600px;
	}

div#mainbody {
	margin: 10px auto 0px auto;
	padding: 0px 10px 0px 10px;
	}

#mainbody ul {
	margin:0;
	padding:3px 10px 10px 20px; /* t r b l */
	list-style:none;
	}

img { border: 0px dashed #0000ff; }

a:link { text-decoration: none; color: #c81417; }
a:visited { text-decoration: none; color: #c81417; }
a:hover { background-color:#f9d2d4; }
a.nohover:hover { background-color:transparent; color:#f38e01; }

a.butt {
	margin: 0px 1.2em 0px 1.2em;
	padding: 2px 0.3em 2px 0.3em;
	background-color: #f2b1b8;
	font-weight: bold;
	color: #c81417;
	text-decoration:none;
	white-space:pre;
	border:1px solid #c81417;
	}
a.butt:link, a.butt:visited { color:#c81417; }
a.butt:hover { background-color:#f9d2d4; }

/*
input[type="text"], input[type="password"]
	{ background-color:#f9d2d4; }
*/
input.withbg
	{ background-color:#f9d2d4; }
input.tartbutt {
	font-family: "Lucida Grande",Arial,sans-serif;
	padding: 1px 0.3em 1px 0.3em;
	background-color: #f2b1b8;
	font-weight: bold;
	color: #c81417;
	text-decoration:none;
	border:1px solid #c81417;
	}
/*
                onmouseover="this.className='tartbutt hovered';"
                onmouseout="this.className='tartbutt';">
*/
input.palebutt {
	font-family: "Lucida Grande",Arial,sans-serif;
	background-color: #f2b1b8;
	font-weight: bold;
	Xfont-size:0.8em;
	Xfont-family:Arial,Helvetica,sans-serif;
	color: #c81417;
	}
input.hovered { background-color: #f9e0e0; }

div.enclosingbox {
	margin: 0px auto 0px auto;
	width:80%;
	}
div.titlebox {
	background-color: #f9d2d4;
	border: 1px solid #f2b1b8;
	padding: 3px;
	margin-bottom: 2px;
	text-align: left;
	font-weight: bold;
	}
div.contentbox {
	border: 1px solid #f2b1b8;
	text-align: left;
	margin-bottom: 2px;
	padding: 3px;
	}
div.contentsubbox {
	position:relative;
	border:1px solid #cccccc;
	margin-bottom:0.5em;
	padding:0.5em;
	}
input.lj10 {
	position:absolute;
	left:14em;
	top:flow;
	}

div.formrow {
	clear: both;
	padding-top: 10px;
	}
div.formrow span.label {
	float: left;
	width: 100px;
	text-align: right;
	}
div.formrow span.formw {
	float: right;
	width: 335px;
	text-align: left;
	} 

div.forminput {
	Xpadding-left: 3em;
	}
div.buttonbox {
	border: 1px solid #f2b1b8;
	margin-bottom: 2px;
	padding: 3px;
	text-align: right;
	}
div.error {
	color: #c81417;
	font-weight:bold;
	font-size:1.2em;
	border:1px solid #c81417;
	text-align:center;
	margin:5pt auto 15pt auto;
	padding:5pt;
	}

div.smallbox {
	width:40em;
	}

div.mediumbox {
	width:50em;
	}

div.alert {
	color: #c81417;
	font-size:1.2em;
	}

div.dialog {
	text-align:center;
	padding:1.2em;
	}

/******************  header and primary nav  **********************/
#OLDlogo { float:left; }
#logo { float:left; width:19%; }

#alertbox {
	Xdisplay:none;
	float: left;
	position:relative;
	margin:0 auto;
	width:60%;
	border:1px solid #cc0000;
	-moz-border-radius: 9px; /* tl tr br bl */
	background-color: #fc8;
	Xbackground-color: #9e9;
	text-align:center;
	padding:0.3em;
	font-size:0.9em;
	color:#111;
	}

#headerright {
	margin-top:10px;
	Xposition:relative;
	float:right;
	width:18%;
	text-align:right;
	line-height:1.3em; 
	color:#666666;
	}

#OLDheaderright {
	margin-top:10px;
	Xposition:relative;
	float:right;
	text-align:right;
	line-height:1.3em; 
	color:#666666;
	}

#splashnav {
	text-align:center;
	font-size: 1.3em;
	font-weight:bold;
	color: #333333;
	}

/****** titlebarnav **************/
div.titlebarnav {
	float:left;
	width:99%;
	padding-top:4px;
	border-bottom:2px solid #c81417;
	}
div.titlebarnav ul {
	margin:0;
	padding:0px 0px 0px 10px; /* t r b l */
	list-style:none;
	}
div.titlebarnav li {
	background:#f2b1b8;
	margin:0;
	padding:0px 3px 0px 3px; /* t r b l */
	border-top:2px solid #c81417;
	}
div.titlebarnav a {
	float:left;
	display:block;
	padding:2px 0.5em 2px 0.5em; /* t r b l */
	color:#c81417;
	font-weight:bold;
	text-decoration:none;
	white-space:nowrap;
	Xborder-left:1px solid #ff9933;
	Xborder-right:1px solid #ff9933;
	Xborder-left:1px solid #c81417;
	Xborder-right:1px solid #c81417;
	}
/* Commented Backslash Hack
	hides rule from IE5-Mac \*/
div.titlebarnav a {float:none;}
/* End IE5-Mac hack */
div.titlebarnav a:hover { Xcolor:#ffffff; background-color:#f9e0e0; }

ul.titlebarnavleft li { float:left; }
ul.titlebarnavright li {
	float:right;
	background:none;
	font-size:0.8em;
	position:relative;
	top:0.3em;
	border-top:none;
	}
ul.titlebarnavright a { color:#c81417; }
ul.titlebarnavright a:hover {
	Xtext-decoration:underline;
	color:#c81417;
	Xbackground-color:#ffe090;
	background-color:#f9d2d4;
	}

/******** **********/
span.lookatme {
	Xcolor: #339933;
	color: #f38e01;
	}

/******** **********/
#breadcrumb {
	clear:both;
	font-size: 0.8em;
	font-weight: bold;
	color: #666666;
	padding: 5px 0px 5px 12px;
	Xborder-bottom:2px solid #cccccc;
	text-transform: lowercase;
	}

#footer {
	clear:both;
	color: #666666;
	font-size: 0.75em;
	text-align: center;
	padding-top: 1.5em;
	}

/********************** page specific stuff *************************/

/********** home ***********/
#homeframe {
	position:relative;
	clear:both;
	width:550px;
	margin: 0px auto 0px auto;
	padding-top:21px;
	Xpadding: 21px 10px 0px 30px;
	Xborder:1px solid #c81417;
	}
/* the grid: 84x70 (gaps: 5x4)
   left 168 252 336 420
   top   54 124 194 264
*/
#navbox1 { position: absolute; left:420px; top:194px; }
#navbox2 { position: absolute; left:336px; top:124px; }
#navbox3 { position: absolute; left:252px; top:194px; }
#navbox4 { position: absolute; left:336px; top:264px; }
#navbox5 { position: absolute; left:252px; top:124px; }
#navbox6 { position: absolute; left:168px; top:124px; }
#navbox7 { position: absolute; left:420px; top:54px; }
#navbox8 { position: absolute; left:252px; top:54px; }
#navbox9 { position: absolute; left:336px; top:194px; }

/************** */
div.leftnavbox {
	float:left;
	clear:left;
	width:16%;
	}
div.leftnav {
	background-color:#f9d2d4;
	border-top: 1px solid #c81417;
	border-right: 2px solid #c81417;
	border-bottom: 2px solid #c81417;
	X-moz-border-radius: 0 10px 10px 0; /* tl tr br bl */
	-moz-border-radius-topright: 9px;
	-moz-border-radius-bottomright: 9px;
	border-top-right-radius: 9px;
	border-bottom-right-radius: 9px;
	}
.leftnav ul {
	margin:0;
	padding:6px 0px 6px 0px !important; /* t r b l */
	list-style:none;
	}
.leftnav li {
	background-color:#fcf0f0;
	border-top:1px solid #ffffff;
	border-left:3px solid #fcf0f0;
	border-bottom:1px solid #ffffff;
	margin-bottom: 0.4em;
	margin-right: 1px;
	padding-bottom: 0.1em;
	padding-left:0.2em;
	padding-right:0.2em;
	font-weight:bold;
	}
.leftnav a:hover {
	background-color:#f9d2d4;
	Xbackground-color:#ffc060;
	Xcolor:#c81417;
	Xcolor:#000000;
	}
.leftnav li.lnsub,a.lnsub {
	font-weight:normal;
	Xbackground-color:#ffeeff;
	padding-left:1em;
	}
.leftnav li.on {
	background-color:#f9d2d4;
	border-left:3px solid #f38e01;
	border-top:1px solid #f38e01;
	border-bottom:1px solid #f38e01;
	Xborder-right:1px solid transparent;
	border-right:1px solid #f38e01;
	}
.leftnav a.on {
	color:#000000;
	cursor:default;
	text-decoration:none;
	}
.leftnav a.on:hover {
	color:#000000;
	cursor:default;
	text-decoration:none;
	Xbackground-color:#fcf0f0;
	background-color:#f9d2d4;
	}
.leftnavsupp ul { padding:1.5em 0 1em 0 !important; /* t r b l */ }
.leftnavsupp li { font-size:0.9em; padding-bottom: 0.5em; }


div#productsbody {
	float:left;
	width:75%;
	Xwidth:440px;
	Xwidth:600px;
	margin-left:1.5em;
	Xborder-top: 1px solid #888888;
	Xborder-left: 1px solid #aaaaaa;
	Xborder-bottom: 2px solid #888888;
	Xborder-right: 2px solid #888888;
	X-moz-border-radius: 0 10px 10px 0; /* tl tr br bl */
	X-moz-border-radius-topleft: 12px;
	X-moz-border-radius-bottomleft: 12px;
	X-moz-border-radius: 12px;
	}
div.productbox {
	float: left;
	Xwidth:25%;
	width:130px;
	height:140px;
	text-align: center;
	padding:0 5px 20px 5px;
	Xborder:1px dotted #888888;
	}
div.prodimgbox {
	Xheight:100px;
	Xpage-break-inside:avoid;
	margin-bottom:-1em;
	border:1px solid #bbbbbb;
	-moz-border-radius: 9px;
	border-radius: 9px;
	}

span.prodattr {
	font-size:0.75em;
	font-weight:normal;
	color:#333333;
	}

/********** flypage ***********/
div#flybox { margin:20pt auto 20pt auto; }
div#flyspacerbox { float:left; width:10%; }
div#flyboxleft {
	float:left;
	width:35%;
	padding:0pt 5pt 5pt 0pt;
	text-align:center;
	border-right:2px solid #aaaaaa;
	margin:0px -2px 20px 0px;
	}
div#flyimagebox {
	Xfloat:left;
	Xwidth:35%;
	Xpadding:0pt 5pt 5pt 0pt;
	Xtext-align:center;
	Xborder-right:2px solid #aaaaaa;
	Xmargin:0px -2px 20px 0px;
	}
div#flyimagebox a {
	font-weight:bold;
	font-size:0.9em;
	}
div#flydescripbox {
	float:left;
	width:40%;
	padding:0pt 0pt 5pt 25pt;
	margin:0px 0px 20px 0px;
	border-left:2px solid #aaaaaa;
	}
#flydescripbox h2 { text-transform: capitalize; }
#titletext {
	font-size:1.5em;
	color: #000000;
	font-weight:bold;
	margin-bottom:0.5em;
	text-transform: capitalize;
	Xborder: 1px solid #aaaaaa;
	}
#flydescripbox #descriptext {
	font-size:1.3em;
	color: #666666;
	margin-bottom:2pt;
	}
#flydescripbox #specs {
	color: #666666;
	margin-bottom: 12pt;
	}
.caption {
	color: #666666;
	font-size: 0.9em;
	margin-bottom: 12pt;
	}
ul#specs {
	Xmargin:0;
	padding:3px 0px 5px 20px; /* t r b l */
	list-style-type:disc;
	}
#flyboxleft #swatches { margin-top: 20px; }
#flyboxleft #swatches a { padding-right: 5px; }

span.price {
	font-weight:bold;
	font-size:1.2em;
	padding-right:1em;
	}

span.itemnum {
	font-weight:bold;
	font-size:1.2em;
	padding-right:1em;
	}

/********** ************/
img#teripic {
	float:left;
	padding-right:0.5em;
	padding-bottom:0.5em;
	Xborder:1px solid red;
	}

span#teriname {
	color:#000000;
	font-weight:bold;
	font-size:1.1em;
	}

/********** showcart ***********/
div#showcart { clear:both; }
div#showcart { margin: 10pt auto 0px auto; }
#showcart { text-align:center; }
#showcart table { margin: 10pt auto 0px auto; }
#showcart td, th {
	Xbackground-color:#f9d2d4;
	font-weight:bold;
	Xcolor:#333333;
	Xborder:1px solid #888888;
	border:1px solid #f2b1b8;
	}
#showcart td.qty, th.qty { text-align:center; }
#showcart td.descrip, th.descrip { text-align:left; }
#showcart th.price, td.price { text-align:right; }
#showcart td.itemprice {
	text-align:right;
	font-weight:normal;
	}
#showcart td.discount { color:#c81417; }

/*********** ughrrr ***************/
span.ind1 {
	color:#888888;
	font-weight:normal;
	font-size:0.9em;
	}
span.indradio {
	margin-left:2.2em;
	}
div.emph {
	Xcolor:#888888;
	Xfont-weight:normal;
	font-size:1.3em;
	Xtext-indent:50%;
	margin: 0 auto;
	padding: 0.5em;
	background-color:#99ff99;
	width:22em;
	border: 1px solid #c81417;
	}
img.onbaseline {
	position:relative;
	bottom:-2px;
	}

/********** userinfoforms ***********/
#userinfoform { text-align:center; }
#userinfoform table { margin: 10pt auto 0px auto; }
#userinfoform td, th {
	Xbackground-color:#f9d2d4;
	Xfont-weight:bold;
	Xborder:1px solid #888888;
	Xborder:1px solid #f2b1b8;
	}
#userinfoform th {
	background-color:#f9d2d4;
	}
#userinfoform td.label {
	text-align:right;
	font-weight:bold;
	}

li.heading {
	font-weight:bold;
	Xmargin-right:2em;
	}
li.subhead {
	Xfont-size:small;
	Xcolor:#c81417;
	padding-bottom:0.3em;
	}
li.gray {
	color: #666666;
	}
/********** debugbox ***********/
#debugbox1 div {
	Xvisibility:hidden;
	color: #c81417;
	border:1px solid #c81417;
	margin:5pt auto 5pt auto;
	padding:5pt;
	}

/********** finalconfirm ***********/
div#infoboxbox {
	Xclear:both;
	Xbackground-color:#ccffcc;
	width:500px;
	margin:3pt auto 10pt auto;
	padding:3pt;
	Xborder:1px solid #f2b1b8;
	text-align:center;
	Xposition:relative;
	}
div.infobox {
	width:240px;
	margin:5pt auto 5pt auto;
	padding:3pt;
	position:relative;
	Xborder:1px solid #f2b1b8;
	}
div.clearboth { clear:both; }
div.ibleft {
	float:left;
	clear:left;
	}
div.ibright {
	float:right;
	clear:right;
	}
div.ibfull, div.ibfull2 {
	clear:both;
	float:normal;
	width:491px;
	}

a.smalltext {
	font-size:0.9em;
	}

div#msgbox {
	margin:0px auto;
	width:320px;
	}

/********** privacy policy, etc ***********/
div.textbox {
	float:left;
	Xmargin: 0px auto 0px auto;
	margin:0 0 0 3em;
	width:70%;
	Xwidth:60%;
	Xcolor:#222222;
	Xborder: 1px solid red;
	}
div.textbox p {
	color:#333333;
	Xtext-indent:3em;
	}
div.textbox strong {
	color:#000000;
	}
span.pphead {
	font-size:1.1em;
	font-weight:bold;
	color:#000000;
	}
span.pptitle, span.pbtitle {
	font-size:1.8em;
	font-weight:bold;
	color:#000000;
	}
span.pbblurb {
	font-size:inherit;
	color:#333333;
	}
span.help, span.info {
	border-bottom: 1px dotted #c81417;
	cursor: help;
	}
/********************************************************/

/*
<div class="infobox" id="ibright">
fully specified with:
div.infobox {
div#ibright {
*/

/*
tagname#idname  { applies to "tagname"s with id="idname" }
#idname tagname { applies to "tagname"s inside block of id="idname" }
tagname.classname { applies to "tagname"s with class="classname" }
.classname tagname { applies to "tagname"s inside block of class="classname" }
*/

/********************************************************/