/* CSS Document */
html, body {
  padding: 0;
  margin: 0;
  height: 100%;
}
body {
	background-color:#CAC9C4;color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	height:100%;
	background-repeat:no-repeat;
	line-height:15px;
}

* {
	margin:0px;padding:0px;
	font-size:100%;
}

img { border:0px; }

a { font-weight:bold;color:#000;text-decoration:none; }


/* PAGE STRUCTURE */
.abs { position:absolute;left:0px;top:0px; }
.flt { float:left; }
.block { width:802px;border-bottom:10px solid #fff; }

#container {
	width:842px;
	left:50%;top:20px;
	margin-left:-421px;
}

	#container #topArea {
		background-color:#FCB913;
		height:111px;width:842px;
		border-bottom:10px solid #CAC9C4;
	}
	
	#container #content {
		background-color:#fff;
		width:802px;border:20px solid #fff;
	}
	
	#container #bottomArea { width:842px;border-top:10px solid #CAC9C4; }

.text, .email, .textarea, .file,
.date {
	background-color:#CAC9C4;
	border:0px;
}
	
/* STEP 0 */
.step0 .block2 { width:635px; }

.step0 .block3 .faqs,
.step0 .block3 .faqs li { list-style:none; }	
.step0 .block3 .faqs li { margin-bottom:10px; }
.step0 .block3 .faqs li .toggleHide,
.step0 .block3 .faqs li .toggleHide span { display:block;margin-top:10px;width:550px; }
	.step0 .block3 .faqs li .toggleHide span { text-align:right;cursor:pointer; }
.step0 .block4 a { text-decoration:underline;font-weight:normal; }
.step0 .block4 a:hover { text-decoration:none; }
.step0 .block4 label { display:none; }
	
/* STEP 1 */
.step1 .block2 { width:580px; }
.step1 .block3 .req { display:none; }

.step1 .block3 { width:344px; }
.step1 .block3 .formrow {
	float:left;
	width:344px;
	margin-bottom:10px;
}
	.step1 .block3 .formrow .l { width:72px;float:left;	}
	.step1 .block3 .formrow .r { width:272px;float:left; }
	.step1 .block3 .formrow .r .text,
	.step1 .block3 .formrow .r .email { width:272px; }
	
	.step1 .block3 .frtelephone .l,
	.step1 .block3 .frcourse .l,
	.step1 .block3 .frgraduation .l,
	.step1 .block3 .frtutorname .l,
	.step1 .block3 .frtutorcontact .l { width:185px; }
	.step1 .block3 .frtelephone .r,
	.step1 .block3 .frtelephone .r .text,
	.step1 .block3 .frcourse .r,
	.step1 .block3 .frcourse .r .text,
	.step1 .block3 .frgraduation .r,
	.step1 .block3 .frgraduation .r .text,
	.step1 .block3 .frtutorname .r,
	.step1 .block3 .frtutorname .r .text,
	.step1 .block3 .frtutorcontact .r,
	.step1 .block3 .frtutorcontact .r .text { width:159px; }
	
	.step1 .block3 .frcollegeUni .l { width:185px; }
	.step1 .block3 .frcollegeUni .r,
	.step1 .block3 .frcollegeUni .r .text { width:159px; }
	
	.step1 .block3 .frcontinue { margin-top:10px; }
	.step1 .block3 .frcontinue .l { display:none; }
	
	.step1 .block4 { top:423px;left:370px;width:390px; }
		/* ie 6 hack */
		* html .step1 .block4 { top:400px; }
		/* ie 7 hack */
		*:first-child+html .step1 .block4 { top:400px; }
	
