@charset "utf-8";
/* CSS Document for Aussie SE global styles. */

*
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: Arial, Helvetica, sans-serif;
	background:#000;
}

img, .pngFix
{
	border: none;
	behavior: url(/scripts/iepngfix.htc);
}

input, object
{
	outline: none;
}

a
{
	outline: none;
}

div.clear
{
	clear: both;
	height: 0px;
	font-size: 0.1em;
	line-height: 0.1em;
	overflow: hidden;
}

div#containerMain
{
	position: relative;
	width: 950px; /* this is forcing the h-scroll in 1024 screens - make 965px and amend the #navBg js to close gap */
	margin: 0 auto;
}

/* Main Navbar section. */

	div#containerHeader
	{
		position: relative;
		width: 935px;
		padding: 12px 0 0 15px;
		z-index: 1;
	}
	
		div#containerHeader img
		{
			width: 120px;
			height: 63px;
			display: block;
		}

		div#bgNav
		{
			position: absolute;
			width: 790px;
			top: 0px;
			left: 160px;
			background: #000;
		}
		
			div#navMinHeight
			{
				float: left;
				width: 1px;
				height: 75px;
				margin: 0 14px 0 0;
			}
			
			div#containerNav
			{
				position: relative;
				float: left;
				width: 760px;
				z-index: 1;
			}
			
				div#containerMustHaves
				{
					position: relative;
					float: right;
					height: 24px;
					margin: 0 0 0 5px;
					padding: 0 10px 0 10px;
					background: #2d2d2d;
					font: 0.7em Helvetica, Arial, sans-serif;
					color: #ccc;
				}
				
					div#containerMustHaves span#noMustHaves
					{
						float: left;
						width: 15px;
						margin: 6px 2px 0 0;
						color: #bc66ff;
						text-align: right;
					}
					
					div#containerMustHaves img#iconMustHaves
					{
						float: left;
						width: 5px;
						height: 14px;
						margin: 3px 7px 0 0;
					}
					
					div#containerMustHaves span#txtMustHaves
					{
						float: left;
						margin: 5px 0 0 0;
						font-family: Arial, Helvetica, sans-serif;
					}
						
						div#containerMustHaves span#txtMustHaves strong
						{
							font-weight: bold;
							color: #fff;
						}
					
					div#containerMustHaves a#txtOpen
					{
						float: left;
						width: 44px;
						margin: 6px 0 0 45px;
						padding: 0 6px 0 0;
						color: #bc66ff;
						text-decoration: none;
						text-transform: uppercase;
						text-align: right;
					}
					
					div#containerMustHaves a#arrowOpen
					{
						float: left;
						width: 12px;
						height: 8px;
						margin: 8px 0 0 0;
					}
					
						div#containerMustHaves a#arrowOpen img
						{
							width: 12px;
							height: 8px;
						}
						
					div#containerMustHaves div#contentMustHaves
					{
						font-family: Arial, Helvetica, sans-serif;
					}
						
						div#containerMustHaves div#contentMustHaves div#signInIntro
						{
							padding: 8px 0;
							border-top: solid 1px #666;
						}
						
							div#containerMustHaves div#contentMustHaves div#signInIntro img
							{
								float: left;
								width: 27px;
								height: 46px;
								margin: 0 8px 0 0;
							}
						
							div#containerMustHaves div#contentMustHaves div#signInIntro p
							{
								float: left;
								width: 175px;
								padding: 4px 0 0 0;
							}
							
						div#containerMustHaves div#contentMustHaves p#loginFailed
						{
							padding: 0 0 8px 0;
							color: #f00;
						}
						
						div#containerMustHaves div#contentMustHaves ul li
						{
							font-family: Arial, Helvetica, sans-serif;
							visibility: visible;
						}
						
						div#containerMustHaves div#contentMustHaves form
						{
							padding: 8px 0 2px 0;
							border-top: solid 1px #666;
							border-bottom: solid 1px #666;
						}
						
							div#containerMustHaves div#contentMustHaves form ul
							{
								list-style-type: none;
							}
							
								div#containerMustHaves div#contentMustHaves form ul li
								{
									margin: 0 0 6px 0;
								}
								
									div#containerMustHaves div#contentMustHaves form ul li label
									{
										float: left;
										margin: 1px 0 0 0;
									}
									
									div#containerMustHaves div#contentMustHaves form ul li input#email
									{
										float: right;
										width: 147px;
										padding: 1px;
										font: 1em Arial, Helvetica, sans-serif;
										border: 1px solid #666;
									}
									
									div#containerMustHaves div#contentMustHaves form ul li div#inputs
									{
										float: right;
										width: 151px;
									}
									
										div#containerMustHaves div#contentMustHaves form ul li div#inputs input#password
										{
											float: left;
											width: 96px;
											padding: 1px;
											font: 1em Arial, Helvetica, sans-serif;
											border: 1px solid #666;
										}
										
										div#containerMustHaves div#contentMustHaves form ul li div#inputs input#signIn
										{
											float: right;
											margin: 1px 0 0 0;
											padding: 0;
											font-size: 1em;
											color: #bc66ff;
											text-transform: uppercase;
											background: none;
											border: none;
											cursor: pointer;
										}
						
						div#containerMustHaves div#contentMustHaves ul#mustHavesLinks
						{
							padding: 8px 0;
							list-style-type: none;
						}
							
							div#containerMustHaves div#contentMustHaves ul#mustHavesLinks li a
							{
								color: #bc66ff;
								text-decoration: none;
							}
							
						div#containerMustHaves div#contentMustHaves ul#listMustHaves
						{
							margin: 0 0 8px 0;
							list-style-type: none;
							border-top: 1px solid #666;
						}
						
							div#containerMustHaves div#contentMustHaves ul#listMustHaves li
							{
								position: relative;
								height: 45px;
								border-bottom: 1px solid #666;
							}
							
								div#containerMustHaves div#contentMustHaves ul#listMustHaves li img
								{
									width: 18px;
									height: 45px;
									display: block;
								}
							
								div#containerMustHaves div#contentMustHaves ul#listMustHaves li a
								{
									position: absolute;
									bottom: 3px;
									left: 20px;
									color: #ccc;
									text-decoration: none;
								}
								
						div#containerMustHaves div#contentMustHaves a#viewAll
						{
							float: right;
							margin: 0 0 8px 0;
							color: #bc66ff;
							text-decoration: none;
						}
				
				div#containerJoinList
				{
					float: right;
					height: 24px;
					padding: 0 10px;
					font: 0.7em Helvetica, Arial, sans-serif;
					background: #2d2d2d;
				}
				
					div#containerJoinList a
					{
						margin: 6px 0 0 0;
						color: #bc66ff;
						text-decoration: none;
						text-transform: uppercase;
						display: block;
					}
					
				div#bgNav ul#nav
				{
					position: absolute;
					bottom: 4px;
					left: 15px;
					width: 820px;
					font: 0.8em "Times New Roman", Times, serif;
					text-transform: uppercase;
					list-style-type: none;
					z-index: 0;
				}
				
					div#bgNav ul#nav li
					{
						float: left;
						margin: 0 15px 0 0;
						padding: 0 0 4px 0;
					}
					
						div#bgNav ul#nav li a
						{
							color: #999;
							text-decoration: none;
						}
						
						div#bgNav ul#nav li a:hover
						{
							color: #fff;
						}
						
					body#home li#navHome, body#collections li#navCollections, body#products li#navProducts, body#meetYourMatch li#navMeetYourMatch, body#theAussieStory li#navTheAussieStory, body#whereToBuy li#navWhereToBuy, body#AussieParty li#navAussieParty, body#Competition li#navCompetition
					{
						border-bottom: 1px solid #fff;
					}
					
						body#home li#navHome a.navOn, body#collections li#navCollections a.navOn, body#products li#navProducts a.navOn, body#meetYourMatch li#navMeetYourMatch a.navOn, body#theAussieStory li#navTheAussieStory a.navOn, body#whereToBuy li#navWhereToBuy a.navOn, body#Competition li#navCompetition a.navOn
						{
							color: #fff;
						}

