@charset "utf-8";
* {
	margin: 0px;

}


body  {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	color: #000000;
}


.sakaya #container {
	width: 900px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.sakaya #order_container {
	width: 450px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.sakaya #tastings_container {
	width: 450px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.sakaya #club_container {
	width: 450px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.sakaya #header {
	background: #FFFFFF;
	padding: 0;
	margin-bottom: 10px;
} 

.sakaya #footer {
	background:#FFFFFF;
	margin-top: 10px;
} 
.sakaya #footer p.subscribe {
	font-size: 12px;
	color: #332722;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.sakaya #footer p.termsandconditions {
	font-size: 10px;
	color: #332722;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}


	
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	visibility: hidden;
}


.sakaya #main-menu-container
 {
 }

.sakaya #main-menu-container ul
{
	padding-left: 0;
	margin-left: 0;
	color: White;
	float: left;
	width: 100%;
}

.sakaya #main-menu-container ul li { display: inline; }

.sakaya #hero 
	{
	background-color: #94ba5e;
	position: relative;
	color: #ffffff;

	}
	
.sakaya #hero .home_hero
	{
	background-image: url(../images/home/home_hero_bg.gif);
	background-repeat: no-repeat;
	
	/* A IE min-height hack */
    min-height: 347px;
    height: auto;
    _height: 347px;
    
    	font-size: 14px;
	line-height: 16px;
   

	}
	
.sakaya #hero .subpage_hero
	{
	background-image: url(../images/general/hero_bg.gif);
	background-position:top;
	background-repeat: no-repeat;
	
	/* A IE min-height hack */
    min-height: 270px;
    height: auto;
    _height: 270px;
   
	font-size: 12px;
	line-height: 14px;
	}
	
.sakaya #hero .order_hero
	{
	background-image: url(../images/order/order_hero_bg.gif);
	background-position:top;
	background-repeat: no-repeat;
	
	/* A IE min-height hack */
    min-height: 226px;
    height: auto;
    _height: 226px;
	}
	
.sakaya #hero .tastings_hero
	{
	background-image: url(../images/tastings/tastings_hero_bg.gif);
	background-position:top;
	background-repeat: no-repeat;
	
	/* A IE min-height hack */
    min-height: 226px;
    height: auto;
    _height: 226px;
	}
	
.sakaya #hero .club_hero
	{
	background-image: url(../images/club/club_hero_bg.gif);
	background-position:top;
	background-repeat: no-repeat;
	
	/* A IE min-height hack */
    min-height: 404px;
    height: auto;
    _height: 404px;
	}
	
.sakaya #hero .hero_menu
	{
	font-size: 11px;
	line-height: 22px;
	color: #516f21;
	}
	
.sakaya #hero .hero_submenu_title
	{
	font-weight: bold;
	color: #ffffff;
	font-size: 11px; 
	line-height: 11px; 
	}
	
.sakaya #hero .hero_submenu_gap
	{
	line-height: 10px;
	}
	
.sakaya #hero .hero_menu .hero_submenu_active
	{
	font-weight: bold;
	}
	
.sakaya #hero .hero_menu .hero_submenu_normal
	{
	font-weight: normal;
	}
.sakaya #hero .hero_menu a:link {font-size: 11px; line-height: 12px; color: #516f21; text-decoration: none;} 
.sakaya #hero .hero_menu a:visited {font-size: 11px; line-height: 12px; color: #516f21; text-decoration: none;} 
.sakaya #hero .hero_menu a:hover {font-size: 11px; line-height: 12px; color: #516f21; text-decoration: none;}
.sakaya #hero .hero_menu a:active {font-size: 11px; line-height: 12px; color: #516f21; text-decoration: none;}
	
.sakaya #hero .hero_submenu_active a:link {font-size: 11px; line-height: 12px; color: #516f21; font-weight: bold; text-decoration: none;} 
.sakaya #hero .hero_submenu_active a:visited {font-size: 11px; line-height: 12px; color: #516f21; font-weight: bold; text-decoration: none;} 
.sakaya #hero .hero_submenu_active a:hover {font-size: 11px; line-height: 12px; color: #516f21; font-weight: bold; text-decoration: none;}
.sakaya #hero .hero_submenu_active a:active {font-size: 11px; line-height: 12px; color: #516f21; font-weight: bold; text-decoration: none;}

