/*  GENERAL  */

html { height: 100%; margin-bottom: 1px; font-size: 100.1%; }  /* IE hack */
body {	margin:0; padding: 0;
	font-size: 67%;	/* approximately 10px - now use ems */
	font-family: "Trebuchet MS", helvetica, verdana, geneva, "Lucida Grande", "Lucida Sans", arial, sans-serif;
	line-height: 1.2em;
	text-align: center;
	color: #000;
	background: #fff url(/images/bg_strip-1a.jpg) 0 0 no-repeat fixed;
/*	
	background: #fff url(/images/bg_strip-1a.jpg) 0 80px no-repeat fixed;
	background: #cfc url(/images/bg_filled.jpg);
*/
}

body * { margin: 0; padding: 0; }




/*  COMMON   */


img	{  border: 0px;  }

.left { float:left; padding-right:10px; }

.right { float:right; padding-left:10px; }

.center  { text-align: center; padding: 0; margin: 0 auto; }

.margin20 { margin:0 20px;padding:0;  }

hr { display: none; }


.clear {
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
	font-size: 1px;
}


.hide { display: none !important; }
.idontthinkso { display: none !important; }




/* TABLE */

table caption {	font-weight: bold; margin: 0 0 0 0; padding: 0 0 1.5em 0;  }
table table.myorder {
	font-size:1.4em;
}

table.myorder {
	font-size:1.3em;
	margin: 0 auto;
}

th { font-weight:bold;text-align:center; }

th, td {
	vertical-align: top;
	margin:0;
	padding:1px;
	border-bottom: thin solid #666666;
}

td.info1 {
	margin:0;
	padding:1px 10px;
	width:30%;
	text-align:right;
	vertical-align: top;
	border-bottom: thin solid #666666;
}
td.info2 {
	margin:0;
	padding:1px;
	border-bottom: thin solid #666666;
}

td.product {
	margin:0;
	padding:1px 5px 5px 5px;
	width:45%;
	text-align:center;
	vertical-align:top;
	border-bottom: thin solid #666666;
}

td.qty {
	margin:0;
	padding:1px 1px 5px 15px;
	width:30%;
	vertical-align:top;
	border-bottom: thin solid #666666;
}
td.price {
	margin:0;
	padding:1px 1px 5px 1px;
	border-bottom: thin solid #666666;
}
td.total {
	margin:0;
	padding:10px;
	text-align:right;
	font-size:1.3em;
	font-weight:bold;
	border-bottom: thin solid #666666;
}

div.printonly table {
	width:95%;
	visibility:none;
}

table.pricelist {
	font-size:1.3em;
	width:99%;
}

td.productlist {
	margin:0;
	padding:1px 5px 5px 1px;
	width:60%;
	text-align:center;
	vertical-align:top;
	border-bottom: thin solid #666666;
}

td.qtylist {
	margin:0;
	padding:1px 1px 5px 5px;
	width:40%;
	vertical-align:top;
	border-bottom: thin solid #666666;
}


/* LISTS */


ul.list1 { 	font: bold 1.5em/1.5em Verdana, Arial, Helvetica, sans-serif; list-style:none; margin: 0 0 1.5em 0; padding: 0;  }
ul.list1 li { margin: 0 0 0.25em 30px; padding: 0;  }

ol { font-size: 1.0em; line-height: 1.4em; margin: 0 0 1.5em 0; padding: 0;  }
ol li {	font-size: 1.0em; margin: 0 0 0.25em 30px; padding: 0; }

dl { margin: 0 0 1.5em 0; padding: 0; line-height: 1.4em;  }
dl dt { 
	font: bold normal 1.4em/1.6em Verdana, Arial, Helvetica, sans-serif;
	margin: 0.25em 0 0.25em 0;
	padding: 0;
}
dl dd {	
	margin: 0 0 0 15px; 
	padding: 0; 
	font: 1.3em/1.5em Verdana, Arial, Helvetica, sans-serif;
}



/*  TYPOGRAPHY  */

p { font-size: 1.3em; margin: 0 0 1.7em 0; padding: 0; line-height: 1.3em; }

