@CHARSET "UTF-8";


body {
	text-align:center;
	font-family: helvetica, arial, sans-serif;
	padding: 0;
	margin: 0;
	background-color: #fff;
	line-height:1em;
}

body.day #content,
body.night #content {
	background-repeat: no-repeat;
	background-position: center top;
}

#content {
	height: 465px;
	background:#dedede;
	padding: 0;
	margin: 0;
	padding-top: 60px;
}

body.day #content {
	background: #dedede url('../img/bg/day.jpg') center top no-repeat;
}
body.night #content {
	background-image: url('../img/bg/night.jpg');
}

div.submit input {
    background: transparent url('../img/landing_submit_up.png') top left no-repeat;
	text-indent:-100000px;
	margin:20px auto;
	top:50px;
	left:200px;
	border: none;
    width: 87px;
    height: 29px;
	display:block;
	line-height:0;
	font-size:0;
}

div.submit input:hover {
	background: transparent url('../img/landing_submit_over.png') top left no-repeat;
}

div.text {
	background-image: url('../img/bg/motif_products_bg.png');
}


h1 {
	display:none;
}

img {
	border: 0;
}

p {
	font-size:76%;
}

a {
outline: 0;
}

#footer {
	width: 100%;
	margin-left:auto;
	margin-right: auto;
	padding:20px 0 0;

}

ul#footerMenu {
	font-size: 10px;
	color: #999;
	clear: both;
}
ul#footerMenu a {
	color: #999;
	text-decoration: none;
}
ul#drinkaware {
	clear: both;
}

ul.bar-sep li {
	padding: 0;
}

#footerMenu li a, #footerMenu .bar{
	padding-left: 5px;
	padding-right: 5px;
	border-left: 1px solid #999;
}


#drinkaware a {
	border: none !important;
	margin:0 20px 0 0;
	border:none !important;
}


legend {
	text-align:center;
}
fieldset {
	border: 0;
}

p#debug {
	position:absolute;
	bottom: 10px;
	left : 10px;
}

/*
#social {
background:url('../img/footer_sm_bg.png') center top no-repeat;

top:500px;
width:100px;

margin:-8px auto;
text-align:center;
}
*/



#logos{
	width:117px;
	height:40px;
	margin:0 auto;
	padding:6px 0;
	background:url('../img/footer_sm_bg.png') center top no-repeat;
	position:relative;
	top:-54px;
}

#logos #fb-button {margin-right:5px;}
#social-content {
}

div.content {
	background-repeat: no-repeat;
	background-position: top center;
	padding: 10px;
	width:455px;
	height: 420px;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
}

.logo {
	position:relative;
	top:9px;
}


.logo.left {
	position:absolute;
	left: 8%;
	top:489px;
	z-index:2;
}



/*
img.center {
 margin:0 auto !important;
 width:213px;
}*/


img.bottles {
	position:absolute;
	right: 5%;
}
div.home img.bottles.small {
	top: 338px;
}
img.bottles.large {
	top: 176px;
}

img.motif-left {
	position: absolute;
	top:0;
	left:0;
}

img.motif-right {
	position:absolute;
	top:0;
	right:0;
}

#age {
	padding-top: 50px;
}

img.legend {
	margin-top: 30px;
}

span.fb-like {
	color: rgb(21,19,95);
	background-color: white;
	border: 1px solid rgb(21,19,95);
	clear: both;
}
.productsWrap {
	background:url('../img/products_btm_gradient.gif') center bottom repeat-x;
	width:100%;
	height:100%;
}

div.products {
	width: 960px;
	margin-left:auto;
	margin-right:auto;
}
div.products img {
	position:relative;
	z-index: 1 ;
}
div.products div.text {
	z-index: 0;
}
div.products img.red,
div.products .text.red,
div.products img.white,
div.products .text.white
{
	display:inline;
	float:left;
	position:relative;
}
div.products img.white
{
	margin-left: 55px;
}

div.text {
	width: 270px;
	height: 240px;
	background-repeat: no-repeat;
	color: white;
	padding-top: 20px;
	margin-left: -60px;
}

div.clear {
	clear: both;
}

div.content-text {
	width: 338px;
	margin:-4px auto;
	/*background-color: #15135F;*/
}
div.content-text * {
	margin: 0;
	padding: 0;
}

.product .text p {
	margin:-5px auto;
	width: 180px;
}

img.motif-detail-top,
img.motif-detail-bottom {
	z-index: 1000;
}
img.motif-detail-bottom {
	position: absolute;
	bottom: 30px;
}

img#perfect-bg {
	position: absolute;
	top: 0;
	left: 80px;
	z-index: -10;
}

