/*
Title:      	LogoStitch stylesheet for screen media
Author:     	Karl Ridley, falling@happyleaves.com
Updated:    	12 August, 2006
*/


/* WRAPPERS */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	line-height: normal;
	margin: 0;
	font-weight: lighter;
	color: #ffffff;
	}


#wrapperabout {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: url(../_mockups/about-morel-tile.jpg) repeat-x top left;
	}
	
#wrapperabout2 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: url(../_mockups/about-morel2-tile.jpg) repeat-x top left;
	}
	
#wrappercontact {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: url(../_mockups/contact-details-tile.jpg) repeat-x top left;
	}
	
#wrapperreviews {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: url(../_mockups/reviews-awards-tile.jpg) repeat-x top left;
	}
	
#wrapperwine {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: url(../_mockups/the-wine-list-tile.jpg) repeat-x top left;
	}
	


#about {
	margin: 0 auto;
	padding: 0;
	width: 900px;
	height: 1045px;
	background-image: url(../_mockups/about-morel.jpg);
	}
	
#about2 {
	margin: 0 auto;
	padding: 0;
	width: 900px;
	height: 1045px;
	background-image: url(../_mockups/about-morel2.jpg);
	}
	
#contact {
	margin: 0 auto;
	padding: 0;
	width: 900px;
	height: 925px;
	background-image: url(../_mockups/contact-details.jpg);
	}
	
#reviews {
	margin: 0 auto;
	padding: 0;
	width: 900px;
	height: 2155px;
	background-image: url(../_mockups/reviews-awards.jpg);
	}
	
#wine {
	margin: 0 auto;
	padding: 0;
	width: 900px;
	height: 1120px;
	background-image: url(../_mockups/the-wine-list.jpg);
	}
.redlinks {
	FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Arial Narrow; TEXT-DECORATION: none
}

.redlinks:hover {
	FONT-SIZE: 12px; COLOR: #b60002; FONT-FAMILY: Arial Narrow; TEXT-DECORATION: none;
}

BODY {
	BACKGROUND-COLOR: #ffffff;
	font-family: Arial Narrow;
	color:#000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center;
}
#container{
	width:1000px;
	margin:0 auto;
	text-align:left;
}
td {
	font-family: Calibri;
	color:#FFFFFF;
	font-size: 13px;
}

th {
	font-family: Arial Narrow;
	color:#000000
}

.redlinks {
	FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Arial Narrow; TEXT-DECORATION: none
}

.redlinks:hover {
	FONT-SIZE: 12px; COLOR: #b60002; FONT-FAMILY: Arial Narrow; TEXT-DECORATION: none;
}

.main-text {
	FONT-SIZE: 14px; COLOR: #FFFFFF; FONT-FAMILY: Impact; TEXT-DECORATION: none
}

