/* Page Content*/

/* TOC

1: - Global Styles

	1.1: - General
	1.2: - Headings
	1.3: - Forms
	1.4: - Buttons
		1.4.1: - Light Buttons (Default)
		1.4.2: - Medium Button
		1.4.3: - Dark Buttons
		1.4.4: - Lighter Buttons
		
	1.5: - Lists
	1.6: - Tables
	1.7: - Tooltip Styles (jHelperTip)
	1.8: - Tip, Info and Error Boxes
	
2: - Members Bar

3: - Header

4: - Homepage

5: - Content

	5.1: - General	
		5.1.1: - Submenu
		5.1.2: - Scroll Panel
		5.1.3: - Animated Plus Tips	
		5.1.4: - Product Details Card
		5.1.5: - Draggable Image Panel
		5.1.6: - Wear It With Panel
					
	5.2: - Products Landing Page
	5.3: - Products Browse Page
	5.4: - Product Details Page
	5.5: - Checkout Pages
		5.5.1: - Shopping Bag
		5.5.2: - Customer Info
		5.5.3: - Payment Details
		5.5.4: - Receipt
		
	5.6: - Store Locator Page
	5.7: - Key Looks Page
	5.8: - My Account Page
	5.9: - Jeanswest Plus Page
	5.10: - My Account Edit Page / Jeanswest Plus Sign Up Page
	5.11: - My Denim Match Page
	5.12: - FAQ Page
	5.13: - Charity Page
	5.14: - Denim Expert Page
	5.15: - General Content Page
	5.16: - Contact Us Page
	5.17: - Forgot Password Page
	5.18: - formAlerts

6: - Promos

7: - Footer

8: - sIFR

*/


