@import "navigation.css";
body
{
  margin: 0px;
  padding: 0px;
  color: #322C1A;	
  font: normal 101%/1.2em Arial,Helvetica, sans-serif;
  text-align: center;
  background: black url("../images/backgrounds/generic.jpg") no-repeat top center;
}

body#newsletter {  background-color: #000000; background-image: none; }

a img, img
{
  vertical-align: text-bottom;  
  border: none;
}
.clear
{
  clear: both;
  margin: 0px;
  padding: 0px;
}
#skip
{
  display:none;
}

#center
{
  position: relative;
  text-align: left;
  width: 976px;
  height: 546px;	
  margin: 60px auto 20px;
  background-color: #B7AE9D;
}


body#buyonline #center { background: transparent url("../images/backgrounds/buyonline.jpg") no-repeat 0px 35px; }
body#thestory #center { background: transparent url("../images/backgrounds/thestory.jpg") no-repeat 0px 35px; }
body#thewines #center, body#imagebank #center { background: transparent url("../images/backgrounds/thewines.jpg") no-repeat 0px 35px; }
body#talktous #center { background: transparent url("../images/backgrounds/talktous.jpg") no-repeat 0px 35px; }
/*body#imagebank #center { background: transparent url("../images/backgrounds/imagebank.jpg") no-repeat 0px 35px; }*/
body#home #center { background: transparent url("../images/backgrounds/home_blackboard.jpg") no-repeat 0px 35px; }

#logo
{
  position: absolute;
  top: -41px;
  left: -32px;
}

#title
{ 
  height: 48px;
}

h1 
{
  position: absolute;
  background: transparent url("../images/generic/title.gif") no-repeat top left;
  text-indent: -999em;
  overflow: hidden;
  left: 45px;
  margin: 0;
  top: 18px;
  width: 300px;
  height: 15px;
  padding: 0;
}

h2
{
  margin: 0;
  padding: 0;
  position: absolute;
  background: transparent url("../images/generic/subtitle.gif") no-repeat top left;
  text-indent: -999em;
  overflow: hidden;
  left: 46px;
  width: 300px;
  height: 15px;
  top: 42px; 
}
#blackboard {
  	position: absolute;
	top: 320px;
	width: 190px;
	left: 3px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#blackboard li {
	margin: 0;
	padding: 5px 0;
}
h3.pdf
{
  margin: 0;
  padding: 0;
  font: normal 0.70em/1.5em "Myriad", Arial, sans-serif;
  color: #FFFFFF;
}

h3.pdf a
{
  color: #FFFFFF;
  font-weight: bold;
}

h3.pdftalk
{
  margin: 0;
  padding: 0;
  
  font: normal 0.70em/1.5em "Myriad", Arial, sans-serif;
  color: #FFFFFF;
  position: absolute;
  overflow: hidden;
  left: 650px;
  width: 300px;
  height: 180px;
  top: 45px; 
}

h3.pdftalk a
{
  color: #FFFFFF;
  font-weight: bold;
}

#content
{
  padding: 0px 10px;
  color: #191200;
  font: normal 0.70em/1.5em "Myriad", Arial, sans-serif;
  position: absolute;	
  border-left: 1px solid #948b78;
}
#content ul
{
  margin: 0px 0px 0.8em 20px;
  padding: 0px;
}


#talktous #content
{
  left: 100px;
  top: 130px;
  width: 375px;
}
#content #mailingList
{ width: 133px; height: 85px; margin: 0; padding: 30px 3px 0 7px; background: url(../images/generic/bg-contactgroup.gif) no-repeat left top; float: right; }
#content #mailingList fieldset
{
  margin: 0px;
  padding: 0px;
}
#content #mailingList label
{
  float: none;
  width: auto;
  margin: 0px;
  padding: 0px;
  color: #DBD4C7 !important;
  text-align: left;
}
#content #mailingList input
{
  width: 120px;
}
#content #mailingList input.submit
{
  width: 57px;
  height: 18px;
  background: none;
  border: none;
}

