@import url(tabs.css);
@import url(slider.css);

/* 

Mix1, 2009
Akavit

1. WHY MIX1
2. WHAT IS MIX1
	a. when mix1 rotator



*/

*
{
	margin: 0;
	padding: 0;
	outline: none;
	border: 0;
}


/* 1. WHY MIX1 */

#alpha
{
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
	width: 613px;
}
#alpha #tabs-1
{
	border: 1px solid #dedede;
	border-bottom: none;
}

#alpha .tabs-inner
{
	position: relative;
	height: 362px;
	clear: both;
}

#alpha #slide-main
{
	margin: 10px 20px 0 0;
	float: right;
}
/* FOR IE6 ONLY */
/*\*/
* html #alpha #slide-main
{
	margin: 10px 10px 0 0;
}
/**/

#alpha .man
{
	float: left;
}
#alpha .slider-content
{
	background: url(../img/slider_bg-content.gif) bottom no-repeat;
	width: 417px;
	height: 274px;
	overflow: hidden;
	float: left;
}
#alpha .slider-content ul
{
	margin: 10px 0 0 29px;
	padding: 10px 0 0 15px;
	border-top: 1px solid #ededed;
	width: 350px;
	height: 168px;
	overflow: hidden;
	font-size: 11px;
	list-style-type: disc;
}
#alpha .slider-content li
{
	padding: 0 0 5px 0;
	font-size: 11px;
}

#alpha .slider-content .excerpt-1
{
	margin: 0 0 0 24px;
	font-size: 10px;
	width: 180px;
	float: left;
}
#alpha .slider-content .excerpt-2
{
	margin: 0;
	font-size: 10px;
	width: 180px;
	float: left;
}
#alpha .slider-content .excerpt-1 img, #alpha .slider-content .excerpt-2 img
{
	float: left;
}
#alpha .slider-content .excerpt-1 p, #alpha .slider-content .excerpt-2 p
{
	padding: 10px 0 0 0;
	font-size: 10px !important;
}
/* ============================================================= */


/* 2. WHAT IS MIX1 */
#beta
{
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #dedede;
	border-bottom: none;
	width: 610px;
	height: 362px;
	background-color: #f5f5f5 !important;
	background-image: url(/images/common/two_col_bg.gif);
	background-repeat: repeat-x;
	background-attachment: fixed;
}
.gamma
{
	margin: 0 30px 0 0;
	width: 269px;
	float: left;
}
.delta
{
	padding: 20px 0 0 0;
	color: #595959;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	width: 287px;
	float: left;
}
.delta h1
{
	padding: 0 0 10px 0;
	font-size: 15px;
}
.delta p.name
{
	padding: 10px 0 0 0;
	text-align: right;
}

.delta .philosophy
{
	font-size: 9px !important;
	font-weight: bold !important;
	line-height: 9pt !important;
}

.delta ul
{
	list-style-type: none;
}
.delta li
{
	clear: both;
}
.delta ul span
{
	font-weight: bold;
	display: block;
	width: 80px;
	height: 40px;
	float: left;
}
.delta ul.highlights
{
	margin: 0;
	list-style-type: disc;
	color: #ff8501;
}
.delta ul.highlights li
{
	padding: 0 0 5px 0;
}


.zeta
{
	padding: 20px 0 0 20px;
	color: #595959;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	width: 590px;
}
.zeta h1
{
	padding: 0 0 10px 0;
	font-size: 15px;
}
.zeta p.name
{
	padding: 10px 0 0 0;
	text-align: right;
}
.zeta ul
{
	list-style-type: none;
}
.zeta li
{
	padding: 0 0 10px 0;
	clear: both;
}
.zeta ul span
{
	font-weight: bold;
	display: block;
	width: 80px;
	height: 20px;
	float: left;
}
.zeta ul.highlights
{
	margin: 20px 0 10px 95px;
	list-style-type: disc; /* color: #ff8501; */
}
.zeta ul.highlights li
{
	padding: 0 0 8px 0;
}
.zeta p.footnote
{
	padding: 10px 0 0 0;
	font-size: 10px !important;
}

.zeta strong.flavors
{
	line-height:25px;
}




/* a. when mix1 rotator */

#beta #rotator
{
	background: url(../img/bg_rotator-grad.gif) 0 0 no-repeat;
	width: 610px;
	height: 362px;
	position: relative;
}
#beta #rotator #when-drinks
{
	width: 610px;
	height: 69px;
}
#beta #rotator #when-drinks .inner
{
	padding: 10px 0 0 20px;
}
#beta #rotator #when-drinks .inner img
{
	padding: 0 30px 0 0;
}
#stage1
{
	top: 0;
	position: absolute;
	z-index: 1;
}
#stage2
{
	top: 0;
	position: absolute;
	z-index: 2;
}

#rightArrow
{
	right: 10px;
}

#leftArrow
{
	left: 10px;
}

img.arrows
{
	top: 160px;
	position: absolute;
	cursor: pointer;
	cursor: hand;
	z-index: 3;
}

.highlight
{
	font-weight: bold;
}

.what_yellow, what_yellow a
{
	color: #efc03a !important;
}

.what_red, .what_red a
{
	color: #d15138 !important;
}

.what_green, .what_green a
{
	color: #9fc54d !important;
}

.what_purple
{
	color: #7e81be !important;
}

#tabs #protein .a
{
	color: #7e81be !important;
}