/* 1 :-------- Global Styles ------------ */
		
	/* 1.1 : -------- General ------------ */
		body {
			background: #e7dfca url(/Images/backgrounds/background.gif) repeat 0 0;
			margin: 0;
			padding: 0;
			font-size: 69%;
			}
			
		body, td, th {
			font-family: Arial, Helvetica, sans-serif;
			color: #363636;
			}
			
		a {
			color: #0080b9;
			text-decoration: none;
			}
			
		a:hover {
			text-decoration: underline;
			}
			
		a img {
			border: none;
			}
			
		p {
			margin: 0;
			padding: 0 0 0.72em 0;
			}
		.clear{
			clear:both;
			}
		
	/* 1.2 : -------- Headings ------------ */						
		h1 {
			font-size: 2.18em;
			line-height: 1.2em;
			font-weight: normal;
			color: #000;
			margin: 0 0 0.8em 0;
			padding: 0;
			}
			
		h2 {
			font-size: 1.8em;
			/*letter-spacing: -1px;*/
			line-height: 1em;
			font-weight: normal;
			color: #000;
			margin: 0 0 0.6em 0;
			padding: 0;
			}
			
		h3 {
			font-size: 1em;
			line-height: 1.2em;
			font-weight: bold;
			background: url(/Images/elements/dottedLineThick.gif) repeat-x 0 bottom;
			margin: 0 0 0.8em 0;
			padding: 0 0 0.5em 0;
			}
			
		h4 {
			font-size: 1em;
			line-height: 1.2em;
			font-weight: bold;
			margin: 0.64em 0 0.54em 0;
			padding: 0;
			}
		
	/* 1.3 : -------- Forms ------------ */			
		form {
			margin: 0;
			padding: 0;
			}
			
		input, select, textarea {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1em;
			font-weight: normal;
			color: #363636;
			border: 1px solid #999;
			background-color: #f5f5f5;
			margin: 0 0 7px 0;
			}
			
		select {
			width: 148px;
			padding-left: 1px;
			}
		input, textarea {
			padding: 2px 3px;
			width: 140px;
			}
		textarea {
			height: 68px;
			}
			
		input.checkOrOption, .formRow.checkboxes input {
			border: none;
			background: none;
			width: 14px;
			height: 14px;
			padding: 0;
			}
			
		.formSection {
			/*position: relative;*/
			}
		.addressHeading {
			position: relative;
			}
			
		.formSectionSecondary {
			margin-top: 27px;
			}
		
		.formSection h3 {
			
			}
		.formHeaderField {
			position: absolute;
			top: 0;
			right: 0px;
			width: 148px;
			overflow: hidden;
			}
			
		.formHeaderField input, .formHeaderField label, .formHeaderField a {
			float: left;
			margin-right: 4px;
			line-height: 14px;
			}
			
		.formHeaderField a {
			color: #999;
			text-decoration: underline;
			padding-left: 8px;
			}
			
		.formHeaderField a:hover {
			color: #676767;
			}
		.formRow { 
			padding-left:124px; 
			/*position:relative;*/
			min-height:1%; /* min-height for IE7 hack */
			}
		.addressControl { /*position:relative; z-index:100;*/ }
		.addressControl .formRow{
			/*position:relative;*/
			}
		.formRow label{
			float:left;
			display:block;
			width:117px;
			margin-left:-124px;
			}
		.formRow input, .formRow select, .formRow select{
			width:auto;
			width:140px;
			z-index:200;
			}
		.addressControl .suggestions{
			z-index:300;
			}
		
		.formRowText {
			display: block;
			margin: 0 0 3px;
			}
		
		/* radio buttons */
		div.radio{
			overflow:hidden;
			padding-bottom:10px;
			min-height:1%;
			}
		div.radio .required
		{
			left:112px;
			top:2px;
			}
		div.radio label{
			}
		div.radio label.radio{
			float:left;
			margin:0 15px 0 5px;
			width:auto;
			}
		div.radio label.radio input{
			width:auto;
			border:none;
			margin:0;
			vertical-align:middle;
			}
		
		.formRow .required
		{
			width:9px;
			height:9px;
			display:block;
			/*position:absolute;
			left:112px;
			top:4px;
			margin:0;*/
			float:left;
			margin:-22px 0 0 -12px;
			background:url('/Images/elements/star.gif') 0 0 no-repeat;
			}
			
		.formRow div.not{
			background: none;
			display: none;
		}
		select.halfWidth {
			width: 72px;
			}
		input.halfWidth, textarea.halfWidth {
			width: 64px;
			}
		
		.formRow select.halfWidth, .formRow input.halfWidth, .formRow textarea.halfWidth {
			/*margin-right: 76px;*/
			display: inline; /* To stop IE6 double margin bug */
			}
			
		.formRow select.halfWidth.firstItem, .formRow input.halfWidth.firstItem, .formRow textarea.halfWidth.firstItem {
			margin-right: 1px;
			}
			
		.formRow select.halfWidth.secondItem, .formRow input.halfWidth.secondItem, .formRow textarea.halfWidth.secondItem {
			margin-right: 0;
			}
			
		.formRequiredCaption {
			position: absolute;
			top: 0;
			left: 112px;
			overflow: hidden;
			background: url(/Images/elements/star.gif) no-repeat 0 2px;
			padding-left: 10px;
			color: #999;
			}
			
		.formRow span.error {
			clear: both;
			display: block !important;
			margin-bottom:7px;
			margin-top:-7px;
			}
		.formRow .dob .required {
			float:left;
			top:0;
			margin-top:5px;
			}
			
		.formRow.checkboxes label {
			float: right;
			width: 131px;
			margin: 5px 0 0 3px;
			}
			
		.formRow.checkboxes input {
			margin-top: 5px;
			}
			
		/*.formRow.checkboxes label {
			float: left;
			width: 264px;
			margin: 5px 0 0 6px;
			}
			
		.formRow.checkboxes input {
			float: left;
			margin-top: 5px;
			}*/
			
		.formErrors .formRow div.required {
			background-image: none;
			}
			
		.formErrors .formRow div.error {
			background-image: url(/Images/elements/exclamationRed.gif);
			background-repeat:no-repeat;
			/*padding-left:6px;*/
			left:116px;
			}
			
		.formRow .required.errorRed {
			background-image: url(/Images/elements/exclamationRed.gif);
			left:116px;
			}
			
		.formErrors .formRequiredCaption {
			display: none;
			}
		.formRow.ajxSuburbPostcode {
			padding-bottom: 70px;
			}

		.formRow .suggestions {
			background-color: #DDDDDD;
			display: none;
			margin-left: 124px;
			margin-top:0em;
			position: absolute;
			padding:8px;
			top:0;
			width: 132px;
			z-index:200;
			}
			.formRow .suggestions li{
				background:none;
				padding:0 0 2px;
				margin-right:8px;
				}	
		
		.formRow .suggestions strong {
			float: left;
			width: 100px;
			}
			
		.formRow .suggestions .close {
			color: #000000;
			position:absolute;
			top:8px;
			right:8px;
			display:block;
			text-indent:-9999em;
			width:8px;
			height:8px;
			overflow:hidden;
			background:url('/images/icons/close.png') 0 0 no-repeat;
			}
		
		.formRow .suburb {
			right:-138px;
			}
		.formRow .postcode {
			right:-60px;
			}
		.formRow .suggestions ul {
			clear: both;
			text-transform: capitalize;
			}
		.formRow .popper {
			display: block;
			margin-bottom: 6px;
			}
		
	/* 1.4 : -------- Buttons ------------ */
		.buttonRow {
			overflow: hidden;
			margin: 0 0 4px;
			padding: 0 !important;
			height:21px;
			}
			
		.buttonRow a {
			float: left;
			background: url(/Images/buttons/buttonLight_right.gif) no-repeat right 0;
			padding-right: 4px;
			margin: 0 4px 0 0;
			color: #fff !important;
			text-decoration: none !important;
			font-weight: bold;
			}
			
		.buttonRow a span {
			float: left;
			height: 13px;
			background: url(/Images/buttons/buttonLight_arrow.gif) no-repeat 0 0;
			padding: 4px 12px 4px 27px;
			cursor: pointer;
			white-space: nowrap;
			}
			
		.buttonRow a:hover {
			text-decoration: none;
			background-position: right -21px;
			}
			
		.buttonRow a:hover span {
			background-position: 0 -21px;
			}
			
		/* 1.4.1 : -------- Light Buttons (Default) ------------ */
			.buttonRow a.flipButton:hover{
				background-position:right -21px;
				}
			.buttonRow .flipButton span {
				background-image: url(/Images/buttons/buttonLight_flip.gif);
				}
				
			.buttonRow .backButton span {
				background-image: url(/Images/buttons/buttonLight_back.gif);
				}

			.buttonRow .plusButton span {
				background-image: url(/Images/buttons/buttonLight_plus.gif);
				}
			
		/* 1.4.2 : -------- Medium Buttons ------------ */				
			.buttonRow.mediumButtons a {
				background-image: url(/Images/buttons/buttonMedium_right.gif);
				}
				.buttonRow.mediumButtons a:hover{
					background-position:100% -21px;
					}
				
			.buttonRow.mediumButtons a span {
				background-image: url(/Images/buttons/buttonMedium_arrow.gif);
				}
				
			.buttonRow.mediumButtons .backButton span {
				background-image: url(/Images/buttons/buttonMedium_back.gif);
				}
			
		/* 1.4.3 : -------- Dark Buttons ------------ */	
				
			.buttonRow.darkButtons a {
				background-image: url(/Images/buttons/buttonDark_right.gif);
				}
				.buttonRow.darkButtons a:hover{
					background-position:100% -21px;
					}
				
			.buttonRow.darkButtons a span {
				background-image: url(/Images/buttons/buttonDark_arrow.gif);
				}
				
			.buttonRow.darkButtons .flipButton span {
				background-image: url(/Images/buttons/buttonDark_flip.gif);
				}
			.buttonRow.darkButtons a.plusButton,
			.buttonRow.darkButtons a.arrowButton{
				text-transform:uppercase;
				}	
			.buttonRow.darkButtons .plusButton span {
				background-image: url(/Images/buttons/buttonDark_plus.gif);
				}
			.buttonRow.darkButtons .arrowButton span {
				background-image: url(/Images/buttons/buttonDark_arrow.gif);
				}
				
			.productControlButtons .buttonRow.darkButtons.checkout .arrowButton {
				text-transform: none;
				}
			.productControlButtons .buttonRow.darkButtons.checkout .arrowButton .qtyDetails,
			.productControlButtons .buttonRow.darkButtons.checkout .arrowButton .qty {
				background: none;
				float: none;
				padding: 0;
				color: #B7B7B7;
				font-weight: normal;
				}

			.productControlButtons .addCartButton span.added,
			.productControlButtons .addCartButton span.outofStock{
				height:21px;
				padding-right:4px;
				font-weight:bold;
				float:left;
				color:#fff;
				background:url(/Images/buttons/buttonDark_right.gif) 100% 0 no-repeat;
				}
				.productControlButtons .addCartButton span.added span,
				.productControlButtons .addCartButton span.outofStock span{
					float:left;
					height:13px;
					padding:4px 12px 4px 27px;
					white-space:nowrap;
					background:url(/Images/buttons/buttonDark_added.gif) 0 0 no-repeat;
					}
			.productControlButtons .buttonRow.addCartButton span.outofStock{
				background: url(/Images/buttons/buttonLighter_right.gif) 100% 0 no-repeat;
				}
				.productControlButtons .addCartButton span.outofStock span{
					background: url(/Images/buttons/buttonLighter_plus.gif) 0 0 no-repeat;
					}	
				
				
		/* 1.4.4 : -------- Lighter Buttons ------------ */	

			.buttonRow.lighterButtons a {
				background-image: url(/Images/buttons/buttonLighter_right.gif);
				}

			.productControls .buttonRow.lighterButtons span {
				background-image: url(/Images/buttons/buttonLighter_plus.gif);
				}
			
			.buttonRow.lighterButtons a:hover {
				text-decoration: none;
				background-position: right 0px;
				}
				
			.buttonRow.lighterButtons a:hover span {
				background-position: 0 0;
				}
		
	/* 1.5 : -------- Lists ------------ */		
		ul {
			list-style: none;
			margin: 0;
			padding: 0;
			}
			
		ul li {
			background: url(../Images/bullets/bullet.gif) no-repeat 0 3px;
			padding: 0 0 6px 13px;
			}
			
		ol {
			margin: 0 0 0 2em;
			padding: 0;
			list-style-position: outside;
			}
			
		ol li {
			padding: 0 0 6px 0;
			}
		
	/* 1.6 : -------- Tables ------------ */
		table {
			width: 100%;
			}
		
		th {
			vertical-align: top;
			text-align: left;
			padding: 0 12px 0.27em 0;
			background: url(/Images/elements/dottedLineThin.gif) repeat-x 0 bottom;
			}
			
		td {
			vertical-align: top;
			padding: 0.27em 12px 0.36em 0;
			background: url(/Images/elements/dottedLineThin.gif) repeat-x 0 bottom;
			}
				
	/* 1.7 : -------- Tooltip Styles (jHelperTip) ------------ */	
		#jHelperTipAttrContainer {
			display: none;
			border: 1px solid #282828;
			background-color: #333;	
			padding: 4px 8px 5px 8px;
			color: #fff
			}
		
		#jHelperTipContainer {
			display:none;
			}
			
	/* 1.8 : -------- Tip, Info and Error Boxes ------------ */
		.tipBox, .infoBox, .errorBox, .alertBox {
			border: 1px solid #eaeaea;
			background-color: #fbfbfb;
			padding: 6px 8px 0 8px;
			margin-bottom: 15px;
			}
		.tipBox {
			background: #fbfbfb url(/Images/bullets/bullet.gif) no-repeat 8px 8px;
			color: #676767;
			}
		.errorBox {
			/*background: #fbfbfb url(/Images/elements/exclamationRed.gif) no-repeat 9px 8px;
			border-color: #d9d9d9;*/
			/*color: #aa3636;*/
			}
		.alertBox {
			/*background: #fbfbfb url(/Images/elements/exclamation.gif) no-repeat 9px 8px;
			border-color: #d9d9d9;*/
			}
		.errorBox, .alertBox{
			background:none;
			border:none;
			}
		.tipBox h4, .infoBox h4, .errorBox h4, .alertBox h4 {
			margin-top: 0;
			}
		.tipBox h4, .errorBox h4, .errorBox p, .alertBox h4, .alertBox p {
			margin-left: 11px;
			}
		.content .productDetailsCardContent .alerts{
			opacity:0;
			}
		.content .formArea .countryFormRow .alertBox,
		.content .productDetailsCardContent .alertBox,
		.content .productDetailsCardContent .errorBox{
			position:absolute;
			margin:0;
			padding:0 0 4px;
			}
		.content .productDetailsCardContent .alertBox,
		.content .productDetailsCardContent .errorBox{
			background:url('/images/elements/productDetail-alerts-bottom.gif') bottom left no-repeat;
			top:340px;
			left:-170px;
			}
		.content .formArea .countryFormRow span { display: block; }
		.content .formArea .countryFormRow .alertBox{
			left:153px;
			top:-55px;
			background:transparent url('/images/elements/countryInfo-alerts-bottom.gif') no-repeat scroll 11px bottom;
			z-index: 999;
			}
			
		.content .productDetailsCardContent .errorBox{
			top:303px;
			}
		.content .formArea .countryFormRow .alerts div,
		.content .productDetailsCardContent .alerts div {
			color:#fff;
			width:171px;
			}
		.content .productDetailsCardContent .alerts div {
			padding:21px 12px 0px 0px;
			background:url('/images/elements/productDetail-alerts.gif') top left no-repeat;
			}
		.content .formArea .countryFormRow .alerts div {
			padding:21px 0 0 12px;
			background:url('/images/elements/countryInfo-alerts.gif') top left no-repeat;
			}
			
		.content .formArea .countryFormRow .alerts p,
		.content .productDetailsCardContent .alerts p{
			margin:0;
			width:133px;
			padding:0px 0px 21px 13px;
			line-height:1.4;
			height:auto;
			}
			.content .formArea .countryFormRow .alerts p strong,
			.content .productDetailsCardContent .alerts p strong{
				font-size:1.18em;
				font-weight:bold;
				display:block;
				margin:0 0 8px;
				}
		