.sakaya #hero .hero_submenu_normal a:link {font-size: 11px; line-height: 12px; color: #516f21; font-weight: normal; text-decoration: none;} 
.sakaya #hero .hero_submenu_normal a:visited {font-size: 11px; line-height: 12px; color: #516f21; font-weight: normal; text-decoration: none;} 
.sakaya #hero .hero_submenu_normal a:hover {font-size: 11px; line-height: 12px; color: #516f21; font-weight: bold; text-decoration: none;}
.sakaya #hero .hero_submenu_normal a:active {font-size: 11px; line-height: 12px; color: #516f21; font-weight: bold; text-decoration: none;}
	
.sakaya #hero .hero_order_gap
	{
	line-height: 20px;
	}
	
.sakaya #hero .hero_order_info
	{
	font-size: 14px;
	line-height: 14px;
	color: #ffffff;
	
	}
	
.sakaya #hero .hero_tastings_gap
	{
	line-height: 20px;
	}
	
.sakaya #hero .hero_tastings
	{
	font-size: 14px;
	line-height: 14px;
	color: #ffffff;
	width: 325px;
	
	}
	
.sakaya #hero .hero_club_gap
	{
	line-height: 20px;
	}
	
.sakaya #hero .hero_club
	{
	font-size: 14px;
	line-height: 14px;
	color: #ffffff;
	width: 325px;
	
	}
	
.sakaya #content
	{

	}
	


.sakaya #footer a:link {text-decoration: none; color: #6c942c; } 
.sakaya #footer a:visited {text-decoration: none; color: #6c942c;  } 
.sakaya #footer a:hover {text-decoration: none; color: #6c942c; } 
.sakaya #footer a:active {text-decoration: none; color: #6c942c;  } 

.sakaya #footer .subscribe a:link {text-decoration: none; color: #332722; } 
.sakaya #footer .subscribe a:visited {text-decoration: none; color: #332722;  } 
.sakaya #footer .subscribe a:hover {text-decoration: none; color: #332722; } 
.sakaya #footer .subscribe a:active {text-decoration: none; color: #332722;  } 

.sakaya #newsandevents a:link { color: #6c942c; font-size: 11px; text-decoration: none; }
.sakaya #newsandevents a:hover { color: #6c942c; font-size: 11px; text-decoration: none; }
.sakaya #newsandevents a:visited{ color: #6c942c; font-size: 11px; text-decoration: none; }
.sakaya #newsandevents a:active { color: #6c942c; font-size: 11px; text-decoration: none; }

.sakaya .content_home p
	{
	font-size: 11px;
	color: #332722;
	line-height: 14px;
	}
	
.green_emphasis
	{
	color: #6c942c;
	font-weight: bold;
	}
	
.sakaya_keyword
	{
	color: #93c83d;
	font-style:italic;
	}
	