/* End Main Navbar section. */

	div#containerContent
	{
		position: relative;
		width: 950px;
		padding: 0 0 50px 0;
		z-index: 0;
	}
	
/* Main Footer section. */

div#containerFooter
{
	bottom: 0px;
	left: 0px;
	width: 100%;
	background: #000;
	z-index: 1;
}

	div#contentFooter
	{
		width: 920px;
		margin: 0 auto;
		padding: 6px 15px;
	}
	
		div#contentFooter img
		{
			float: left;
			width: 56px;
			height: 29px;
			margin: 0 7px 0 0;
		}
		
		div#contentFooter p
		{
			float: left;
			margin: 16px 7px 0 0;
			font: 0.6em Arial, Helvetica, sans-serif;
			color: #fff;
		}
		
			div#contentFooter p span
			{
				font-size: 0.9em;
				color: #999;
			}
			
		div#contentFooter ul
		{
			float: right;
			margin: 15px 0 0 0;
			text-transform: uppercase;
			color: #999;
			list-style-type: none;
		}
		
			div#contentFooter ul li
			{
				float: left;
				padding: 0 5px 0 4px;
				font: 0.6em Arial, Helvetica, sans-serif;
				background: url(../images/img-footer-link-separator.gif) right no-repeat;
			}
			
				div#contentFooter ul li a
				{
					color: #999;
					text-decoration: none;
				}
				
			div#contentFooter ul li#terms
			{
				padding: 0 0 0 4px;
				background: none;
			}
				
			div#contentFooter ul li#countrySelect
			{
				position: relative;
				margin: 0 0 0 5px;
				padding: 0 0 0 17px;
				font: 0.7em Arial, Helvetica, sans-serif;
				background: url(../images/icon-flag-uk.gif) left no-repeat;
			}
			
				div#contentFooter ul li#countrySelect a
				{
					padding: 0 14px 0 0;
					background: url(../images/img-up-arrow.gif) right 3px no-repeat;
					display: block;
				}
				