/* 2 :-------- Members Bar ------------ */	
	.membersBar {
		background: #253a55 url(/Images/backgrounds/membersBarBack.gif) repeat-x 0 0;
		color: #a1bfe5;
		font-weight: bold;
		}
		
	.membersBarInner {
		background: url(/Images/backgrounds/membersBarInnerBack.gif) no-repeat center 0;
		}
		
	.membersBarContent {
		width: 922px;
		padding:0 20px;
		margin: auto;
		padding-top: 6px;
		height: 27px;
		overflow: hidden;
		background: url(/Images/backgrounds/membersBarInnerBack.gif) no-repeat center 0;
		}
		
	.membersBar td {
		padding: 0;
		color: #a1bfe5;
		font-weight: bold;
		background: none;
		}
		
	.membersBar .membersLabel {
		float: left;
		margin: 4px 13px 0 0;
		}
		
	.membersBar .welcomeLabel {
		float: left;
		margin: 4px 10px 0 0;
		}
		
	.membersBar input {
		float: left;
		background: #5d89be url(/Images/elements/membersBarFieldBack.gif) no-repeat 0 0;
		border: none;
		color: #ccdef6;
		width: 120px;
		height: 17px;
		padding: 4px 6px 0 6px;
		margin-right: 10px;
		}
		
	.membersBar .loginButton {
		background: none;
		width: 56px;
		height: 21px;
		padding: 0;
		margin: 0 7px 0 0;
		}
		
	.membersBar a {
		float: left;
		}
		
	.membersBar .checkoutButton {
		float: right;
		margin-left: 23px;
		}
		
	.membersBar .shoppingBagInfo {
		float: right;
		color: #a1bfe5;
		margin: 4px 0 0 0;
		}
		

/* 3 :-------- Header ------------ */	
	.header {
		background-color: #000;
		}
		
	.headerInner {			
		position: relative;
		height: 120px;
		width: 962px;
		background: #000 url(/Images/backgrounds/headerBack.gif) no-repeat 0 0;
		margin: auto;
		}
		
	.header .logo {
		position: absolute;
		right: 15px;
		bottom: 19px;
		display: block;
		padding: 5px;
		}
		
	.header ul {
		position: absolute;
		left: 20px;
		top: 83px;
		}
		
	.header ul li {
		float: left;
		height: 21px;
		overflow: hidden;
		padding: 0;
		background: none;
		text-transform: uppercase;
		color: #fff;
		font-size: 1.18em;
		font-weight: bold;
		margin-right:31px;
		}
		
	.header ul li a {
		display: block;
		color: #8c8c8c;
		padding: 0;
		background-image:url('/images/elements/nav.png');
		background-repeat:no-repeat;
		height:12px;
		overflow:hidden;
		text-indent:-9999em;
		}
		.header ul li a.home{
			width:34px;
			background-position:0 0;
			background-color:transparent;
			}
		.header ul li a.mens{
			width:38px;
			background-position:-34px 0;
			}
		.header ul li a.womens{
			width:58px;
			background-position:-72px 0;
			}
		.header ul li a.myDenimMatch{
			width:106px;
			background-position:-130px 0;
			}
		.header ul li a.keyLooks{
			width:67px;
			background-position:-236px 0;
			}
		.header ul li a.denimExpert{
			width:90px;
			background-position:-303px 0;
			}
		/*
		.header ul li a.denimLoveAffairs{
			width:131px;
			background-position:-393px 0;
			}
		*/
			
			.header ul li a.home:hover, .header ul li.on a.home{background-position:0 -12px;}
			.header ul li a.mens:hover, .header ul li.on a.mens{background-position:-34px -12px;}
			.header ul li a.womens:hover, .header ul li.on a.womens{background-position:-72px -12px;}
			.header ul li a.myDenimMatch:hover, .header ul li.on a.myDenimMatch{background-position:-130px -12px;}
			.header ul li a.keyLooks:hover, .header ul li.on a.keyLooks{background-position:-236px -12px;}
			.header ul li a.denimExpert:hover, .header ul li.on a.denimExpert{background-position:-303px -12px;}
			/*.header ul li a.denimLoveAffairs:hover, .header ul li.on a.denimLoveAffairs{background-position:-393px -12px;}*/
		
	.header ul li span {
		padding: 0 25px 0 0;
		}
		
	.header ul li a:hover {
		color: #fff;
		text-decoration: none;
		}
	.header .alerts {
		position: absolute;
		top: -6px;
		left: 90px;
		width: 327px;
		background:url('/images/elements/headerAlerts-top.gif') 0 0 no-repeat;
		padding:10px 0 0;
		color:#fff;
		opacity: 0;
		filter: alpha(opacity=0);
		}
		.header .alerts div{
			padding:0 0 3px;
			margin:0;
			
background:url('/images/elements/headerAlerts-bottom.gif') 0 bottom no-repeat;
			}
		.header .alerts p{
			margin:0;
			padding:12px;
			color:#b2b2b2;
			background:#2c2c2c; 			border-left:1px solid #5c5c5c;
			border-right:1px solid #5c5c5c;
			}
			.header .alerts p strong{
				font-size:1.18em;
				font-weight:bold;
				display:block;
				color:#fff;
				}

/* 4 :-------- Homepage ------------ */
	.home {
		background-color: #f2f2f2;
		}
		
	.homeInner {
		}
		
	.homeContent {
		position: relative;
		width: 962px;
		overflow: hidden;
		margin: auto;
		}
		
	.homeLeftBox {
		float: left;
		position: relative;
		width: 530px;
		height: 466px;
		}
		
	.homeRightBox {
		float: left;
		position: relative;
		width: 432px;
		height: 466px;
		}
		
	.home .buttonRow a {
		background-image: url(/Images/buttons/buttonHome_right.gif);
		}
		
	.home .buttonRow a:hover {
		background-position: right 0 !important;
		}
		
	.home .buttonRow a span {
		background-image: url(/Images/buttons/buttonHome_left.gif);
		padding: 4px 5px 4px 20px;
		}
		

