@charset "UTF-8";
/* CSS Document */


/*///////////////////////////////////////////////* BODY & HEAD */
body {
	background: #FFFFFF url(../img/cloud1.jpg) center 0 no-repeat ;
	text-align: center;
	padding: 0;
	margin: 0;
}
.oneColFixCtr #container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
.oneColFixCtr #containerDA {
	margin: 0 auto;
	text-align: left;
}
.oneColFixCtr #thecontent {
	padding: 0;
	position:relative;
}
#tophead {
	width: 960px;
	height: 96px;
}
#splashtophead {
	background: url(../images/splash_mainbkgrd.jpg) no-repeat;
	width: 960px;
	height: 96px;
}
#splashtopheadDA {
	background: url(../images/DA_mainbkgrd.jpg) no-repeat;
	width: 960px;
	height: 130px;
}
.DAheaderpush {
	margin-top: 90px;
}
.homecontainer {
	padding-bottom: 25px;
}
.splashmainhead {
	padding: 0;
	margin: 0;
}
#splash {
	background: url(../images/splash_flashbkgrd.jpg) no-repeat;
	text-align: center;
	width: 960px;
	height: 350px;
	padding: 0;
	margin: 0;
}
#jumpMenu {
	text-align: left;
}
.splashtext {
	width: 450px;
	padding-top: 20px;
	text-align: center;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}
.splashtextDA {
	width: 239px;
	padding-top: 20px;
	text-align: center;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}
.splashtext select, {
	display:inline;
	text-align: center;
}
ul, li, dd {
	margin: 0;
	padding: 0;
	list-style: none;
	text-indent: 0;
}
p {
	padding-top: 0;
}
img {
	border:none;
}
#header {
	width: 960px;
	colour: #CB0000;
}
.headertemplate {
	width: 960px;
	height: 217px;
	colour: #FFFFFF;
}
.headerpadd {
	margin-bottom: 20px;
}
.headerbrandstemplate {
	width: 960px;
	height: 259px;
	colour: #FFFFFF;
}
.headertext {
	float:left;
	width: 300px;
	padding-left: 20px;
	padding-top: 65px;
	display: none;
	
}
li#normal {
	margin: 0 0 15px 0;
	padding: 0;
	list-style-position: outside;
	text-indent: 0;
	
}
li#bullet {
	margin: 0 0 15px 0;
	padding-left: 1em;
	list-style-position: inside;
	text-indent: -1em;
	list-style-type:circle;
	
}
#brandsheader {
	width: 960px;
	height: 259px;
	colour: #CB0000;
}
.brandsheadertext {
	float:left;
	width: 151px;
	padding-left: 20px;
	padding-top: 65px;
	display: inline;
}
#brandpageholder {
	float:right;
	padding-top: 10px;
	clear: right;
	display: inline;
}
#spbrandpageholder {
	float:right;
	width: 740px;
	height: 210px;
	padding-top: 150px;
	clear: right;
	display: inline;
}
.slideshow { height: 262px; width: 190px; margin:20px; float:left;}
.slideshow2 { height: 262px; width: 190px; margin:20px; float:left;}
.slideshow3 { height: 262px; width: 190px; margin:20px; float:left;}
.slideshow4 { height: 262px; width: 190px; margin:20px; float:left;}

/*///////////////////////////////////////////////* NAV */
#navigation {
	margin: 0;
	padding: 0;
	background: url(../img/navSprite.png) 0 -140px no-repeat;
	width: 960px;
	height: 46px;
	clear: both;
}

ul#nav {
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
	display: inline;
}

ul#nav li {
	float: left;
	display: inline;
	margin: 10px 0 0 10px;
}
ul#nav li a {
	display:block;
	text-indent:-99999px;
}



ul#nav #nav-home a{			background: url(../img/navSprite.png)      0 0 no-repeat; width:85px; height:32px;}
ul#nav #nav-about a{		background: url(../img/navSprite.png) -100px 0 no-repeat; width:98px; height:32px;}
ul#nav #nav-brands a{		background: url(../img/navSprite.png) -200px 0 no-repeat; width:89px; height:32px;}
ul#nav #nav-corporate a{	background: url(../img/navSprite.png) -300px 0 no-repeat; width:179px; height:32px;}
ul#nav #nav-media a{		background: url(../img/navSprite.png) -500px 0 no-repeat; width:98px; height:32px;}
ul#nav #nav-careers a{		background: url(../img/navSprite.png) -600px 0 no-repeat; width:88px; height:32px;}
ul#nav #nav-contact a{		background: url(../img/navSprite.png) -700px 0 no-repeat; width:88px; height:32px;}

ul#nav #nav-home a:hover{		background: url(../img/navSprite.png)      0 -50px no-repeat;}
ul#nav #nav-about a:hover{		background: url(../img/navSprite.png) -100px -50px no-repeat;}
ul#nav #nav-brands a:hover{		background: url(../img/navSprite.png) -200px -50px no-repeat;}
ul#nav #nav-corporate a:hover{	background: url(../img/navSprite.png) -300px -50px no-repeat;}
ul#nav #nav-media a:hover{		background: url(../img/navSprite.png) -500px -50px no-repeat;}
ul#nav #nav-careers a:hover{	background: url(../img/navSprite.png) -600px -50px no-repeat;}
ul#nav #nav-contact a:hover{	background: url(../img/navSprite.png) -700px -50px no-repeat;}

ul#nav #nav-home a.active{		background: url(../img/navSprite.png)      0 -100px no-repeat; height:33px;}
ul#nav #nav-about a.active{		background: url(../img/navSprite.png) -100px -100px no-repeat; height:33px;}
ul#nav #nav-brands a.active{	background: url(../img/navSprite.png) -200px -100px no-repeat; height:33px;}
ul#nav #nav-corporate a.active{	background: url(../img/navSprite.png) -300px -100px no-repeat; height:33px;}
ul#nav #nav-media a.active{		background: url(../img/navSprite.png) -500px -100px no-repeat; height:33px;}
ul#nav #nav-careers a.active{	background: url(../img/navSprite.png) -600px -100px no-repeat; height:33px;}
ul#nav #nav-contact a.active{	background: url(../img/navSprite.png) -700px -100px no-repeat; height:33px;} 

