body {
		margin: 0px;
		padding: 0px;
		background-color: #059D52;
		font-family: Arial, Helvetica, Verdana, sans-serif; 

	}
	#header {
		width: 100%;
		font-size: small;
		padding: 0px;
		margin: 0px;
		border: 0px;
	}
	#content {
		width: 85%;
	}
	#main {
		padding-top: 4px;
		height: 334px;
		/* background: url(../images/gradient_green2white.gif) repeat-x; */
		background-color: #fff;
		font-size: 8pt;
	}
	.gradBG {
		height: 334px;
		/* background: url(../images/gradient_green2white.gif) repeat-x; */
		background-color: #fff;

	}
	#customInstructions {
		color: #000;
		font-weight: bold;
		font-size: 8pt;
		text-align: center;
		vertical-align: top;

	}
	#customDisclaimer {
		color: #000;
		font-weight: bold;
		font-size: 8pt;
		text-align: left;
		vertical-align: top;

	}
	#miniKPreview {
		width: 252px;
		height: 446px;
		padding: 0px;
		margin: 0px;
		border: 0px;
		background: url(../images/mini_ketchup_preview.jpg) no-repeat;
	}
	#miniKPreviewTop {
		height: 305px;
		width: 252px;
	}
	#miniKPreviewBottom {
		height: 78px;
		width: 252px;
	}
	#miniKPreviewLeft {
		height: 65px;
		width: 62px;

	}
	#miniKPreviewCenter {
		text-align: center;
		vertical-align: middle;
	}
	#miniKPreviewRight {
		height: 65px;
		width: 62px;
	}
	#smallK1 {
		font-weight: bold;
		font-size: 8pt;
	}
	#medK1 {
		font-weight: bold;
		font-size: 12pt;
	}
	#largeK1 {
		font-weight: bold;
		font-size: 14pt;
	}
	#smallK2 {
		font-weight: bold;
		font-size: 8pt;
	}
	#medK2 {
		font-weight: bold;
		font-size: 12pt;
	}
	#largeK2 {
		font-weight: bold;
		font-size: 14pt;
	}
	#miniMPreview {
		width: 252px;
		height: 447px;
		padding: 0px;
		margin: 0px;
		border: 0px;
		background: url(../images/mini_mustard_preview.jpg) no-repeat;
	}
	#miniMPreviewTop {
		height: 315px;
		width: 252px
	}
	#miniMPreviewBottom {
		height: 74px;
		width: 252px;
	}
	#miniMPreviewLeft {
		height: 58px;
		width: 66px;
	}
	#miniMPreviewCenter {
		text-align: center;
		vertical-align: middle;
	}
	#miniMPreviewRight {
		height: 58px;
		width: 63px;
	}
	#smallM1 {
		font-weight: bold;
		font-size: 8pt;
	}
	#medM1 {
		font-weight: bold;
		font-size: 12pt;
	}
	#largeM1 {
		font-weight: bold;
		font-size: 14pt;
	}
	#smallM2 {
		font-weight: bold;
		font-size: 8pt;
	}
	#medM2 {
		font-weight: bold;
		font-size: 12pt;
	}
	#largeM2 {
		font-weight: bold;
		font-size: 14pt;
	}

	#miniCPreviewK {
		width: 252px;
		height: 446px;
		padding: 0px;
		margin: 0px;
		border: 0px;
		background: url(../images/mini_ketchup_preview.jpg) no-repeat;
	}
	#miniCPreviewKTop {
		height: 305px;
		width: 252px;
	}
	#miniCPreviewKBottom {
		height: 78px;
		width: 252px;
	}
	#miniCPreviewKLeft {
		height: 65px;
		width: 62px;

	}
	#miniCPreviewKCenter {
		text-align: center;
		vertical-align: middle;
	}
	#miniCPreviewKRight {
		height: 65px;
		width: 62px;
	}
	#smallC1 {
		font-weight: bold;
		font-size: 8pt;
	}
	#medC1 {
		font-weight: bold;
		font-size: 12pt;
	}
	#largeC1 {
		font-weight: bold;
		font-size: 14pt;
	}
	#smallC2 {
		font-weight: bold;
		font-size: 8pt;
	}
	#medC2 {
		font-weight: bold;
		font-size: 12pt;
	}
	#largeC2 {
		font-weight: bold;
		font-size: 14pt;
	}
	#miniCPreviewM {
		width: 252px;
		height: 447px;
		padding: 0px;
		margin: 0px;
		border: 0px;
		background: url(../images/mini_mustard_preview.jpg) no-repeat;
	}
	#miniCPreviewMTop {
		height: 315px;
		width: 252px
	}
	#miniCPreviewMBottom {
		height: 74px;
		width: 252px;
	}
	#miniCPreviewMLeft {
		height: 58px;
		width: 66px;
	}
	#miniCPreviewMCenter {
		text-align: center;
		vertical-align: middle;
	}
	#miniCPreviewMRight {
		height: 58px;
		width: 63px;
	}
	
	#upsideDownPreview {
		width: 258px;
		height: 508px;
		padding: 0px;
		margin: 0px;
		border: 0px;
		background: url(../images/upside_Down_Preview.jpg) no-repeat;
	}
	#upsideDownPreviewTop {
		width: 258px;
		height: 160px;
	}
	#upsideDownPreviewBottom {
		width: 258px;
		height: 202px;
	}
	#upsideDownPreviewLeft {
		width: 60px;
		height: 147px;
	}
	#upsideDownPreviewCenter {
		padding-top: 5px;
		text-align: center;
		font-weight: bold;
		font-size: 7pt;
		text-align: center;
		vertical-align: middle;
	}
	#upsideDownPreviewRight {
		width: 60px;
		height: 147px;
	}
	#smallUD1 {
		font-weight: bold;
		font-size: 8pt;
	}
	#medUD1 {
		font-weight: bold;
		font-size: 12pt;
	}
	#largeUD1 {
		font-weight: bold;
		font-size: 14pt;
	}
	#smallUD2 {
		font-weight: bold;
		font-size: 8pt;
	}
	#medUD2 {
		font-weight: bold;
		font-size: 12pt;
	}
	#largeUD2 {
		font-weight: bold;
		font-size: 14pt;
	}
	#smallUD3 {
		font-weight: bold;
		font-size: 8pt;
	}
	#medUD3 {
		font-weight: bold;
		font-size: 12pt;
	}
	#largeUD3 {
		font-weight: bold;
		font-size: 14pt;
	}
	#smallUD4 {
		font-weight: bold;
		font-size: 8pt;
	}
	#medUD4 {
		font-weight: bold;
		font-size: 11pt;
	}
	#largeUD4 {
		font-weight: bold;
		font-size: 14pt;
	}

	#bottlePreview {
		width: 186px;
		height: 600px;
		padding: 0px;
		margin: 0px;
		border: 0px;
		background: url(../images/bottle_preview.jpg) no-repeat;
	}
	#bottlePreviewTop {
		width: 186px;
		height: 400px;
	}
	#bottlePreviewBottom {
		width: 186px;
		height: 140px;
	}
	#bottlePreviewLeft {
		width: 9px;
		height: 56px;
	}
	#bottlePreviewCenter {
		padding-top: 5px;
		text-align: center;
		vertical-align: top;
	}
	#bottlePreviewRight {
		width: 10px;
		height: 56px;
	}
	#smallBottle1 {
		font-weight: bold;
		font-size: 8pt;
	}
	#medBottle1 {
		font-weight: bold;
		font-size: 10pt;
	}
	#largeBottle1 {
		font-weight: bold;
		font-size: 12pt;
	}
	#smallBottle2 {
		font-weight: bold;
		font-size: 8pt;
	}
	#medBottle2 {
		font-weight: bold;
		font-size: 10pt;
	}
	#largeBottle2 {
		font-weight: bold;
		font-size: 12pt;
	}
	#smallBottle3 {
		font-weight: bold;
		font-size: 8pt;
	}
	#medBottle3 {
		font-weight: bold;
		font-size: 10pt;
	}
	#largeBottle3 {
		font-weight: bold;
		font-size: 12pt;
	}
	.goldBar {
		background: url(../images/top_gold.gif) repeat;
		font-size: xx-small;
		margin: 0px;
		height: 20px;
	}
	.goldBarFoot {
		background: url(../images/top_gold.gif) repeat;
		font-size: xx-small;
		margin: 0px;
		height: 8px;
	}
	h3 {
		font-size: large;
	}
	td.topRight {
		background: url(../images/top_red.gif) repeat;
		padding-top: 0px;
		padding-right: 6px;
		vertical-align: top;
		text-align: right;
		color: #fff;
		font-weight: bold;
	}
	td.bottomRight {
		background: url(../images/top_red.gif) repeat;
		padding-top: 4px;
		padding-bottom: 4px;
		padding-right: 6px;
		vertical-align: top;
		text-align: right;
		color: #fff;
		font-weight: bold;
	}
	td.product {
		padding-left: 5px;
		padding-right: 5px;
		width: 155px;
		color: #000;

		font-weight: bold;
		font-size: 8pt;
		text-align: left;
		vertical-align: top;
	}
	td.cartOptions {
		padding-left: 5px;
		padding-right: 5px;
		width: 155px;
		color: #000;

		font-weight: bold;
		font-size: 8pt;
		text-align: left;
		vertical-align: middle;
	}
	A.white { 
		COLOR: #FFFFFF; 
		FONT-SIZE: 8pt; 
		text-decoration: none;
	}

	A.white:link { 
		COLOR: #FFFFFF; 
		FONT-SIZE: 8pt; 
		text-decoration: none;
	}

	A.white:visited {	
		COLOR: #FFFFFF; 
		FONT-SIZE: 8pt; 
		text-decoration: none;
	}

	A.white:active { 
		COLOR: #FFFFFF; 
		FONT-SIZE: 8pt; 
		text-decoration: none;
	}

	A.white:hover { 
		COLOR: #FFFFFF; 
		FONT-SIZE: 8pt; 
		text-decoration:underline;
	}

	A.black { 
		COLOR: #000000; 
		FONT-SIZE: 6pt; 
		text-decoration: underline;
	}

	A.black:link { 
		COLOR: #000000; 
		FONT-SIZE: 6pt; 
		text-decoration: underline;
	}

	A.black:visited {	
		COLOR: #000000; 
		FONT-SIZE: 6pt; 
		text-decoration: underline;
	}

	A.black:active { 
		COLOR: #000000; 
		FONT-SIZE: 6pt; 
		text-decoration: underline;
	}

	A.black:hover { 
		COLOR: #000000; 
		FONT-SIZE: 6pt; 
		text-decoration:underline;
	}

	.padder {
		padding-top: 2px;
		padding-bottom:	2px;
	}
	.req { color: #f00; padding-right: 2px; }


	.ItemDetailHeader {
		font-size:10pt;
		padding-bottom:9px;
		padding-left:30px;
		font-weight:bold;
		color: #000;
	}

	.ItemDetailBody{

	}
	.ItemDetailFooter{
		background: url(../images/bottom_rightmedium.gif) no-repeat top center;
	}
	.ShippingInfo td {
		font-size:8pt;
		font-weight:bold;
	}
	td.noBold {
		font-weight: normal;
	}

input, textarea, input.norm {
    border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	background-color: #f1f1f1;
	font-weight: normal;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
}
select {
    border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #f1f1f1;
}

tr.heading {font-family:arial,helvetica,sans-serif; font-size: 16px; font-weight: bold; color: #009966;}
td.heading {font-family:arial,helvetica,sans-serif; font-size: 16px; font-weight: bold; color: #F00;}
td.topCatheading {font-family:arial,helvetica,sans-serif; font-size: 16px; font-weight: bold; color: #006;}
td.subCatheading {font-family:arial,helvetica,sans-serif; font-size: 13px; font-weight: bold; color: #FFF; background-color: #006; padding-left: 3px;}
td.thirdCatheading {font-family:arial,helvetica,sans-serif; font-size: 13px; font-weight: bold; color: #F00; background-color: #fff; padding-left: 3px;}
a:link.error {color: #fff; font-family:arial,helvetica,sans-serif; font-size: 10px; }
a:visited.error {color: #fff; font-family:arial,helvetica,sans-serif; font-size: 10px; }
a:active.error {color: #fff; font-family:arial,helvetica,sans-serif; font-size: 10px; }
a:hover.error {color: #fff; font-family:arial,helvetica,sans-serif; font-size: 10px; }
td.mainheading {font-size: 20px; font-family:arial,helvetica,sans-serif;}
.MenuHead {color:#ffffff; background-color:#999999; font: 13px/15px Verdana; font-weight: bold; vertical-align:middle; border-style: hidden; padding-left:5px;}


/* paged record controls */
table.processview {width: 100%; border-style: solid; border-width: 1px; padding: 0px; margin: 0px; border-color: #000; background-color: #000000}
tr.processviewheading {  color: #ffffff; background-color: #000066; font-weight: bold}

input.checkbox { color: #eee}
input.button { background-color: #EEEEEE; color: #000000; font-family:arial,helvetica,sans-serif; font-size: 14px; border-style: solid}
input.error {color: #000000; background-color: #FF0}
select {color: #000000; background-color: #fff}
select.norm {color: #000000; background-color: #fff}

textarea.error {font-family:arial,helvetica,sans-serif; font-size: 10px; color: #000; background-color: #FF0}
textarea.norm {font-family:arial,helvetica,sans-serif; font-size: 10px; color: #000000; background-color: #fff}
a:link.header {  color: #ffffff; background-color: #000066; font-weight: bold}
a:visited.header {  color: #ffffff; background-color: #000066; font-weight: bold}
a:active.header {  color: #ffffff; background-color: #000066; font-weight: bold}
a:hover.header {  color: #ffffff; background-color: #000066; font-weight: bold}

a { color: #f00; }

/* DEBUG ERROR DISPLAY */
.warningTable, .errorTable, .messageTable {
	background-color: #777;
	margin: 10px;
	width: 100%;
}
* html .warningTable, .errorTable, .messageTable { width: 98%; }

.warningHeading {
	font-weight: bold; 
	background-color: #FF0;
	color: #000;
}
.warningBody { color: #000; background-color: #FFFF66; }
.errorHeading {
	background-color: #CC0000;
	font-weight: bold; 
	color: #fff;
}
.errorBody {
	background-color: #aa0000;
	color: #fff;
}
.systemHeading {
	background-color: #66CC66;
	font-weight: bold;
	color: #fff;
}
.systemBody {
	background-color: #44AA44;
	color: #fff;
}

.systemBody td, 
.errorBody td,  
.warningBody td,
.warningHeading td,
.systemHeading td,
.errorHeading td { 
	padding-left: 2px; 
}