/* STEP 2 */
/*.step2 .block3 { background-color:#00CCFF; }*/
.step2 .block3 .greyBox { width:204px;height:146px; }
.step2 .block3 .greyBox4,
.step2 .block3 .greyBox8 { width:190px; }


	/* UPLOAD PAGE */
	/*.step2 .block2 .req,
	.step2 .block2 .filedetails { display:none; }*/
	
	.step2 .block1 { width:730px; }
	
	.step2 .block2 .req { display:none; }
	
	.step2 .block2 .formrow {
		float:left;
		width:650px;
		margin-bottom:10px;
	}
		.step2 .block2 .formrow .l { width:105px;float:left;	}
		.step2 .block2 .formrow .r { width:545px;float:left; }
		.step2 .block2 .formrow .r .textarea,
		.step2 .block2 .formrow .r #framestyle { width:545px; }
		
		.step2 .block2 .formrow .r #supportingtext { height:100px; }
		
		.step2 .block2 .formrow .r #medium,
		.step2 .block2 .formrow .r #printSize,
		.step2 .block2 .formrow .r #frameSize { width:260px; }
		
	.step2 .block2 .frimagecaption .l,
	.step2 .block2 .frframestyle .l,
	.step2 .block2 .frsupportingtext .l { width:650px; }
	.step2 .block2 .frimagecaption .r,
	.step2 .block2 .frframestyle .r,
	.step2 .block2 .frsupportingtext .r { border-left:105px solid #fff; }	
		
	.step2 .block2 .fruploadImage .l { display:none; }
	
.step2 .block99 { top:150px; left:760px; width:80px; }	
	
	
/* STEP 3 */
.step3 .block2 .req { display:none; }
.step3 .block2 .frsubmit .l { display:none; }

.step3 .block2 .formrow {
	float:left;
	width:630px;
	margin-bottom:10px;
}

.step3 .block2 .formrow .l { float:right;width:610px; }
.step3 .block2 .formrow .r { float:left;width:20px; }


/* GALLERY */
#searchBox { border-left:372px solid #fff;width:189px; }

#searchBox .text { height:16px; width:110px; }

/* GALLERY 0 */
.gallery0 .block1 { width:240px; height:35px; border:0px; }
.gallery0 .block2 { width:562px; height:35px; border:0px; }
.gallery0 .block3 {
	height:428px;width:198px;
	overflow:auto;border:1px solid #AEAEAE;
}
	.gallery0 .block3 ol { border:10px solid #fff; }
	.gallery0 .block3 ol, .gallery0 .block3 ol li { list-style:none; }
	.gallery0 .block3 ol li a { font-weight:normal }
	.gallery0 .block3 ol li a:hover { text-decoration:underline; }
	
.gallery0 .block4 { width:568px; border-left:34px solid #fff; }

/* GALLERY 1 */
.gallery1 .block1 { width:234px; }
	.gallery1 .block1 .flt { width:220px; }

.gallery1 .block2,
.gallery1 .block3 { width:568px; }

	.gallery1 .block2 #freshNav { width:270px; }
	.gallery1 .block2 #searchBox { border-left:108px solid #fff; }
	
	.gallery1 .block3 .flt { width:568px;margin-bottom:10px; }
	
	.gallery1 .block3 .flt .thumb { width:71px; }
	.gallery1 .block3 .flt .thumb8 { width:70px; }
	
/* GALLERY 2 */
.gallery2 .block3 #searchBox { border:0px; }

	.gallery2 .block3 ol, .gallery0 .block3 ol li { list-style:none; }
	.gallery2 .block3 ol li a { text-decoration:underline;font-weight:normal; }
	.gallery2 .block3 ol li a:hover { text-decoration:normal; }
	
	
/* FINAL */

/* FINAL 0 */
.final0 .block2 {
	height:428px;width:198px;
	overflow:auto;border:1px solid #fff;
}
	.final0 .block2 ol { border:10px solid #fff;border-left:0px;border-top:0px; }
	.final0 .block2 ol, .gallery0 .block3 ol li { list-style:none; }
	.final0 .block2 ol li a { font-weight:normal }
	.final0 .block2 ol li a:hover { text-decoration:underline; }
	
.final0 .block3 { width:568px; border-left:34px solid #fff; }	

/* FINAL 1 */
.final1 .block1 { width:234px; }
	.final1 .block1 .flt { width:220px; }

.final1 .block2,
.final1 .block3 { width:568px; }

	.final1 .block2 #freshNav { width:568px; }
	.final1 .block2 .floatRight { float: right; }
	.final1 .block2 .floatLeft { float: left; }
	.final1 .block2 #searchBox { display:none; }
	
	.final1 .block3 .flt { width:568px;margin-bottom:10px; }
	
	.final1 .block3 .flt .thumb { width:71px; }
	.final1 .block3 .flt .thumb8 { width:70px; }