@charset "utf-8";

/* page set up */
#pageHolder{
	height: 563px;
	width: 801px;
	margin: auto;
	background-image: url(../images/backgrounds/top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 13px;
	text-align: center;
}
#htmlContent{
	height: 550px;
	width: 775px;
	position: relative;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#friend #pageHolder, #winningThanks #pageHolder{
	height: 778px;
	width: 801px;
	margin: auto;
	padding-top: 13px;
}
#friend #htmlContent, #winningThanks #htmlContent{
	height: 765px;
	width: 775px;
	margin: auto;
	position: relative;
}
#winning #pageHolder {
	height: 1763px;
	width: 801px;
	margin: auto;
	padding-top: 13px;
}
#winning #htmlContent{
	height: 1750px;
	width: 775px;
	margin: auto;
	position: relative;
}
#moments #pageHolder {
	height: 907px;
	width: 801px;
	margin: auto;
	padding-top: 13px;
}
#moments #htmlContent{
	height: 894px;
	width: 775px;
	margin: auto;
	position: relative;
}
.menuTop{
	width: 383px;
	height: 161px;
	position: absolute;
	top: 30px;
	right: 30px;
}
.home{
	background-image: url(../images/backgrounds/home.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}
.bottle_one{
	background-image: url(../images/backgrounds/orange.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}
.bottle_two{
	background-image: url(../images/backgrounds/green.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}
.bottle_three{
	background-image: url(../images/backgrounds/blue.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}
.shopping{
	background-image: url(../images/backgrounds/shopping.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}
.friend{
	background-image: url(../images/backgrounds/friend.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}
.winningThanks{
	background-image: url(../images/backgrounds/medium.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}
.moments{
	background-image: url(../images/backgrounds/winning.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}
.winning{
	background-image: url(../images/backgrounds/competition.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}

.clearall, .clearfix:after {
    content: ".";
	display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	margin: 0;
}
a, a:link, a:active, a:visited {
	text-decoration: none;
	color: #1E2C67;
}
a:hover{
	text-decoration: underline;
}
h1 {
}
h2 {
	font-weight: bold;
}
h3 {
}
.hidden{
	display: none;
}





/* forms */
form{
	text-align: right;
}
#formCompHolder{
	text-align: left;
}
#formCompHolder .question{
	text-align: center;
}
#formCompHolder .select{
	height: 20px;
	font-size: 11px;
	margin-top: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#formHolder .textfield{
	width: 225px;
	margin-right: 30px;
	margin-bottom: 3px;
	height: 15px;
}
#formCompHolder .textfield{
	width: 205px;
	margin-bottom: 3px;
	height: 15px;
	margin-right: 20px;
}
#formCompHolder .title{
	width: 70px;
	margin-bottom: 3px;
	height: 15px;
	margin-right:155px;
}
#formCompHolder .dob{
	width: 50px;
	margin-bottom: 3px;
	height: 15px;
	margin-right:2px;
}
#formCompHolder .dobYear{
	width: 50px;
	margin-bottom: 3px;
	height: 15px;
	margin-right: 57px;
}
.submit{
	text-align: center;
	padding-bottom: 15px;
}
.groupTop{
	margin-top: 20px;
}
.groupEnd{
	margin-bottom: 20px;
}
#formHolder label{
	font-size: 15px;
	color: #1E2C67;
}
#formCompHolder label{
	font-size: 12px;
	color: #999999;
}
#formHolder .declare{
	text-align: left;
	margin-bottom: 25px;
	margin-left: 20px;
}
#formCompHolder .declare{
	text-align: left;
	margin-bottom: 25px;
	width: 170px;
	float: left;
	padding-right: 10px;
}
#formHolder .declare label, #formCompHolder .declare label{
	font-size: 10px;
	color: #1E2C67;
}
#formCompHolder .declare p{
	font-size: 10px;
	color: #1E2C67;
}
#formHolder, #formCompHolder{
	width: 380px;
	margin-top: 60px;
	float: left;
	padding-left: 120px;
}
#formHolder p, #formCompHolder p{
	font-size: 12px;
}
#formCompHolder p{
    padding-bottom: 10px;
}
#formHolder p span, #formCompHolder p span{
	font-size: 10px;
}
#formHolder h1, #formCompHolder h1{
	padding-bottom: 5px;
}
.henlow{
	padding-bottom: 10px;
}