#thestory #content
{	
  left: 255px;
  top: 127px;
  width: 330px;
}


#thewines #content, #imagebank #content
{
  left: 212px;
  top: 80px;
  width: 620px;
}

/*#imagebank #content
{
  left: 532px;
  top: 75px;
  width: 420px;
}*/

#buyonline #content
{
  left: 212px;
  top: 96px;
  height: 360px;

}

#home #content
{
  top: 319px;
  width: 250px;
  left: 688px;
  border: none;
  padding: 0;
  margin: 0;
  font-weight: bold;
  line-height: 1em;
}

#home blockquote
{
  margin: 0;
  padding: 0;
  position: absolute;
  top: -84px;
  left: -124px;
  width: 316px;
  height: 54px;
  background: transparent url("../images/generic/blockquote.gif") no-repeat top left;
  text-indent: -999em;
  overflow: hidden;
}
#home #signature
{ color: #f2f2f2; text-align: right; padding-top: 22px; }

#home #pdf
{ color: #f2f2f2; text-align: left; padding-top: 50px; }


#content h3
{
  position: absolute;
  display: block;
  color: #322C1A;
  font: bold 12px Arial;
  left: -120px;
  top: -0px;
  text-transform: uppercase;
}

#content>h3
{ 

  top: -12px;

}
#home #content h3
{
  display: none;
}

#content p
{
  margin: 0.1em 0px 0.6em;
  padding-right: 30px;
  line-height: 1.3em;
}


#content img.mapImg
{
  float: right;
  margin: 0px 0px 2em 1em;
}

#content p.home
{ color:#f2f2f2; }

#content a
{
  text-decoration: none;
  color: #322C1A !important;
  border: none;
}

#content a:hover
{ 
  border-bottom: 1px solid #948b78;
}

#imagebank_picture
{
  position: absolute;
  left: 20px;
  top: 80px;
}

#imagebank_picture img
{
  border: 1px solid white;
}

#imagebank_picture h3
{
  color: #504120;
  font: bold 0.9em/1.6em Myriad, Arial;
  margin: 10px 0px 0px;
  text-transform: uppercase;
}

#imagebank_picture p
{
  font: normal 0.75em/1.6em Myriad, Arial;
  margin: 0;
}

#imagebank_picture a
{
  color: #322C1A;	
  font-weight: bold;
  text-transform: uppercase;
}

#winenav 
{
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  left: -140px;
  width: 110px;
  top: 20px;
}

#winenav img
{
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  left: -20px;
  
  top: 20px;
}

#winenav-quote
{
  list-style: none;
  font: normal 1em/1.5em "Myriad", Arial, sans-serif;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 600px;
  width: 120px;
  top: 0px;
}

#tastingnote
{
  list-style: none;
  font: normal 1em/1.5em "Myriad", Arial, sans-serif;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 600px;;
  width: 180px;
  top: 186px;
}

#winenav li
{
  font: normal 0.8em/1.3em Arial;	
  letter-spacing: 0.1em;
}
#winenav li a 
{
  color: #322C1A !important;	
}
#thumbs 
{
  width: 450px;
  margin-bottom: 20px;
}
#thumbs a:hover
{
  text-decoration: none;
  border-bottom: none;
}
#thumbs a.thumb 
{
  display: block;
  float: left;
  color: #322C1A !important;	
  margin: 0 10px 10px 0;
  border: none;
}
#thumbs a.thumb:hover 
{ 
  border: none;
}
#thumbs a.thumb img
{
  width: 80px;
  height: 60px;
  border: 1px solid #948b78;
  display: block;
}

#content form fieldset
{
  border: none;
}

#content form fieldset legend
{
  margin: 0;
  padding: 0;
  position: relative; 
  left:-7px;
  font-size: 1.2em;
  text-transform: lowercase;
  font-weight: bold;
  color: #635b49;
}

#content form fieldset .frmrow
{
  margin-bottom: 3px;
}

#content form fieldset label
{
  display: block;
  width: 120px;
  color: #191200 !important;
  margin: 0 10px 0 0;
  float: left;
  text-align: right;
}


#content form fieldset input 
{
  border: 1px solid #948b78;	
  background-color: #DBD4C7;
  font-size: 0.9em;
  padding: 2px;
}

#label
{
  position: absolute;
  left: 0;
  top: 300px;
}


fieldset#details
{ 
  position: absolute;
  top: 45px;
  left: 8px;
  width: 290px;
}



fieldset#wines
{
  position: absolute;
  top: 45px;
  left: 350px;
  width: 400px;
}


form table 
{
  border-collapse: collapse;
}
form table td ,form table th
{
  padding: 3px 8px 3px 0px;
}

form table tr.soldout td
{ 
  text-decoration: line-through;
  color: #635B49;
 }

form table .pricecell
{ 
  text-align: center;
}
form table thead td, form table thead th
{
  border-top: 1px solid #948b78;
  border-bottom: 1px solid #948b78;
}

form table tfoot td, form table tfoot th
{
  border-top: 1px solid #948b78;
}

form table input
{
  width: 50px;
}

form table tfoot th
{
  text-align: right;
}

fieldset#submit 
{
  position: absolute;
  top: 320px;
  left: 350px;
  width: 200px;
}
fieldset#submit p
{
  padding-top: 10px;
}
fieldset#submit span
{
  width: 90px;
  float: left;
  display: block;
  margin-top: -10px;
}

h4
{ 
  margin: 5px 0 3px;
  padding: 0;
  font-size: 11px;
}
h4 span
{ 
  font-weight: 100;
}
#footer
{ 
  position: absolute;
  top: 488px;
  left: 300px;	
  width: 976px;
  left: 0px;
  text-align:center;
  font-size: 10px;
}

#talktous #footer
{ 
  width: 600px;

}

#footer a 
{ 
  color: #322C1A;
  text-decoration: none;
}


img.printer
{ 
  vertical-align: text-bottom;
  margin-right: 5px;
}
input.image
{ 
  background: none !important;
  border: none !important;
  margin: 3px 0;
}
#content .wines {
  padding-left: 40px;
}
#content .wines .wine {
  display: block;
  float: left;
  width: 110px;
  text-align: left;
}
#content .wines .wine a.image:hover {
  text-decoration: none;
  border: none;
}
#content a.nohover:hover
{ 
  border: none;
  text-decoration: none;
}

