body 
{
	background-image: url(../img/pattern.gif);
	background-repeat: repeat;
	margin: 0;
}
#introtext { display: none; }
#intro { position: relative; margin: 40px auto 0px auto; width: 756px; height: 384px; }
#panel { width: 776px; position: relative; margin: 0px auto; background-color: #fff; background-image: url(../img/panelFill.gif); background-repeat: repeat-y; }

#header { position: relative; width: 760px; height: 110px; background-image: url(../img/header.jpg); background-repeat: no-repeat; margin: 0px auto; border-top: solid 1px #502724; }
#top { position: relative; width: 760px; height: 33px; background-image: url(../img/menuFill.gif); margin: 0px auto;  }

#topMenu { position: absolute; left: 8px; width: 490px; height: 33px; text-align: center;  }
#topMenu a.on, #topMenu a.on:hover { background-color: #fff; color: #3f3f3f; }
#topMenu a, #topMenu a:visited
{
	display: block;
	padding: 6px 12px 0 12px;
	margin: 6px 2px 0px 2px;
	height: 27px;
	float: left;
	text-align: center;
	text-decoration: none;
	font-family: Sans-Serif;
	font-weight: bold;
	font-size: 10pt;
	color: #5d5547;
}
#topMenu a:hover, #topMenu a.hover { color: #fff; background-color: #59312f; }

#aboutMenu { background-color: #59312f; padding: 4px; width: 130px; margin: 0px; z-index: 2; }
#aboutMenu a { display: block; padding: 1px 2px; width: 120px; background-color: #643a38; 	font-family: Sans-Serif; font-weight: bold; font-size: 10pt; margin: 1px 2px; color: #fff; text-decoration: none; }
#aboutMenu a:hover { color: #fff; background-color: #6e423f; }

#cartDisplay { position: absolute; right: 0px; top: 0px;  height: 25px; width: 220px; background-image: url(../img/cartDisplay.gif); text-align: right; }
#cartDisplay a, #cartDisplay a:visited { color: #fff; text-decoration: none; color: #fff; font-size: 10pt; font-family: Sans-Serif; font-weight: bold; margin-right: 8px; line-height: 25px;}
#cartDisplay a:hover { color: #aaa; }

#middle { position: relative; width: 760px; margin: 0px auto; height: auto;  }
#content { position: relative; width: 472px; margin: 0; padding: 12px; background-color: #fff;  background-image: url(../img/bottomRight.gif); background-position: bottom right; background-repeat: no-repeat; min-height: 420px; height: 100%; }

.left { vertical-align: top; width: 496px; height: 100%; }
.right { vertical-align: top; width: 264px; height: 100%; background-color: #3f3f3f; }
#right { position: relative; height: 100%; width: 100%; text-align: center; min-height: 300px; }
#right img { width: 264px; }

h1 { font-weight: lighter; font-size: 14pt; letter-spacing: 1px; color: #611a1a; margin: 4px 0; padding: 0; font-family: Arial, Helvecta, Sans-Serif; }
h2 { font-size: 12pt; margin: 0; padding: 0; color: #611a1a; margin: 0; padding: 0; font-family: Arial, Helvecta, Sans-Serif; }
h3 { font-size: 10pt; margin: 0; padding: 0; color: #333; font-family: Arial, Helvecta, Sans-Serif; }
p { font-size: 9pt; color: #333; line-height: 20px; padding: 0; margin: 0; text-indent: 16px; font-family: Arial, Helvecta, Sans-Serif; }
#content img { border: none; margin: 4px 0; }

#content #photo { width: 400px; }
#content #title { width: 400px; background-color: #000; text-align: center; font-family: Verdana; font-size: 8pt; color: #ff1af7; padding: 3px 0; }
#content #title b { color: #1aa1ff; }

#bottom { position: relative; width: 752px; padding: 4px; margin: 0px auto;  text-align: center; background-color: #3f3f3f; color: #b8b6a6; font-family: Sans-Serif; font-size: 8pt; }

#footer { font-family: Sans-Serif; color: #95937f; font-size: 8pt; margin: 0 auto; position: relative; clear: both; text-align: center; width: 776px; background-image: url(../img/bottom.gif); background-repeat: no-repeat; padding-top: 8px; }
#footer a { font-family: Sans-Serif; color: #95937f; font-size: 8pt; }



input, select, textarea { border: solid 1px #8f8f8f; background-color: #fff; color: #444; font-family:Sans-Serif; font-size: 8pt; text-indent: 2px; }
th, td { font-family: Sans-Serif; font-size: 9pt; text-align: left; }
th {  color: #3f3f3f; }

#cartSummary { border: solid 2px #3f3f3f; width: 90%; margin: 10px auto; background-color: #fff; }

div.white { margin: 2px; background-color: #fff; border: solid 2px #3f3f3f; }
#content td.white { background-color: #fff;  }

#text { font-weight: lighter; font-size: 14pt; letter-spacing: 2px; font-family: Arial, Helvecta, Sans-Serif; color: #3f3f3f; }
#content a, #content a:visited { color: #731313; }


.product { position: relative; background-color: #f4f3ec; width: 472px; border-top: solid 2px #c6c19a; }
.product .add { width: 122px; vertical-align: top; }
.product .add img { border: solid 2px #3f3f3f; }
.product .info { padding: 4px; vertical-align: top; }
.product p, .product h1 { margin: 0; padding: 0; text-indent: 0; line-height: normal; }
.product p, .product td, .product th { font-size: 8pt; }
.product .info th { background-color: #dcdacf; }
.product .info td { background-color: #e7e5db; }
.product .price { color: #611a1a; font-size: 8pt; font-weight: bold; font-family: Sans-serif; letter-spacing: 1px; width: 118px; border: solid 1px #ddd; margin: 2px 0; }

.formDiv { background-color: #f4f3ec; border: solid 1px #dcdacf; padding: 8px; }
.formDiv th { background-color: #3f3f3f; color: #f3f3f3; font-family: Arial; font-size: 8pt; text-align: left; }
.formDiv td { font-family: Arial; font-size: 8pt; }
.formDiv span { display: block; margin: 4px 0 2px 0; font-weight: bold; font-size: 9pt; color: #363321;}

.formDiv2 { margin: 3px; border: solid 1px #ddd; background-color: #f7f7f7; padding: 4px;}
.formDiv2 th { background-color: #eee; color: #222; }
.formDiv2 td { background-color: #fff; }

.pinotpassion { background-color: #fbfbfb; border: solid 1px #ddd; padding: 8px; }
.pinotpassion h2 { font-size: 12pt; letter-spacing: 1px; color: #b12318; margin: 8px 0; padding: 0; }
.pinotpassion div { font-size: 11pt; line-height: 30px; text-indent: 16px; color: #333; }
.pinotpassion span { font-size: 8pt; color: #611a1a; }

.error, .success { background: #f7f7f7; width: auto; display: block; padding: 4px; font-size: 10pt; font-weight: bold; letter-spacing: 1px;  }
.success { color: #5f860b; border: solid 1px #5f860b;  }
.error { color: #bc3029; border: solid 1px #bc3029; text-decoration: blink; }


.headerImage { margin-bottom: 5px; }