/* CSS Document */
* {
margin: 0px; 
padding: 0px;
}

html, body {  
height: 100%;
text-align: center;
} 

body {
	background: #C7C5C6 url(../images/body-background.gif) top center repeat-y;
	font: 70% Verdana, Arial, Helvetica, sans-serif ;
	color: #808080;
	text-align:left;
}	

.feedback {
		font: 100% Verdana, Arial, Helvetica, sans-serif ;
	color: #222222;
	
	}
	
	
.select {
		font: 80% Verdana, Arial, Helvetica, sans-serif ;
		color: #222222;
		width:145px;	
		}
	
	
pre
{
font: 80% Verdana, Arial, Helvetica, sans-serif ;
}



h1
{
font-family:Arial, Helvetica, sans-serif;
font-size:140%;
font-weight:bold;
padding:2px 0 2px 0;
}

h2 a
{
font-family:Arial, Helvetica, sans-serif;
font-size:62%;
font-weight:bold;
text-decoration:none;
color:#453E41;
}
.wine 
{
list-style:circle;
}
h2 a:hover
{
text-decoration:underline;
}

.wine-links
{
font-family:Arial, Helvetica, sans-serif;
font-size:120%;
font-weight:bold;
text-decoration:none;
color:#6F333A;
}
.wine-links:hover
{
text-decoration:underline;
}

a {
text-decoration:none;
color:#FFFFFF;
}

a:hover {
text-decoration:underline;
}

p { 
	text-align: left;
}

#header-container {
	text-align: left;
	margin-right:auto;
	margin-left:auto;
	width: 780px;
	height: 120px;
}
#mont_tauch_logo {
	width: 92px;
	height: 92px;
	float: left;
	margin: 10px 10px 0 0;
}
#tag-line {
	margin-top: 50px;
	float: left;
}
#search-box {
	float: right;
	position:relative;
	margin: 9px 5px 0 0;
	vertical-align:top;
	width: 290px;
	text-align: right;
	height:25px;
	color:#FFFFFF;
}

.search-box-submit
{
color: #453E41;
background-color:#999999;
width:60px;
height:18px;
border: 1px solid #000;
font-size:90%;
} 
#language-select {
	float: right;
	position:relative;
	margin: 8px 5px 0 0;
	vertical-align:top;
	height:30px;
}
#language-select li {
	float: left;
	list-style: none;
	padding:2px;
	}
#language-select-text {
	color:#FFFFFF;
	font-size:80%;
}
#header {
	text-align: left;
	margin-right:auto;
	margin-left:auto;
	width: 100%;
	background: #453E41;
	height: 120px;
	z-index:18;
}
#header-top {
	text-align: left;
	width: 780px;
	height: 100px;
}
#body-container {
	position:relative;
	text-align: left;
	margin-right:auto;
	margin-left:auto;
	width: 780px;
	z-index:12;
}

/* --- side navigation setup --- */

#side-bar {
z-index:100;
position:relative;
width: 162px;
float: left;
}

/* --- side navigation setup --- */

#main-navigation {
list-style: none;
} 

#main-navigation li {
margin-bottom: -3px;
} 
#container-page
{
	
min-height: 100%;
}

* html #container-page
{
height: 100%;
}
/* --- holding page layout setup --- */
#content-area {
position:fixed;
	width: 580px;
	float: left;
	margin-top:5px;
}
#top-navigation {
	vertical-align:top;
	width: 780px;
	text-align: right;
	height:20px;
	color:#FFFFFF;
	z-index:100;
position:relative;
}
#call-outs {
	width: 20px;
	float: right;
	margin-top:5px;
	font-size:80%;
}
/* --- General layout setup --- */
#content-area-general {
z-index:1;
position:relative;
	width: 475px;
	float: left;
	padding:0 0 0 10px;

}
#content-area-default {
z-index:1;
position:relative;
	width: 475px;
	float: left;
	padding:0 0 0 10px;

}
#content-area-general h1 {
padding-bottom: 2px;
}


