/*

	client: 		Aldi
	developed by: 	Rippleffect Ltd
	designer: 		micheal braithwaite
	programmer: 	david sloan
	
	css: 			formatting

*/

/* misc */

img {
	behavior:url(/assets/iepngfix/iepngfix.htc);
}

li {
	list-style:none;
}

a img {
	border:0;
}

a {
	text-decoration:none;
	outline:0;
}

input {
	outline:0;
}

form fieldset {
	border:0;
}

.hide {
	visibility:hidden;
}

/* footer */

#footer ul {
	float:left;
	margin:0 0 0 0;
}

#footer ul li {
	float:left;
	display:block;
	padding:0 10px 0 0;
	border-right:1px solid #888;
	margin:0 10px 0 0;
}

#footer ul li.last { border:none;}

#footer ul li a {
	color:#888;
	position:relative;
	z-index:20;
}

#footer ul li a:hover {
	color:#e11b79;
}

#footer img#aldi {
	float:right;
}


ul.access-links {
	float:left;
	left:0;
	margin:0 0 0 0;
	position:absolute;
	z-index:10;
	top:535px;
}

ul.access-links li {
	float:left;
	display:block;
	padding:0 7px 0 0;
	border-right:1px solid #888;
	margin:0 7px 0 0;
}

ul.access-links li.last {
	border:0;
	margin:0;
}

ul.access-links li a {
	color:#888;
	position:relative;
	z-index:20;
}

ul.access-links li a:hover {
	color:#e11b79;
}

/** homepage specific **/

#container #note img#worried {
	width:331px;
	height:137px;
	display:block;
	margin:34px 0 0 14px;
}

#container #note img#sneak-preview {
	width:262px;
	height:90px;
	display:block;
	margin:33px 0 0 30px;
}

#container #note img#coming-soon {
	width:282px;
	height:88px;
	display:block;
	margin:33px 0 0 60px;
}

#container a#age-me {
	background-image:url(/assets/images/structure/note/ageme.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:99px;
	width:242px;
	display:block;
	left:87px;
	top:330px;
	position:absolute;
	z-index:60;
}

#container a#age-me-small {
	background-image:url(/assets/images/buttons/ageme.png);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	height:61px;
	width:144px;
	left:67px;
	top:170px;
	position:absolute;
	z-index:20;
	cursor:pointer;
}

#container img#loading {
	display:block;
	left:75px;
	top:175px;
	position:absolute;
	z-index:20;
}

#container a#product-info {
	background-image:url(/assets/images/buttons/product-info.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:40px;
	width:100px;
	display:block;
	position:absolute;
	top:499px;
	left:663px;
	z-index:20;
}

#container a#product-info:hover {
	background-position:bottom left;
}


/** stage 2 specific **/

#container #note img#follow-the-steps {
	width:318px;
	height:71px;
	display:block;
	margin:34px 0 0 14px;
}

#container #note img#find-a-good-photo {
	width:310px;
	height:62px;
	display:block;
	margin:20px 0 0 17px;
}

#container #note img#crop-the-image {
	width:308px;
	height:114px;
	display:block;
	margin:20px 0 0 26px;
}

#container #note #browse-overlay {
	background-image:url(/assets/images/structure/note/stage2/browse-bg.png);
	background-position:top left;
	background-repeat:no-repeat;
	width:217px;
	height:24px;
	display:block;
	padding:13px 10px 10px 5px;
	margin:10px 0 0 70px;
}

#container input#browse {
	position:absolute;
	z-index:2100;
	left:75px;
	top:220px;
	height:25px;
	opacity:0;
	-moz-opacity: 0;
    filter:alpha(opacity=0);
}

#container input#next {
	position:absolute;
	z-index:20;
	top:380px;
	left:200px;
}

/** stage 3 specific **/

#container #note img#begin-process {
	width:322px;
	height:107px;
	display:block;
	margin:34px 0 0 14px;
}

#container a#product-info-two {
	background-image:url(/assets/images/buttons/product-info.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:40px;
	width:100px;
	display:block;
	position:absolute;
	top:294px;
	left:135px;
	z-index:20;
}

#container a#product-info-two:hover {
	background-position:bottom left;
}

#container a#send-link {
	display:block;
	background-image:url(/assets/images/buttons/send-to-a-friend.png);
	background-position:top left;
	background-repeat:no-repeat;
	width:142px;
	height:103px;
	top:379px;
	left:34px;
	position:absolute;
	z-index:20;
}

#container a#send-link:hover {
	background-position:bottom left;
}

#container a#problem {
	position:absolute;
	z-index:20;
	top:409px;
	left:380px;
	height:70px;
	width:250px;
	display:none;
	background-image:url(/assets/images/structure/stage3/problem.png);
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:top left;
	cursor:pointer;
}


#container a#problem:hover {
	background-position:bottom left;
}

#error-area {
	display:none;
	position:absolute;
	z-index:20;
	top:40px;
	left:0;
}

#error-area .text {
	padding:10px 30px 20px 50px;
}