.missing
{ 
  border: 1px solid red !important;
}

select
{   
  font: 9px Verdana !important;
}
#contact {
	background: url(../images/talk/contact_bg.jpg) top left no-repeat;
	width: 338px;
	height: 166px;
}
#contact #newsletter {
	width: 170px;
	padding: 10px 0 0 0;
	float: right;
}
#contact #newsletter p {
	padding: 0 15px;
	margin: 0;
}
#contact #newsletter a {
	display: block;
	background: url(../images/talk/newsletter_btn.jpg) top left no-repeat;
	width: 145px;
	height: 38px;
	padding: 4px 5px 0 5px;
	color: #FFFFFF !important;
	text-align: center;
	margin: 0 auto;
}
#contact #newsletter a:hover {
	text-decoration: none !important;
	border-bottom: none;
}
#contact ul {
	margin: 0;
	padding: 10px 0 0 10px;
	list-style: none;
}
#contact ul li strong {
	margin: 0;
	padding: 0;
	display: block;
	width: 50px;
	font-size: 1.1em;
	font-weight: bold;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
}
#contact ul li  {
	clear: left;
	padding: 0px 0 10px 0;
}
#contact a#feedback {
	display: block;
	background: url(../images/talk/feedback_btn.jpg) top left no-repeat;
	width: 153px;
	height: 23px;
	padding: 5px 0 0 0;
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
}
#contact a#feedback:hover {
	text-decoration: none;
	border-bottom: none;
}