.linksnew {
	FONT-SIZE: 12px; COLOR: #057258; FONT-FAMILY: Arial Narrow; TEXT-DECORATION: none
}
.linksnew:hover {
	FONT-SIZE: 12px; COLOR: #FF7200; FONT-FAMILY: Arial Narrow; TEXT-DECORATION: none}
	
.linksbig {
	FONT-SIZE: 11px;
	COLOR: #FFFFFF;
	FONT-FAMILY: "Century Gothic";
	TEXT-DECORATION: none;
	font-weight: lighter;
}

.linksbiggreenbtn {
	FONT-SIZE: 11px; COLOR: #83B311; FONT-FAMILY: Arial Narrow; TEXT-DECORATION: none; font-weight: none
}

.linksbigred {
	FONT-SIZE: 11px; COLOR: #C30013; FONT-FAMILY: Arial Narrow; TEXT-DECORATION: none; font-weight: none
}

.linksbig:hover {
	FONT-SIZE: 11px;
	COLOR: #292864;
	FONT-FAMILY: "Century Gothic";
	TEXT-DECORATION: none;
	font-weight: lighter;
}

.linksbiggreen {
	FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: "Trebuchet MS"; TEXT-DECORATION: none; font-weight: none
}

.linksbiggreen:hover {
	FONT-SIZE: 11px; COLOR: #0E82C1; FONT-FAMILY: "Trebuchet MS"; TEXT-DECORATION: none
}

.linksbigwhite{
	FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; font-weight: none
}

.linksbigwhite:hover {
	FONT-SIZE: 12px; COLOR: #0E82C1; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.linksbigblue{
	FONT-SIZE: 10px; COLOR: #FD3261; FONT-FAMILY: "Trebuchet MS"; TEXT-DECORATION: none; font-weight: none
}

.linksbigblue:hover {
	FONT-SIZE: 10px; COLOR: #FF9999; FONT-FAMILY: "Trebuchet MS"; TEXT-DECORATION: none
}

.mailheading {
	FONT-SIZE: 16px; COLOR: #004060; FONT-FAMILY: Arial Narrow; TEXT-DECORATION: none; font-weight: bold
}

.BodyTextnew {
	FONT-SIZE: 13px;
	COLOR: #000000;
	TEXT-DECORATION: none;
	font-family: Calibri;
}
.FormText {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial Narrow; TEXT-DECORATION: none
}
.regheading {
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: Arial Narrow;
	TEXT-DECORATION: none;
	font-weight: bold;

}
.BodyTextbig {
	FONT-SIZE: 14px;
	COLOR: #333333;
	FONT-FAMILY: "Century Gothic";
	TEXT-DECORATION: none;
	font-weight: lighter;
}

.BodyTextbigPartA {
	FONT-SIZE: 12px;
	COLOR: #777777;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-weight: lighter;
}

.BodyTextbigPartNew {
	FONT-SIZE: 12px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-weight: lighter;
}

.BodyTextbigPartsmall {
	FONT-SIZE: 14px;
	COLOR: #000000;
	FONT-FAMILY: "Trebuchet MS";
	TEXT-DECORATION: none;
	font-weight: lighter;
}

.BodyTextbigPartB {
	FONT-SIZE: 11px;
	COLOR: #777777;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-weight: lighter;
}

.productstext {
	FONT-SIZE: 11px;
	COLOR: #FFFFFF;
	FONT-FAMILY: "Trebuchet MS";
	TEXT-DECORATION: none;
	font-weight: lighter;
}

.productstext:hover {
	FONT-SIZE: 11px;
	COLOR: #7182a0;
	FONT-FAMILY: "Trebuchet MS";
	TEXT-DECORATION: none;
	font-weight: lighter;
}

.productstexthome {
	FONT-SIZE: 11px;
	COLOR: #777777;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-weight: lighter;
}

.productstexthome:hover {
	FONT-SIZE: 11px;
	COLOR: #ED1C24;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-weight: lighter;
}

.footerTextbig {
	FONT-SIZE: 10px;
	COLOR: #FFFFFF;
	FONT-FAMILY: "Century Gothic";
	TEXT-DECORATION: none;
	font-weight: lighter;
}
.whiteText {
	FONT-SIZE: 9px; COLOR: #FFFFFF; FONT-FAMILY: Arial Narrow; TEXT-DECORATION: none
}
.whiteTextbig {
	FONT-SIZE: 13px; COLOR: #FFFFFF; FONT-FAMILY: "Arial Narrow"; TEXT-DECORATION: none
}
.whitelinks {
	FONT-SIZE: 13px; COLOR: #FFFFFF; FONT-FAMILY: "Arial Narrow"; TEXT-DECORATION: none
}
.whitelinks:hover {
	FONT-SIZE: 13px; COLOR: #ff0000; FONT-FAMILY: "Arial Narrow"; TEXT-DECORATION: none;
}

.whitelinks1 {
	FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY: Arial Narrow; TEXT-DECORATION: none
}
.whitelinks1:hover {
	FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: "Arial Narrow"; TEXT-DECORATION: none;
}

.bluelinks0 {
	FONT-SIZE: 17px; COLOR: #000000; FONT-FAMILY: "Trebuchet MS"; TEXT-DECORATION: none
}
.bluelinks0:hover {
	FONT-SIZE: 17px; COLOR: #000000; FONT-FAMILY: "Trebuchet MS"; TEXT-DECORATION: none;
}

.bluelinks1a {
	FONT-SIZE: 11px;
	COLOR: #242E4A;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-weight: lighter;
}
.bluelinks1a:hover {
	FONT-SIZE: 11px;
	COLOR: #ED1C24;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-weight: lighter;
}

.bluelinks1 {
	FONT-SIZE: 13px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-weight: lighter;
}
.bluelinks1:hover {
	FONT-SIZE: 13px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-weight: lighter;
}

.bluelinks2 {
	FONT-SIZE: 11px;
	COLOR: #4B8FC0;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-weight: bolder;
}
.bluelinks2:hover {
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-weight: bolder;
}

.bluelinkssmall {
	FONT-SIZE: 11px;
	COLOR: #003366;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-weight: bolder;
}
.bluelinkssmall:hover {
	FONT-SIZE: 11px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-weight: lighter;
}

.bluelinks3 {
	FONT-SIZE: 14px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Calibri;
	TEXT-DECORATION: none;
	font-weight: lighter;
}
.bluelinks3:hover {
	FONT-SIZE: 14px;
	COLOR: #292864;
	FONT-FAMILY: Calibri;
	TEXT-DECORATION: none;
	font-weight: lighter;
}

.Bottomtext {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: "Trebuchet MS"; TEXT-DECORATION: none
}

.Bottomtext:hover {
	FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY: "Trebuchet MS"; TEXT-DECORATION: none
}

.Bottomtext2 {
	FONT-SIZE: 10px; COLOR: #FFFFFF; FONT-FAMILY: "Century Gothic"; TEXT-DECORATION: none
}

.Bottomtext2:hover {
	FONT-SIZE: 10px; COLOR: #97A5D2; FONT-FAMILY: "Century Gothic"; TEXT-DECORATION: none
}

.redtext {
	FONT-SIZE: 9px; COLOR: #ff0000; FONT-FAMILY: Arial Narrow; TEXT-DECORATION: none
}
.redformtext {
	FONT-SIZE: 11px; COLOR: #ff0000; FONT-FAMILY: Arial Narrow; TEXT-DECORATION: none
}
.blacktext {
	FONT-SIZE: 9px; COLOR: #000000; FONT-FAMILY: Arial Narrow; TEXT-DECORATION: none
}
.redtextbig {
	FONT-SIZE: 14px; COLOR: #CC0000; FONT-FAMILY: Arial Narrow; TEXT-DECORATION: bold
}
.AFFILIATION {
	FONT-SIZE: 18px; COLOR: #000000; FONT-FAMILY: Arial Narrow; TEXT-DECORATION: bold;
}
.HEADERS {
	FONT-SIZE: 18px;
	COLOR: #242E4A;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: lighter;
}

.HEADERS2 {
	FONT-SIZE: 16px;
	COLOR: #777777;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: lighter;
}

.big {
	FONT-SIZE: 18px; COLOR: #666666; FONT-FAMILY: "Arial Narrow";
}
.Formbox {
	BORDER-RIGHT: #7d7d7d 1px solid; BORDER-TOP: #666666 1px solid; FONT-SIZE: 14px; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid; FONT-FAMILY: "Trebuchet MS"; BACKGROUND-COLOR: #fefefe; TEXT-DECORATION: none
}
.Formbox1 {
	BORDER-RIGHT: #f1f1f1 1px solid;color:green; BORDER-TOP: #f1f1f1 1px solid; FONT-SIZE: 10px; BORDER-LEFT: #f1f1f1 1px solid; BORDER-BOTTOM: #f1f1f1 1px solid;FONT-FAMILY: Arial Narrow;font-weight:bold; BACKGROUND-COLOR: #f1f1f1; TEXT-DECORATION: none
}
.Formbox2 {
	BORDER-RIGHT: #ffffff 1px solid;color:red; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 10px; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid;FONT-FAMILY: Arial Narrow;font-weight:bold; BACKGROUND-COLOR: #ffffff; text-align:right; TEXT-DECORATION: none
}
.Formbox3 {
	BORDER-RIGHT: #ffffff 1px solid; color:black; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 10px;  BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid;FONT-FAMILY: Arial Narrow;font-weight:bold; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}
.Formbox6 {
	BORDER-RIGHT: #FFCC66 1px solid; color:black; BORDER-TOP: #FFCC66 1px solid; FONT-SIZE: 10px;  BORDER-LEFT: #FFCC66 1px solid; BORDER-BOTTOM: #FFCC66 1px solid;FONT-FAMILY: Arial Narrow;font-weight:bold; BACKGROUND-COLOR: #FFCC66; text-align:left; TEXT-DECORATION: none
}
.Formbox4 {
	BORDER-RIGHT: #f1f1f1 1px solid;
	color:black;
	BORDER-TOP: #f1f1f1 1px solid;
	FONT-SIZE: 10px;
	BORDER-LEFT: #f1f1f1 1px solid;
	BORDER-BOTTOM: #f1f1f1 1px solid;
	FONT-FAMILY: Arial Narrow;
	font-weight:bold;
	BACKGROUND-COLOR: #f1f1f1;
	TEXT-DECORATION: none;
	text-align: right;
}
.Formbox5 {
	BORDER-RIGHT: #f1f1f1 1px solid;color:red; BORDER-TOP: #f1f1f1 1px solid; FONT-SIZE: 10px; BORDER-LEFT: #f1f1f1 1px solid; BORDER-BOTTOM: #f1f1f1 1px solid;FONT-FAMILY: Arial Narrow; BACKGROUND-COLOR: #f1f1f1; TEXT-DECORATION: none
}
.button {
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; FONT-SIZE: 10px; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: Arial Narrow; BACKGROUND-COLOR: #efefef; TEXT-DECORATION: none
}
.bluebutton {
	BORDER-RIGHT: #3c617d 1px solid;
	BORDER-TOP: #3c617d 1px solid;
	FONT-SIZE: 10px;
	BORDER-LEFT: #3c617d 1px solid;
	BORDER-BOTTOM: #3c617d 1px solid;
	FONT-FAMILY: Arial Narrow;
	color:#000000;
	BACKGROUND-COLOR: #b4d0e0;
	TEXT-DECORATION: none;
	cursor: hand;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 2px;
	padding-top: 2px;
}
#dhtmltooltip {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: black 1px solid; PADDING-LEFT: 2px; Z-INDEX: 100; FILTER: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); LEFT: -300px; VISIBILITY: hidden; PADDING-BOTTOM: 2px; BORDER-LEFT: black 1px solid; WIDTH: 400px; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid; POSITION: absolute; BACKGROUND-COLOR: #f7f7f7
}
#dhtmlpointer {
	Z-INDEX: 101; LEFT: -300px; VISIBILITY: hidden; POSITION: absolute
}
.formClass {
	margin: 0px;
}