/* End Main Footer section. */

/* TAF overlay. */

div#containerTaf
	{
		position: absolute;
		top: 35px;
		right: 109px;
		width: 205px;
		height: 0px;
		padding: 25px 10px 26px 10px;
		font-size: 0.7em;
		color: #666;
		background: #fff;
		border: 3px solid #e2e2e2;
		display: none;
		z-index: 97;
	}
	
		div#containerTaf span
		{
			position: absolute;
			top: 5px;
			right: 5px;
			font-size: 0.9em;
			color: #970bb3;
			cursor: pointer;
		}
		
		div#containerPreview
		{
			position: absolute;
			top: 25px;
			left: 10px;
			width: 224px;
			background: #fff;
			display: none;
		}
		
		div#contentTaf
		{
			position: absolute;
			top: 25px;
			right: 10px;
			width: 205px;
		}
		
			div#tafScrollPane
			{
				position: relative;
				width: 205px;
				background: #fff;
				overflow: auto;
			}
			
			.jScrollPaneContainer {
				position: relative;
				overflow: hidden;
				z-index: 1;
			}
			
			.jScrollPaneTrack {
				position: absolute;
				cursor: pointer;
				right: 0;
				top: 0;
				height: 100%;
			}
			
			.jScrollPaneDrag {
				position: absolute;
				background: url(../images/scrollbar-small-drag.gif);
				cursor: pointer;
				overflow: hidden;
			}
			
			.jScrollPaneDragTop {
				position: absolute;
				top: 0;
				left: 0;
				overflow: hidden;
			}
			
			.jScrollPaneDragBottom {
				position: absolute;
				bottom: 0;
				left: 0;
				overflow: hidden;
			}
			
			div#contentTaf a.jScrollArrowUp {
				display: block;
				position: absolute;
				z-index: 1;
				top: 0;
				right: 0;
				text-indent: -2000px;
				overflow: hidden;
				background: url(../images/scrollbar-small-up-arrow.gif) top no-repeat;
				height: 10px;
				padding: 0;
			}
			
			div#contentTaf a.jScrollArrowDown {
				display: block;
				position: absolute;
				z-index: 1;
				bottom: 0;
				right: 0;
				text-indent: -2000px;
				overflow: hidden;
				background: url(../images/scrollbar-small-down-arrow.gif) 0 4px no-repeat;
				height: 10px;
				padding: 0;
			}
		
			div#contentTaf h1, div#containerPreview h1
			{
				margin: 0 0 6px 0;
				font-size: 1em;
				font-weight: normal;
				text-transform: uppercase;
			}
			
			div#containerPreview h3
			{
				margin: 0 0 4px 0;
				font-size: 1em;
				font-weight: normal;
			}
			
			div#contentTaf p, div#containerPreview p
			{
				width: 176px;
				margin: 0 0 12px 0;
				font-size: 1em;
			}
			
			div#containerPreview p
			{
				width: 216px;
				margin: 0 0 6px 8px;
			}
			
			div#containerPreview p#messageTxt
			{
				display: none;
			}
			
			div#contentTaf form
			{
				margin: 0 0 12px 0;
				font-size: 1em;
			}
			
			div#contentTaf form ul
			{
				list-style-type: none;
			}
			
			div#contentTaf form ul li
			{
				margin: 0 0 8px 0;
			}
			
			div#contentTaf form ul li label
			{
				display: block;
				margin: 0 0 2px 0;
			}
			
			div#contentTaf form ul li label#labelVerify
			{
				float: left;
				width: 156px;
			}
			
			div#contentTaf form ul li label.error
			{
				display: none;
			}
			
			div#contentTaf form ul li input
			{
				width: 170px;
				padding: 2px;
				font-size: 1em;
				color: #666;
				border: 1px solid #cdcdcd;
			}
			
			div#contentTaf form ul li input#verify
			{
				float: left;
				width: 15px;
				height: 15px;
				margin: 0 5px 0 0;
				padding: 0;
				border: none;
			}
			
			div#contentTaf form ul li textarea
			{
				width: 170px;
				padding: 2px;
				font: 1em Arial, Helvetica, sans-serif;
				color: #666;
				border: 1px solid #cdcdcd;
			}
			
			div#containerTafBtns
			{
				width: 176px;
			}
			
			div#contentTaf a#linkPreview
			{
				float: left;
				margin: 5px 0 0 0;
				padding: 0 0 0 11px;
				font: 0.9em Helvetica, Arial, sans-serif;
				color: #970bb3;
				text-transform: uppercase;
				text-decoration: none; 
				background: url(../images/img-left-arrow.gif) left 1px no-repeat;
			}
			
			div#containerErrors
			{
				margin: 0 0 10px 0;
				padding: 2px;
				font-size: 1em;
				color: #f00;
				display: none;
			}
			
			div#containerErrors h2
			{
				font-size: 1em;
				margin: 0 0 10px 0;
			}
			
			div#containerErrors ul
			{
				margin: 0 0 10px 10px;
				list-style-type: none;
			}
			
			div#contentTaf input#send
			{
				float: right;
				padding: 5px 4px;
				font: 0.9em Helvetica, Arial, sans-serif;
				color: #fff;
				text-transform: uppercase;
				text-decoration: none; 
				background: #9730ac;
				border: none;
				cursor: pointer;
			}