#error-area ul {
	margin:20px 0 0 40px;
	float:left;
	clear:both;
	display:inline;
}

#error-area ul li {
	margin:0 5px 0 0;
	float:left;
	display:block;
}

#error-area .text ul {
	margin:10px 0 15px 0;	
}

#error-area .text ul li {
	clear:both;	
}

#fail {
	display:none;
	position:absolute;
	z-index:20;
	top:40px;
	left:25px;
	width:300px;
}

#fail p {
	margin:30px 0 0 15px;
}

#fail ul {
	margin:30px 0 0 5px;
}

/*** main image ***/

#container #image-manipulation #main-image {
	display:block;
	float:left;
	padding:0 5px 5px 0;
	margin:27px 0 0 5px;
	background-image:url(/assets/images/structure/expandable-shadow.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	position:relative;
	z-index:1;
}

#container #image-manipulation #clip-area {
	display:block;
	float:left;
	padding:0 5px 5px 0;
	margin:0 0 0 -15px;
	background-position:bottom right;
	background-repeat:no-repeat;
	position:relative;
	z-index:1;
	width:250px;
}

#container #image-manipulation #clip-area #crop-holder {
	width:115px;
	height:150px;
	overflow:hidden;
}

#container #image-manipulation #main-image #internal-border {
	border:1px solid #ccc;
	background-color:#eee;
}

#container #image-manipulation #main-image #internal-border #internal-image {
	border:10px solid #fff;
	position:relative;
	z-index:4;
}

#container #image-manipulation #main-image #internal-border #internal-image-fade {
	border:10px solid #fff;
	position:absolute;
	z-index:5;
}

#container #image-manipulation #main-image #internal-border img {
	display:block;
}

#container #image-manipulation #main-image #internal-border #internal-image #cropbox {
	border:1px solid #ccc;
	display:block;
	position:relative;
	z-index:20;
}

#container #image-manipulation #preview-group #paper-clip {
	background-image:url(/assets/images/structure/stage2/paper-clip.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:101px;
	width:45px;
	position:absolute;
	z-index:5;
	left:0;
	margin:0 0 0 -5px;
}

#container #image-manipulation #preview-group #preview-box {
	background-image:url(/assets/images/structure/stage2/preview-bg-new.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:265px;
	width:238px;
	position:absolute;
	z-index:4;
	left:0;
	margin:21px 0 0 4px;
}

#container #image-manipulation #preview-group .smaller {
	height:185px !important;
	width:158px !important;
}

#container #image-manipulation #preview-group #preview-box #crop-holder {
	width:109px;
	height:145px;
	border:1px solid #ccc;
	position:relative;
	z-index:50;
	margin:15px 0 0 18px;
	overflow:hidden;
}

#container #image-manipulation #preview-group #preview-box #preview-image {
	margin:10px 0 0 10px;
	position:relative;
	position:absolute;
	z-index:10;
}

#container #dos-donts {
	background-image:url(/assets/images/structure/stage2/dos-donts.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:280px;
	width:500px;
	position:absolute;
	z-index:-1;
	left:425px;
	top:270px;
}

#container #final-links-fade {
	position:absolute;
	top:180px;
	left:30px;
	z-index:5;
}

#container #final-links-fade ul {
	margin:10px 0 0 15px;
}

/* information page */

#wrap ul { 
	margin:0 20px;
}

#wrap ul li {
	background:url(/assets/images/structure/information/arrow.png) no-repeat;
	behavior:url(/assets/iepngfix/iepngfix.htc);
	padding:0 0 0 30px;
}

#wrap h1 { 
	margin:0 20px;
	padding:0;
}

#wrap h1.privacy-policy { 
	background:url(/assets/images/structure/information/privacy-policy.png) no-repeat;
	behavior:url(/assets/iepngfix/iepngfix.htc);
	padding:17px 0;
}
#wrap h1.terms-conditions { 
	background:url(/assets/images/structure/information/terms-conditions.png) no-repeat;
	behavior:url(/assets/iepngfix/iepngfix.htc);
	padding:20px 0;
}
#wrap h1.contact-us { 
	background:url(/assets/images/structure/information/contact-us.png) no-repeat;
	behavior:url(/assets/iepngfix/iepngfix.htc);
	padding:15px 0;
}
#wrap h1.product-info { 
	background:url(/assets/images/structure/information/product-info.png) no-repeat;
	behavior:url(/assets/iepngfix/iepngfix.htc);
	padding:23px 0;
}
#wrap h1.send-friend { 
	background:url(/assets/images/structure/information/send.png) no-repeat;
	behavior:url(/assets/iepngfix/iepngfix.htc);
	padding:20px 0;
}

#wrap h1 span { 
	visibility:hidden;
}

#wrap h2 { 
	margin:0 20px;
	padding:0;
}

#wrap.terms h2 {
	color:#e11b79;
	clear:both;
	
}

#wrap.terms h2 {
	color:#e11b79;
	margin:30px 20px 20px 20px;
	font-size:1.4em;
}