/* Home page Button (lenor Logo) */
.buttonHomeHolder{
	padding-left: 32px;
}
a.buttonHome, a.buttonHome:link, a.buttonHome:active, a.buttonHome:visited {
	display: block;
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 176px;
	height: 132px;
	background-image: url(../images/lenor.gif);
	float: left;
}
a.buttonHome:hover {
	display: block;
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 176px;
	height: 132px;
	filter: alpha(opacity=20);
	-moz-opacity: .20;
	opacity: .20;
	background-image: url(../images/lenor.gif);
	float: left;
}












/* home Menu */
#menu{
	width: 390px;
	height: 255px;
	float: right;
	margin-top: 26px;
}
#menu ul{
}
#menu li{
	display: inline;
}
a.button, a.button:link, a.button:active, a.button:visited {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
}
a.button:hover {
	display: block;
	background-repeat: no-repeat;
	background-position: right 45px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url(../images/buttons/star.png)!important;
	background-image: url(../images/buttons/star.gif);
}
#position_one a.button, #position_one a.button:link, #position_one a.button:active, #position_one a.button:visited {
	height: 255px;
	width: 103px;
}
#position_two a.button, #position_two a.button:link, #position_two a.button:active, #position_two a.button:visited {
	height: 210px;
	width: 60px;
	margin-top: 20px;
}
#position_three a.button, #position_three a.button:link, #position_three a.button:active, #position_three a.button:visited {
	height: 175px;
	width: 54px;
	margin-top: 38px;
}







/* Bottle Menu */
#bottleMenu{
	width: 450px;
	height: 330px;
	float: right;
}
#bottleMenu ul{
}
#bottleMenu li{
	display: inline;
}
a.bottle, a.bottle:link, a.bottle:active, a.bottle:visited {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
}
a.bottle:hover {
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url(../images/buttons/star.png)!important;
	background-image: url(../images/buttons/star.gif);
}
#position_one a.bottle, #position_one a.bottle:link, #position_one a.bottle:active, #position_one a.bottle:visited {
	height: 330px;
	width: 138px;
}
#position_two a.bottle, #position_two a.bottle:link, #position_two a.bottle:active, #position_two a.bottle:visited {
	height: 280px;
	width: 80px;
	margin-top: 20px;
}
#position_three a.bottle, #position_three a.bottle:link, #position_three a.bottle:active, #position_three a.bottle:visited {
	height: 230px;
	width: 70px;
	margin-top: 48px;
}







