@charset "utf-8";

* {

	margin: 0px;



}





body  {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: normal;

	background: #FFFFFF;

	margin: 0;

	padding: 0;

	color: #000000;

}

body.sakaya {
	margin-top: 10px;
}





.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 {
	float: right;
	width: auto;
	margin-top: 8px;
}


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

.sakaya #product-search {
	float: right;
	margin-left: 20px;
}

.sakaya #product-search input[type="text"] {
	padding: 0 8px;
	border-color: #cacaca;
	border-style: solid;
	border-radius: 4px;
	border-width: 2px;
	font-size: 13px;
	line-height: 13px;
	height: 30px;
	width: 144px;
}

.sakaya #product-search input[type="text"]::placeholder { opacity: 1; color: #cacaca; }
.sakaya #product-search input[type="text"]::-webkit-input-placeholder { opacity: 1; color: #cacaca; }
.sakaya #product-search input[type="text"]::-ms-input-placeholder { opacity: 1; color: #cacaca; }
.sakaya #product-search input[type="text"]:-ms-input-placeholder { opacity: 1; color: #cacaca; }
.sakaya #product-search input[type="text"]:-moz-placeholder { opacity: 1; color: #cacaca; }

.sakaya #product-search input[type="button"] {
	position: absolute;
	top: 8px;
	right: 10px;
	width: 18px;
	height: 18px;
	border: none;
	background-image: url(/images/general/btn-search.png);
	background-repeat: no-repeat;
	outline: none;
	cursor: pointer;
}

.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_search .shop_browse_type {
	font-size: 9px;
	display: inline-block;
	padding-bottom: 5px;
}
.sakaya .content_search .shop_browse_title {
	font-weight: 800;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 10px;
}
.sakaya .content_search .shop_browse_info {
	display: inline-block;
	font-style: italic;
	font-weight: bold;
	padding: 3px 0 6px;
}
.sakaya .content_search .shop_browse_price {
	font-size: 10px;
}

	

.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 {
	margin-bottom: 60px;
}

#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;

	}

	

	

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



Added 0321/11 by d.lim

Social Media icons in header



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



.sakaya #social-media

 {

	height: 27px;

	margin-bottom: 5px;

 }

 .sakaya #social-media {
	 height: 29px;
	 margin-bottom: 12px;
	 margin-right: 4px;
 }



.sakaya #social-media ul

{

	padding-left: 0;

	margin-left: 440px;

	color: White;

	width: 100%;

}



.sakaya #social-media ul li { 

	display: block; 

	margin-left: 5px;

	float: left;

}

.sakaya #social-media img {
	margin-left: 8px;
}

.sakaya #social-media-hp {
	margin: 24px auto;
	display: table
}

.sakaya #social-media-hp img {
	margin: 0 4px;
}