#wrap.terms h3 {
	font-size:1.1em;
	margin:20px 20px 0 20px;
	color:#444;
}


#wrap h2.use { 
	background:url(/assets/images/structure/information/use.png) no-repeat;
	behavior:url(/assets/iepngfix/iepngfix.htc);
	padding:12px 0;
}
#wrap h2.disclosure { 
	background:url(/assets/images/structure/information/disclosure.png) no-repeat;
	behavior:url(/assets/iepngfix/iepngfix.htc);
	padding:12px 0;
}
#wrap h2.other { 
	background:url(/assets/images/structure/information/other.png) no-repeat;
	behavior:url(/assets/iepngfix/iepngfix.htc);
	padding:12px 0;
}
#wrap h2.cookies { 
	background:url(/assets/images/structure/information/cookies.png) no-repeat;
	behavior:url(/assets/iepngfix/iepngfix.htc);
	padding:12px 0;
}
#wrap h2.access { 
	background:url(/assets/images/structure/information/access.png) no-repeat;
	behavior:url(/assets/iepngfix/iepngfix.htc);
	padding:12px 0;
}
#wrap h2.wrinkle-stop { 
	background:url(/assets/images/structure/information/wrinkle-stop.png) no-repeat;
	behavior:url(/assets/iepngfix/iepngfix.htc);
	padding:5px 0;
}


#wrap h2 span { 
	visibility:hidden;
}

#wrap p { 
	margin:20px 150px 20px 20px;
}

#wrap p span { 
	visibility:hidden;
}

#wrap p.simply { 
	background:url(/assets/images/structure/information/simply.png) no-repeat;
	behavior:url(/assets/iepngfix/iepngfix.htc);
	padding:22px 0;
	margin-right:0;
}

#wrap p.from { 
	background:url(/assets/images/structure/information/from.png) no-repeat;
	behavior:url(/assets/iepngfix/iepngfix.htc);
	padding:10px 0;
	margin:15px;
}

#wrap p.to { 
	background:url(/assets/images/structure/information/to.png) no-repeat;
	behavior:url(/assets/iepngfix/iepngfix.htc);
	padding:10px 0;
	margin:15px;
}

/* contact form */

#contact_form { 
	margin:20px;
	width:400px;
}

#wrap.send-friend #contact_form {
	width:912px;
	margin:20px 0;
}

#contact_form label { 
	width:100px;
	float:left;
	padding:2px;
	margin:0 0 5px 0;
	color:#e11b79;
	font-weight:bold;
}

#contact_form input { 
	width:250px;
	padding:2px;
	margin:0 0 5px 0;
	border:1px solid #e11b79;
}

#contact_form textarea { 
	width:250px;
	padding:2px;
	margin:0 0 5px 0;
	border:1px solid #e11b79;
}

#contact_form input.btn { 
	background:url(/assets/images/structure/information/submit.png) no-repeat;
	behavior:url(/assets/iepngfix/iepngfix.htc);
	border:none;
	cursor:pointer;
	padding:25px 0;
	width:162px;
	margin:10px 15px 0 120px;
}

img.img { 
	margin:-20px 0 0 0;
}
img.img1 { 
	margin:-20px 0 0 0;
}

#wrap #send-friend p { 
	margin:0px 0 0 30px;
	padding:50px 0 0 0;
}

#wrap a#send-link {
	display:block;
	background-image:url(/assets/images/buttons/send-to-a-friend.png);
	background-position:top left;
	background-repeat:no-repeat;
	width:125px;
	height:103px;
	position:relative;
}

#wrap a#send-link:hover {
	background-position:bottom left;
}

#wrap a#send-link-contact {
	display:block;
	background-image:url(/assets/images/buttons/send-friend.png);
	background-position:top left;
	background-repeat:no-repeat;
	width:140px;
	height:103px;
	position:absolute;
	margin:45px 0 0 23px;
}

#wrap a#send-link-contact:hover {
	background-position:bottom left;
}

#wrap.send-friend #contact_form ul {
	margin:0 15px;
}

#wrap.send-friend #contact_form ul li {
	padding:0;
	background-image:none;
} 

#wrap.send-friend #contact_form .subscribe-area input {
	width:auto;
	padding:0;
	border:0;
	float:left;
}

#wrap.send-friend #contact_form .subscribe-area label {
	width:auto;
	float:left;
	margin:0 20px 0 0;
	padding:0;
}

#wrap ul.errors {
	margin:25px 0 0 20px;
}

#wrap ul.errors li {
	margin:0 0 5px 0;
}

#wrap.send-friend .success {
	padding:20px 0 0 0;
	clear:left;
}

#wrap.send-friend .success p {
	font-weight:bold;
	color:#444;
}

#wrap.send-friend .success a {
	margin:0 0 0 5px;
	color:#e11b79;
}

#wrap.send-friend .success a:hover {
	text-decoration:underline;
}

#wrap.send-friend img.redirecting {
	margin:4px 0 0 7px;
}