/* shadow nav */

#brandChameleon ul#nav #nav-home a{			background: url(../img/navSprite.png)      0 -200px no-repeat; width:85px; height:32px;}
#brandChameleon ul#nav #nav-about a{		background: url(../img/navSprite.png) -100px -200px no-repeat; width:98px; height:32px;}
#brandChameleon ul#nav #nav-brands a{		background: url(../img/navSprite.png) -200px -200px no-repeat; width:89px; height:32px;}
#brandChameleon ul#nav #nav-corporate a{	background: url(../img/navSprite.png) -300px -200px no-repeat; width:179px; height:32px;}
#brandChameleon ul#nav #nav-media a{		background: url(../img/navSprite.png) -500px -200px no-repeat; width:98px; height:32px;}
#brandChameleon ul#nav #nav-careers a{		background: url(../img/navSprite.png) -600px -200px no-repeat; width:88px; height:32px;}
#brandChameleon ul#nav #nav-contact a{		background: url(../img/navSprite.png) -700px -200px no-repeat; width:88px; height:32px;}

#brandChameleon ul#nav #nav-home a:hover{		background: url(../img/navSprite.png)      0 -250px no-repeat;}
#brandChameleon ul#nav #nav-about a:hover{		background: url(../img/navSprite.png) -100px -250px no-repeat;}
#brandChameleon ul#nav #nav-brands a:hover{		background: url(../img/navSprite.png) -200px -250px no-repeat;}
#brandChameleon ul#nav #nav-corporate a:hover{	background: url(../img/navSprite.png) -300px -250px no-repeat;}
#brandChameleon ul#nav #nav-media a:hover{		background: url(../img/navSprite.png) -500px -250px no-repeat;}
#brandChameleon ul#nav #nav-careers a:hover{	background: url(../img/navSprite.png) -600px -250px no-repeat;}
#brandChameleon ul#nav #nav-contact a:hover{	background: url(../img/navSprite.png) -700px -250px no-repeat;}
 
#brandChameleon ul#nav #nav-home a.active{		background: url(../img/navSprite.png)      0 -100px no-repeat; height:33px;}
#brandChameleon ul#nav #nav-about a.active{		background: url(../img/navSprite.png) -100px -300px no-repeat; height:33px;}
#brandChameleon ul#nav #nav-brands a.active{	background: url(../img/navSprite.png) -200px -300px no-repeat; height:33px;}
#brandChameleon ul#nav #nav-corporate a.active{	background: url(../img/navSprite.png) -300px -300px no-repeat; height:33px;}
#brandChameleon ul#nav #nav-media a.active{		background: url(../img/navSprite.png) -500px -300px no-repeat; height:33px;}
#brandChameleon ul#nav #nav-careers a.active{	background: url(../img/navSprite.png) -600px -300px no-repeat; height:33px;}
#brandChameleon ul#nav #nav-contact a.active{	background: url(../img/navSprite.png) -700px -300px no-repeat; height:33px;} 

#brandChameleon #navigation {background: url(../img/navSprite.png) 0 -340px no-repeat;}



#brandChameleon  #tophead{background: url(../img/monoHeineken.png) -7px 7px no-repeat;}

/*///////////////////////////////////////////////* BREADCRUMBS & SHORTLINKS */
#breadcrumbs {
	margin-left: 225px;
	width: 550px;
	overflow: visible;
	display: inline;
	float:left;
	margin-top: 75px;
	margin-bottom: 5px;
}
li.breadcrumbs {
	float: left;
	display: inline;
	background-position:0px -17px;
	list-style-position: inside;
	padding-right: 25px;
}
ul.breadcrumbs {
	padding: 0;
	margin: 0;
	list-style: none;
}
#shortlinks, #shortlinks2 {
	float: right;
	text-align: right;
	width: 185px;
	margin-top: 70px;
	overflow: visible;
	display: inline-block;
}
#shortlinks2 {
	width: 385px;
}
.homeshortlinks {
	margin-bottom: 8px;
}
#shortlinks ul, #shortlinks2 ul{
	list-style: none;
	line-height: 20px;
}
#shortlinks li, #shortlinks2 li{
	float: right;
	display: block;
	padding-left: 25px;
}
.middleli {
	text-align: center;
	width: 40px;
}

/*///////////////////////////////////////////////* CONTENT */
#content {
	width: 960px;
	padding: 20px 0;
	float: left;
}

#content-managementteam {
	width: 960px;
	padding: 20px 0 0 0;
	float: left;
}

.subnav {
	display: inline-block;
	width: 162px;
	float: left;
	overflow: visible;
}

.subnav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.subnav li {
	padding-top:4px;
	padding-right:5px;
}

.subnav .fancybox {
	margin: 24px 0 0 0;
	
}

.subsublist {
	text-indent: 15px;
}
.subsubtext {
	padding-left: 15px;
}
.subsubtext2 {
	padding-left: 30px;
}
#maincontent {
	margin-left: 40px;
	width: 758px;
	float:left;
	overflow:visible;
}
#signposts {
	margin-left:8px;
	
	
}

#signposts  .scrollable {
	position: relative;
	overflow: hidden;
	width: 650px;
	height: 190px;
	margin: 15px 20px 0 10px;
}
#signposts  .scrollable a {
	float: left;
	display:block;
	margin: 0;
	padding: 0;
	width: 210px;
	height: 192px;
	margin: 0 4px;
}



