@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: Georgia, serif;
	color: #4b442d;
	font-size:12px
}
body {
	background-color: #fcf7e2;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(/images/harbes_site_bg2.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

#flashtest {
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}


#contentwrapper{
	width:1280px;
	margin-right:auto;
	margin-left:auto;
}
#logo {
	width:665px;
	height:92px;
	margin:0 auto 0 463px;
}
#shoponline {height:50px; width:112px;float:right}
#nav{
	width:990px;
	height:44px;
	margin:0 auto 0 135px;
	padding:0 0 0 0;
}
#mainflash {
	width:1280px;
	height:600px;
	margin:0px;
	background-color:#fcf7e2;
}
a{outline:none}

#sub{width:965px;margin:0 auto 0 142px;border:solid 11px #FFFFFF;background-color:#FBF8EB;min-height:650px;}
#col1 {width:133px; float: left }
#col2 {width:300px; padding:35px 46px 0 46px; float: left }
#col3 {width:270px;float: right }

/*==================================
			main navigation
==================================*/
#multi-level {height:39px; position:relative; z-index:1;}
#multi-level .pad {float:left;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif; font-weight:normal;}

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:39px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:9px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.menu li.p1 {width:83px; background: url(/images/n_our_farms_over.jpg); background-repeat: no-repeat;;}
.menu li.p2 {width:89px;background: url(/images/n_our_story_over.jpg) no-repeat;;}
.menu li.p3 {width:136px;background: url(/images/n_maze_adventures_over.jpg) no-repeat;;}
.menu li.p4 {background: url(/images/n_family_fun_over.jpg) no-repeat; width:83px;;}
.menu li.p5 {background: url(/images/n_wine_over.jpg) no-repeat; width:61px;;}
.menu li.p6 {background: url(/images/n_farm_market_over.jpg) no-repeat; width:101px;;}
.menu li.p7 {background: url(/images/n_event_calendar_over.jpg) no-repeat; width:125px;;}
.menu li.p8 {background: url(/images/n_visit_harbes_over.jpg) no-repeat; width:103px;;}
.menu li.p9 {background: url(/images/n_groups_parties_over.jpg) no-repeat; width:133px;;}
.menu li.p10 {background: url(/images/n_weddings_over.jpg) no-repeat; width:76px;;}

/* set up the normal unhovered images in the links */
.menu li a#ourfarms {width:83px; background: url(/images/n_our_farms.jpg); background-repeat: no-repeat;;}
.menu li a#ourstory {width:89px;background: url(/images/n_our_story.jpg) no-repeat;;}
.menu li a#mazeadventures{width:136px;background: url(/images/n_maze_adventures.jpg) no-repeat;;}
.menu li a#familyfun {background: url(/images/n_family_fun.jpg) no-repeat; width:83px;;}
.menu li a#wine {background: url(/images/n_wine.jpg) no-repeat; width:61px;;}
.menu li a#farmmarket {background: url(/images/n_farm_market.jpg) no-repeat; width:101px;;}
.menu li a#eventcalendar {background: url(/images/n_event_calendar.jpg) no-repeat; width:125px;;}
.menu li a#visitharbes {background: url(/images/n_visit_harbes.jpg) no-repeat; width:103px;;}
.menu li a#groups {background: url(/images/n_groups_parties.jpg) no-repeat; width:133px;;}
.menu li a#weddings{background: url(/images/n_weddings.jpg) no-repeat; width:76px;;}