#ml_form,#mbs_form,#contact_form{
	font-family: "Trebuchet MS";
	font-size:11px;
}
/*** Mailing List Form (Index page) CSS **/
#ml_form input, #ml_form textarea, #ml_form select{
	margin-left:70px;
}

#ml_form label{
	display:block;
	margin:1em .5em;

}
#ml_form label span{
	position: absolute;

}
/*** Contact Form CSS **/
#contact_form input, #contact_form textarea, #contact_form select{
	margin-left:85px;
}
#contact_form label{
	display:block;
	margin:1em .5em;

}
#contact_form label span{
	position: absolute;

}
/*** Membership Form CSS **/
#mbs_form input, #mbs_form textarea, #mbs_form select{
	margin-left:80px;
}
#mbs_form label{
	display:block;
	margin:1em .5em;

}
#mbs_form label span{
	position: absolute;

}
.heading img{
	margin-top:.8em;
}
.submit_btn{
	border-style: double; 
	border-color: #ccc; 	
	border-width: 3px; 
	padding: 0.25em; 
	width: auto; 
	background-color: #000; 
	background-repeat: repeat-x; 
	color: #0e82c1; 
	font-size: 75%; 
	font-weight: bold; 
	font-family: Verdana,Helvetica,Arial,sans-serif;
}
#booking_form{
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	border-collapse:collapse;
	border-top:1px solid #333;
	border-bottom:1px solid #333;	
}
#booking_form th, #booking_form td{
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:80%;
	font-weight:bold;
	text-align:left;
	padding-left:.5em;
	padding-bottom:.8em;
/*	border-bottom:1px solid #ccc; */
}
#booking_form input, #booking_form select{
	font-family:"Trebuchet MS", Verdana, Arial;
	padding:.2em;
	background-color:#d8dcf0;
	border:1px solid #333;
}
#booking_form select{
	font-size:85%;
}
.submit_msg{
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:80%;
}
.copyright_k{
	padding-left:1em;
}