#call-outs-general {
position:relative;
	width: 130px;
	float: right;
	margin-top:5px;
	font-size:90%;
	padding-bottom:10px;

}
#hover-general {
position:relative;
	width: 130px;
	float: right;
	margin-top:5px;
	background-color:#CCCCCC;
}
/* --- footer setup --- */

#footer-container {

	text-align: left;
	margin-right:auto;
	margin-left:auto;
	width: 780px;
	height:30px;
}
#footer-left {
	float:left;
	width: 380px;
	height:30px;
	padding:0 0 0 9px;

}
#footer-left p {
padding-top:5px;

}

#footer-right {
	float:right;
	text-align:right;
	width: 380px;
	height:30px;
	padding:0 9px 0 0;

}

#footer-right p {
padding-top:5px;
}

.subscribe-input
{
color: #453E41;
border: 1px solid #000000;
width:80px;


}
.search-input
{
color: #453E41;
border: 1px solid #000000;
width:100px;
height:16px;
font-size:100%;
padding:0 0 0 2px;	
}

#e-mail
{
float: right;
padding: 0 0 2px 0;
}
#name
{
margin-top:8px;
float: right;
padding:4px 0 2px 0;
}

#search
{
font-size:80%;
float: right;
}
.subscribe-submit
{
float: right;
font-size:100%;
vertical-align:middle;	
color: #ffffff;
background-color:#453E41;
width:82px;
height:19px;
border: 1px solid #000;
} 

#subscribe
{

padding: 5px 0 0 10px;
position: relative;
text-align:right;
float: left;
width: 150px;
font-size:80%;
}

#subscribe-box
{
float: left;
width: 150px;
}

#subscribe-bottom
{
margin-top: -12px;
vertical-align:top;
} 

#index-content-title {
	padding:5px 0 0 10px;
	position:relative;
	width: 600px;
	float: left;
}

/* --- holding page setup --- */
#index-content-left {
	position:relative;
	width: 260px;
	float: left;
}

.home-list ul{
	list-style:square;
	color:#666666;
	margin: 0 0 0 20px;
	padding:0px;
	}
ul {

	color:#666666;
	margin: 0px;
	padding-left:20px;
	}

#index-content-left p {
	padding: 5px 0 8px 0;
}

#index-content-right {
position:relative;
padding-top:5px;
	width: 210px;
	float: right;
}
/* --- wine page setup --- */
#wine-content-left {
	position:relative;
	width: 240px;
	float: left;
}

#wine-content-left p {
	padding: 0 0 8px 0;
}

#wine-content-right {
position:relative;
	width: 162px;
	float: right;
	margin-right:2px;
}
#wine-colour {
position:relative;
	width: 45px;
	float: left;
	padding:0 10px 10px 0;
	margin-left:-5px;
}
#wine-tasting {
position:relative;
	width: 45px;
	float: left;
	padding:0 10px 10px 0;
}
#wine-oaked {
position:relative;
	width: 45px;
	height:45px;
	float: left;
	padding:0 10px 10px 0;
}
/* --- general template page setup --- */
#general-content-left {
	width: 300px;
	float: left;
	margin-right: 10px;
}

#general-content-left p {
	padding: 0 0 20px 0;
}

#general-content-right {
	width: 250px;
	float: left;
	margin-right: 10px;
}
/* ----------------------- */
#vignerons
{
padding: 10px 0 28px 0;
position: relative;
text-align:right;
float: right;
width: 155px;
padding-right:5px;

}
#vignerons a
{
	color: #FF6600;
	font-weight: bold;
	font-size:80%;
}

/* ------------ top menu setup --------------- */

#top-nav, #top-nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index:100;
	float:right;
	
}
#bottom-nav li { /* all lists */
	padding: 0 0 0 5px;
	margin: 0;
	list-style: none;
	z-index:100;
	float:right;
	
	
}
#bottom-nav a { /* all lists */
font-size:100%;
	
}


/* ================================================================ 
side menu styling
=================================================================== */
/* common styling */

