body
{
	min-width: 780px;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	background-image: url(Images/tilemark.jpg);
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #333333;
	background-color: #7B8D52;
}

th
{
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight: bold;
}

img{
	border-color: black; 
}

h1, h2, h3, h4, h5, h6
{
	color: #212E02;
}

h1
{
	margin: 0 0 0 -1em;
	font-size: 2.0em;
	font-weight: normal;
}
h2
{
	margin: 1.2em 0em 1.2em -1em;
	clear: both;
	font-size: 1.7em;
	font-weight: normal;
}
h3
{
	margin: 1.2em 0em 1.2em -1em;
	font-size: 1.4em;
	font-weight: normal;
}
h4
{
	margin: 1.2em 0em 1.2em -1em;
	font-size: 1.2em;
	font-weight: bold;
}
h5
{
	margin: 1.2em 0em 1.2em -1em;
	font-size: 1.0em;
	font-weight: bold;
}
h6
{
	margin: 1.2em 0em;
	font-size: 1.0em;
	line-height: 1.2em;
	font-weight: bold;
}

pre
{
	font-family: monospace;
	font-size: 1.0em;
}

strong, b
{
	font-weight: bold;
}

acronym[title]
{
	cursor: help;
	border-bottom: 1px dotted #333333;
	font-size: 95%;
}
#mainwrapper
{
	margin: 10px auto 0px;
	width: 780px;
	text-align: left;
	background-repeat: repeat-y;
	background-image: url(Images/main_bg.png);
}
#topShadow
{
	height: 10px;
	background-image: url(Images/top_shadow20.png);
	background-repeat: no-repeat;
}
#header
{
	height: 205px;
	position: relative;
	margin-left: 10px;
}

#mastheadImage
{
}

#branding
{
	position: absolute;
	right: 30px;
	bottom: 21px;
	text-align: right;
	z-index: 1000;
	color: #FFFFFF;
}

* html #branding
{
	bottom: 23px;
}

#companyName
{
	color: Black;
	font-size: 40px;
	vertical-align: bottom;
}

#logoImage
{
	vertical-align: bottom;
}

#slogan
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.2em;
}
#breadcrumbs
{
	position: absolute;
	left: 32px;
	bottom: 12px;
	color: #D8C68D;
	font-weight: bold;
}
#breadcrumbs a
{
	text-decoration: underline;
	color: #D8C68D;
}

#breadcrumbs a:hover
{
	text-decoration: none;
}

#content
{
	position: relative;
	margin-top: 35px;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

/* Rating */
.ratingStar {
    font-size: 12pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}


/* Hide from IE5 Mac \*/
* html #content
{
	height: 1%;
}
/* End hide from IE5 Mac */

#menu
{
	position: absolute;
	left: 40px;
	top: 0;
	width: 180px;
}

.wineImage
{
	position:static;
}

.productImg
{
    width: 100%;
}

#copy
{
	position: static;
	margin-left: 240px;
	margin-right: 10px;
	padding: 0 3.5em 4em;
}

#shop
{
	position: static;
	margin-left: 10px;
	margin-right: 10px;
}

* html #copy
{
	padding: 0 5em 4em 2em;
}

/* Hide from IE5 Mac \*/
* html #copy
{
	height: 1%;
}
/* End hide from IE Mac*/

#copy ol, #copy ul, #copy li
{
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	font-size: 1.0em;
	line-height: 1.8em;
}

* html #copy ul
{
	padding-left: 18px;
}

* html #copy li
{
	padding-left: 0.5em;
}

#copy li
{
	margin-left: 5px;
	list-style-image: url(Images/bullet.gif);
}
#copy p
{
	margin: 1.2em 0em;
	font-size: 1.0em;
	line-height: 1.8em;
}


#copy .pullQuote
{
	float: right;
	display: inline;
	width: 25%;
	margin: 1em 0 1em 1em;
	font-size: 120%;
	font-weight: bold;
	line-height: 130%;
	background-image: url(Images/logo_mini.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#copy .wineImage
{
	float: right;
	display: inline;
	width: 25%;
	margin: 0em 0 0em 0em;
	font-size: 120%;
	font-weight: bold;
	line-height: 130%;
}

#copy a
{
	color: #212E02;
}

#copy a:link
{
	text-decoration: underline;
}

#copy a:hover
{
	text-decoration: none;
}

#copy .textBox
{
	margin-left: 1em;
	border: 1px solid #304012;
	background-color: #8E985E;
}

#copy .textBox:focus
{
	background-color: #ECE4D2;
}

#copy .dropDownlist
{
	margin-left: 1em;
	background-color: #8E985E !important;
}

#copy .checkbox
{
}

#copy .radioButtonList
{
	margin-left: 1em;
}

#copy fieldset
{
	padding: 1.5em;
	border: 1px solid #304012;
}

#copy legend
{
	color: #333333;
}

#copy .button
{
	margin: 1em 0;
	border: 1px solid #8E985E;
	background-color: #304012;
	color: #FFFFFF;
	font-weight: bold;
}
#bottomShadow
{
	height: 10px;
	background-image: url(Images/bottom_shadow.png);
	background-repeat: no-repeat;
}

#bottomLabel
{
	height: 10px;
	background-image: url(Images/bottom.gif);
	background-repeat: no-repeat;
	background-position:right;
}

* html #bottomShadow
{
	margin-bottom: -6px;
}

.clearfix:after
{
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

.clearfix
{
	display: inline-block;
}
/* Fixes IE/Mac */

/* Hides from IE-mac \*/
* html .clearfix, * html .clearfix *
{
	height: 1%;
}
.clearfix
{
	display: block;
}

.troefle
{
    text-align:center;
    width: 100%;
}
/* End hide from IE-mac */



@media print
{
	body
	{
		color: #333333 !important;
		border-bottom: 1px solid #000;
		background: #FFFFFF !important;
		font-size: 10pt;
		line-height: 12pt;
	}
	h1, h2, h3, h4, h5, h6
	{
		font-weight: bold;
		color: #333333;
	}

	#mainwrapper, #topShadow, #bottomShadow
	{
		background: none;
	}

	#header
	{
		position: static;
		height: auto;
	}

	#menu, #mastheadImage
	{
		display: none;
	}

	#branding
	{
		position: static;
		text-align: left;
		margin: 0;
		padding: 0;
	}
	#breadcrumbs
	{
		position: static;
		margin: 1em 0;
		color: #333333;
		border-bottom: 1px solid #000000;
		padding-bottom: 2em;
	}

	#breadcrumbs a
	{
		color: #333333;
	}

	#copy
	{
		margin-left: 0;
		padding: 0 2em;
		width: 80%;
	}
	#copy a
	{
		color: #333333;
	}

	#copy li
	{
		list-style-image: none;
		list-style-type: disc;
	}

	#copy .pullQuote
	{
		display: none;
	}

	#copy .textBox
	{
		background-color: transparent;
		border: 1px solid #333333;
	}

	#copy .textBox:focus
	{
		background: none;
	}

	#copy fieldset
	{
		border: 1px solid #333333;
	}

	#copy legend
	{
		padding-bottom: 1em;
	}

	#copy .dropDownlist
	{
		background: none;
	}
}