/*/ / / / / /  Signpost items / / / / / / / */
a.whereWeOperateSP {			background: url(../img/signposts.png) 0 0 no-repeat;}
a.heinekenTimelineSP {			background: url(../img/signposts.png) -250px 0 no-repeat;}
a.ourBrandsSP {					background: url(../img/signposts.png) -515px 0 no-repeat;}
a.grainGlassSP {				background: url(../img/signposts.png) -771px 0 no-repeat;}
a.orchardGlassSP {				background: url(../img/signposts.png) -1028px 0 no-repeat;}
a.graduateProgrammeSP {			background: url(../img/signposts.png) -1285px 0 no-repeat;}
a.internationalCareersSP {		background: url(../img/signposts.png) -1543px 0 no-repeat;}
a.candidteInfoSP {				background: url(../img/signposts.png) -1800px 0 no-repeat;}
a.jobSearchSP {					background: url(../img/signposts.png) -2057px 0 no-repeat;}
a.yourPotentialSP {				background: url(../img/signposts.png) -2314px 0 no-repeat;}
a.corporateResponsibilitySP {	background: url(../img/signposts.png) -2571px 0 no-repeat;}
a.theCommunitySP {				background: url(../img/signposts.png) -2828px 0 no-repeat;}
a.responsiblyConsumptionSP {	background: url(../img/signposts.png) -3085px 0 no-repeat;}
a.sustainabilityReportSP {		background: url(../img/signposts.png) -3343px 0 no-repeat;}
a.criReportSP {					background: url(../img/signposts.png) -36000px 0 no-repeat;}
a.heinekenInternationalSP {		background: url(../img/signposts.png) -3849px 0 no-repeat;}
a.pressCentreSP {				background: url(../img/signposts.png) -4099px 0 no-repeat;}
a.videoCentreSP {				background: url(../img/signposts.png) -4349px 0 no-repeat;}
a.contactPressSP {				background: url(../img/signposts.png) -4599px 0 no-repeat;}
a.cr-strategySP {				background: url(../img/signposts.png) -4850px 0 no-repeat;}
a.cr-prioritiesSP {				background: url(../img/signposts.png) -5100px 0 no-repeat;}
a.cr-reportingSP {				background: url(../img/signposts.png) -5350px 0 no-repeat;}
a.cr-contactSP {				background: url(../img/signposts.png) -5600px 0 no-repeat;}

a.whereWeOperateSP:hover {				background: url(../img/signposts.png) 0 -250px no-repeat;}
a.heinekenTimelineSP:hover {			background: url(../img/signposts.png) -250px -250px no-repeat;}
a.ourBrandsSP:hover {					background: url(../img/signposts.png) -515px -250px no-repeat;}
a.grainGlassSP:hover {					background: url(../img/signposts.png) -771px -250px no-repeat;}
a.orchardGlassSP:hover {				background: url(../img/signposts.png) -1028px -250px no-repeat;}
a.graduateProgrammeSP:hover {			background: url(../img/signposts.png) -1285px -250px no-repeat;}
a.internationalCareersSP:hover {		background: url(../img/signposts.png) -1543px -250px no-repeat;}
a.candidteInfoSP:hover {				background: url(../img/signposts.png) -1800px -250px no-repeat;}
a.jobSearchSP:hover {					background: url(../img/signposts.png) -2057px -250px no-repeat;}
a.yourPotentialSP:hover {				background: url(../img/signposts.png) -2314px -250px no-repeat;}
a.corporateResponsibilitySP:hover {		background: url(../img/signposts.png) -2571px -250px no-repeat;}
a.theCommunitySP:hover {				background: url(../img/signposts.png) -2828px -250px no-repeat;}
a.responsiblyConsumptionSP:hover {		background: url(../img/signposts.png) -3085px -250px no-repeat;}
a.sustainabilityReportSP:hover {		background: url(../img/signposts.png) -3343px -250px no-repeat;}
a.criReportSP:hover {					background: url(../img/signposts.png) -36000px -250px no-repeat;}
a.heinekenInternationalSP:hover {		background: url(../img/signposts.png) -3849px -250px no-repeat;}
a.pressCentreSP:hover {					background: url(../img/signposts.png) -4099px -250px no-repeat;}
a.videoCentreSP:hover {					background: url(../img/signposts.png) -4349px -250px no-repeat;}
a.contactPressSP:hover {				background: url(../img/signposts.png) -4599px -250px no-repeat;}
a.cr-strategySP:hover {					background: url(../img/signposts.png) -4850px -250px no-repeat;}
a.cr-prioritiesSP:hover {				background: url(../img/signposts.png) -5100px -250px no-repeat;}
a.cr-reportingSP:hover {				background: url(../img/signposts.png) -5350px -250px no-repeat;}
a.cr-contactSP:hover {					background: url(../img/signposts.png) -5600px -250px no-repeat;}

/* SIDE BUTTONS */
a.sus-report { background: url(../img/buttons/report.png) 0 0 no-repeat;height:160px;width:140px; display:block; margin-top:30px;}
a.sus-report:hover { background: url(../img/buttons/report.png) 0 -200px no-repeat;}
/* /SIDE BUTTONS */

