@charset "utf-8";
/* CSS Document */
a, div, strong, img, table, tr, td, p, form, fieldset, legend, span, body, ul, li, h2, h4, h3, h1, h5, h6{
	border: none;
	margin: 0px;
	padding: 0px;
}
.clear{
	clear: both;
	height: 0px;
	overflow: hidden;
	display: block;
}


body,td,th {
	font-family: Trebuchet MS;
	font-size: 12px;
}
a {
	color: #000;
	text-decoration: none;
}

th{
    text-align:left;
}
body {
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #252422;
	margin-bottom: 5px;	
	background-image: url(../images/bg-home.jpg);
}
body.age {
	background-color: #090708;
	background-image: url(none);

}
.age_verify {
	background-image: url(../images/legal-age_login.jpg);
	height: 334px;
	width: 740px;
	margin: 0 auto;
	padding-top: 240px;
	padding-left: 220px;
}
body.flavours {
	background-image: url(../images/bg-flavors.jpg);
}
body.distributors {
	background-image: url(../images/bg_distributor.jpg);
}
body.home {

}
body.mix_it_up {
	background-image: url(../images/bg-mix.jpg);
}


#cnt {
	width: 962px;
	margin: 0 auto;
}
#header {
	height: 31px;
	padding-top: 158px;
	padding-bottom: 40px;
}
#cnt #header #menu a {
	display: block;
	float: left;
	height: 31px;


}
#cnt #header #menu .taste {
	background-image: url(../images/menu_taste_flavours.jpg);
	width: 120px;
}
#cnt #header #menu .mix {
	background-image: url(../images/menu_mix_it_up.jpg);
	width: 63px;
}
#cnt #header #menu .retailer {
	background-image: url(../images/menu_be-retailer.jpg);
	width: 90px;
}
#cnt #header #menu .home {
	background-image: url(../images/menu_home.jpg);
	width: 94px;
}
#cnt #header #menu .blog {
	background-image: url(../images/menu_read_blog.jpg);
	width: 100px;
}
#cnt #header #menu .events {
	background-image: url(../images/menu_go_to-events.jpg);
	width: 115px;
}

.mix_it_up #cnt #header #menu {
	height: 31px;
	padding-left: 225px;
}

#cnt #header #menu {
	height: 31px;
	padding-left: 205px;
}
#cnt #main {
	background-color: #FFF;
	margin-left: 4px;
	width: 958px;
}
#cnt #main #right {
	width: 309px;
	float: right;
	margin-bottom: 10px;
	overflow: hidden;
}
#cnt #main #right a.tasted_this {
	background-image: url(../images/tasted-this.jpg);
	height: 461px;
	display: block;
	width: 279px;
	margin: 0 auto;
	margin-top: 10px;
	background-position: left top;
}
#cnt #main #right a:hover.tasted_this {
	background-position: left bottom;
}


#cnt #main #right .recipe {
	background: url(../images/highlited_UV-MIX.jpg) no-repeat;
	width: 229px;
	height: 218px;
    padding:130px 30px 50px 50px;
}
#cnt #main #left {
	width: 617px;
	float: left;
	padding-top: 10px;
	padding-left: 30px;
}
#cnt #main #splash .tshirt {
	background-image: url(../images/t-shirt-contest.jpg);
	height: 348px;
	display: block;
}
#cnt #main #splash .facebook {
	background-image: url(../images/facebook-actie.jpg);
	height: 348px;
	display: block;
}

#cnt #main .login {
	background-image: url(../images/a-distributor_header.gif);
	background-repeat: no-repeat;
	padding: 80px 15px 0px 0px;
	margin-top: 15px;
	background-position: 15px top;
	width: 279px;
	height: 250px;
}
#cnt #main .login .textfield {
	width: 280px;
	margin-bottom: 8px;
}
#cnt #main .login #bttn_login {
	background-image: url(../images/log_in-distributor.gif);
	height: 39px;
	width: 91px;
}
#cnt #main .sign_up {
	background-image: url(../images/become_retailer_header.jpg);
	background-repeat: no-repeat;
	padding: 80px 15px 0px 5px;
	background-position: 0px top;
	width: 279px;
	height: 300px;
	margin: 10px;
}
#cnt #main .sign_up .textfield {
	width: 250px;
	margin-bottom: 8px;
}
#cnt #main .sign_up #bttn_sign_up{
	background-image: url(../images/send_retailer.gif);
	height: 41px;
	width: 70px;
}