.sideMenu {font-family: arial, sans-serif; width:160px; position:relative; margin:0; font-size:11px; margin:0;}
.sideMenu ul li a, .sideMenu ul li a:visited {display:block; text-decoration:none; color:#000; width:160px; height:37px; text-align:left; border:1px solid #000;border-width:0 0 1px 0; background:#DFDCEB; line-height:37px;font-family:Georgia, "Times New Roman", Times, serif; font-size:11px;font-weight:bold; font-size:100%;text-indent:10px;}
.sideMenu ul {padding:0; margin:0;list-style-type: none;}
.sideMenu ul li {float:left; margin-right:1px; position:relative;}
.sideMenu ul li ul {display: none;}

/* specific to non IE browsers */
.sideMenu ul li:hover a {color:#fff; background:#B5B2B3;}
.sideMenu ul li:hover ul {display:block; position:absolute; top:0px; left:160px; width:260px;}
.sideMenu ul li:hover ul li a.hide {background:#B5B2B3; color:#000;}

.sideMenu ul li:hover ul li:hover a.hide {width:160px;}
.sideMenu ul li:hover ul li ul {display: none;}
.sideMenu ul li:hover ul li a {display: block;height:28px;line-height:28px;width:160px;text-indent:5px;border:1px solid #000;border-width:0 1px 1px 1px;color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:100%;font-weight:normal;}
.sideMenu ul li:hover ul li a:hover {background:#999999; color:#000;}
.sideMenu ul li:hover ul li:hover ul {display:block; position:absolute; left:160px; top:0; color:#000;}
.sideMenu ul li:hover ul li:hover ul li a {display: block;height:28px;line-height:28px;width:260px;text-indent:5px;border:1px solid #000;border-width:0 1px 1px 1px;color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:100%;font-weight:normal;}
.sideMenu ul li:hover ul li:hover ul li a:hover {background:#999999; color:#fff;}

/* ================================================================ 
top menu styling
=================================================================== */
/* common styling */

.topMenu {font-family: arial, sans-serif; position:relative; margin:0; font-size:11px; height:18px;}
.topMenu ul li a, .topMenu ul li a:visited {display:block; text-decoration:none; text-align:left;font-size:11px;font-weight:bold; font-size:100%;height:18px;line-height:18px;text-indent:5px;}
.topMenu ul {padding:0; margin:0;list-style-type:none; list-style:none;}
.topMenu ul li {margin-right:1px; position:relative;float:right;}
.topMenu ul li ul {display: none;}

/* specific to non IE browsers */
.topMenu ul li:hover a {color:#fff;}
.topMenu ul li:hover ul {display:block; position:absolute;top:18px;}
.topMenu ul li:hover ul li a.hide {background:#B5B2B3; color:#000;}
.topMenu ul li:hover ul li:hover a.hide {width:160px;}
.topMenu ul li:hover ul li ul {display: none;}
.topMenu ul li:hover ul li a {display: block;height:28px;line-height:28px;width:160px;text-indent:5px;border:1px solid #000;border-width:0 1px 1px 1px;color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:100%;font-weight:normal;background:#B5B2B3;}
.topMenu ul li:hover ul li a:hover {background:#999999; color:#000;}
.topMenu ul li:hover ul li:hover ul {display:block; position:absolute; left:161px; top:0; color:#000;}
.topMenu ul li:hover ul li:hover ul li a {display: block;height:28px;line-height:28px;width:160px;text-indent:5px;border:1px solid #000;border-width:0 1px 1px 1px;color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:100%;font-weight:normal;}
.topMenu ul li:hover ul li:hover ul li a:hover {background:#999999; color:#fff;}

/* -------------------------------------------------------------------------------- */

#wine-content-left h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:110%;
font-weight:bold;
text-decoration:none;
color:#453E41;

}

#content-area-glossary {
	position:relative;
	padding-left:5px;
	width: 450px;
	float: left;
}
#content-area-glossary a{

font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
color:#453E41;
}

#content-area-glossary h2{

font-size:100%;
}

/* admin styles */

#admin-menu {
padding: 5px;
}

#admin-menu a{

font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
color:#453E41;
}
#admin-menu a:hover{

font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:underline;
color:#453E41;
}

.body-link {
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#453E41;
font-size:100%;
}
.body-link:hover {
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#453E41;
}

/* wine page setup */
#content-area-wine {
float:left;
width:475px;
padding:5px 0 0 10px	;
}
#content-area-wine h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:125%;
font-weight:bold;
text-decoration:none;
color:#453E41;
padding-bottom:5px;
}

#wine-image {
position:relative;
float:left;

padding-left:6px;

width: 90px;
}
#wine-text {
float:right;
width: 180;
padding-right:10px;
}
#wine-text  p {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
}
#wine-text h2 {

padding:10px 0 5px 0;
}
#wine-intro-text {
position:relative;
float:right;
width: 178px;
padding-right:10px;
border-right: solid 1px #666666;
}
#wine-intro-text p {
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#666666;
padding-bottom:10px;
}
.wine-intro {
font-family:Arial, Helvetica, sans-serif;
font-size:140%;
font-style:italic;
}
.wine-spacer {
position:relative;
width: 165px;
height:1px;
background-color: #666666;
}