/* BOX OUTS */
.box-out {background-color:#E4F1D9;padding:5px 20px 5px 20px; margin-bottom:10px;}
/* /BOX OUTS */

/* COMMUNITY MARK LOGO */
#community-mark {background-image:url(../img/buttons/CommunityMark.jpg);background-repeat:no-repeat;height:47px;width:162px;margin-bottom:20px;}
/* /COMMUNITY MARK LOGO */

/* GRADUATE LOGO */
#graduate {}
#graduate-logo {background-image:url(../img/graduate-programme.png);background-repeat:no-repeat;height:100px;width:162px;margin:10px 0 10px 0; display:block; text-indent:-99999px;}
/* /GRADUATE LOGO */

#drink-aware {background: url(../img/DAlogo.png) 0 0 no-repeat;height:70px;width:80px;margin-bottom:10px;float:left;}
#portman {background: url(../img/portman.png) 0 0 no-repeat;height:70px;width:200px;margin-bottom:10px;float:left;}
#turning-point {background: url(../img/turningpoint.png) 0 0 no-repeat;height:80px;width:120px;margin-bottom:10px;float:left; margin-right:20px;}
#addiction {background: url(../img/addaction.png) 0 0 no-repeat;height:70px;width:200px;margin-bottom:10px;float:left; margin-top:10px;}
#clear {clear:none;}

.zero-border {
	margin:0;
	padding:0;
	border:none;
	float:left;
	
}

#sidebar {
	margin-left: 20px;
	padding-top: 0;
	width: 220px;
	float: left;
	overflow: visible;
	display: inline;
	float: left;
}
.sidebar ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.sidebar li {
	background-image: url(../images/arrow_black.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	padding-left: .9em;
	padding-top:4px;
	padding-right:5px;
}
.yellowtagslists {
}
.yellowtagslists ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.yellowtagslists li {
	background-image: url(../images/arrow_yellow.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	padding-left: .9em;
	padding-top:4px;
	padding-right:5px;
}


.sidealign {
	text-align:left;
	overflow:hidden;
	margin: 24px 0 0 0;
}
#brandssidebar {
	width: 220px;
	margin-left: 720px;
	padding-top: 15px;
	padding-bottom: 15px;
	display: inline-block;
}
#brandssidebar ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#brandssidebar li {
	background-image: url(../images/arrow_yellow.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	padding-left: .9em;
	padding-top:4px;
	padding-right:5px;
	}
.brandspadding {
	padding-top: 20px;
	padding-bottom: 20px;
	}
.brandsinfo {
	padding-left: 15px;
}
li.brandsinfo {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	clear: left;
	display: inline-block;
}
#ataglanceSustain {
	width: 135px;
	margin: 20px 0 5px;
	float: left;
	clear: left;
}
#ataglanceSustainText {
	width: 135px;
	margin: 0 0 10px;
	float: left;
	clear: left;
}
#ataglance {
	width: 135px;
	padding-top: 20px;
	float: left;
	clear: both;
}
#ataglanceimage {
	float: left;
	}
#ataglanceimage a {
		display:none;
		width: 181px;
		height: 55px;
		text-indent:-99999px;
		background:url(../img/buttons/btn-ataglance.png) 0 0 no-repeat;
}
#ataglanceimage a:hover {
	background:url(../img/buttons/btn-ataglance.png) 0 -50px no-repeat;
}
#ataglancetext {
	padding-left: 8px;
	width: 70px;
	float:left;
	clear:none;
}

#ataglancetext2 {
	padding-left: 8px;
	width: 155px;
	height: 48px;
	float:left;
	clear:none;
}
#ataglancetext3 {
	padding-left: 5px;
	width: 73px;
	float:left;
	clear:none;
}
#homeataglance{
	width: 375px;
	margin-top: 15px;
	float: left;
	clear: both;
	display:none;
}
#homeataglancehead{
	width: 375px;
	float: left;
	clear: left;
}
#homeataglancetext {
	padding-left: 8px;
	padding-top: 15px;
	width: 300px;
	float:left;
	clear:none;
}
#latestnews {
	width: 300px;
	margin-top: 60px;
}

#latestnews ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#latestnews li {
	padding-top:4px;
	}
#relatednews {
	width: 420px;
	display: block;
}

#relatednews ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#relatednews li {
	padding-top:4px;
	}
.locatetable {
	width: 220px;
	float: left;
	margin:0 10px 10px 0;
	text-align: left;
}
#locatehead {
	width: 500px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}
#sitehead {
	width: 260px;
	float: left;
	clear: left;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}
#sitetable {
	width: 280px;
	float: left;
	clear: left;
	margin-bottom: 10px;
	text-align: left;
}
.quicklinkpadd {
	padding-right: 25px;
	float:left;
}
quicklinfloat {
	float: left;
}

/*///////////////////////////////////////////////* HOMEPAGE */
#homenews {
	float: left;
	width: 320px;
	height: 260px;
	margin-right: 40px;
	margin-bottom: 20px;
	position:relative;
}
#homebrands {
	float: left;
	width: 600px;
	height: 260px;
	position:relative;
}

#homenews h2 a, #homebrands h2 a {
	display:block;
	width:148px;
	height:45px;
	text-indent:-99999px;
	position:absolute;
}

#homenews h2 a {background:url(../img/btn-latestNews.png) 0 0 no-repeat; }
#homebrands h2 a {background:url(../img/btn-leadingBrands.png) 0 0 no-repeat; }
#homenews h2 a:hover {background:url(../img/btn-latestNews.png) 0 -50px no-repeat; }
#homebrands h2 a:hover {background:url(../img/btn-leadingBrands.png) 0 -50px no-repeat; }



.mrted {
	height: 350px;
}

.tableOdd {
	background-color: #EEEEEE;
	text-align:center;
	border-bottom: solid;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #8BC53F;
}

.tableEven {
	background-color: #8BC53F;
	color:#FFFFFF;
	text-align:center;
}
.tablehead {
	color: #FFF;
	background-color: #8BC53F;
}
#rightBoxContentHead {
	width: 220px;
	height: 55px;
	background-image: url(../images/pdfrightboxtop.gif);
	background-repeat: no-repeat;
	float: left;
	clear: both;
	margin: 0;
}

#rightBoxContentBody {
	width: 200px;
	background: #145118;
	padding: 10px;
	float: left;
	clear: both;
	margin: 0;
	color: #FFF;
	text-align:left;
}

#rightBoxContentFooter {
	width: 220px;
	height: 10px;
	background-image: url(../images/pdfrightboxbot.gif);
	background-repeat:no-repeat;
	float: left;
	clear: both;
	margin: 0;
}

#brandlist {
	display:block;
	height:240px;
}