#cnt #main #splash {
	width: 642px;
	float: left;
	padding-top: 10px;
	padding-left: 5px;
}
#cnt #main #splash .divider {
	float: left;
	width: 294px;
	margin: 5px;
	padding: 5px;
}
#cnt #main #splashxl {
	padding-top: 10px;
	padding-left: 5px;
}






#cnt #main #splashxl a  {
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
	width: 312px;
	float: left;
	margin: 2px;
}
#cnt #main #splashxl a.brand_concept {
	background-image: url(../images/distributors_download_brand_concept.jpg);
	height: 328px;
}
#cnt #main #splashxl a.questionaire {
	background-image: url(../images/distributors_download_questionaire.gif);
	height: 328px;
}
#cnt #main #splashxl a.press_images {
	background-image: url(../images/distributors_download-press-images.jpg);
	height: 328px;
}
#cnt #main #splashxl a.find_retailers {
	background-image: url(../images/distributors_find_retailers.gif);
	height: 257px;
}
#cnt #main #splashxl a.contact_us {
	background-image: url(../images/distributors_contact_us.jpg);
	height: 257px;
}
#cnt #main #splashxl a.log_out {
	background-image: url(../images/distributors_log-out.gif);
	height: 257px;
}
#cnt #main #splashxl a:hover {
	background-position: left bottom;
}



#cnt #main #splashxl.mixit a  {
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
	width: 270px;
	float: left;
	margin: 10px;
	height: 345px;
}
#cnt #main #splashxl.mixit a.mblue {
	background-image: url(../images/mixing-blue.jpg);
	height: 345px;
}
#cnt #main #splashxl.mixit a.mgreen {
	background-image: url(../images/mixing-green.jpg);
}
#cnt #main #splashxl.mixit a.mpink {
	background-image: url(../images/mixing-pink.jpg);
}
#cnt #main #splashxl.mixit a.mred {
	background-image: url(../images/mixing-red.jpg);
}
#cnt #main #splashxl.mixit a.mwhite {
	background-image: url(../images/mixing-white.jpg);
}
#cnt #main #splashxl.mixit a.log_out {
	background-image: url(../images/distributors_log-out.gif);
}
#cnt #main #splashxl.mixit a:hover {
	background-position: left bottom;
}





#cnt #main #splash .taste_the_flavours {
	background-image: url(../images/taste_different_flavors.jpg);
	height: 348px;
	display: block;
}
#cnt #main #splash .mix_your_drinks {
	background-image: url(../images/mix_favorite_drink.jpg);
	height: 348px;
	display: block;
}
#cnt #main .flavour_div {
	width: 350px;
	float: left;
	height: 212px;
	background-repeat: no-repeat;
	padding: 125px 80px 0px 210px;
	font-size: 11px;
}
#cnt #main .flavour_div.pink {
	background-image: url(../images/flavours_bg-pink.jpg);
}
.pink .bttn_mix_it_up{
	background-image: url(../images/mix_it_up_pink.gif);
	width: 85px;
	height: 31px;
	display: block;
	float: left;
}
.pink .bttn_where_to_buy {
	background-image: url(../images/where_2_buy_pink.gif);
	width: 128px;
	height: 31px;
	display: block;
	float: left;
    margin-left:-10px;
}
.pink .bttn_order {
	background-image: url(../images/order_pink.jpg);
	width: 66px;
	height: 31px;
	display: block;
	float: left;
		border-left: 1px solid #000;
	border-right: 1px solid #000;
}

#cnt #main .flavour_div.blue {
	background-image: url(../images/flavours_bg-blue.jpg);
}
.flavour_div.blue .bttn_mix_it_up{
	background-image: url(../images/mix_it_up_blue.gif);
	width: 85px;
	height: 31px;
	display: block;
	float: left;
}
.flavour_div.blue .bttn_where_to_buy{
	background-image: url(../images/where_2_buy_blue.gif);
	width: 128px;
	height: 31px;
	display: block;
	float: left;
    margin-left:-10px;
}
.blue .bttn_order {
	background-image: url(../images/order_blue.jpg);
	width: 66px;
	height: 31px;
	display: block;
	float: left;
		border-left: 1px solid #000;
	border-right: 1px solid #000;
}

#cnt #main .flavour_div.green {
	background-image: url(../images/flavours_bg-green.jpg);
}
.green .bttn_mix_it_up{
	background-image: url(../images/mix_it_up_green.gif);
	width: 85px;
	height: 31px;
	display: block;
	float: left;
}
.green .bttn_where_to_buy {
	background-image: url(../images/where_2_buy_green.gif);
	width: 128px;
	height: 31px;
	display: block;
	float: left;
    margin-left:-10px;
}
.green .bttn_order {
	background-image: url(../images/order_blue_green.jpg);
	width: 66px;
	height: 31px;
	display: block;
	float: left;
		border-left: 1px solid #000;
	border-right: 1px solid #000;
}