#footer ul {
	padding-left:43px;
	margin:0 0 30px;
}



#footer ul li {
	display:inline;
	list-style: none;
}


ul#mainMenu
{
	height: 30px;
	width:730px;
	margin:0 auto 20px;
	z-index:2 !important;
	padding:0 0 0 57px;
	position:relative;
	left:-40px;
}
ul#mainMenu li{
	display:inline;
	float:left;
	margin:0 37px 0 0;
}

ul#mainMenu li a {
	padding-left: 20px;
	padding-right: 20px;
	background-repeat: no-repeat;
	display: block;
	text-indent:-10000px;
	height:22px;
	background-position: center -3px;
}

#menu {
	width:580px;
	margin:0 auto;
}

#menu #mainMenu li#about a {
	background-image: url('../img/bg/menu_about_us_combined.gif');
	width: 105px;
}
#menu #mainMenu li#serve a {
	background-image: url('../img/bg/menu_serve_combined.gif');
	width: 144px;
}
#menu  #mainMenu li#products a {
	background-image: url('../img/bg/menu_products_combined.gif');
	width: 110px;
	position:relative;
	z-index:0;
}

#menu #mainMenu li.selected a,
#menu #mainMenu li a:hover {
	background-position: center -25px;
}

#surface {
	clear:both;
	height:100px;
	background-color: #999;
	width: 100%;
}


/*
	sats edit
*/
.confirmAge {background:url('../img/landing_confirm_details.png') center top no-repeat; text-indent:-1000000px; margin:20px 0; height:11px;}
.areYouInUk {background:url('../img/landing_are_you_in_uk.png') center top no-repeat; text-indent:-1000000px; margin:20px 0; height:11px;}
.fruitsDeBois  {background: url('../img/products_fruits_des_bois.gif') 58px 0 no-repeat; text-indent:-1000000px; width:208px; height:40px;}
.orchardFruit {background: url('../img/products_orchard_fruits.gif') 46px 0 no-repeat; text-indent:-1000000px; width:218px; height:40px;}
/*#perfectServe {background:url('../img/bg/perfectServeBg.png') left top no-repeat; width:386px; height:537px; float:left; clear:left;}*/
.perfectServe {background:url('../img/perfect_serve_header.gif') no-repeat 87px 0; height:70px; position:absolute; text-indent:-1000000px; top:123px; width:238px;}
.pServe {padding:20px !important;}
.aboutUsimg {background:url('../img/about_us_header_title.gif') no-repeat 129px 0; height:70px;  text-indent:-1000000px; top:123px; width:238px; position:absolute; top:110px;}
#aboutUs {background-color:#15135F; margin:0 auto 0 -27px !important; padding:10px 14px; width:370px;}
#aboutUs p {margin:0 14px;}
.top {margin:0 0 0 9px;}
.bottom {margin:0 0 0 5px;}
#like {margin:220px 0 0 54px; position:relative; z-index:30;}
.likeRed {margin:205px 0 0 54px !important;}
#social-content {border:2px solid #16145f; width:500px; height:500px; background:#fff; margin:auto;}
#contactUs {background:#fdfdfd; width:300px; margin:0 auto;
}
#contactUs h2 {background:url('../img/contactUs.gif') center top no-repeat; text-indent:-100000px; width:127px; height:59px; margin:10px auto 0 auto;}
#contactUs p {color:#fff; text-decoration:none; font-size:12px; padding:0 0 2px 0; text-align:center; margin:0 0 5px 0;}
#contactUs .info {color:#16145f;}
#contactUs label {padding:0 20px 0 0; color:#000; font-size:12px;}
#contactUs p input {border: 1px solid #c4c4c4; width:250px; height:20px; }
#contactUs p textarea { width:250px; max-height:100px; height:150px; border: 1px solid #c4c4c4; margin-bottom:20px;}
#contactUs .submit input { background: transparent url('../img/landing_submit_up.png') top left no-repeat; border:none;	text-indent:-100000px; margin:0px auto; height:29px; width:87px; outline:none; border:none;}

/* submit button hack below */
#contactUs .submit input::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}

#contactUs .submit input:hover {background: transparent url('../img/landing_submit_over.png') top left no-repeat;}
#contactUs form{ height:300px;}

#contactUs .signUp {color:#000; height:14px; margin:-10px 0 20px 23px;}
#contactUs .signUp span {float:left; margin:0 0 0 5px;}
#contactUs .signUp span input {width:15px; height:15px; margin:-2px 0 0 0;}