/* 5 :-------- Content ------------ */	
	.content {
		width: 100%;
		position: relative;
		background-color: #f2f2f2;
		min-height: 466px; /* If changed this needs to be reflected in the IE6 CSS */
		}
		
	.contentInner {
		position: relative;
		width: 440px;
		padding: 52px 335px 20px 187px;
		overflow: hidden;
		min-height:394px;
		margin: auto;
		background-repeat:no-repeat;
		background-position:100% 0;
		
		/*background-color:#f2f2f2;*/
		}
	.twoColumnPanel .contentInner{
		padding-right:0;
		width:775px;
		}
			
	.content .leftHandContent {
		float: left;
		width: 598px;
		padding-top: 5px;
		}
		
	.content .rightHandContent {
		position: relative;
		float: right;
		width: 137px;
		padding: 5px 20px 0 20px;
		}
				
	.content h3, .content h4 {
		color: #676767;
		}
			
	.content .leftHandCols {
		width: 100%;
		overflow: hidden;
		}
		
	.content .leftHandCols .col1 {
		float: left;
		width: 284px;
		}
		
	.content .leftHandCols .col2 {
		float: left;
		padding-left: 20px;
		width: 294px;
		}
			
	.content .formArea {
		position: relative;
		min-height: 334px; /* If changed this needs to be reflected in the IE6 CSS */
		}
		.formArea .leftHandCols{
			overflow:visible;
			}
			.col2 .formRow .suburb{
				right:-126px;
				}
			.col2 .formRow .postcode{
				right:-50px;
				}
	.content .formArea .formSectionSecondary h3{
		margin-bottom:0.8em;
		}
	.content .formArea .formSectionSecondary {
		position:relative
		}
	.content .formArea.formErrors {
		min-height: 292px; /* If changed this needs to be reflected in the IE6 CSS */
		}
			
	.content .buttons {
		width: 100%;
		overflow: hidden;
		margin: 20px 0 30px 0;
		}
		
	.content .buttons .left {
		float: left;
		width: 232px;
		}
		
	.content .buttons .right {
		float: right;
		/*width: 366px;*/
		}
		
	.content .buttons .right .buttonRow {
		float: right;
		}
		
	.content .buttons .right .buttonRow a {
		margin: 0 0 0 5px;
		}
	
	.content .contentImage {
		float:right;
		padding:0 0 25px 25px;
	}
		
	/* 5.1 : -------- General ------------ */	
			
		/* 5.1.1 : -------- Submenu ------------ */			
			.content .submenuContainer {
				position: absolute;
				top: 0;
				left: -314px;
				width: 50%;
				height: 466px;
				width:auto;
				left:0;
				/*width:167px;*/
				width:9999px;
				margin-left:-9832px;
				background-color: #000;
				z-index:99; /* just under overlays */
				}
				
			.content .submenuBackground {
				height: 466px;
				position:absolute;
				top:0;
				left:0;
				}
				
			.content .submenu {
				position: absolute;
				top: 57px;
				right: 10px;
				width: 137px;
				}
				
			.content .submenu ul li {
				background-image: url(/Images/bullets/submenuBullet.gif);
				padding-bottom: 0;
				}
				
			.content .submenu ul li.on {
				background-image: url(/Images/bullets/submenuBulletOn.gif);
				}
				
			/* JUNE 2009 SALE PROMOTION PERIOD ONLY */
			.content .submenu ul li.sale a {
				color: #E51c24;
				}
			.content .submenu ul li.on.sale a {
				color: #E51c24;
				}
			.content .submenu ul li.on.sale a:hover {
				color: #ffffff;
				}
			.content .submenu ul li.sale ul li a {
				color: #aaaaaa;
				}
			.content .submenu ul li.on.sale ul li a {
				color: #aaaaaa;
				}
				
			.content .submenu ul li a {
				display: block;
				color: #aaa;
				font-weight: bold;
				padding-bottom: 5px;
				}
				
			.content .submenu ul li.on ul li {
				background-image: url(/Images/bullets/submenuBullet.gif);
				}
				
			.content .submenu ul li.on ul li.on {
				background-image: url(/Images/bullets/submenuBulletOn.gif);
				}
				
			.content .submenu ul li.on a, .content .submenu ul li a:hover {
				color: #fff;
				}
				
			.content .submenu ul li.on ul li a {
				color: #aaa;
				}
				
			.content .submenu ul li ul li.on a, .content .submenu ul li ul li a:hover {
				color: #fff;
				}
				
			.content .submenuContentBox {
				color: #8f8f8f;
				font-weight: bold;
				line-height: 1.36em;
				margin-bottom: 26px;
				}
				
			.content .submenuContentBox h3, h4 {
				color: #8f8f8f;
				}
				
			.content .submenuContentBox select {
				width: 137px;
				}
				
			.content .submenuContentBox input, .content .submenuContentBox textarea {
				width: 129px;
				}
				
			.content .submenuContentBox label {
				display: block;
				margin: 18px 0 1px 0;
				}
				
			.content .submenuContentBox .buttonRow {
				line-height: 1.2em;
				}
				
			.content .submenuContentBox strong {
				color: #ddd;
				}
				
			.content .submenuContentBox a {
				color: #8F8F8F;
				text-decoration: underline;
				}
				
			.content .submenuContentBox a:hover {
				color: #ddd;
				}
			
			.content .submenuButtonContainer {
				position: absolute;
				top: 415px;
				right: 0;
				width: 147px;
				}
		
		/* 5.1.2 : -------- Scroll Panel ------------ */
			.content .scrollPanel {
				position: absolute !important;
				top: 0 !important;
				left: 0;
				width: auto;
				padding: 0; /*!important;*/
				height: 466px !important;
				overflow: hidden !important;
				overflow: visible !important; /* CAN I DO THIS????????????? */
				white-space: nowrap !important;
				}
				
			.content .scrollPanel div {
				white-space: normal;
				}
				
			.content .scrollbar {
				position: absolute;
				top: 443px;
				left: 50%;
				width: 100%;
				height: 23px;
				background: url(/Images/elements/scrollbarBack.png) repeat-x 0 0;
				z-index:100;
				}
				
			.content .scrollbarInner {
				position: relative;
				left: -314px;
				background: url(/Images/elements/scrollbarBack2.png) no-repeat 0 0;
				height: 23px;
				}
				
			.content .leftScrollArrow {
				position: absolute;
				left: 0;
				top: 0;
				width: 23px;
				height: 23px;
				background: url(/Images/elements/scrollArrowLeft.gif) no-repeat 0 0;
				}
				
			.content .rightScrollArrow {
				position: absolute;
				left: 772px;
				top: 0;
				width: 23px;
				height: 23px;
				background: url(/Images/elements/scrollArrowRight.gif) no-repeat 0 0;
				}
				
			.content .scrollGutter {
				position: absolute;
				top: 2px;
				left: 23px;
				height: 19px;
				width: 749px;
				background: url(/Images/elements/scrollGutter.gif) no-repeat 0 0;
				}
				
			.content .scrollHandle {
				position: absolute;
				top: 2px;
				left: 23px;
				display: block;
				height: 19px;
				width: 107px;
				background: url(/Images/elements/scrollHandle.gif) no-repeat 0 0;
				}
				
			.content .scrollbar a:hover {
				background-position: 0 bottom !important;
				}
			
		/* 5.1.3 : -------- Animated Plus Tips ------------ */	
			.content .plusTip {
				position: absolute;
				background: url(/Images/elements/plusTipBackRight.png) no-repeat right 0;
				padding-right: 4px;
				color: #fff;
				}
				
			.content .plusTip:hover {
				text-decoration: none;
				}
				
			.content .plusTip span {
				position: relative;
				display: block;
				height: 13px;
				width: 13px;
				overflow: hidden;
				background: url(/Images/elements/plusTipBackLeft.png) no-repeat 0 0;
				padding: 4px 0 4px 4px;
				cursor: pointer;
				}
				
			.content .plusTip img {
				position: absolute;
				}
				
			.content .plusTip strong {
				position: absolute;
				display: block;
				padding: 0 5px 0 16px;
				cursor: pointer;
				white-space: nowrap;
				}
				
		/* 5.1.4 : -------- Product Details Card ------------ */	
			.content .productDetailsCard {
				position: relative;
				width: 187px;
				height: 456px;
				background-color: #fff;
				background:url('/images/backgrounds/productDetailsCard-bg.png') 0 0 no-repeat;
				padding: 5px;
				margin-bottom: 14px;
				z-index:100;
				}
				
			.content .productDetailsCardContent {
				/*border: 1px solid #e7e7e7;*/
				padding: 35px 14px 15px;
				height:411px;
				}
				
			.content .productDetailsCardContent h2 {
				/*margin-bottom: 2px;*/
				margin:0 0 0.2em;
				padding:0;
				line-height:1.1;
				font-size:1.58em;
				font-weight:bold;
				color:#2e2620;
				}
				
			.content .productDetailsCardContent .price {
				display: block;
				font-size: 1.72em;
				padding:0;
				margin:0;
				color:#a5a5a5;
				}
				.content .productDetailsCardContent .price strong{
					font-weight:normal;
					}
				.content .productDetailsCardContent .price del{
					color:#dddddd;
					}
			.content .productDetailsCardContent .memberPrice{
				color:#a3a3a3;
				font-size:1.27em;
				display:block;
				padding:0px;
				/*background:url('/images/backgrounds/productCard-discountPrice-bg.gif') 0 bottom repeat-x;*/
				}
			.content .productDetailsCardContent .discountPrice{
				/*red heart*/
				/*background:url('/images/backgrounds/product-offer-bg.gif') 0 25px repeat-x;*/
				/*color:#b23048;*/
				
				/*blue*/
				color:#5b87bc;
				background:url('/images/backgrounds/productCard-discountPrice-bg.gif') 0 bottom repeat-x;
				
				font-size:1.6em;
				display:block;
				margin:0.2em 0 0;
				}
				.content .productDetailsCardContent .discountPrice span{
					/*red heart*/
					/*background:url('/images/backgrounds/product-offer-bg.gif') 0 top repeat-x;*/
					
					/*blue*/
					background:url('/images/backgrounds/productCard-discountPrice-bg.gif') 0 top repeat-x;
					
					display:block;
					padding:2px 0;
					}
				
			.content .productDetailsCardContent .price .strike {
				/*display: block;*/
				padding-right: 14px;
				color: #b6b6b6;
				text-decoration: line-through;
				}				
			.content .productDetailsCard p {
				margin: 0.9em 0 0 0;
				height:8.9em;
				overflow:hidden;
				line-height:1.1;
				}
				
			.content .productDetailsCard .length {
				height: 14px;
				padding-left: 20px;
				margin-bottom: 4px;
				overflow: hidden;
				font-weight: bold;
				white-space: nowrap;
				}
				
			.content .productDetailsCard .otherLengths a {
				display: block;
				height: 14px;
				padding-left: 20px;
				overflow: hidden;
				white-space: nowrap;
				margin-top: 3px;
				}
				
			.content .productDetailsCard .regular {
				background: url(/Images/elements/regularIcon.gif) no-repeat 0 0;
				}
				
			.content .productDetailsCard .long {
				background: url(/Images/elements/longIcon.gif) no-repeat 0 0;
				}
				
			.content .productDetailsCard .extraLong {
				background: url(/Images/elements/extraLongIcon.gif) no-repeat 0 0;
				}
				
			.content .productDetailsCard .otherLengths a:hover {
				color: #363636;
				text-decoration: none;
				background-position: 0 bottom;
				}
				
			.content .productDetailsCard .productControls {
				position: absolute;
				bottom: 29px;
				left:0;
				padding:0 20px;
				}
				
			.content .productDetailsCard .onlyAvailableInStores {
				/*margin-top: 16px;*/
				}
				
			.content .productControls .colourSwatches {
				width: 100%;
				overflow: hidden;
				margin-bottom: 7px;
				}
				
			.content .productControls .colourSwatches li {
				position: relative;
				float: left;
				width: 51px;
				height: 41px;
				overflow: hidden;
				margin: 0 1px 1px 0;
				background: none;
				padding: 0;
				}
				
			.content .productControls .colourSwatches li input {
				position: absolute;
				left: 6px;
				bottom: 5px;
				width: 14px;
				height: 14px;
				padding: 0;
				margin: 0;
				background: none;
				border: none;
				}
				
			.content .productControls select {
				width: 155px;
				}
				
			.content .productControls input, .content .productControls textarea {
				width: 147px;
				}
			.content .productControls select{
				margin:0 0 10px;
				}
			.content .productControls .productControlButtons {
				}
			.content .productControls .productControlButtons .buttonRow{
				margin:4px 0 0;
				}
				.content .productControls .productControlButtons .buttonRow .addCart{
					}
				.content .productControls .productControlButtons .buttonRow .checkout{
					margin:0;
					}
				
			#swatchAlt{
				background:#333;
				border:1px solid #282828;
				padding:4px 8px 5px;
				color:#fff;
				z-index:1000;
				}
			
		/* 5.1.5 : -------- Draggable Image Panel ------------ */
			.content .draggableImagePanel {
				width: 400px;
				height: 400px;
				overflow: hidden;
				}
				
		/* 5.1.6 : -------- Wear It With Panel ------------ */
			.content .wearItWith {
				height: 100%;
				overflow: hidden;
				padding: 0 0px 20px 5px;
				}
				
			.content .wearItWith h3 {
				margin-left: 1px;
				}
				
			.content .wearItWith a {
				float: left;
				margin: 0 0 1px 1px;
				background: url(/Images/elements/wearItWithBack-grad.png) repeat-x 0 0;
				}		
			
	/* 5.2 : -------- Products Landing Page ------------ */		
		.content.productsLanding {
			overflow:hidden;
		}	
			.productsLanding .contentInner{
				
				}
		
	/* 5.3 : -------- Products Browse Page ------------ */			
		.content.productsBrowse {
			overflow:hidden;
			background:#fff;
			}
		.content.productsBrowse .contentInner {
			width: 795px;
			padding: 0 0 0 167px;
			height:466px;
			display: none;
			}
			
		.content.productsBrowse .contentInner {
			z-index: 98;
		}
		
		.ajaxLoader {
			position: absolute;
			left: 50%;
			top: 200px;
			z-index: 1;
		}
			
		.content.productsBrowse .productView {
			float: left;
			margin-bottom:23px;
			position:relative;
			z-index:1;
			}
			
		.content.productsBrowse .productView .productImage {
			display: block;
			height: 443px;
			width: 197px;
			overflow:hidden;
			position:relative;
			z-index:0;
			}
			
		.content.productsBrowse .productDetailsCard {
			/*opacity: 0; /* If changed this needs to be reflected in the IE6 CSS */
			height: auto;
			cursor:pointer;
			position:absolute;
			display:none;
			width:184px;
			z-index:100;
			padding:0;
			margin:0;
			background:none;
			padding:3px;
			background:#fff;
			}
				
		.content.productsBrowse .productDetailsCard .productControls {
			bottom: 25px;
			display:none;
			}
			
		.content.productsBrowse .productDetailsCardContent {
			height: auto;
			border:1px solid #cccccc;
			padding:8px 9px 10px;
			}
				
		.content.productsBrowse .productDetailsCard .colourSwatches {
			margin-bottom: 21px;
			}
		
	/* 5.4 : -------- Product Details Page ------------ */
		.content.productDetails {
			padding: 0;
			background:#fff;
			}
			
		.content.productDetails .contentInner {
			width: 795px;
			overflow: hidden;
			padding: 0 0 0 167px;
			}
			
		.content.productDetails .leftHandContent, .content.productDetails .rightHandContent {
			padding: 0;
			position:relative;
			}
		.content.productDetails .rightHandContent {
			width: 197px;
			}
	
		.content.productDetails .draggableImagePanel {
			width: 598px;
			height: 675px;
			background-color: #f2f2f2;
			}
		.content.productDetails .productImageFront{
			position:relative;
			z-index:20;
			}
		.content.productDetails .productImageBack{
			/*opacity: 0; /* If changed this needs to be reflected in the IE6 CSS */
			/*margin-top:-675px;*/
			position:absolute;
			top:0;
			left:0;
			z-index:10;
			}
			
		.content.productDetails .flipButtons {
			position: absolute;
			top: 416px;
			left: 24px;
			z-index:50;
			}
			
		.content.productDetails .flipToFront {
			display: none;
			}
		#prodDetailTooltip{
			background:#333;
			border:1px solid #282828;
			padding:4px 8px 5px;
			color:#fff;
			display:none;
			z-index:110;
			}
		
	/* 5.5 : -------- Checkout Pages ------------ */
		.content.checkout .contentInner{
			width:775px;
			padding-right:0;
			}
		.content.checkout .leftHandContent{
			/*float:none;*/
			overflow:hidden;
			}
		.content.checkout .submenuContentBox p {
			padding-bottom: 0.45em;
			}
					
		.content.checkout .securityLogo {
			float: left;
			margin: 2px 6px 6px 0;
			}
			
		.content.checkout .checkoutSummary {
			margin-bottom: 8px;
			}
						
		.content.checkout .checkoutSummary .item {
			width: 100%;
			overflow: hidden;
			}
		
		.content.checkout .checkoutSummary .item em {
			font-style: normal;
			float: left;
			width: 85px;
			}
		
		.checkout .col1{
			position:relative;
			z-index:100;
			}
		.content.checkout .leftHandContent,
		.content.checkout .leftHandCols{
			overflow:visible;
			}
		.checkout .col2 .formRow .suburb{	
			right:-126px;
			}
		.checkout .col2 .formRow .suburb{
			right:-50px;
			}
			
		/* 5.5.1 : -------- Shoping Bag ------------ */
			.content.shoppingBag {
				background:#fff;
				}
			.content.shoppingBag .contentInner .wearItWithCart {
				width: 771px;
				}
			.content.shoppingBag .rightHandContent {
				width: 177px;
				padding-left: 0;
				padding-right: 0;
				}
				
			.content.shoppingBag .rightHandContent .wearItWith {
				padding-right: 0;
				}
			.content.shoppingBag .shoppingBagTable th {
				background: none;
				color: #676767;
				}
				
			.content.shoppingBag .shoppingBagTable td {
				background: #fff url(/Images/elements/dottedLineThick.gif) repeat-x 0 0;
				padding: 12px 10px 18px 0;
				}
			.content.shoppingBag .shoppingBagTable td.wearItWithColumn {
				padding-right: 0;
				padding-left: 16px;
				width: 156px;
				background: #FFFFFF url(/Images/elements/dottedLineThickLong.gif) no-repeat scroll 16px 0;
				}
				
			.content.shoppingBag .shoppingBagTable th#wearItWith {
				padding-left: 16px;
				}
				
			.content.shoppingBag .shoppingBagTable th#priceHeader {
				padding-left: 21px;
				}
				
			.content.shoppingBag .shoppingBagTable .productColumn {
				width: 78px;
				}
				
			.content.shoppingBag .shoppingBagTable .descriptionColumn {
				position: relative;
				width: 182px;
				}
				
			.content.shoppingBag .shoppingBagTable .descriptionColumn strong {
				display: block;
				margin-bottom: 0.2em;
				}
				
			.content.shoppingBag .shoppingBagTable .descriptionColumn .links {
				margin: 10px 0;
				}
				
			.content.shoppingBag .shoppingBagTable .descriptionColumn .links a {
				display: block;
				color: #868686;
				font-weight: bold;
				padding: 2px 0 3px 19px;
				line-height: 1.28em;
				}
				
			.content.shoppingBag .shoppingBagTable .descriptionColumn .links .back {
				background: url(/Images/buttons/link_back.gif) no-repeat 5px 5px;
				}
				
			.content.shoppingBag .shoppingBagTable .descriptionColumn .links .remove {
				background: url(/Images/buttons/link_remove.gif) no-repeat 3px 5px;
				}
				
			.content.shoppingBag .shoppingBagTable .descriptionColumn .links a:hover {
				text-decoration: none;
				color: #363636;
				}
				
			.content.shoppingBag .shoppingBagTable .colourSizeColumn {
				width: 156px;
				}
				
			.content.shoppingBag .shoppingBagTable .quantityColumn {
				width: 46px;
				padding-bottom:0px;
				}
				
			.content.shoppingBag .shoppingBagTable .quantityColumn input {
				width: 36px;
				}
				
			.content.shoppingBag .shoppingBagTable .priceColumn {
				width: 88px;
				padding-right: 0;
				padding-bottom:0px;
				font-size: 1.91em;
				letter-spacing: -1px;
				text-align: right;
				}
				.content.shoppingBag .shoppingBagTable .priceColumn strike{
					color:#dddddd;
					}
				
			.content.shoppingBag .shoppingBagTable .priceColumn .strike {
				color: #b6b6b6;
				text-decoration: line-through;
				}
			.content.shoppingBag .shoppingBagTable .wearItWithRowItems {
				width: 156px;
				}
			.content.shoppingBag .shoppingBagTable .wearItWithRowItems img {
				float: left;
				padding: 0;
				margin: 0;
				}
				
			.content.shoppingBag .shoppingBagTable .discountColumn{
				background:none;
				padding:0 0 63px;
				}
				.content.shoppingBag .shoppingBagTable .discountColumn .discount{
					text-align:right;
					color:#2c2c2c;
					}
					.content.shoppingBag .shoppingBagTable .discountColumn em{
						font-size:1.91em;
						font-style:normal;
						letter-spacing:-1px;
						display:block;
						}
				
			.content.shoppingBag .subtotals {
				background: #fff url(/Images/elements/dottedLineThick.gif) repeat-x 0 0;
				padding: 6px 0;
				font-size: 1.5em;
				letter-spacing: -1px;
				color: #b6b6b6;
				text-align: right;
				}
				
			.content.shoppingBag .subtotals strong {
				float: right;
				width: 130px;
				text-align: right;
				}
			.content.shoppingBag .cartTotalSection,
			.content.shoppingBag .buttons {
				width: 598px;
				}
				
			.content.shoppingBag .total {
				background: #fff url(/Images/elements/dottedLineThickDark.gif) repeat-x 0 0;
				min-width:1%;
				}
				
			.content.shoppingBag .total div {
				width: 100%;
				overflow: hidden;
				background: url(/Images/elements/dottedLineThickDark.gif) repeat-x 0 bottom;
				padding: 6px 0;
				}
				
			.content.shoppingBag .total p {
				float: left;
				background: url(/Images/elements/exclamationMark.gif) no-repeat 1px 5px;
				width: 220px;
				padding: 0 0 2px 12px;
				}
				
			.content.shoppingBag .total span, .content.shoppingBag .total strong {
				float: right;
				width: 130px;
				font-size: 1.91em;
				letter-spacing: -1px;
				text-align: right;
				font-weight:bold;
				}
				
			.content.shoppingBag .total .membershipNextLevel {
				font-size: 1.1em;
				}
				
			.content.shoppingBag .membershipNextLevelNote {
				padding: 4px 5px;
				color: #676767;
				}
				
		/* 5.5.2 : -------- Customer Info ------------ */
			/* No additional CSS required */
			.content.customerInfo {}
			
		/* 5.5.3 : -------- Payment Details ------------ */
			/* No additional CSS required */
			.content.paymentDetails {}
			
			.content.paymentDetails .securePayMsg {
				padding-top: 10px;
				}
				
		/* 5.5.4 : -------- Receipt ------------ */
			.content.receipt .receiptItems {
				margin-top: 3px;
				padding-bottom: 6px;
				}
				
			.content.receipt .receiptItems.totals {
				background: url(/Images/elements/dottedLineThick.gif) repeat-x -1px top;
				margin: 0 0 15px 0;
				padding-top: 1px;
				}
				
			.content.receipt .receiptItem {
				position: relative;
				width: 100%;
				overflow: hidden;
				padding-top: 9px;
				background: url(/Images/elements/dottedLineThin.gif) repeat-x 0 4px;
				}
				
			.content.receipt .receiptItems.totals .receiptItem {
				padding: 5px 0 4px 0;
				background-position: 1px 0;
				}
				
			.content.receipt .receiptItem .quantity {
				position: absolute;
				top: 9px;
				left: 0;
				}
				
			.content.receipt .receiptItem .item {
				float: left;
				margin-left: 20px;
				width: 184px;
				display: inline; /* To stop IE6 double margin bug */
				}
				
			.content.receipt .receiptItem .price {
				float: left;
				width: 80px;
				text-align: right;
				}
				
			.content.receipt .infoBox {
				margin: 5px 0 15px 0;
				}				
		
	/* 5.6 : -------- Store Locator Page ------------ */
		.content.storeLocator {
			padding: 0;
			}
			
		.content.storeLocator .contentInner {
			width: 962px;
			padding: 0;
			}
			
		/* OTHERS ON THE store.css */
		
		
	/* 5.7 : -------- Key Looks Page ------------ */	
		.content.keyLooks { overflow:hidden; }
		.content.keyLooks .contentInner {
			width: 795px;
			overflow: hidden;
			padding: 0 0 0 167px;
			height:466px;
			}
			
		.content.keyLooks .productView {
			float: left;
			margin-bottom:23px;
			position:relative;
			z-index:1;
			}
			
		.content.keyLooks .productView .productImage {
			display: block;
			height: 443px;
			width: 197px;
			overflow:hidden;
			position:relative;
			z-index:0;
			}
			
		.content.keyLooks .productDetailsCard {
			height: auto;
			cursor:pointer;
			position:absolute;
			display:none;
			width:184px;
			z-index:100;
			padding:0;
			margin:0;
			background:none;
			padding:3px;
			background:#fff;
			}
				
		.content.keyLooks .productDetailsCard .productControls {
			bottom: 25px;
			}
			
		.content.keyLooks .productDetailsCardContent {
			height: auto;
			border:1px solid #cccccc;
			padding:8px 9px 10px;
			}				
				
			
	/* 5.8 : -------- My Account Page ------------ */
		.content.myAccount .leftHandCols .col1 {
			width: 441px;
			}
			
		.content.myAccount .leftHandCols .col2 {
			float: left;
			padding-left: 20px;
			width: 137px;
			}
			
		.content.myAccount .subscriptions {
			min-height: 148px; /* If changed this needs to be reflected in the IE6 CSS */
			}
			
		.content.myAccount .subscriptionCols {
			width: 100%;
			overflow: hidden;
			}
			
		.content.myAccount .subscriptionCol1 {
			float: left;
			width: 127px;
			margin-right: 20px;
			}
			
		.content.myAccount .subscriptionCol2 {
			float: left;
			width: 137px;
			margin-right: 20px;
			}
			
		.content.myAccount .subscriptionCol3 {
			float: left;
			width: 137px;
			}
			
		.content.myAccount .recentOrdersTable a {
			color: #676767;
			text-decoration: underline;
			}
			
		.content.myAccount .recentOrdersTable a:hover {
			color: #363636;
			}			
		
		.content.myAccount .membershipNextLevel {	
			font-size: 1.1em;
			}
			
		.content.myAccount .membershipNextLevelNote {
			color: #676767;
			font-size: 0.9em;
			}
			
		.hoyts {
			padding-top: 30px;
			}
		.hoyts h3 {
			margin-bottom: 20px
			}
		.hoyts h1 {
			width: 250px;
			float: left;
			display: block;
			}
		.hoyts img {
			width: 166px;
			float: right;
			}
			
	/* 5.9 : -------- Jeanswest Plus Page ------------ */
	
		.content.plusMembership .contentInner{
			padding-right:0;
			width:775px;
			}
		.content.plusMembership .leftHandContent{
			float:none;
			}
		.content.plusMembership .submenuContainer .plusMembershipIcon {
			position: absolute;
			top: 20px;
			right: 44px;
			}
			
		.content.plusMembership .membershipLevel {
			padding: 20px 20px 15px 20px;
			margin-bottom: 4px;
			height: 72px;
			overflow: hidden;
			color: #676767;
			}
			
		.content.plusMembership .membershipLevel.bronze {
			background-color: #d7cabe;
			}
			
		.content.plusMembership .membershipLevel.silver {
			background-color: #c3c3c3;
			}
			
		.content.plusMembership .membershipLevel.gold {
			background-color: #e8d392;
			}
			
		.content.plusMembership .membershipLevel strong {
			display: block;
			margin-bottom: 9px;
			}	
		.content.plusMembership .buttons {
			clear:both;
			}			

	/* 5.10 : -------- My Account Edit Page / Jeanswest Plus Sign Up Page ------------ */
		/* No additional CSS required */
		.content.plusMembershipSignUp {}			
			
	/* 5.11 : -------- My Denim Match Page ------------ */
		.content.myDenimMatch {
			background: url(/Images/backgrounds/myDenimMatchBack.gif) repeat-x 0 0;
			padding: 0;
			}
			
		.content.myDenimMatch .contentInner {
			padding: 0 0 0 167px;
			width: 795px;
			}		
		.content.myDenimMatch .contentInner img{
			display:block;
			}
			
	/* 5.12 : -------- FAQ Page ------------ */
		.content.faq {
			overflow:hidden;
			}
		.content.faq .contentInner {
			width: 795px;
			overflow: hidden;
			padding: 0 0 0 167px;
			height:466px;
			}
			
		.content.faq .faqItem {
			float: left;
			padding: 57px 0 25px 20px;
			width: 285px;
			height: 384px;
			overflow: hidden;
			}
		
			
	/* 5.13 : -------- Charity Page ------------ */
		.content.charityReach {
			/*background: url(/Images/placeholders/charityBack_reach.jpg) no-repeat center 0;*/
			height:466px;
			overflow:hidden;
			}		
		.content.charityReach .contentInner{
			width:775px;
			padding-right:0;
			}
		.content.charityReach .contentInner .leftHandCols{
			width:751px;
			}
			
	/* 5.14 : -------- Denim Expert Page ------------ */
		.content.denimExpert .contentInner {
			background: url(/Images/elements/denimExpert.jpg) no-repeat 753px 0;
			}
			
		.content.denimExpert .leftHandContent {
			width: 548px;
			}
			
		.content.denimExpert .leftHandCols .col2 {
			width: 244px;
			}
			
	/* 5.15 : -------- General Content Page ------------ */		
		/* No additional CSS required */
		.content.generalContent {}		
			
	/* 5.16 : -------- Contact Us Page ------------ */		
		/* No additional CSS required */
		.content.contactUs {}
		
		.content.contactUs .formRow span.error {
			clear: none;
			}
			
	/* 5.17 : -------- Forgot Password Page ------------ */		
		.content.forgotPassword .submenuContainer .plusMembershipIcon {
			position: absolute;
			top: 20px;
			right: 44px;
			}
	/* 5.18 : -------- Form Alerts ------------ */		
		.formAlerts{
			border:1px solid #dd0101;
			background:#fff url('/images/elements/exclamationRed-formAlerts.gif') 19px 16px no-repeat;
			padding:14px 10px 14px 37px;
			margin:0;
			color:#dd0101;
			position:absolute;
			top:0;
			left:0;
			width:550px;
			}
			.formAlerts div,
			.formAlerts p{
				margin:0;
				padding:0;
				font-weight:bold;
				}
				
		/* formAlerts on shopping table */
		.shoppingBagTable .formAlerts{
			position:static;
			top:auto;
			left:auto;
			padding:0;
			width:auto;
			border:none;
			}
			.content.shoppingBag .shoppingBagTable td.formAlertsCell{
				padding:5px 0 3px;
				background: url(/Images/elements/dottedLineThick.gif) 0 0 repeat-x;
				}
			.shoppingBagTable td.formAlertsCell .formAlerts .alertBox{
				border:1px solid #00a651;
				color:#07b95d;
				width:549px;
				padding:14px 10px 14px 37px;
				background:#fff url('/images/elements/greenTick-formAlerts.gif') 12px 12px no-repeat;
				}
			.shoppingBagTable td.formAlertsCell .formAlerts .errorBox{
				border:1px solid #DD0101;
				color:#DD0101;
				width:549px;
				padding:14px 10px 14px 37px;
				background:#fff url('/images/elements/exclamationRed-formAlerts.gif') 12px 12px no-repeat;
				}
			.shoppingBag .shoppingBagTable td.formAlertsCell .formAlerts .wideBox {
				width: 722px;
				}
