/* The Holy Grail Layout*/

body 
{
	min-width: 630px;        /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
	margin: 0;
	font: Arial, Helvetica, sans-serif;
	background-color: #FEF7EC;
}

#container 
{
	padding-left: 200px;      /* LC fullwidth */
	padding-right: 190px;     /* RC fullwidth + CC padding */
	overflow: hidden;
	min-height: 20em;
}

#container .column 
{
	position: relative;
	float: left;
	padding-bottom: 1001em;     /* X + padding-bottom */
	margin-bottom: -1000em;     /* X */

}

#center 
{
	padding: 10px 20px;       /* CC padding */
	width: 100%;

	/*background-color: #98BFE2;*/
}

#left 
{
	width: 180px;             /* LC width */
	padding: 0 10px;          /* LC padding */
	padding-top: 0.8em;
	right: 240px;             /* LC fullwidth + CC padding */
	margin-left: -100%;
}

#right 
{
	width: 130px;             /* RC width */
	padding: 0 10px;          /* RC padding */
	margin-right: -100%;
}

#footer 
{
	clear: both;
	text-align: center;
}

/** IE Fixex for layout */
* html #left {
	left: 150px;              /* RC fullwidth */
}


* html body {
	overflow: hidden;
}

* html #footer-wrapper {
	float: left;
	position: relative;
	width: 100%;
	padding-bottom: 10010px;
	margin-bottom: -10000px;
	background: #FEF7EC;         /*** Same as body background ***/
}

		
	/* Menu System Styles */

.menu 
{
	width: 9.5em;
	padding: 0 0 0.75em 0;
	margin-bottom: 1em;
	background-color: #86AED1;
	color: #333;
}
	
.menu ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
		
.menu li 
{
	border-bottom: 1px solid #86AED1;
	margin: 0;
}

.menu li a
{
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 10px solid #58758C;
	border-right: 10px solid #86AED1;
	background-color: #6A89A5;
	color: #fff;
	text-decoration: none;
	width: 99%;
	text-align: center;
	
}

* html .menu li a.sub
{
	width:73%;	
}

.menu li a.sub
{
	border-left: 30px solid #5ba3e0;
	border-right: 30px solid #5ba3e0;
	background-color: #98BFE2;
	color: #fff;
	font-size: smaller;
}


html>body .menu li a 
{
	width: auto;
}

.menu li a:hover 
{
	border-left: 10px solid #5ba3e0;
	border-right: 10px solid #5ba3e0;
	background-color: #98BFE2;
	color: #fff;
}

.menu li a.selected
{
	border-left: 10px solid #5ba3e0;
	border-right: 10px solid #5ba3e0;
	background-color: #98BFE2;
	color: #fff;
}


.menu li a.sub:hover
{
	border-left: 30px solid #58758C;
	border-right: 30px solid #86AED1;
	background-color: #6A89A5;	
}


/* Morningside Vineyard Layout */

.logo
{
	padding-bottom:0em;
	background-color: #FEF7EC;	
}

.tastingNotes
{
	padding-left: 2em;
	padding-right: 2em;
	font-style: italic;
}

.tastingRating
{
	padding-left: 2em;
	font-weight: bold;
}

.footer
{
	color: grey;	
	padding-top:0.1em;
	margin-bottom:0.2em;
}

.footer a
{
	color: grey;
	margin-left: 0.6em;	
	margin-right: 0.6em;	
	margin-top: 0.6em;
	text-decoration: none;
	padding-right:0.1em;
	padding-left: 0.2em;	

}

.footer a:hover
{
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
	
}

.selectedFooterLink
{
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
}


.headerMenu
{
	list-style: none;	
}

.headerMenu li
{
	padding-bottom: 0.3em;	
}

.newsLetterHeader .headerText
{
	font-size:x-large;
	float: left;
	padding: 0px;
	margin: 0px;

}


.postalHeading, .stockLocationHeading
{
	font-size:large;
	text-decoration: underline;
	padding: 0px;
	margin: 0px;
	
}

.stockSubHeadingLeft
{
	font-weight: bold;
	padding-left: 0.6em;	
	float: left;
}

.stockSubHeadingRight
{
	font-weight: bold;
	padding-left: 0.6em;
	float: right;
}

.stockLocationMainLeft
{
	padding-left: 3em;	
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	float: left;
}

.stockLocationMainRight
{
	width: 13em;
	padding-left: 1.2em;	
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-right: 15em;
	float: right;
}

.newsLetterHeader
{
	display: -moz-inline-block;
	display: inline-block;
	width: 93%;
	border-bottom: 1px solid gray;	
}

.returnToTop
{
	float:right;
	font-size: small;
}

.imgFloatRightWithPadding
{
	float:right;
	padding-left: 0.3em;
	padding-bottom: 0.3em;	
}

.imgFloatLeftWithPadding
{
	float:left;
	padding-left: 0.3em;
	padding-top: 0.7em;	
}


.photoParagraph
{
	padding-left: 6em;
	padding-right: 5em;
}

.photoParagraph span
{
	padding-left: 2em;	
}

.photoParagraph .RHSPotrait
{
	padding-left: 4em;
}

.photoImage
{
	margin-right: 1.5em;
	margin-left: 1.5em;
	padding: 2px;
	border: 2px solid #D9E0E6;
	border-bottom-color: #C8CDD2;
	border-right-color: #C8CDD2;
	cursor: pointer;

}

.photoImageLarge
{
	margin-right: 1.5em;
	margin-left: 20%;
	padding: 2px;
	border: 2px solid #D9E0E6;
	border-bottom-color: #C8CDD2;
	border-right-color: #C8CDD2;
	
}

.photoImageLargePotrait
{
	margin-right: 1.5em;
	margin-left: 28%;
	padding: 2px;
	border: 2px solid #D9E0E6;
	border-bottom-color: #C8CDD2;
	border-right-color: #C8CDD2;
}

.backLink
{
	 padding-left: 47%;
	 padding-top:0.5em;
	 cursor: pointer;
	 color: blue;
}

.hyperLink
{
	cursor: pointer;
	color: blue;
	text-decoration: underline;
	font-size:larger;
}

.commentBox
{
	background-color: #5ba3e0;
	border: 2px solid #86AED1;
	width: 25em;
	height: 15em;
	overflow:hidden;
}

.commentButton
{
	position:relative;
	margin-left:9em;
	margin-top:1em;
	background-color: #5ba3e0;
	border: 2px solid #86AED1;
	cursor: pointer;	
}

/* Rounded corner box styles */
.box
{
	width: 99%;
	background: #98BFE2 url(images/roundedbox/bottom-left.gif) no-repeat left bottom;
	
}

* html .box /*IE6 Itatlic bug fix*/
{
	overflow:hidden;	
}

.box-outer
{
	background: url(images/roundedbox/bottom-right.gif) no-repeat right bottom;	
}

.box-inner
{
	padding: 0em;
	background: url(images/roundedbox/top-left.gif) no-repeat left top;
}



.box .box-top
{
	width: 100%;
	display: -moz-inline-box;
	display: inline-block;
	background: url(images/roundedbox/top-right.gif) no-repeat right top;
}

.box h2
{
	background: url(images/roundedbox/top-right.gif) no-repeat right top;	
}

.box .contentDiv, .box h2
{
	padding-bottom: 2%;
	padding-left: 2%;
	padding-right: 2%;
	padding-top:0em;
}

 .box h2
 {
	 padding-bottom:0em;
 }

.contentDiv img
{
	padding-right: 0em;	
}