#faq {background:#FDFDFD; height:487px;}
.faq h2 {background:url('../img/faq_header.gif') center 15px no-repeat !important; width:96px; height:60px; margin:0 auto 0 auto !important; text-indent:-100000px;}
.faq #info {width:440px !important; padding:0 8px;}
.faq ul {list-style:none; padding:0 !important; margin:0;}
.faq ul li{margin:10px 0}
.faq h3 {font-size:13px; color:#16145F; margin:0;}
.faq p {font-size:12px !important; margin:1px 0;line-height:1.2}
.faq p a { text-decoration:none; color:#16145F; font-weight:bold;}

#twitter {width:300px; font-size: 12px; text-align: left; border: 1px solid #c4c4c4; height:468px;}
#twitter h2 { background: url('../img/logos/twitter_header.gif') center top no-repeat; text-indent:-1000000px; width:207px; height:39px; margin:13px auto 0; border-bottom: 1px solid #c4c4c4; padding:5px;}
#twitter ul {width:220px; padding:0 0 0 40px !important; height:400px; overflow:hidden;}
#twitter ul li{ list-style:none; padding:10px 0; border-bottom: 1px solid #c4c4c4;}
#twitter span.time { color: #15135f;display: block; font-weight:bold;}
#twitter .bottomCresent {background:url('../img/logos/facebook_detail_bottom.png') center 10px no-repeat; height:13px; width:222px; margin:260px auto 0 auto; border-top: 1px solid #c4c4c4; border-bottom:none !important;}

.fbHead { background: url('../img/logos/facebook_header.gif') center top no-repeat; text-indent:-1000000px; width:207px; height:39px; margin:0 auto 0; border-bottom: 1px solid #c4c4c4; padding:5px; position:relative; top:-43px;}
.fbDetail {display:block; background:url('../img/logos/facebook_login_txt.gif') center top no-repeat; text-indent:-1000000px; width:258px; height:58px; margin:-31px auto 20px;}
.bottomCresent {background:url('../img/logos/facebook_detail_bottom.png') center 10px no-repeat; height:25px; width:222px; margin:210px auto 0 auto !important; border-top: 1px solid #c4c4c4;}


#twitter #bottomCrest {background: url('../img/logos/facebook_detail_bottom.png') center bottom no-repeat !important;}
#colorBox {border: 1px solid #c4c4c4;}
#perfectServeImg {left:420px; position:absolute; top:0;}
#pServe {background: url('../img/pServeBg.png') center top no-repeat; width:761px; height:447px; margin-left:-307px; margin-top:-70px;}
#pServe h2 {margin:1px 169px;}
#pServe #pTxt { margin:160px 0 0 155px; width:300px;}





#aboutUs {background:url('../img/aboutUsBg.png')  top no-repeat; width:488px; height:427px; margin:0 0 0 -78px !important;}
#aboutUs h2{margin:28px 0 0 61px;}
#aboutUs #aboutTxt {width:400px; margin-left:38px; margin-top:131px;}

#perfectTop {margin:0 0 0 3px;}
#perfectBottom {margin:0 3px 0 0;}
#aboutBottom {margin:0 0 0 -3px;}
#colorBox.facebook {
	width:300px;
	padding: 5px;
	height:400px;
	border:1px solid #c4c4c4;}

#colorBox.contactUs {
		background:#FDFDFD;
		min-width:200px;
		min-height:300px;
		width:400px;
		height:468px;
		border:1px solid #c4c4c4 !important;
		margin:0 auto;}

body.default #colorBox.facebook {
	margin-left: 200px;
}

#age label { font-size: 12px; }



#footerMenu li.first a {
	border-left: 0;
}

#flashMessage {
	background-color: #FFFFFF;
	width: 300px;
	margin: auto;
	padding: 10px;
}

#fb-widget {
	background-color:#FFFFFF !important;
	display:none;
	height:420px;
	position:fixed;
	left:50%;
	right:50%;
	width:300px;
	z-index:1200;
	margin:-20px 0 0 -150px;
}

.fbClose {background:url("../img/close.png") no-repeat scroll right top transparent; display:block; text-indent:-100000px; padding:5px 0 10px; margin:10px 10px 10px 266px; padding:5px 0 4px; width:25px; height:25px;  }

#fb-widget.login {
	border:1px solid #C4C4C4;
	height:429px;
	top:53px;
}

#fb-login {height:50px;}



#central_banner {
	background: transparent url(/img/bg/facebook_overlay_bg-1.png);
	width:392px; height:69px;
	position:absolute;
	margin:0 -196px;
	top: 0px;
	left: 50%; 
}

#central_banner a {
	position: absolute;
	top: 8px;
	left: 297px;
	display:block;
	width:49px;
	height:19px;
	}