#brandlist li { display: block;
height: 250px;
width: 94px;
float: left;
cursor: pointer;
margin: 0 3px;}

#brandlist #brandFosters {background:url(../img/buttons/fosters-roll.png) 0 0 no-repeat;}
#brandlist #brandStrongbow {background:url(../img/buttons/strong-roll.png) 0 0 no-repeat;}
#brandlist #brandHeineken {background:url(../img/buttons/heineken-roll.png) 0 0 no-repeat;}
#brandlist #brandBulmers {background:url(../img/buttons/bulmers-roll.png) 0 0 no-repeat;}
#brandlist #brandKronenbourg {background:url(../img/buttons/1664-roll.png) 0 0 no-repeat;}
#brandlist #brandJohnSmith {background:url(../img/buttons/john-roll.png) 0 0 no-repeat;}

#brandlist #brandFosters:hover {background:url(../img/buttons/fosters-roll.png) 0 -260px no-repeat;}
#brandlist #brandStrongbow:hover {background:url(../img/buttons/strong-roll.png) 0 -260px no-repeat;}
#brandlist #brandHeineken:hover {background:url(../img/buttons/heineken-roll.png) 0 -260px no-repeat;}
#brandlist #brandBulmers:hover {background:url(../img/buttons/bulmers-roll.png) 0 -260px no-repeat;}
#brandlist #brandKronenbourg:hover {background:url(../img/buttons/1664-roll.png) 0 -260px no-repeat;}
#brandlist #brandJohnSmith:hover {background:url(../img/buttons/john-roll.png) 0 -260px no-repeat;}


/*///////////////////////////////////////////////* HOMEPAGE */

.otherbrandspage {
	clear: left;
	margin-left: 21px;
	margin-top: 30px;
}
/*///////////////////////////////////////////////* SECTION PANELS */
#sectionsubnav {
	width: 455px;
	padding-bottom: 30px;
}
.sectionheader {
	font-size: 16px;
	line-height: 17px;
	font-weight: bold;
	color: #CB0000;
	width: 95px;
	float: left;
	clear: none;
	display: inline;
	margin-right: 85px;
}
.sectionheadernopadd {
	font-size: 16px;
	line-height: 17px;
	font-weight: bold;
	color: #CB0000;
	width: 95px;
	float: left;
	clear: none;
	display: inline;
}

#respsectionheader {
	width: 120px;
	float: left;
	clear: none;
	display: inline;
}
.respsectionpadd {
	padding-left: 80px;
}
.sectionheadermid {
	margin-left: 85px;
	margin-right: 85px;
}
#twosectionheaderl {
	width: 115px;
	float: left;
	clear: none;
	text-align: center;
}
#twosectionheaderr {
	width: 200px;
	float: right;
	clear: none;
	text-align: center;
}

#microbrands { 
	width: 455px;
	clear: left;
	display: inline-block;
	margin: 30px 0;
}
.microbrandsdiv {
	margin-right: 27px;
	float:left;
	clear: none;
	display: inline;
}
.microbrandsdivBuls {
	margin-top: 5px;
}
/*///////////////////////////////////////////////* ABOUT PANEL */

#widget_dropdown ul{
	margin-bottom:16px
}

/*///////////////////////////////////////////////* CAREERS PANEL */
.carpanelheader {
	width: 455px;
	float: left;
	clear: left;
	padding-bottom: 20px;
}
#carmask {
	width: 455px;
	overflow: hidden;
	margin: 0 auto;
	float: left;
	clear: both;
}
#carpanel {

}
#carpanel div {
	float: left;
}
#carpanel-1 {
	width: 455px;
	height: 300px;
	overflow: visible;
	float: left;
	text-align: left;
}
#carpanel-2 {
	height: 300px;
	width: 455px;
}
/*///////////////////////////////////////////////* MGMT PANEL */
#mgmttable {
	width: 140px;
	float: left;
	margin-bottom: 15px;
	text-align: center;
	display: inline;
	padding: 0;
}
.mgmtmarg {
	margin-top: 15px;
}

#mgmtmask {
	width: 455px;
	height: 615px;
	overflow: hidden;
	margin: 0 auto;
	float: left;
	clear: both;
}
#mgmtpanel {

}
#mgmtpanel div {
	float: left;
}
#mgmtpanel-1 {
	width: 455px;
	height: 615px;
	overflow: visible;
	float: left;
	text-align: left;
}
#mgmtpanel-2 {
	width: 455px;
	height: 615px;
	overflow: visible;
	float: left;
	text-align: left;
}
#mgmtpanel-3 {
	width: 455px;
	height: 615px;
	overflow: visible;
	float: left;
	text-align: left;
}
#mgmtpanel-4 {
	width: 455px;
	height: 615px;
	overflow: visible;
	float: left;
	text-align: left;
}
#mgmtpanel-5 {
	width: 455px;
	height: 615px;
	overflow: visible;
	float: left;
	text-align: left;
}
#mgmtpanel-6 {
	width: 455px;
	height: 615px;
	overflow: visible;
	float: left;
	text-align: left;
}
#mgmtpanel-7 {
	width: 455px;
	height: 615px;
	overflow: visible;
	float: left;
	text-align: left;
}
#mgmtpanel-8 {
	width: 455px;
	height: 615px;
	overflow: visible;
	float: left;
	text-align: left;
}
#mgmtpanel-9 {
	width: 455px;
	height: 615px;
	overflow: visible;
	float: left;
	text-align: left;
}
.mgmtpadd {
	padding-right: 20px;
}
.mgmtexpadd {
	padding-left:80px;
	padding-right: 20px;
}
/*///////////////////////////////////////////////* MCEWAN PANEL */
#mcewans1 {
	width: 300px;
	float: left;
	display: inline;
}
.mcewans2 {
	width: 130px;
	float: right;
	clear: none;
	display: inline;
}
#mcmask {
	width: 500px;
	overflow: hidden;
	margin: 0 auto;
	float: left;
	clear: both;
}
#mcpanel {

}
#mcpanel div {
	float: left;
}
#mcpanel-1 {
	width: 500px;
	height: 340px;
	overflow: visible;
	float: left;
	text-align: left;
}
#mcpanel-2, #mcpanel-3, #mcpanel-4, #mcpanel-5, #mcpanel-6 {
	height: 340px;
	width: 500px;
}