.f1b {	font-size: 2.4em; font-weight:bold; line-height: 2.4em; margin: 0 0 1.8em 0; padding: 0; }
.f2 { 	font-size: 1.9em; line-height: 2.0em; margin: 0 0 1.9em 0; padding: 0; }
.f2b { 	font-size: 1.9em; font-weight: bold; line-height: 2.0em; margin: 0 0 1.8em 0; padding: 0; }
.f2i { font-size: 1.9em; font-style:italic; line-height: 2.0em; margin: 0 0 1.8em 0; padding: 0; }
.f2bi { font-size: 1.9em; font-weight: bold; font-style:italic; line-height: 2.0em; margin: 0 0 1.8em 0; padding: 0; }
.f3 {   font-size: 1.6em; line-height: 1.9em; margin: 0 0 1.5em 0; padding: 0; }
.f3b {  font-size: 1.6em; font-weight: bold; line-height: 1.9em; margin: 0 0 1.5em 0; padding: 0; }
.f3c {  font-size: 1.6em; font-weight: bold; color:#FFFF99; line-height: 1.9em; margin: 0 0 1.5em 0; padding: 0; }
.f3i {  font-size: 1.6em; font-style:italic; line-height: 1.9em; margin: 0 0 1.5em 0; padding: 0; }
.f4 { 	font-size: 1.4em; line-height: 1.6em; margin: 0 0 1.1em 0; padding: 0; }
.f4b { 	font-size: 1.4em; font-weight: bold; line-height: 1.6em; margin: 0 0 1.1em 0; padding: 0; }
.f4bi {  font-size: 1.4em; font-weight: bold; font-style:italic; line-height: 1.6em; margin: 0 0 1.1em 0; padding: 0; }
.f5 { 	font-size: 1em; line-height: 1.2em; margin: 0 0 1.1em 0; padding: 0; }
.f5i { 	font-size: 1em; line-height: 1.2em; margin: 0 0 1.1em 0; padding: 0; font-style:italic; }
.f6 { 	font-size: .8em; line-height: 1em; margin: 0 0 1.1em 0; padding: 0; }
.f6i { 	font-size: .8em; line-height: 1em; margin: 0 0 1.1em 0; padding: 0; font-style:italic; }

.f4order {  color:#c00; font-size: 1.4em; font-weight: bold; line-height: 1.9em; margin:0; padding:0; }


p.fancy {
	font: normal 1.6em/1.8em constantia, candara, georgia, serif;
	padding: 0;
	margin: 0 0 1.3em 0;
	color: #030;
}
p.fancy span.s1b { font: bold 2.4em constantia, candara, georgia, serif; }
p.fancy span.s2b { font: bold 2em constantia, candara, georgia, serif; }
p.fancy span.s2bi { font: bold italic 2em constantia, candara, georgia, serif; }
p.fancy span.s3b { font: bold 1.7em constantia, candara, georgia, serif; }
p.fancy span.s3bi { font: bold italic 1.7em constantia, candara, georgia, serif; }
p.fancy span.s4b { font: bold 1.5em constantia, candara, georgia, serif; }
p.fancy span.s4bi { font: bold italic 1.5em constantia, candara, georgia, serif; }

p.fancy span.ss2b { font: bold 1.9em sans-serif; }
p.fancy span.ss3bi { font: bold italic 1.6em sans-serif; }
p.fancy span.ss3b { font: bold italic 1.6em sans-serif; }
p.fancy span.ss4b { font: bold italic 1.4em sans-serif; }
p.fancy span.ss4bi { font: bold italic 1.4em sans-serif; }

p.fancy span.pink { color: #c9c; }
p.fancy span.red { color: #c00; }
p.fancy span.green { color: #090; }
p.fancy span.blue { color: #00c; }
p.fancy span.gold { color: #cc0; }
p.fancy span.purple  { color: #63f; }

blockquote {  margin-left:20px; line-height: 1.4em; font-size:1.2em; font-family:Verdana, Helvetica, Arial, sans-serif; }
pre {	font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 1.1em; }
strong, b { font-weight: bold; }
em, i { font-style:italic; }
code { font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 1em; white-space: pre; }

address { font-size: 1.1em; line-height: 1.5em; border:#ccc 1px solid; margin: 10px; padding: 10px; }



/*  HEADINGS  */

h1 	{ font-size: 2.6em; line-height: 2em; margin: 0; padding: 0; }
h2 	{ font-size: 2.2em; font-family: constantia, candara, georgia, serif; line-height: 1.8em; margin: 0 0 0.5em 0; padding: 0; }
h3 	{ font-size: 1.8em; font-family: constantia, candara, georgia, serif; line-height: 1.5em; margin: 0 0 0.5em 0; padding: 0; }
h4 	{ font-size: 1.4em; line-height: 1.1em; margin: 0 0 0.45em 0; padding: 0; }
h5	{ font-size: 1.2em; line-height: 1em; margin: 0 0 0.35em 0; padding: 0; }
h6	{ font-size: 1.0em; line-height: 1em; margin: 0 0 0.35em 0; padding: 0; }

h1.welcome 	{ font-size: 3em; line-height: 2.2em; margin: 10px 0 0 10px; padding: 0; color: #ffd; float: left; }


/*  DIV SPECIFIC  */

ul.nav { font:1.2em/1.4em; margin: 0 0 1.5em 0; padding: 0; list-style: square; }
ul.nav li { margin: 0 0 0.25em 20px; padding: 0;  }




/*  IMG REPLACEMENT - GILDER/LEVIN METHOD  */
/*
<h1 id="repl">
	<span></span>Revised Image Replacement
</h1>	*/

#repl {
	width: 550px;
	height: 75px;
	position: relative;
	color: #fff;
}
#repl span {
	background: url(/images/RibbonCandyMan_logo.png) no-repeat;
/*	background:#fff url(/images/title-H1-w.jpg) no-repeat;	*/
	position: absolute;
	width: 100%;
	height: 100%;
}