/* 6 :-------- Promos ------------ */	
	.promos {
		background: #f3f3f3 url(/Images/backgrounds/promosBack.jpg) no-repeat center 0;	
		}
		
	.promosContent {
		width: 962px;
		overflow: hidden;
		padding: 20px 0 26px 0;
		margin: auto;
		font-size: 0.9em;
		font-weight: bold;
		background: #ededef url(/Images/backgrounds/promosBack.jpg) no-repeat center 0;	
		}
		
	.promos ul.links {
		float: left;
		margin-top: 15px;
		width: 471px;
		}
		
	.promos ul.links li {
		float: left;
		width: 124px;
		margin-left: 20px;
		display: inline; /* To stop IE6 double margin bug */
		padding: 6px 0 0 13px;
		background-position: 0 8px;
		}
		
	.promos ul.links li a {
		color: #656565;
		}
		
	.promos ul.links li a:hover {
		color: #333;
		}
		
	.promos ul.promoTiles {
		float:right;
		width: 471px;
		overflow: hidden; /* Required to stop extra padding in IE6 */
		}
		
	.promos ul.promoTiles li {
		float: left;
		width: 137px;
		margin-right: 20px;
		background: none;
		padding: 0;
		overflow:hidden; /* so it'll be 137px wide - no matter what! */
		}
		
	.promos ul.promoTiles li a {
		display: block;
		width: 135px;
		height: 74px;
		border: 1px solid #e4e4e4;
		}
				
	.promos ul.promoTiles li a:hover {
		border-color: #999;
		}
		


			