.mcpadd {
	padding-right: 20px;
}
.mcexpadd {
	padding-left:80px;
	padding-right: 20px;
}
.mcclickhere {
	width: 280px;
	float: left;
	clear: left;
	margin-top: 10px;
	margin-left: 20px;
}
/*///////////////////////////////////////////////* VIDEO FOOTER */
#video-footer-container {
	float: left;
	clear: left;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: visible;
	text-align: center;
	display: inline;
	
}

#video-button-container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background:url(../img/960linebreak.png) 0 0 no-repeat;
	padding-top:15px;
}

#video-button-container h4 {cursor:pointer; width:960px;}

#video-footer {
	display:none;
}

#videoBreak{
	width: 960px;
	margin: 0 auto 25px auto;
	height:10px;
	background: url(../img/960linebreak.png) 0 4px no-repeat;
	clear:left;
}



/*///////////////////////////////////////////////* FOOTER */
#footercontainer {
	float: left;
	clear: left;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: visible;
	text-align: center;
	display: inline;
}
.oneColFixCtr #footercentre {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
.oneColFixCtr #footer {
	text-align: left;
	margin: 0;
	padding: 20px 0 30px 0;
	float: left;
	clear: left;
	width: 960px;
	/*height: 157px;*/
	display: inline;
	overflow: visible;
	border-top: solid thin #80AC91;
	border-bottom: solid thin #80AC91;
}

#heineken_logo_footer {
	width:120px;
	height:28px;
	background:url(../img/heineken-logo.png) no-repeat;
	display:block;	
	
}

#logo_2012 {
	width:133px;
	height:67px;
	background:url(../img/2012logo.png) no-repeat;
	display:block;	
}

#use_local {
	width:151px;
	height:26px;
	background:url(../img/local.png) no-repeat;
	display:block;
	
}

#drinkaware_logo {
	width:80px;
	height:64px;
	background:url(../img/DAlogo.png) no-repeat;
	display:block;
	
}

#smallprint {
	display: inline-block;
	width: 360px;
	height: 15px;
	padding-top: 20px;
}
.smallprint {
	font-weight:normal;
	line-height: 20px;
	text-align:left;
}
.footerinfo {
	margin: 0;
	padding: 0;
	margin-right: 30px;
	width: 190px;
	float:left;
	clear: none;
	display: inline;
}
.twitCont, .twitCont .footerinfo {
	margin-right: 0;
	width: 260px;
}
.footerinfo li {
	list-style-type: none;
}
.twitCont .footerinfo li {
	padding: 0 0 0 5px;
}

.footerbrandsinfo {
	margin: 0px;
	margin-right: 30px;
	width: 190px;
	float:left;
	clear: none;
	display: inline;
}

.footerbrandsinfo li {	
	list-style-type: none; 
}
.investors {
	width: 230px;
	float:left;
	margin: 0;
	margin-right: 30px;
	display: inline;
}
#splogos {
	padding:15px 0;
	width: 500px;
	height: 72px;
	float:right;
}
.footer-logo {
	float:left;
	margin-left:30px;
}
.footer-logo a {
	font-size:8px;
}

.splogospadd {
	margin-right: 30px;
}

#splogos img {
	vertical-align: text-top;
}
#spStandaloneDiv {
	width: 384px;
	margin: 20px auto 0;
	text-align: center;
}
.olympicsContainer {
	width: 150px;
	height: 74px;
	float: left;
	margin-right: 23px;
}
.useyourlocalcontainer {
	width: 180px;
	margin: 20px 23px 0 0;
	font-size: 0.7em;
	font-weight: bold;
	color: #FFF;
	float: left;
	text-align: center;
}
.DAcontainer {
	width: 181px;
	height: 55px;
	float: left;
	margin-top: 5px;
}
#footContainNew {
	height: 74px;
	width: 384px;
	margin: 0 auto;
}
.DApush {
	padding-top: 30px;
}
#DAGame {
	width: 300px;
	height: 250px;
	margin: 0 auto;
	padding: 10px;
	background-color: #FFF;
}
.tradeCustomer a {
	width: 212px;
	height: 61px;
	margin: 30px 0 30px 119px;
	display: block;
	cursor:auto;
	background: url(../images/splash-TradeCustomers.gif) 0 0 no-repeat;
} 
.tradeCustomer a span {
	width: 212px;
	height: 61px;
	text-indent: -9999px;
	display: block;
}
#tradeInfo {
	width: 427px;
	height: 79px;
	background: url(../images/splash-TradeBubble.gif) 0 0 no-repeat;
	margin: 0 0 20px 11px;
}
.tradeInfoOne, .tradeInfoTwo {
	width: 213px;
	height: 50px;
	color: #FFF;
	clear: none;
	float: left;
	margin-top: 30px;
}
.brandsNonFlash {
	width: 960px;
	margin: 50px 0 0 39px;
	display: block;
}

/*///////////////////////////////////////////////* STORY OFs */

.maincontentSubCol {
	width: 200px !important;
	float: left;
	margin-top: 20px;
}
.maincontentSubColPadd {
	margin-right: 50px;
}
.maincontentSubCol ul {
	margin-top: 10px;
}
/*///////////////////////////////////////////////* TWITTER ADDITION */
.twitter_layout {
	font: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}
