/*******************************************************
* General
*******************************************************/

/* taking out default background image 
body#pghomepage {
	background: url(/wcsstore/Selfridges/images/backgroundimg.jpg) no-repeat 50% 78px;
}
*/

/* analytics - causes layout problems */
body#pghomepage iframe {
	position: absolute;
	bottom: 0; 
}

#promotions {
	position: relative;
}

body#pghomepage #promotions {
	height: 500px;	
}

#promotions ol, #promotions ul {
	list-style-type: none;
}

.cs {
	position: absolute;
	display: block;
	/* default height and width */
	height: 190px;
	width: 220px;
	background-color: transparent;
}

/*******************************************************
* Template 1
*******************************************************/

body.hpTemplate1 .spot1 {
	height:722px;
	width:922px;
}
body.hpTemplate1 .spot2,
body.hpTemplate1 .spot3,
body.hpTemplate1 .spot4,
body.hpTemplate1 .spot5,
body.hpTemplate1 .spot6,
body.hpTemplate1 .spot7,
body.hpTemplate1 .spot8,
body.hpTemplate1 .spot9,
body.hpTemplate1 .spot10,
body.hpTemplate1 .spot11,
body.hpTemplate1 .spot12 {
	display: none;
}

/*******************************************************
* Template 2
*******************************************************/

body.hpTemplate2 .spot1 {
	height:405px;
	left:480px;
	width:460px;
}

body.hpTemplate2 .spot2{
	top:430px;
}

body.hpTemplate2 .spot3{
	left:240px;
	top:430px;
}

body.hpTemplate2 .spot4{
	left:480px;
	top:430px;
}

body.hpTemplate2 .spot5{
	left:720px;
	top:430px;
}

body.hpTemplate2 .spot6,
body.hpTemplate2 .spot7,
body.hpTemplate2 .spot8,
body.hpTemplate2 .spot9,
body.hpTemplate2 .spot10,
body.hpTemplate2 .spot11,
body.hpTemplate2 .spot12 {
	display: none;
}

/*******************************************************
* Template 3
*******************************************************/

body.hpTemplate3 .cs {
	height: 120px;
	width: 120px;
	overflow: hidden;
}

body.hpTemplate3 .spot1 {
	right: 0;
	top: 340px;
}

body.hpTemplate3 .spot2{
	right: 120px;
	top: 340px;
}

body.hpTemplate3 .spot3{
	right: 240px;
	top: 340px;
}

body.hpTemplate3 .spot4{
	right: 360px;
	top: 340px;
}

body.hpTemplate3 .spot5{
	right: 0;
	top: 220px;
}

body.hpTemplate3 .spot6{
	right: 120px;
	top: 220px;
}

body.hpTemplate3 .spot7{
	right: 240px;
	top: 220px;
}

body.hpTemplate3 .spot8{	
	right: 0;
	top: 100px;
}

body.hpTemplate3 .spot9 {
	right: 120px;
	top: 100px;
}

body.hpTemplate3 .spot10 {
	right: 360px;
	top: 220px;
}

body.hpTemplate3 .spot11 {
	right: 240px;
	top: 100px;
}

body.hpTemplate3 .spot12 {
	right: 360px;
	top: 100px;
}


/*******************************************************
* Template 4
*******************************************************/

body.hpTemplate4 .spot1 {
	left: 480px;
}

body.hpTemplate4 .spot2 {
	height:405px;
	left:720px;
}

body.hpTemplate4 .spot3 {
	left:480px;
	top:215px;
}

body.hpTemplate4 .spot4 {
	top:430px;
}

body.hpTemplate4 .spot5 {
	left:240px;
	top:430px;
}

body.hpTemplate4 .spot6 {
	left:480px;
	top:430px;
}

body.hpTemplate4 .spot7 {
	left:720px;
	top:430px;
}

body.hpTemplate4 .spot8,
body.hpTemplate4 .spot9,
body.hpTemplate4 .spot10,
body.hpTemplate4 .spot11,
body.hpTemplate4 .spot12 {
	display: none;
}


/*******************************************************
* Template 5
*******************************************************/

body.hpTemplate5 .spot1 {
	top:430px;
	width:942px;
}

body.hpTemplate5 .spot2,
body.hpTemplate5 .spot3,
body.hpTemplate5 .spot4,
body.hpTemplate5 .spot5,
body.hpTemplate5 .spot6,
body.hpTemplate5 .spot7,
body.hpTemplate5 .spot8,
body.hpTemplate5 .spot9,
body.hpTemplate5 .spot10,
body.hpTemplate5 .spot11,
body.hpTemplate5 .spot12 {
	display: none;
}

/*******************************************************
* Template 6
*******************************************************/

body.hpTemplate6 .spot1 {
	top:215px;
}

body.hpTemplate6 .spot2{
	top:430px;
}

body.hpTemplate6 .spot3{
	left:240px;
	top:215px;
}

body.hpTemplate6 .spot4{
	left:240px;
	top:430px;
}

body.hpTemplate6 .spot5{
	height:405px;
	left:480px;
	width:460px;
	top:215px;
}

body.hpTemplate6 .spot6,
body.hpTemplate6 .spot7,
body.hpTemplate6 .spot8,
body.hpTemplate6 .spot9,
body.hpTemplate6 .spot10,
body.hpTemplate6 .spot11,
body.hpTemplate6 .spot12 {
	display: none;
}