@charset "utf-8";
/* CSS Document */
html, body {
	padding: 0px; margin: 0px; 
	border: 0px;
}

a, object {
	outline: 0;	
	}

.pageContainer h1, .pageContainer h2, .pageContainer h3, .pageContainer h4, .pageContainer h5, .pageContainer h6 {
	font-family: Helvetica, Arial, sans-serif;
	padding: 0px; margin: 0px;	
	border: 0px;
}
.pageContainer h1 {font-size: 2em;}
.pageContainer h2 {font-size: 1.5em;}
.pageContainer h3 {font-size: 1.2em;}
.pageContainer h4 {font-size: 1.0em;}
.pageContainer h5 {font-size: 0.9em;}
.pageContainer h6 {font-size: 0.8em;}

.pageContainer p {line-height: 1.3em;}
.pageContainer br {line-height: 1em;}
.pageContainer ul, .pageContainer li {list-style-type:none;}

.imageTitle, .imageLink a, a.imageLink {display:block; text-indent:-9999px;}
/* */
.pageContainer, #logo, .btnClick, .btnBogof, #trailer, .btnProdBlu, .btnProdDvd, .contentLeft, .contentMiddle, .contentBottom, .staranim, #lozenge {
	position:absolute; 
}
.outerContainer {
	width:958px; height:2900px;
	margin: 0 auto;
}
.pageContainer {
	font-family: Helvetica, Arial, sans-serif; font-size: 85%;
	width:958px; height:2800px;
	background:url(../images/bg_main.jpg) top left no-repeat;
	}
	
#logo {
	top:0; left:0;
	width:280px; height: 192px;
	background:url(../images/hsm3logo.gif) top left no-repeat;
	z-index:1;
}
/* Rollover buttons */
.btnBogof {
	top:40px; left:657px;
	width:157px; height:185px;
	background:url(../images/img_free-star.png) bottom left no-repeat;
	z-index:3;
	}
.btnBogof h4 {
	display:none;
}

a.btnClick {
	top:0; left:627px;
	width:185px; height:139px;
	background:url(../images/gifs/rossette_gif_build.gif) top left no-repeat;
	z-index:3;
	}
a.btnClick:hover {
	background:url(../images/gifs/rossette_gif_build.gif) bottom left no-repeat;
}
.btnMoreProd {
	width:285px; height:39px;
	margin-bottom: 6px;
	background:url(../images/gifs/more-great-prods.gif) bottom left no-repeat;
	}
.btnMoreProd a {
	background:url(../images/gifs/more-great-prods.gif) top left no-repeat;
	}
.btnSoundtrack {
	width:285px; height:39px;
	background:url(../images/gifs/buy-the-soundtrack.gif) bottom left no-repeat;
	}
.btnSoundtrack a {
	background:url(../images/gifs/buy-the-soundtrack.gif) top left no-repeat;
	}
.btnProdBlu {
	top:202px; left:34px;
	width:144px; height:277px;
	background:url(../images/gifs/preorder2.gif) bottom left no-repeat;
	}
.btnProdBlu a {
	background:url(../images/gifs/preorder2.gif) top left no-repeat;
	}
.btnProdDvd {
	top:202px; left:183px;
	width:142px; height:277px;
	background:url(../images/gifs/preorder.gif) bottom left no-repeat;
	}
.btnProdDvd a {
	background:url(../images/gifs/preorder.gif) top left no-repeat;
	}
.staranim {
	top:434px; left:345px;
	width:478px; height:126px;
	background:url(../images/gifs/flat-for-stars.gif) bottom left no-repeat;
	}
.btnClick a, .btnMoreProd a, .btnSoundtrack a, .btnProdBlu a, .btnProdDvd a {
	display: block;
	width: 100%; height: 100%;
}
.btnClick span, .btnMoreProd span, .btnSoundtrack span, .btnProdBlu span, .btnProdDvd span {
	display:none
}
.btnClick a:hover, .btnMoreProd a:hover, .btnSoundtrack a:hover, .btnProdBlu a:hover, .btnProdDvd a:hover {
	background-image: none;
}

/* */
#trailer {	
	top:135px; left:390px;
	width:373px; height:266px;
	z-index:2;
}	
/* */
.contentLeft {
	top:514px; left:40px;
	width:300px;
	font-size:1.3em; font-weight: 500;
}
.contentLeft strong {
 	color:#da1027;
	text-transform:uppercase;
}
#titleLookWhos{
	width:289px; height:48px;
	background:url(../images/title_lookWhosBack.gif) top left no-repeat;
}
	
/* */
.contentMiddle {
	top:992px; left:95px;
	width:754px; height:260px;
	border:1px solid #d7d7d7;
	border-left:none;
	border-right:none;
}
.contentMiddle img {
		float: left;
}
.contentMiddle h3 {
	margin: 30px 0 0 315px;
}
.contentMiddle p {
	font-size:1.7em; font-weight: bolder;
	text-transform:uppercase; line-height:normal;
	margin-left:315px;	
}
#titleCollecterSet{
	width:331px; height:52px;
	background:url(../images/title_collectorSet.gif) top left no-repeat;
}
#btnBuyNow{
	width:137px; height:38px;
	background:url(../images/btn_buyNow.gif) top left no-repeat;
	}
	
#lozenge {
	top:1256px;
	width: 958px; height: 199px;
	background:url(../images/img_lozenge.png) bottom left no-repeat;
	}
	#lozenge h3, #lozenge p {
		display:none;
	}	
.offer-norm {
	position: absolute;
	top: 112px; right: 0px;
	width:110px; height:105px;
	background:url(../images/bogof.png) bottom right no-repeat;	
}
	
/* */
.contentBottom {
	top:1255px; left:95px;
	width:754px;
	text-align:center;
}
.contentBottom h3 {
	font-size:1.6em; font-weight: bold;
	text-transform:uppercase; line-height:normal;
	margin-top:30px;
}
.contentBottom li {
	position:relative;
	float: left;
	width:151px; height:375px;
	margin:0 10px;
	font-size:1.2em; font-weight:bold; text-transform:uppercase;
}
.btnBuy{
	position:absolute;
	bottom:20px; left:30px;
	display:block; text-indent:-9999px;
	width:90px; height:38px;
	background:url(../images/btn_buy.gif) top left no-repeat;
	}
.copy {
	position:absolute;
	top:2870px; left:40px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.1em; color: #666666;
	}	