/*BUY PAGE*/

#buy-online-content {
	position:absolute;
	/*left:249px;*/
	left:155px;
	top: 24px;
	height: 95px;
	width: 671px;
}
#buy-online-content {}
#buy-online-content p { margin-left:169px; padding-top:15px; /*width:439px;*/ font-family:arial,helvetica,sans-serif; font-size:11px;}
#buy-online-content #logos { margin:10px 0 0 20px; position:relative; }
#buy-online-content a { position:absolute; }
#buy-online-content #asda { top:24px; left:0px; }
#buy-online-content #boots { top:10px; left:100px; }
#buy-online-content #mySupermarket { top:25px; left:200px; }
#buy-online-content #ocado { top:30px; left:376px; }
#buy-online-content #sainsburys { top:80px; left:20px; }
#buy-online-content #tesco { top:87px; left:230px; }
#buy-online-content h1 { width: 514px; margin: 0 0 9px 0; font: bold 1.9em "Times New Roman", Times, serif; color: #571963; line-height: 1em;text-transform: uppercase; padding-top:54px; font-weight:700;}
#buy-online-content span { color:#9f7fcd; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:700;}
#buy-online-content .titleContent { margin: 0 0 9px 0; padding-top:54px; margin-left:113px;}

.logosWhereToBuyContent { width:628px; _width:648px; padding-top:20px; margin-left:182px;}
.logosWhereToBuyContent .logosBox { width:192px; height:115px; border-bottom:1px solid #d5d5d5; border-top:1px solid #d5d5d5; margin-left:17px; float:left;}
.logosWhereToBuyContent .logosBox2 { width:192px; height:115px; border-bottom:1px solid #d5d5d5; margin-left:17px; float:left;}
.logosWhereToBuyContent .logosBoxSpace { width:192px; height:115px; margin-left:17px; float:left;}

/*WIDGET*/

#widgetFrizz {
	position:absolute;
	left:520px;
	top:330px;
	_top:370px;
	width:335px;
	height:212px;
}

/* limited edition cta */

.blockLimitedEdition {position:absolute;top:18px; left:38px; z-index:500;}
#containerProducts .blockLimitedEdition {position:absolute;top:18px; left:35px; z-index:500; display:none;}