/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#ourfarms:hover, .menu li:hover a#ourfarms,
.menu li a#ourstory:hover, .menu li:hover a#ourstory,
.menu li a#mazeadventures:hover, .menu li:hover a#mazeadventures,
.menu li a#familyfun:hover, .menu li:hover a#familyfun,
.menu li a#wine:hover, .menu li:hover a#wine,
.menu li a#farmmarket:hover, .menu li:hover a#farmmarket, 
.menu li a#eventcalendar:hover, .menu li:hover a#eventcalendar,
.menu li a#visitharbes:hover, .menu li:hover a#visitharbes,
.menu li a#groups:hover, .menu li:hover a#groups,
.menu li a#weddings:hover, .menu li:hover a#weddings
{background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
.menu :hover ul.sub {left:11px; top:29px; padding:0 0 0 0; border:1px; white-space:nowrap; width:180px; height:auto; background-color:#f6f1da}
.menu :hover ul.sub li {display:block;height:20px; position:relative; float:left; width:178px;background-color:#f6f1da}
.menu :hover ul.sub li a {display:block;left:100px; font-size:10px; height:10px; width:178px; line-height:33px; text-indent:0px; color:#434242; text-decoration:none; border-bottom:none; border-left:none; border-top:none; border-right:none; font-weight:normal; }
.menu :hover ul.sub li a.fly { 80px  no-repeat; left:200px; font-weight:normal;}
.menu :hover ul.sub li a:hover { color:#89511f; font-weight:normal;}
.menu :hover ul.sub li a.fly:hover {background: 80px no-repeat; color:#89511f; font-weight:normal;}
.menu :hover ul li:hover > a.fly {background: 80px  no-repeat; color:#89511f; font-weight:normal;} 

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:160px; top:-4px; padding:0 0 0 0; white-space:nowrap; width:200px; z-index:200; height:auto; z-index:300;}



.clear {clear:both}

#trilinks{
	width:987px;
	height:41px;
	margin:0 auto 0 142px;
	
}
#locales{
	width:987px;
	height:126px;
	margin:4px auto 0 142px;
	background-color:#FFFFFF;
	padding: 7px 0 0 0;
	text-align:left
	
}


#locations{
	width:987px;
	height:99px;
	margin:0 auto 0 142px;
	text-align:left
}
.locationsinfo{
	width:239px;
	height:50px;
	margin:19px 0 0 7px;
	text-align:left;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#434242;
	float:left;
}

#newslettersignup{
	width:987px;
	height:41px;
	margin:0 auto 0 142px;
	text-align:right
}
.newsletterinput{width:180px ;
height:20px;
border:0;
margin-bottom:10px;
font-size:9px;
color:#666666}
#footer{
	width:1282px;
	height:300px;
	margin:0 auto 0 auto 0;
	padding:0 0 0 0;
	text-align:center;
	font-size:12px;
	color:#434242
}
h1 {font-size:36px; font-style:italic; font-weight:normal; line-height:36px;}
h2 {font-size:16p; font-style:normal; text-transform:uppercase; color:#4b442d; font-family:Arial, Helvetica, sans-serif; line-height:18px;}

#colleft{width:420px; margin:0 0 100px 25px; line-height:12px; line-height:17px;}
#full{width:900px; margin:0 0 100px 25px;}
#colright{width:490px; float:right;  margin:10px 0 100px 25px; }


/* sigma pages */

#sigma {
	width:965px;
	min-height:600px;
	border:solid 11px #FFFFFF;
	background-image:url(/images/bg_sigma.jpg);
	background-color:#fefdf9;
	background-repeat:no-repeat;
	margin: 0 auto 0 142px;
}

#shopnav {
	width:220px;
	background-repeat:no-repeat;
	float:left;
	margin-left:0px;
	margin-top:0px;
}

#shoptop {
	width:965px;
	height:55px;
	margin:0px;
}

#shopcontent {
	width:745px;
	margin-left:220px;
}
#search {
	background-image:url(/images/searchbox.jpg);
	width:140px;
	height:27px;
	font-family:Arial, Helvetica, sans-serif;
	color:#616153;
	font-size:10px;
	border:0px;
	text-align:center;

}

.searchtext {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#616153;
	font-size:10px;
	border:0px;
	text-transform:uppercase;
	margin-top:5px;
}


.searchbutton {
	background-image:url(/images/searchbutton.jpg);
	background-position:top;
	width:83px;
	height:27px;
	font-family:Arial, Helvetica, sans-serif;
	color:#616153;
	font-size:10px;
	border:0px;
	text-align:center;
}

.searchbutton:hover {
	color:#89511f;
}

.sigmalink {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#616153;
	text-decoration:none;
	text-transform:uppercase;
}

.sigmalink:hover {
	color:#89511f;
}

.sigmacategories {
	margin-left:25px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	font-style:italic;
	color:#616153;
	text-decoration:none;
}

.sigmacategories:hover {
	color:#89511f;
}

#product {
	background-color:#fcfaee;
	border-color:#faf7ee;
	border-width:thin;
	padding:5px;
}

.quantity {
	background-image:url(/images/select.jpg);
	border:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#616153;
	font-size:10px;
	height:20px;
}

.basket {
	background-image:url(/images/basket_button.jpg);
	width:98px;
	height:29px;
	border:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#616153;
	font-size:10px;
	
}

.basket:hover {
	color:#89511f;
}

.related {
	color:#616153;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:19px;
	font-style:italic;
}

a {
	text-decoration:none;
	color:#89511f;
	font-weight:bold;
}

a:hover {
	text-decoration:underline;
	color:#C30;
	font-weight:bold;
}

p {
	text-align:justify;
}

#sm { float:left; margin-left:150px; }

#galleryContainer {width:580px; height:330px; margin-left:auto; margin-right:auto;}