#twitter_div {
	display: inline;
}
.twitter_Speach {
	float: right;
	margin: 0;
	padding: 0;
}
#twitter_update_list span {
	margin: 0;
	padding: 0;	
}
#twitter_update_list li {
	list-style: none;
	padding: 5px 0;
	margin: 0;
}
/*///////////////////////////////////////////////* SPLASH & AGE VER */

.splashIntroText {
	width: 489px;
	height: 75px;
	background: url(../images/Splash-html-text.png) no-repeat;
	display: block;
	margin-left: 235px;
}
.splashIntroText p {
	text-indent: -9999px;
	display: block;
}
.splashBoxCont {
	width: 545px;
	height: 228px;
	display: block;
	float: left;
	clear: none;
	margin-left: 209px;
}
.splashBox {
	width: 176px;
	height: 228px;
	display: block;
	float: left;
	clear: none;
}
.huksiteLink, .huksiteLink a {
	width: 176px;
	height: 228px;
	background-image: url(../images/Splash-html-LinkHUK.png);
	display: block;
}
.hukbeerLink, .hukbeerLink a {
	width: 174px;
	height: 228px;
	background-image: url(../images/Splash-html-LinkBeer.png);
	display: block;
}
.hukotLink, .hukotLink a {
	width: 174px;
	height: 228px;
	background-image: url(../images/Splash-html-LinkOT.png);
	display: block;
}
.huksiteLink p, .hukbeerLink p, .hukotLink p {
	text-indent: -9999px;
}
.margRight {
	margin-right: 10px;
}
.margRight8px {
	margin-right: 8px;
}
/*///////////////////////////////////////////////* AGE VER */
.ageverCont {
	width: 353px;
	height: 200px;
	display: inline-block;
	float: left;
	clear: none;
	margin-left: 303px;
	background: url(../images/agever-bkgrd.png) no-repeat;
}
.ageverText {
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	font-size:16px;
	margin-top: 10px;
}
.ageverInput {
	width: 62px;
	height: 72px;
	float: left;
	padding: 25px;
}
.ageverInput input {
	background-color: #0E3B11;
	border: none;
}
.ageverEnter {
	margin: 40px 0 0 135px;
	width: 80px;
	height: 25px;
	float: left;
	display: inline-block;
}
input#ageverDay, input#ageverMonth, input#ageverYear {
	width: 60px;
	height: 70px;
	text-align:center;
	color: #FFF;
	font-size: 16px;
}
/*///////////////////////////////////////////////* ONTRADE - NEW CUSTOMERS */
.leftContainerSidebar, .rightContainerNew {
	float: left;
	width: 210px;
	display: block;
	margin-right: 20px;
}
.leftContainerSidebar {
	color: #FFF;
}
.rightContainerNew {
	width: 730px;
	margin-right: 0;
}
.rightContainerMain {
	width: 680px;
	margin-right: 0;
	background: #FFF url(../images/ontradeNew-wTop.gif) no-repeat 0 0;
	padding: 25px;
}
.rightContainerMainBot {
	width: 730px;
	height: 15px;
	background: url(../images/ontradeNew-wBot.gif) no-repeat 0 0;
	display: block;
	float: left;
}
#ontradeContent {
	background: none;
	margin: 30px auto;
	float: left;
	display: block;
}
.ontradeHeader {
	margin-bottom: 20px;
}
/* ONTRADE - FORM ELEMENTS */
#ontradeNewCustomers input#submit {
	background:url(../images/ontrade-submit.png) no-repeat 0 0;
	width: 92px;
	height: 38px;
	display: block;
	color: #FFF; 
	font: bold 84%;
	border: none;
	cursor: pointer; /* hand-shaped cursor */
}
#ontradeNewCustomers input.textIn {
	background:url(../images/ontrade-input.png) no-repeat 0 0;
	width: 190px;
	height: 37px;
	display: block;
	border: none;
	padding: 5px;
	font-size: 11px;
}
#ontradeNewCustomers textarea.textBox {
	background:url(../images/ontrade-textarea.png) no-repeat 0 0;
	width: 198px;
	height: 78px;
	display: block;
	border: none;
	padding: 5px;
	overflow: hidden;
	font-size: 11px;
}



/*///////////////////////////////////////////////* HOMEPAGE BANNER */

#pixeken {
	position:relative;
	width:960px;
	height:250px;
	overflow:hidden;
}

#pixeken-stage, #pixeken-load, #pixeken-stage {
	position:absolute;
	left:0;
	top:0;
	width:960px;
	height:250px;
}

#pixeken-load {
		background: url(../img/pixeken-load.png) 0 0 no-repeat;
}

#pixeken-stage{
	width:6720px;	
}

.pixeken-tile {
	position:absolute;
}

#pixeken-nav {
	position:absolute;
	right:0;
	top:30px;
	width:107px;
	height:160px;
	background: url(../img/pixeken-menu.png) 0 0 no-repeat;
}

#pixeken-nav ul {
	margin:16px 0 0 24px;
}
#pixeken-stage div {
	width:960px;
	height:250px;
	float:left;
	}
#pixeken-img-ov {background: url(../img/info3.png) 0 0 no-repeat;}
#pixeken-img-gr {background: url(../img/info2.png) 0 0 no-repeat;}
#pixeken-img-po	{background: url(../img/info1.png)  0 0 no-repeat;}
#pixeken-img-op {background: url(../img/info3.png)  0 0 no-repeat;}
#pixeken-img-ma	{background: url(../img/info2.png)  0 0 no-repeat;}
#pixeken-img-am	{background: url(../img/info3.png)  0 0 no-repeat;}
#pixeken-img-st {background: url(../img/info3.png)  0 0 no-repeat;}

#pixeken-nav a.onStage {color:#FFFFFF;}
			


/*///////////////////////////////////////////////* FOOTER VIDEO STREAM  */

#videoContainer {
	padding-top:15px;
}

#videoWrapper {
	width:960px;
	height:125px;
	position:relative;
	
}