/* 7 :-------- Footer ------------ */	
	.footer {
		width: 942px;
		overflow: hidden;
		margin: auto;
		padding: 4px 20px 4px 0;
		}
		
	.footer ul li {
		float: right;
		margin:6px 0 0 14px;
		padding: 0px;
		background:none;
		overflow: hidden;
		}
		
	.footer ul li a {
		display:block;
		text-indent:-9999em;
		color: #656565;
		background-image:url('/images/elements/footer-sprite.png');
		background-repeat:no-repeat;
		height:9px;
		overflow:hidden;
		margin-top:7px;
		}

	.footer ul li a.reactiveLink{
		width:127px;
		background-position:-289px 0px;
		}
		.footer ul li a.facebook{
		width:127px;
		background-position:0px 0px;
		}
		.footer ul li a.twitter{
		width:134px;
		background-position:-140px 0px;
		}
		.footer ul li a.footerNZ{
		width:148px;
		background-position:-569px 0px;
		}
		.footer .quote_aud{
		display: block;
		float: left;
		margin: 0;
		padding: 1.22em 1.8em;
		}
		.footer ul li a.footerAU{
		width:132px;
		background-position:-428 0px;
		}
	.footer ul li a.reactiveLink:hover{background-position:-289px -9px;}
	.footer ul li a.facebook:hover{background-position:0px -9px;}
	.footer ul li a.twitter:hover{background-position:-140px -9px;}	
	.footer ul li a.footerNZ:hover {background-position:-143px -9px;}
	.footer ul li a.footerAU:hover{background-position:0 -9px;}
	.footer ul li a:hover {
		color: #333;
		text-decoration: none;
		}
		
	.footer ul li a.reachLink{
		width: 72px;
		height: 23px;
		display:block;
		margin:0;
		text-indent:-9999em;
		background: url(/Images/logos/reachLogoForFooter.gif) no-repeat;
		background-position: 0 bottom;
		padding-right:9px;
		}
		
	.footer ul li a.reachLink:hover {
		background-position: 0 bottom;
		}
			
	.footer ul li a.eclipseLink{
		width: 51px;
		height: 25px;
		display:block;
		margin:0;
		text-indent:-9999em;
		background: url(/Images/logos/greyEclipse.gif) no-repeat;
		background-position: 0 bottom;
		padding-right:9px;
		}
		
	
	.footer ul li a.eclipseLink:hover {
		background-position: 0 bottom;
		}
			
		