.sakaya .sakaya_green_link a:link {text-decoration: none; color: #93c83d; } 
.sakaya .sakaya_green_link a:visited {text-decoration: none; color: #93c83d;  } 
.sakaya .sakaya_green_link a:hover {text-decoration: none; color: #93c83d; } 
.sakaya .sakaya_green_link a:active {text-decoration: none; color: #93c83d;  } 
	
.sakaya .content_home a:link {text-decoration: none; color: #6c942c; } 
.sakaya .content_home a:visited {text-decoration: none; color: #6c942c;  } 
.sakaya .content_home a:hover {text-decoration: none; color: #6c942c; } 
.sakaya .content_home a:active {text-decoration: none; color: #6c942c;  } 

.sakaya .content_store
	{
	padding-top: 17px;
	padding-left: 26px;
	padding-right: 25px;
	overflow: auto;
	}
	
.sakaya .content_store p
	{
	font-size: 12px;
	line-height: 14px;
	color: #332722;	
	}
	
.sakaya .content_about
	{
	padding-top: 17px;
	padding-left: 26px;
	padding-right: 25px;
	}
	
.sakaya .content_about p
	{
	font-size: 12px;
	line-height: 14px;
	color: #332722;	
	}
	
.sakaya .content_shop
	{
	padding-top: 17px;
	padding-left: 26px;
	padding-right: 25px;
	}
	
.sakaya .content_shop p
	{
	font-size: 12px;
	line-height: 14px;
	color: #332722;	
	}
	
.sakaya .shop_browse_page_nav
	{
	font-size: 11px;
	line-height: 11px;
	color: #93c83d;		
	text-align: right;
	}
	
.sakaya .shop_browse_page_nav a:link { text-decoration: none; font-size: 11px; line-height: 11px; color: #93c83d; text-align: right; } 
.sakaya .shop_browse_page_nav a:visited { text-decoration: none; font-size: 11px; line-height: 11px; color: #93c83d; text-align: right; } 
.sakaya .shop_browse_page_nav a:hover { text-decoration: none; font-size: 11px; line-height: 11px; color: #93c83d; text-align: right;  } 
.sakaya .shop_browse_page_nav a:active { text-decoration: none; font-size: 11px; line-height: 11px; color: #93c83d; text-align: right;  } 

.sakaya .shop_order a:link { text-decoration: none; font-size: 12px; line-height: 12px; color: #93c83d; font-weight: bold; } 
.sakaya .shop_order a:visited { text-decoration: none; font-size: 12px; line-height: 12px; color: #93c83d; font-weight: bold; } 
.sakaya .shop_order a:hover { text-decoration: none; font-size: 12px; line-height: 12px; color: #93c83d; font-weight: bold;  } 
.sakaya .shop_order a:active { text-decoration: none; font-size: 12px; line-height: 12px; color: #93c83d; font-weight: bold;  } 
	
.sakaya .shop_browse_title
	{
	color: #6c942c;
	font-size: 10px;
	font-weight: bold;
	}
	
.sakaya .shop_browse_info
	{
	color: #332722;
	font-size: 10px;
	}
	
.sakaya .shop_browse_more_options
	{
	color: #6c942c;
	font-size: 10px;
	font-style:italic;
	}
	
.sakaya .content_order
	{
	padding-top: 24px;
	padding-left: 26px;
	padding-right: 25px;	
	
	}
	
.sakaya .content_tastings
	{
	padding-top: 24px;
	padding-left: 26px;
	padding-right: 25px;	
	
	}
	
.sakaya .content_order p
	{
	font-size: 12px;
	line-height: 12px;
	color: #332722;	
	}
	
.sakaya .content_order input
	{
	background-color: #ffffff;
	}
	
#div_order_form td
	{
	/* height: 20px;   This is how the spec looks, but it is not appropriate for the actual product names which run to 2 lines */
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 6px;
	vertical-align: middle;
	font-size: 12px;
	line-height: 12px;
	color: #332722;	
	}
	
#div_order_form .product_table td
	{
	height: 24px;
	}
	
#div_order_form  tr.bottomborder td {border-bottom: 1px solid black;}

	
#div_tastings_form td
	{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 6px;
	vertical-align: middle;
	font-size: 12px;
	line-height: 12px;
	color: #332722;	
	}
	
#div_club_form td
	{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 6px;
	vertical-align: middle;
	font-size: 12px;
	line-height: 12px;
	color: #332722;	
	}
	

/* Events style declarations */

.sakaya .content_events
	{
	padding-top: 17px;
	padding-left: 26px;
	padding-right: 25px;
	}
	
.sakaya .content_events p
	{
	font-size: 12px;
	line-height: 14px;
	color: #332722;	
	}
	
/* News style declarations */

.sakaya .content_news
	{
	padding-top: 17px;
	padding-left: 26px;
	padding-right: 25px;
	}
	
.sakaya .content_news p
	{
	font-size: 12px;
	line-height: 14px;
	color: #332722;	
	}


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

Added 100319 by s.Lim

---------------------*/
.sakaya #hero .tastings_hero.in-store
	{
	background-image: url(../images/tastings/tastings_hero_bg.gif);
	background-position:top;
	background-repeat: no-repeat;
	
	/* A IE min-height hack */
    min-height: 100px;
    height: auto;
    _height: 100px;
	}