#cnt #main .flavour_div.red {
	background-image: url(../images/flavours_bg-red.jpg);
}
.red .bttn_mix_it_up{
	background-image: url(../images/mix_it_up_red.gif);
	width: 85px;
	height: 31px;
	display: block;
	float: left;
}
.red .bttn_where_to_buy {
	background-image: url(../images/where_2_buy_red.gif);
	width: 128px;
	height: 31px;
	display: block;
	float: left;
    margin-left:-10px;
}
.red .bttn_order {
	background-image: url(../images/order_red.jpg);
	width: 66px;
	height: 31px;
	display: block;
	float: left;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}


#cnt #main .flavour_div.white {
	background-image: url(../images/flavours_bg-white.jpg);
}
.white .bttn_mix_it_up{
	background-image: url(../images/mix_it_up_blue_white.gif);
	width: 85px;
	height: 31px;
	display: block;
	float: left;
}
.white .bttn_where_to_buy {
	background-image: url(../images/where_2_buy_white.gif);
	width: 128px;
	height: 31px;
	display: block;
	float: left;
    margin-left:-10px;
}
.white .bttn_order {
	background-image: url(../images/order_blue_white.jpg);
	width: 66px;
	height: 31px;
	display: block;
	float: left;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

#cnt #footer {
	background-image: url(../images/footer_top.gif);
	padding-top: 12px;
	background-repeat: repeat-x;
	background-color: #FFF;
	margin-left: 4px;
	height: 30px;
	padding-left: 10px;
}

#cnt #footer .spirittext {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #93BC44;
	text-decoration: none;
	display: block;
	float: left;
	margin-top: 3px;
}
#cnt #footer .menu {
	width: 500px;
	float: right;
	margin-top: 5px;
	line-height: 12px;
}
#cnt #footer .menu a {
	display: block;
	float: left;
	padding-right: 5px;
	margin-left: 5px;
	border-right: 1px solid #333;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}






.boldred , a.boldred{
	font-size: 14px;
	color: #9B030B;
	font-weight: bold;
	text-decoration: none;
}
.boldblack, a.boldblack {
	font-size: 14px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
#right .bttn_where_to_buy{
	background-image: url(../images/where-2-buy_cocktails.gif);
	width: 127px;
	height: 41px;
	display: block;
	float: left;
	border-right: 1px solid #000;
	margin-left: 10px;
}
#right .bttn_order{
	background-image: url(../images/order_cocktails.jpg);
	height: 41px;
	width: 71px;
	display: block;
	float: left;
}





.fl_left {
	float: left;
}
.fl_right {
	float: right;
}
.p5 {
	padding: 5px;
}
.p10 {
	padding: 10px;
}
.p15 {
	padding: 15px;
}
#cnt #main .events {
	padding: 15px;
	margin-top: 15px;
	width: 279px;
}
.bttn_all_events {
	background-image: url(../images/go-to-events.gif);
	width: 193px;
	height: 45px;
	display: block;
	margin-top: 10px;
}
a:hover {
	background-position: left bottom;
}
.flavours #cnt #main .flavour_div.white .more_info {
	background-image: url(../images/pure_as_water.jpg);
	height: 153px;
	width: 171px;
	display: block;
	float: right;
	margin-right: -69px;
	margin-top: -125px;
}
.flavours #cnt #main .flavour_div.pink .more_info {
	background-image: url(../images/only-natural-sweet.gif);
	height: 153px;
	width: 171px;
	display: block;
	float: right;
	margin-right: -69px;
	margin-top: -125px;
}
.flavours #cnt #main .flavour_div.green .more_info {
	background-image: url(../images/made-from-real-fruit.gif);
	height: 153px;
	width: 171px;
	display: block;
	float: right;
	margin-right: -69px;
	margin-top: -125px;
}
.flavours #cnt #main .flavour_div.red .more_info {
	background-image: url(../images/no-citric.gif);
	height: 153px;
	width: 171px;
	display: block;
	float: right;
	margin-right: -69px;
	margin-top: -125px;
}
.flavours #cnt #main .flavour_div.blue .more_info {
	background-image: url(../images/only-natural.gif);
	height: 153px;
	width: 171px;
	display: block;
	float: right;
	margin-right: -69px;
	margin-top: -125px;
}

