html, body {
    height: 100%;
}

body {
	background: #2b0f0f url(/images/common/page_background.png) top center repeat-x;
	
}

#Wrapper {
    margin: 0 auto;
    width: 960px;
    height: 927px;
    background: url(/images/common/temp_background.png) top center no-repeat;
    position: relative;
}

#Header #Logo {
	top:25px;
	left:100px;
	position:relative;
    margin: 0;
}

#Header #Logo a {	
	display:block;
	text-indent:-99999px;
    width: 123px;
    height: 68px;
    background: url(/images/en/breyers-logo.png) top center no-repeat;
}

#Header h2.newflavours {
	top:13px;
	left:90px;
	position:relative;
	text-indent:-99999px;
    width: 235px;
    height: 89px;
    background: url(/images/en/smooth&dreamy.png) top center no-repeat;
}

#Header p {
	position:absolute;
	top:133px;
	right:70px;
	width:580px;
	font-size:17px;
	text-indent:-99999px;
    width: 536px;
    height: 51px;
	padding:0;
    background: url(/images/en/smooth&dreamy_text.png) top center no-repeat;
}

p.comingSoon {
	text-indent:-99999px;
	width:441px;
	height:18px;
	float:right;
	clear:both;
	margin-top:20px;
	background: url(/images/en/checkbacksoon.png) top left no-repeat;
}

div.pureJoy {
	text-indent:-99999px;
	width:132px;
	height:101px;
	position:absolute;
	bottom:0;
	right:0;
	background: url(/images/en/pure-joy.png) top left no-repeat;	
}

#Tubs {
	top:30px;
	position:relative;
	z-index:5;
}

#Bars {
	width:500px;
	position:relative;
	z-index:0;
}

#Tubs dt {
	width:830px;
	background: url(/images/en/containers.png) top left no-repeat;
}

#Bars dt {
	width:497px;
	background: url(/images/en/bars.png) top left no-repeat;
}

dl.thumbs {
	float:right;
	position:relative;
	clear:both;
	padding:0;
	margin:20px 35px 25px 0;
}

dl.thumbs img {
	width: 140px; 
	height: 122px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	position: absolute;
	left: 0; top: 0;
	z-index:2;
}

/*
dl.thumbs img.hover {
	background: url(/images/common/shadow.png) top center no-repeat;
}
*/

dl.thumbs dt {
	margin-bottom:20px;
	height:20px;
	display:block;
	text-indent:-99999px;
}

dl.thumbs dd {
	width:140px;
	height:150px;
	display:block;
	float:left;
	margin-right:25px;
	padding:0;
	text-align:center;
	position:relative;
}

dl.thumbs dd a {
	color:#3a0e60;
	text-decoration:none;
	font-size:11px;
}

dl.thumbs dd a em {
	font-style:normal;
	text-align:center;
	position:absolute;
	top:123px;
	left:0;
	width:140px;
	z-index:0;
}


#Footer {
	margin:10px auto 0;
	padding:0 0 40px;
	width:940px;
}

#Footer li {
	list-style:none;
	float:left;
	padding:0;
	margin:0 4px 0;
	color:#ede3b4;
	font-size:11px;
}

#Footer li.last {
	float:right;
	margin: 0;
}

#Footer li a {
	text-decoration:none;
	color:#ede3b4;
}

#Footer li a:hover {
	text-decoration:underline;
}

.floatLeft {
	float:left !important;
}

.floatRight {
	text-align:right !important;
}

.transparent {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}