#wine-menu {
position:relative;
/* margin-top:19px; */
padding-left:10px;
float:right;
width: 165px;
padding-right:5px;

}
#bottom-spacer {
	position:relative;
	float:left;
	width:475px;
	height:30px;
}

#content-area-default h2{
font-family:Arial, Helvetica, sans-serif;
font-size:125%;
font-weight:bold;
text-decoration:none;
color:#453E41;
padding:8px 0 8px 0;
}

/* grower setup */
#content-area-grower {
float:left;
width:475px;
padding:5px 0 0 10px;
}
#content-area-general h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:120%;
font-weight:bold;
text-decoration:none;
color:#453E41;
}

#content-area-general a {
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#453E41;
}
#content-area-general p {
padding-top:10px;
}

#content-area-general a:hover {
text-decoration:underline;
}
#grower-text {
position:relative;
float:left;
width: 230px;
padding-right:5px;		
}
#grower-image {
position:relative;
float:left;
width: 200px;
padding-right:5px;		
}

/* recipe setup */
#content-area-recipe {
float:left;
width:475px;
padding:5px 0 0 10px	;
}

#recipe-text {
position:relative;
float:left;
width: 470px;
padding-right:5px;		
}
#recipe-image {
position:relative;
float:right;
width: 200px;
padding-top:10px;

}
.list-left {
padding:0 0 10px 0;
height:70px;
width:70px;
float:left
}
.list-right {
padding:0 10px 10px 0;
float:right;
width:390px;
height:70px;
}

#general-text {
position:relative;
float:left;
width: 470px;
padding-right:5px;	
padding-bottom:10px;	
}
#general-image {
position:relative;
float:right;
width: 200px;
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
}




#general-home-image {
position:relative;
float:right;
width: 210px;
padding-top:10px;
padding-left:5px

}
.list-left-wine {
padding:0px;
width:20px;
float:left
}
.list-right-wine {
margin-left:10px;
padding:0px;
width:435px;
float:left;
}
.left {
float:left;
width:65px;
}
.right {
float:right;
width:100px;

text-align:left;
}
.wine-menu-p {
position:relative;
float:left;
width:170px;
text-align:left;
}

.wine-menu-hr {
position:relative;
padding:5px 0 5px 0;
float:left;
width:170px;
}

#wine-menu h2 {
font-size:100%;
padding-top:5px;
}

.recipe-image {
float:right;
width:36px;
}
#recipe-text p {
padding-top:5px;
}

.grower-p{
padding-bottom: 10px;
}
.callout-image {
position:relative;
float:right;
width:42px;
}
.callout {
float:left;
width:120px;
}
.callout-hr {
width:120px;
padding:0;
margin:0;
}
.nopad
{
padding:0;
margin:0;
}

#breadcrumb {
padding:5px 0 5px 0;
font-size:120%;
}


.select-width-add-wine
{
width:144px;
font-size:9px;

}

.select-width-add-wine-wide
{
width:240px;
font-size:9px;

}


#errors-wine
{
padding:5px;
color:#A71039;
}