﻿/*Pixie Festival CSS, see below for Pixie Party*/
#outerDiv{
	background-image: url("http://end-yuws01.dmz.next-uk.next.loc/imagestore/imagesA/CMSImages/Landing/Pixie_LandingPageFestival.jpg");
	min-height: 474px;
}
/*IE6 hack*/
*html #outerDiv{
	height: 474px;
}
#TitleLink a{
	position: absolute;
	top: 27px;
	left: 236px;
	width: 574px;
	height: 88px;
	opacity: 0;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	background-image: url("/_assets/images/skin/bg/singleDot.png");
}
#subTitleLink a{
	position: absolute;
	top: 164px;
	left: 444px;
	width: 267px;
	height: 42px;
	opacity: 0;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	background-image: url("/_assets/images/skin/bg/singleDot.png");
}
#leftProd a{
	position: absolute;
	top: 295px;
	left: 366px;
	width: 153px;
	height: 143px;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	background-image: url("/_assets/images/skin/bg/singleDot.png");
}
#secondProd a{
	position: absolute;
	top: 258px;
	left: 490px;
	width: 139px;
	height: 150px;
	z-index: 3;
	opacity: 0;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	background-image: url("/_assets/images/skin/bg/singleDot.png");
}
#thirdProd a{
	position: absolute;
	top: 236px;
	left: 636px;
	width: 177px;
	height: 200px;
	z-index: 4;
	opacity: 0;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	background-image: url("/_assets/images/skin/bg/singleDot.png");
}
#topProd a{
	position: absolute;
	top: 124px;
	left: 812px;
	width: 135px;
	height: 148px;
	z-index: 5;
	opacity: 0;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	background-image: url("/_assets/images/skin/bg/singleDot.png");
}
#bottomProd a{
	position: absolute;
	top: 300px;
	left: 810px;
	width: 151px;
	height: 146px;
	z-index: 6;
	opacity: 0;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	background-image: url("/_assets/images/skin/bg/singleDot.png");
}
/*Pixie Party CSS*/
#HolderDiv{
	background-image: url("http://end-yuws01.dmz.next-uk.next.loc/imagestore/imagesA/CMSImages/Landing/Pixie_LandingPageParty.jpg");
	min-height: 474px;
}
/*IE6 hack*/
*html #HolderDiv{
	height: 474px;
}
#TitleDivLink a{
	position: absolute;
	top: 7px;
	left: 308px;
	width: 385px;
	height: 200px;
	opacity: 0;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	background-image: url("/_assets/images/skin/bg/singleDot.png");
}
#SecondTitleDivLink a{
	position: absolute;
	top: 369px;
	left: 395px;
	width: 258px;
	height: 45px;
	opacity: 0;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	background-image: url("/_assets/images/skin/bg/singleDot.png");
}
#bottomLeftProductDivLink a{
	position: absolute;
	top: 197px;
	left: 668px;
	width: 132px;
	height: 242px;
	z-index: 3;
	opacity: 0;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	background-image: url("/_assets/images/skin/bg/singleDot.png");
}
#topLeftProductDivLink a{
	position: absolute;
	top: 12px;
	left: 716px;
	width: 135px;
	height: 251px;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	background-image: url("/_assets/images/skin/bg/singleDot.png");
}
#MiddleRightProductDivLink a{
	position: absolute;
	top: 136px;
	left: 800px;
	width: 168px;
	height: 258px;
	z-index: 4;
	opacity: 0;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	background-image: url("/_assets/images/skin/bg/singleDot.png");
}
/*--------------       HOME PAGE CSS          -----------------*/
/*IE6 hack*/
.homePageMainDiv{
	min-height: 1117px;
}
*html .homePageMainDiv{
	height: 1117px;
}
#BigImageDiv{
	position: absolute;
	top: 328px;
	left: 20px;
}
#SmallImageDiv{
	position: absolute;
	left: 467px;
	top: 792px;
}
#leftPromoSpot a{
	position: absolute;
	left: 14px;
	top: 781px;
	width: 197px;
	height: 312px;
	opacity: 0;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	background-image: url("/_assets/images/skin/bg/singleDot.png");
}
#rightPromoSpot a{
	position: absolute;
	left: 211px;
	top: 781px;
	width: 200px;
	height: 260px;
	opacity: 0;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	background-image: url("/_assets/images/skin/bg/singleDot.png");
}
#productSpot1HP a{
	position: absolute;
	left: 810px;
	top: 320px;
	width: 125px;
	height: 196px;
	opacity: 0;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	background-image: url("/_assets/images/skin/bg/singleDot.png");
}
#productSpot2HP a{
	position: absolute;
	left: 805px;
	top: 518px;
	width: 126px;
	height: 191px;
	opacity: 0;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	background-image: url("/_assets/images/skin/bg/singleDot.png");
}
#productSpot3HP a{
	position: absolute;
	left: 798px;
	top: 709px;
	width: 128px;
	height: 196px;
	opacity: 0;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	background-image: url("/_assets/images/skin/bg/singleDot.png");
}
#productSpot4HP a{
	position: absolute;
	left: 790px;
	top: 908px;
	width: 129px;
	height: 195px;
	opacity: 0;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	background-image: url("/_assets/images/skin/bg/singleDot.png");
}
#PixieWebsite a{
	position: absolute;
	left: 269px;
	top: 1043px;
	width: 175px;
	height: 61px;
	opacity: 0;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	background-image: url("/_assets/images/skin/bg/singleDot.png");
}
#facebookLink a{
	position: absolute;
	top: 1037px;
	left: 446px;
	width: 153px;
	height: 65px;
	opacity: 0;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	background-image: url("/_assets/images/skin/bg/singleDot.png");
}
#twitterLink a{
	position: absolute;
	top: 1041px;
	left: 600px;
	width: 168px;
	height: 65px;
	opacity: 0;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	background-image: url("/_assets/images/skin/bg/singleDot.png");
}
/*temp only for testing*/
.minimalNewsletter{
	position: absolute;
	top: 376px;
	left: 466px;
}
#miniBlog{
	position: absolute;
	background-color: Transparent;
	width: 250px;
	height: 150px;
	padding-left: 4px;
	padding-top: 2px;
	top: 545px;
	left: 460px;
}
#miniBlog h1 a{
	font-family: Arial;
	font-size: small;
	font-weight: bold;
	color: #ff116f;
	text-decoration: underline;
	margin-top: 5px;
	float: none;
}
#miniBlog a{
	color: White;
	font-size: x-small;
	text-decoration: underline;
	float: right;
	margin-top: -5x;
}
#miniBlog p{
	color: White;
	font-size: x-small;
}
#BlogTitle a{
	position: absolute;
	top: 468px;
	left: 461px;
	width: 245px;
	height: 77px;
	opacity: 0;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	background-image: url("/_assets/images/skin/bg/singleDot.png");
}
.miniBlogItem
{
    clear: both;
}
#RssLink a{
	position: absolute;
	top: 724px;
	left: 462px;
	width: 207px;
	height: 32px;
	opacity: 0;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	background-image: url("/_assets/images/skin/bg/singleDot.png");
}
#BannerHolder img{
	position: absolute;
	top: 7px;
	left: 9px;
}
#slider{
	width: 946px; /* important to be same as image width */
	height: 301px; /* important to be same as image height */
	position: absolute; /* important */ /*overflow: hidden; /* important */
}
#sliderContent{
	width: 410px; /* important to be same as image width or wider */
	position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage{
	float: left;
	position: relative;
	display: none;
}
.sliderImage span{
	position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
	font-size: small;
	padding: 10px 13px;
	width: 946px;
	background-color: #000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	color: #fff;
	display: none;
}
.clear{
	clear: both;
}
.sliderImage span strong{
	font-size: 14px;
}
.top{
	top: 0;
	left: 0;
}
.bottom{
	bottom: 0;
	left: 0;
}
.pixieButtons{
	float: right;
}
ul{
	list-style-type: none;
}
.breadcrumbs{
	visibility: hidden;
}
#slideshow{
	height: 262px;
    padding: 0;
    margin:  0 auto;
    position: relative; 
    z-index: 0;
    overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */
    background-color: Black;
}
#slideshow IMG{
    width: 960px;
    height: 264px;
    top:  0;
    left: 0;
}
#slideshow IMG.active{
    z-index: 1;
    height: 264px;
}
#slideshow IMG.last-active{
    z-index: 0;
}
#signup{
    visibility : hidden;
}
.transProd a{
    position : absolute;
    opacity:0;
    filter:alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity:0;
    background-image : url("/_assets/images/skin/bg/singleDot.png");
}
#shadowBox{
	background-color: Black;
	color: white;
	z-index: 0;
	position: absolute;
	top: 262px;
	height: 50px;
	width: 960px;
	opacity: 0.66;
}
#shadowBox p{
    float: left;
    padding:20px 0px 0px 0px;
}