/* 8 :-------- sIFR ------------ */
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		padding: 0;
		}
	
	.sIFR-replaced, .sIFR-ignore {
		visibility: visible !important;
		}
	
	.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
		}
	
	.sIFR-replaced div.sIFR-fixfocus {
		margin: 0pt; 
		padding: 0pt; 
		overflow: auto; 
		letter-spacing: 0px; 
		float: none;
		}
		
	.sIFR-active h1 {
		visibility: hidden;
		margin-bottom: 0.6em;
		}		

/*		
/*		
	.sIFR-active h2 {
		visibility: hidden;
		margin-bottom: 0;
		}
*/

/* Store listing */
.storeListing{
	background:url('/Images/elements/dottedLineThick.gif') 0 bottom repeat-x;
	width:750px;
	padding-bottom: 1px;
	margin-bottom: 12px;
	}
	.storeListing li{
		background:url('/Images/elements/dottedLineThick.gif') 0 top repeat-x;
		padding:13px 0 20px;
		overflow:hidden;
		}
	.storeListing ul.normalListing li {
		background:transparent url(../Images/bullets/bullet.gif) no-repeat scroll 0 3px;
		padding:0 0 6px 13px;
		}
		.storeListing .action{
			float:right;
			width:103px;
			display:none;
			}
			.storeListing .action .link{
				display:block;
				width:103px;
				height:21px;
				background:url('/Images/buttons/viewmap-btn.gif') 0 0 no-repeat;
				text-indent:-9999em;
				overflow:hidden;
				}
		.storeListing h2{
			font-size:1.42em;
			font-weight:normal;
			}
		.storeListing dl{
			margin:0;
			padding:0;
			overflow:hidden;
			}
		.storeListing dt{
			width:68px;
			float:left;
			font-weight:bold;
			}
		.storeListing dd{
			width:187px;
			padding:0 10px 0 0;
			float:left;
			margin:0;
			}
		.storeListing dt.phone{
			width:45px;
			float:left;
			}
		.storeListing dd.phone{
			width:100px;
			float:left;
			}
		.storeListing strong.storeType{
			font-size: 1.6em;
			font-weight: normal;
			padding:0 0 0.6em;
			margin: 1.6em 0 13px;
			display: block;
			background:url('/Images/elements/dottedLineThick.gif') 0 bottom repeat-x;
			}
			
		
	.storeLocator{
		width:750px;
		}
		.storeLocator p{
			font-weight:bold;
			padding:0;
			margin:0 0 15px;
			}
		.storeLocator .colA{
			width:252px;
			padding:0 0 0 37px;
			float:left;
			}
			.storeLocator .colA input.slSearchBox{
				width:131px;
				border:1px solid #999999;
				float:left;
				margin:0 3px 0 0;
				}
		.storeLocator .colB{
			width:25px;
			float:left;
			}
		.storeLocator .colC{
			width:436px;
			float:left;
			padding:0px;
			}
			.storeLocator .colC img{
				border:none;
				}

/* marie claire test */
#flashVideo1{	
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url('/images/elements/macFFBgHack.png') repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=70);
  -moz-opacity: 0.70;
  opacity: 0.70;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background:none;
  z-index: 1001;
  color:#000000;
  display:none;
  /*border: 3px solid #e6e6e6;*/
  text-align:left;
  top:47px;
  left:50%;
}
* html #TB_window { /* ie6 hack */
	position: absolute;
	/*margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');*/
	margin-bottom:47px;
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  float:right;
  margin-right:-6px;
  text-indent:-9999em;
	}
* html #TB_closeAjaxWindow{
	margin:0;
	position:relative;
	left:6px;
	}
#TB_closeWindowButton{
  width:83px;
  height:24px;
  display:block;
  overflow:hidden;
  text-indent:-9999em;
  background:url('/images/elements/TH-closeButton.gif') 0 0 no-repeat;
}
#TB_ajaxWindowTitle{
  display:none;
}
#TB_title{
  background:none;
  height:24px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
/*margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');*/
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     /*height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');*/
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  border:3px solid #e6e6e6;
}
* html #TB_iframeContent{
	border:none;
	padding:3px;
	background:red;
	}