#videoStreamL, #videoStreamR {width:100px;height:125px;display:block;text-indent:-99999px;position:absolute;left:0;top:0;
}
#videoStreamL {left:0;background:url(../img/buttons/videoNav.png) 0 0 no-repeat;}
#videoStreamR {left:860px;background:url(../img/buttons/videoNav.png) -100px 0 no-repeat;}

#videoStreamL:hover {background:url(../img/buttons/videoNav.png) 0 -125px no-repeat;}
#videoStreamR:hover {background:url(../img/buttons/videoNav.png) -100px -125px no-repeat;}

#videoStreamL.disabled {background:url(../img/buttons/videoNav.png) 0 0 no-repeat;}
#videoStreamR.disabled {background:url(../img/buttons/videoNav.png) -100px 0 no-repeat;}

#videoStreamL.disabled, #videoStreamL.disabled:hover {background:url(../img/buttons/videoNav.png) 0 -250px no-repeat; cursor:default; }
#videoStreamR.disabled, #videoStreamR.disabled:hover {background:url(../img/buttons/videoNav.png) -100px -250px no-repeat; cursor:default; }
		
#videoMask {
	width:760px;
	height:125px;
	overflow:hidden;
	position:absolute;
	left:100px;
	top:0;
}
#videoStream {position:absolute;left:0;top:0;}
#videoStream .videoThumb {
	width:105px;
	height:105px;
	margin:0 12px;
	display:block;
	text-indent:-99999px;
	padding:10px;
	float:left;
}
#videoStream .videoThumb:hover {
	text-indent:0;	
}
#videoStream .videoThumb strong{
	display:block;
}

#video1{background:url(../img/video1.png) 0 0 no-repeat;}
#video2{background:url(../img/video2.png) 0 0 no-repeat;}
#video3{background:url(../img/video3.png) 0 0 no-repeat;}
#video4{background:url(../img/video4.png) 0 0 no-repeat;}
#video5{background:url(../img/video5.png) 0 0 no-repeat;}

#video1:hover {background:url(../img/video1.png) 0 -142px no-repeat;}
#video2:hover {background:url(../img/video2.png) 0 -142px no-repeat;}
#video3:hover {background:url(../img/video3.png) 0 -142px no-repeat;}
#video4:hover {background:url(../img/video4.png) 0 -142px no-repeat;}
#video5:hover {background:url(../img/video5.png) 0 -142px no-repeat;}

#video-footer .items a{
	display:block;
	width:138px;
	height:148px;
	text-indent:-99999px;
	background-position:0 0;
	background-repeat:no-repeat;
	float:left;
}

#video-footer .items a:hover{
	background-position:0 -210px;	
}

.vfVideo1{background-image:url(../img/video_thumbs/latest_one.png);}
.vfVideo2{background-image:url(../img/video_thumbs/latest_two.png);}
.vfVideo3{background-image:url(../img/video_thumbs/latest_three.png);}
.vfVideo4{background-image:url(../img/video_thumbs/latest_four.png);}
.vfVideo5{background-image:url(../img/video_thumbs/latest_five.png);}
.vfVideo6{background-image:url(../img/video_thumbs/latest_six.png);}
.vfVideo7{background-image:url(../img/video_thumbs/latest_seven.png);}
.vfVideo8{background-image:url(../img/video_thumbs/latest_eight.png);}
.vfVideo9{background-image:url(../img/video_thumbs/latest_nine.png);}
.vfVideo10{background-image:url(../img/video_thumbs/latest_ten.png);}
.vfVideo11{background-image:url(../img/video_thumbs/latest_eleven.png);}
.vfVideo12{background-image:url(../img/video_thumbs/latest_twelve.png);}



/*//////////////////////////////////// SITE MAP */

.third_container {
	width:280px;
	padding:20px;
	float:left;
	
	
}

.two_third_container {
	width:500px;
	padding:20px;
	float:left;
	
}

.quarter_container {
	width:200px;
	padding:20px;
	float:left;
	
}

.three_quarter_container {
	width:680px;
	padding:20px;
	float:left;
	
}

#btnPressReleases {
	display:block;
	width:150px;
	height:45px;
	text-indent:-99999px;
	background: url(../img/btn-pressRelease.png) -5px 0 no-repeat;
}
#btnPressReleases:hover{ background-position: -5px -50px;}

.customerPortal {
	background:url(../img/buttons/btn-customerPortal.png) 0 0 no-repeat;
	height:42px;
	width:126px;
	display:block;
	text-indent:-99999px;
	cursor:pointer;
	
}

.customerPortal:hover {
	background:url(../img/buttons/btn-customerPortal.png) -150px 0 no-repeat;
	
}

#brandChameleon .customerPortal {
	background:url(../img/buttons/btn-customerPortal.png) 0  -100px no-repeat;
	
}
#brandChameleon .customerPortal:hover {
	background:url(../img/buttons/btn-customerPortal.png) -150px -100px no-repeat;
	
}

.employees {
	height:45px;
	width:317px;
	background:url(../img/btn-engagingEmployees.png) 0 0 no-repeat;
}


.cares {
	height:45px;
	width:317px;
	background:url(../img/btn-cares.png) 0 0 no-repeat;
}


.greenCommerce {
	height:45px;
	width:214px;
	background:url(../img/btn-greenCommerce.png) 0 0 no-repeat;
}


.greenBrewery {
	height:45px;
	width:140px;
	background:url(../img/btn-greenBrewery.png) 0 0 no-repeat;
}



.consumption {
	height:45px;
	width:400px;
	background:url(../img/btn-consumption.png) 0 0 no-repeat;
}



div#maincontent div.accordion h3.ui-accordion-header a:hover {background-position:0 -100px}
div#maincontent div.accordion h3.ui-state-active a {background-position:0 -100px}


div#maincontent div.accordion h3.ui-accordion-header a {
	color:#FFF;
	padding: 12px 0 0 20px;
	font-size:14px;
	
}