/* where to buy */
#whereMenu{
	width: 380px;
	height: 300px;
	position: relative;
	margin-left: 120px;
	margin-top: 60px;
	float: left;
}
#whereMenu p{
	font-size: 12px;
}
#whereMenu h1{
	padding-bottom: 4px;
}
a.buttonWhere, a.buttonWhere:link, a.buttonWhere:active, a.buttonWhere:visited {
	display: block;
	margin: 0px;
	padding: 0px;
}
a.buttonWhere:hover {
	display: block;
	margin: 0px;
	padding: 0px;
	filter: alpha(opacity=70);
	-moz-opacity: .70;
	opacity: .70;
	background-position: left top;
	position: absolute;
	background-repeat: no-repeat;
}
#asda a.buttonWhere, #asda a.buttonWhere:link, #asda a.buttonWhere:active, #asda a.buttonWhere:visited {
	background-image: url(../images/buttons/asda.gif);
	height: 35px;
	width: 123px;
	position: absolute;
	left: 9px;
	top: 73px;
}
#tesco a.buttonWhere, #tesco a.buttonWhere:link, #tesco a.buttonWhere:active, #tesco a.buttonWhere:visited {
	background-image: url(../images/buttons/tesco.gif);
	height: 39px;
	width: 127px;
	position: absolute;
	left: 205px;
	top: 195px;
}
#sainsburys a.buttonWhere, #sainsburys a.buttonWhere:link, #sainsburys a.buttonWhere:active, #sainsburys a.buttonWhere:visited {
	background-image: url(../images/buttons/sainsburys.gif);
	height: 31px;
	width: 146px;
	position: absolute;
	left: 197px;
	top: 136px;
}
#mysuper a.buttonWhere, #mysuper a.buttonWhere:link, #mysuper a.buttonWhere:active, #mysuper a.buttonWhere:visited {
	background-image: url(../images/buttons/mySuper.gif);
	height: 27px;
	width: 200px;
	position: absolute;
	left: 172px;
	top: 77px;
}
#ocado a.buttonWhere, #ocado a.buttonWhere:link, #ocado a.buttonWhere:active, #ocado a.buttonWhere:visited {
	background-image: url(../images/buttons/ocado.gif);
	height: 104px;
	width: 117px;
	position: absolute;
	left: 13px;
	top: 132px;
}
a.touch, a.touch:link, a.touch:active, a.touch:visited {
	background-image: url(../images/buttons/bottles.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 235px;
	width: 190px;
	display: block;
	float: left;
	margin-top: 70px;
	margin-left: 15px;
}
a.touch:hover {
	background-image: url(../images/buttons/bottles.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 235px;
	width: 190px;
	display: block;
	float: left;
	margin-top: 70px;
	margin-left: 15px;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
}









/* content */
.contentHolder {
	text-align: center;
	padding-top: 200px;
	width: 250px;
	float: left;
	padding-left: 20px;
}
.contentHolder h2{
	font-size: 18px;
	padding-bottom: 5px;
}
.contentHolder p strong{
	font-size: 11px;
}



.bottle_one .contentHolder p{
	line-height: 12px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.bottle_one em{
	font-style: normal;
	font-size: 12px;
}
.bottle_one h2{
	color: #DA2821;
}



.bottle_two .contentHolder p{
	line-height: 12px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.bottle_two em{
	font-style: normal;
	font-size: 12px;
}
.bottle_two h2{
	color: #009D30;
}





.bottle_three .contentHolder p{
	line-height: 12px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.bottle_three em{
	font-style: normal;
	font-size: 12px;
}
.bottle_three h2{
	color: #00A2CF;
}









.tellFriend{
	height: 60px;
	width: 135px;
	position: absolute;
	right: 22px;
	bottom: 12px;
}
#friend .tellFriend{
	height: 60px;
	width: 135px;
	position: absolute;
	right: 30px;
	bottom: 12px;
}
#winning .tellFriend{
	height: 60px;
	width: 135px;
	position: absolute;
	right: 35px;
	bottom: 12px;
}
#winningThanks .tellFriend{
	height: 60px;
	width: 135px;
	position: absolute;
	right: 40px;
	bottom: 12px;
}
#moments .tellFriend{
	height: 60px;
	width: 135px;
	position: absolute;
	right: 35px;
	bottom: 12px;
}
.tellFriend h3{
	font-size: 20px;
}
.tellFriend p{
}
.tellFriend a:hover{
	color: #FF9900;
	text-decoration: none;
}
.friendThanks{
	text-align: center;
	padding-top: 30px;
}







#momentsHolder{
	width: 380px;
	margin-top: 60px;
	float: left;
	padding-left: 120px;
	text-align: left;
}
#momentsHolder p{
	font-size: 12px;
	padding-bottom: 10px;
	padding-right: 20px;
}
#momentsHolder ul{

}
#momentsHolder li{
	list-style-position: outside;
	list-style-type: disc;
	font-size: 12px;
	padding-bottom: 10px;
}
#momentsHolder h1{
	padding-bottom: 20px;
}
#momentsHolder .float{
	width: 180px;
	float: left;
	height: 280px;
}
#momentsHolder .float img{
	border: 1px solid #003366;
}	







.footBorder{
	background-image: url(../images/backgrounds/end.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 13px;
	width: 801px;
}

#footMenu{
	width: 775px;
	margin: auto;
	text-align: center;
	padding-top: 10px;
}
#footMenu li{
	display: inline;
}
#footMenu a, #footMenu a:link, #footMenu a:active, #footMenu a:visited {
	color: #18398A;
	font-size: 10px;
}
#footMenu a:hover{
	color: #FF9900;
}