@import url("misc.css");

* { margin:0;padding:0;}
p {
	margin:6px 0;
}
html, body { height:100%; }

body { font-family: Arial, Helvetica, sans-serif; font-size:12px;
	line-height:16px; color:#3C3023;
}
a {
	color:#3C3023;
}
input, img, button {border:0;}

#distance { width:1px;height:50%;background-color:#fff;
	margin-bottom:-309px; /* half of container's height */float:left;
}

.clearer {
	clear: both;
}

.space { width:100%; display:block; height:10px;}

.right1 { width:155px;margin:0 0 0 10px;float:left; display: block }


/******************** Layout : Header : Start ********************/
#wrapper {
	width:992px; height:618px; margin:0 auto;position:relative; /* puts container in front of distance */clear:left;
}

#header {
	height:22px; position:relative;
}
	#header ul {
		position:absolute; right:0; list-style:none;
	}
		#header ul li{
			float:left; 
		}
		#header ul li a {
			color:#A7A9AC; text-decoration:none; font-size:9px;
			padding:0 7px 0 0;
		}

/******************** Layout : Header : End **********************/


/******************** Layout : Body : Start **********************/

#container {
	width:992px; height:574px; margin:0; 
	position:relative; overflow:hidden;
}
	#container .index{ 
		width:992px; height:574px; background:#feecea;
	}
		#container .index img{ 
			position:absolute; bottom:1px; left:104px;
		}						
	#container .products{ 
		width:992px; height:574px;
		background:#feecea; 
	}
		#container .products img{ 
			position:absolute; bottom:5px; left:110px; 
		}
		
			#container .products #rightcontent .p-info p{ 
				width:566px;  font-size:12px; line-height:16px;
				height:35px; overflow:hidden;
			}
	#container .products-sub{ 
		width:992px; height:574px;
		background: url(../images/bg-podcasts.jpg) no-repeat #feecea; 
	}
				#container .products-sub .newstuff{ 
					position:absolute; right:356px; height:574px; line-height:574px; top:0;
				}
					#container .products-sub .newstuff img{ 
						vertical-align:middle;
					}

				#container .products-sub .newstuff2{ 
					position:absolute; right:156px; height:574px; line-height:574px; top:10px;
					width:700px;
					
				}
					#container .products-sub .newstuff2 img{ 
						vertical-align:middle; margin-right:10px;
					}



#container .no-bg{ 
		background:#feecea; 
	}	
			#container .products-sub #rightcontent h3,
			#container .products-sub #rightcontent p{ 
				width:566px;
			}
				#container .products-sub #rightcontent .leftholder p{ 
					width:100%;
				}
	#container .aboutkm{ 
		width:992px; height:574px;
		background:#feecea; 
	}
		#container .aboutkm img{ 
			position:absolute; bottom:5px; left:52px; 
		}
			#container .aboutkm #rightcontent h1{ 
				
			}
			#container .aboutkm #rightcontent p{ 
				width:566px;  font-size:12px; line-height:16px;
				height:35px; overflow:hidden;
			}
	#container .aboutkm-sub{ 
		width:992px; height:574px;
		background:#feecea; 
	}
		#container .aboutkm-sub img.aboutPic { 
			 	position:absolute; right: 278px; top:50px;
		}	
		#container .aboutkm-sub img.aboutPic2 { 
			 	position:absolute; right: 378px; top:50px;
		}	
	#container .media{ 
		width:992px; height:574px; 
		background:#feecea; 
	}
			#container .media #rightcontent p{ 
					width:566px; 					
			}
	#container .bg-podcasts{
		background:url(../images/bg-podcasts.jpg) no-repeat #feecea;  
	}
	#container .bg-tricks{
		background:url(../images/bg-tricks.jpg) no-repeat #feecea;  
	}
	#container .bg-tricks-blue{
		background:url(../images/bg-tricks-blue.jpg) no-repeat #f0f3f7;  
	}
	#container .bg-win{
		background:url(../images/product-sub.jpg) no-repeat #feecea;  
	}
	#container .bg-climate{
		background:url(../images/climate-bg.jpg) no-repeat #feecea;  
		width:992px; height:574px; 
	}
.climate-text {
	padding:20px;
	color:#FFF;
	width:570px;
	line-height:16px;
	padding-top:130px;
	
}
.climate-image img{
	margin-right:10px;
	float:right;
	margin-top:480px;
	
}
#container .media img{ 
			position:absolute; bottom:10px; left:84px;
		}
		#container .media img.educate{ 
			bottom:14px; left:104px;
		}
		#container .media img.education{ 
			top:50px; left:275px; border:5px solid #ffffff;
		}
		#container .media img.findus{ 
			bottom:24px; left:104px;
		}
		#container .media img.podcasts{ 
			bottom:41px; left:152px;
		}
		#container .media img.session{ 
			top:80px; left:74px;
		}
		#container .media img.kits{ 
			bottom:11px; right:357px; left:auto;
		}
		#container .media img.win{ 
			top:110px; left:348px;
		}
		#container .media img.bt-podcasts-upload{ 
			top:82px; right:20px; left:auto;
		}
		#container .media img.bt-photo-upload{ 
			top:82px; right:20px; left:auto;
		}
		#container .media img.kmWinDetail{ 
			top:52px; right:280px; left:auto;
		}
		#container .media img.session-login-area{ 
			bottom:15px; right:15px; left:auto;
		}
		#container .media img.up-coming-events{ 
			top:50px; left:205px; border:5px solid #ffffff;
		}
		#container .media img.bt-contact{ 
			position:static;
		}
		#container .media img.login-img{ 
			top:96px; left:109px;
		}
		#container .media img.tricks{ 
			top:121px; left:335px; border:5px solid #ffffff;
		}
		#container .media div.session-gallery{ 
			top:177px; left:84px; width:831px; height:207px; overflow:hidden; padding:0 30px 0 0;
			position:absolute;
		}
		#container .media div.session-competition{ 
			top:110px; left:348px;width:310px; height:297px; border:5px solid #ffffff; background:#7D6A55;
			position:absolute;
		}
			#container .media div.session-gallery img{ 
				position:static;
			}
			#container .media #rightcontent .p-info p{ 
				width:566px;  font-size:12px; line-height:16px;
				height:35px; overflow:hidden;
			}
			#container .media #rightcontent .leftholder p {
				width:100%; height:auto; 
			}
		#container .media #rightcontent .leftholder {
			padding:0 0 92px 0; 
		}
	#container .media-sub{ 
		width:992px; height:574px;background:#eab4b8;
	}
	#container .love{ 
		width:992px; height:574px; 
		background:url(../images/bglove.jpg) no-repeat; 
	}
	#container div.findus-sub{ 
		width:992px; height:574px;
		background:#feecea; 
	}
	#container .login{ 
		width:992px; height:574px; 
		background:url(../images/bglogin.jpg) no-repeat; 
	}
	#container .login-sub{ 
		width:992px; height:574px;background:#f0f3f7;
	}
#winInfo {
	position:absolute; top:120px; left:120px;	
}
	#winInfo p{
		line-height: 14px;
	}
	#winInfo ul{
		list-style:none; width:794px;
	}
		#winInfo ul li{
			float:left; width:317px; margin:0 80px 0 0;
		}
			#container #winInfo ul li img{
				position:static;
			}
#rightcontent {
	position:absolute; top:14px; right:16px; text-align:right; /* width:249px;*/
	}
	#rightcontent .redeempointtop {
		text-align:left; 
	}
		#rightcontent .redeempointtop h2 {
			 line-height: 18px;
		}
			#rightcontent .redeempointtop h2 span { 
				font-size:22px; line-height:24px;
			}
		#rightcontent .redeempointtop p { 
			float:left; width:250px;
		}
	#rightcontent h1 {
		font: bold 20px Arial; line-height:22px; text-transform:uppercase;
		width:auto; text-align:right; display:block; float:right;
	}
	#rightcontent h1 span {
		text-transform:none;
	}
	#rightcontent h2 {
		font:14px Arial; line-height:22px; text-transform:uppercase; padding:3px 0;
	}
	#rightcontent h2 span{
		font-weight:normal;
	}
	#rightcontent h2.kits {
		line-height:normal;
	}
	#rightcontent h2.headsub {
		font:lighter 20px Arial;
	}
	#rightcontent h3 {
		font:normal 14px Arial;line-height:18px; 
	}
	#rightcontent .find-salon{
		margin:24px 0 0 0;
	}
	#rightcontent .no-margin{
			margin:0; 
		}
		#rightcontent .find-salon label{
			text-transform:uppercase; display: block; padding:0 0 2px 0; font-weight:bold;
		}

		#rightcontent .find-salon label.error{
			display:none; padding:0; color:#dc143c;			
		}
		
		#rightcontent .find-salon label.radio{
			display:inline; 
		}
		#rightcontent .find-salon select{
			width:202px; height:15; font:10px Arial, Helvetica, sans-serif;
			display:block; float:right; text-align:right;
		}
		#rightcontent .find-salon textarea{
			width:202px; font:10px Arial, Helvetica, sans-serif; background:#ffffff; height:60px;
			display:block; float:right; text-align:right; border:none;
		}
		#rightcontent .find-salon input{
			width:199px; height:15px; font:11px Arial, Helvetica, sans-serif; text-align:right; padding:0 3px 0 0;
			display:block; float:right; background: url(../images/bg-podcast-textfield.png) top no-repeat;
		}
		#rightcontent .inputLogin input{
			font-size:12px;
		}
			#rightcontent .find-salon select.dob{
			width:65px; margin:0 2px 0 0;
		}
		#rightcontent .find-salon input.error{
			background-position: bottom;
		}
		#rightcontent .find-salon input.file{
			height: auto; background:none;
		}
		#rightcontent .find-salon input.radio{
			width:20px; height:15px; font:10px Arial, Helvetica, sans-serif; text-align:right; padding:0;
			float: inherit; background:none; display:inline; height:auto;
		}
		#rightcontent .find-salon input.checkbox{
			width:20px; height:15px; position:absolute; display:block; left:0; background:none;
			top:10px;
		}		
		#rightcontent .find-salon input.search{
			width:76px; height:76px; cursor:pointer; margin:8px 0 0 0;
			background:url(../images/search.png) no-repeat;
		}
		#rightcontent .find-salon input.submit{
			width:76px; height:76px; cursor:pointer; margin:8px 0 0 0;
			background:url(../images/button-submit.png) no-repeat;
		}
		#rightcontent .find-salon input.joinus{
			position:absolute; right: 310px; bottom: 0px;
		}
		#rightcontent .find-salon form p{
			position:relative; display:block; clear:both; padding:10px 0 0 0; height:auto;
		}
		#rightcontent .find-salon form p span{
			float:left; display:inline-block;
		}
		#container .media  #rightcontent p.joinus{
			width:287px; float:right;
		}
		#rightcontent .find-salon form img{
			position:relative; display:block; clear:both; padding:10px 0 0 0; height:auto;
		}
		#rightcontent .find-salon p.title{
			height:25px; 
		}
	
		#rightcontent .find-salon form span{
			position:absolute; 
		}
			#rightcontent .find-salon form span.mr{
				right:0; width:40px;
			}
			#rightcontent .find-salon form span.ms{
				right:51px; width:40px;
			}
			#rightcontent .find-salon form span.miss{
				right:102px; width:50px;
			}
			#rightcontent .find-salon form span.mrs{
				right:153px; width:50px;
			}
			#rightcontent .find-salon form span.titleError{
				right:204px; width:10px;
			}			
.map-world {
	position:absolute; left:15px; top:48px;
	border:5px solid #ffffff;
}	
.map-aus {
	position:absolute; left:30px; top:48px;
	border:5px solid #ffffff; width:696px; height:398px;
}
.storeList{
	position:absolute; bottom:15px; left:30px; height:95px; overflow:auto;
	width:950px;
}
	.storeList ul{
		list-style:none;
	}
		.storeList ul li{
			float:left;width:174px; padding:0 5px 0 0; height:95px;
		}
			.storeList ul li p{
				font-size:11px; line-height:14px; position:relative; padding:0 0 0 25px;
			}
			.storeList ul li p span{
				position:absolute; left:0; right:0;
			}
			.storeList ul li:hover p strong {
				
			}
				
.storeList-pagination {
}
.over-scroll-kits {
	position:absolute; bottom:12px; right:15px; width:230px; height:132px;
	background:#feecea; z-index:50; 
}

	.over-scroll-kits h4 {
		 top:27px; right:0; left:auto; position:absolute;
	}
	.podcasts-related {
		right:0; top:45px; position:absolute; left:auto; width:100px; height:82px;
		padding:5px 0 0 25px;
		background:url(../images/podcast-related.jpg) no-repeat;
	}
		
		#container .over-scroll-kits .podcasts-related img{
			position:static;		
		}

	.podcasts-related2 {
		right:180px; top:45px; position:absolute; left:auto; width:100px; height:82px;
		padding:5px 0 0 25px;
		background:url(../images/podcast-related.jpg) no-repeat;
	}
		
		#container .over-scroll-kits .podcasts-related2 img{
			position:static;		
		}


.jPaneFix {
	position:absolute; bottom:0px; right:15px; width:230px; height:65px;
	background:#feecea; z-index:50;	 
}
.jPaneFix-HYG {	
	background:#ffeae9; 
	position:absolute; bottom:6px; right:15px; width:230px; height:56px;
	z-index:50;	
}
.jPaneFix-EDU {	
	background:#fce7e5; 
	position:absolute; bottom:6px; right:15px; width:230px; height:56px;
	z-index:50;	
}

.over-scroll-session {
	position:absolute; bottom:12px; right:15px; width:230px; height:108px;
	background:#feecea; z-index:50; 
}	
	
	#container .media .over-scroll-session img.session-login{
		left:20px; bottom:32px;
	}
	#container .media .over-scroll-kits img.click-enter,
	#container .media .over-scroll-session img.session-find{
		right:0; bottom:14px; left:auto;
	}
.prightscroll {
	height:462px; width:245px; overflow:auto; position:relative; padding:0 0 40px 0; 
	top:6px; right:0px ; outline:none; float:right; text-align:right;
}
.prightscroll-storeList {
	height:95px; width:950px; overflow:auto;
	outline:none; float: left;
}
.prightscroll-product-detail {
	height:392px; width:245px; overflow:auto; position:relative; padding: 0 0 130px 0;
	top:6px; text-align:right; float:right;
}
.prightscroll-session {
	height: 410px; padding:0 0 92px 0;
}
	.prightscroll p{ 
		float:right;
	}
.productinfoscroll {
	height: 94px; width:226px; overflow:auto; position:relative; 
	top:0px; right:0px ; left:0px; outline:none; float:right;
}
	.productinfoscroll p {
		float:right;
	}
.productinforscroll {height:94px; width:211px; overflow:auto; position:relative; top:0px; right:40px ;  outline:none; float:right;}

	#rightcontent h3.pinfo {
		font: 16px Arial;line-height:18px; 
		color:#ffffff; width:249px; padding:5px 0 0 0;
	}

	.photos-sub #rightcontent p, 
	.podcasts-sub #rightcontent p
	{
		font: 12px Arial; color:#ffffff; width:245px; line-height:14px; text-align:right;
	}
		#rightcontent .agaisntdivision p {
			font: 12px Arial; width:215px; line-height:14px; float:right; 
			padding-bottom:10px;
		}
	#rightcontent ul { 
		list-style:none; padding:0 0 15px 0;
	}
		#rightcontent ul li { display:block; padding:3px 0; }
			#rightcontent ul li a, 
			#rightcontent ul li p { 
				text-transform:uppercase; text-decoration:none; /*font: 20px Arial; line-height:18px; */
			}
		#rightcontent ul ul{ 
			padding:6px 0 0 0;
		}
			#rightcontent ul li li { 
				display:block; padding:0; 
			}
				#rightcontent ul li li a { 
					text-transform:uppercase; text-decoration:none; 
					font: 14px Arial;line-height:20px;  
				}
		#rightcontent ul.sub li { 
			padding:0; text-transform:uppercase; 
			font: 16px Arial;line-height:16px;
		}
			#rightcontent ul.sub span li { 
				display:inline-block; padding-bottom:8px; 
			}
			#rightcontent ul.sub li a { 
				text-transform:uppercase; text-decoration:none;  
				font: 16px Arial;line-height:16px; 
			}
		#rightcontent ul.education li { 
			margin:10px 0 0 0; padding:0;
		}
		#rightcontent ul.tricks li { 
			margin:15px 0 0 0; padding:0;
		}
			#rightcontent ul.education li a{ 
				font-size:10px; text-decoration:underline;
			}
			#rightcontent ul.education h2{ 
				margin:10px 0 0 0;
			}
		#rightcontent ul.hair-guide li { 
			margin:21px 0 0 0; padding:0;
			font-size:16px;
			line-height:22PX;
		}
			#rightcontent ul.hair-guide li a{ 
				display:block; text-transform:none;
			}
#productinfo {
	position:absolute; bottom:53px; left:0px; /*150*/ 
	 overflow:hidden;
}
	#productinfo ul{
		list-style:none; margin:0; padding:0 0 0 150px; width:880px;
	}
	
		#productinfo ul li {
			float:left; position:relative;  width:169px; padding:0 50px 0 0;
		}
		#productinfo ul.newstuff li {
			width:207px; padding:0 50px 0 0;
		}
			#productinfo ul li h3 a {
				text-transform:uppercase; padding:0 0 0 2px;
				text-decoration:underline;
			}
			#productinfo ul.newstuff li h3 {
				padding:65px 0 0 2px;
			}			
			#productinfo ul li p {
				font:12px; padding:5px 0 0 2px; 
			}
			#productinfo ul.newstuff li p{
				width:153px; line-height:14px;
			}
			#productinfo ul li img {
				padding:0 0 12px 0; height:259px; width:159px;
			}
			#productinfo ul.newstuff li img {
				height:185px; width:195px;
			}			
#productinfo-kits {
	position:absolute; bottom:43px; left:157px; 
	 overflow:hidden;
}
	#productinfo-kits ul{
		list-style:none; margin:0; padding:0; width:880px; 
	}
		#productinfo-kits ul li {
			width:306px; padding:0 40px 0 0; float:left;position:relative; 
		}
			#productinfo-kits ul li p{
					width:153px; line-height:14px;
			}
			#productinfo-kits ul li img {
				position:absolute; bottom:0; left:0;
			}
			#productinfo-kits ul li p.img {
				height:287px; width:306px; position:relative;
			}
			#productinfo-kits ul li h3 {
				padding:35px 0 0 2px;
			}
#productdetail {width:223px; height:381px; position:absolute; top:61px; right:387px; }

#subpodcasts {
	position:absolute; top:178px; left:121px; overflow:hidden;
	}	
	#subpodcasts ul{
		list-style:none; margin:0; padding:0; height:310px; width:930px; 
	}
		#subpodcasts ul li {
			float:left; margin:0 91px 0 0;
			width:335px;
		}
		#subpodcasts ul li.last {
		margin:0;
		}
			#subpodcasts ul li h3  {
				text-transform:uppercase; text-decoration:underline;
				margin:10px 0 0 0;
			}
			#subpodcasts ul li p  {
				width:180px;
			}


#subpodcasts2 {
	position:absolute; top:78px; left:50px; overflow:hidden;
	}	
	#subpodcasts2 ul{
		list-style:none; margin:0; padding:0; height:310px; width:940px; margin-top:180px;
	}
		#subpodcasts2 ul li {
			float:left; margin:0 30px 0 0;
			width:200px;
		}
		#subpodcasts2 ul li.last {
		margin:0;
		}
			#subpodcasts2 ul li h3  {
				text-transform:uppercase; text-decoration:underline;
				margin:10px 0 0 0;
				font-weight:normal;
				font-size:13px;
			}
			#subpodcasts2 ul li p  {
				width:180px;
			}
			#subpodcasts2 ul li img.thumb  {
				position:relative;
				left:0;
			}

#podcastssearchbox {
	position:absolute; bottom:14px; left:14px; width:258px; 
	z-index:100;
}
	#podcastssearchbox p {
		text-transform:uppercase; font-size:10px; margin:0;
	}
	#podcastssearchbox form {
		position:relative;
	}
	#podcastssearchbox input {
		width:202px; height:15px; font:10px Arial, Helvetica, sans-serif; line-height:15px;
		background: url(../images/bg-podcast-textfield.png) no-repeat;
	}
	#podcastssearchbox input.bt-podcasts-submit {
		width:51px; height:15px; font-weight:bold; position:absolute; right:0; top:0;
		line-height:15px; background:none;cursor:pointer; font-size:11px;
	}			
.informationform {
	position:absolute; bottom:56px; left:310px;width:339px; height:347px; padding:0;
}
	.informationform h1 {
		font:lighter 15px Arial;line-height:18px; text-transform:uppercase;
		padding:0 0 10px 0;
	}
	.informationform ul {
		list-style:none;
	}
		.informationform ul li { 
			display:block; padding:0; margin:0;
		}
.informationformkm, 
.informationformedit {
	position:absolute; bottom:26px; right:145px;width:415px; 
	height:347px; padding:0; overflow:hidden;
}
	.informationformkm h1 {
		font:lighter 15px Arial;line-height:18px; 
		text-transform:uppercase; color:#ffffff; padding:0 0 10px 0;
	}
	.informationformedit h1 {
		font:lighter 15px Arial;line-height:18px; 
		text-transform:uppercase; padding:0 0 10px 0;
	}
	.informationformkm label {
		color:#ffffff;
	}
	.informationformkm ul {
		list-style:none;
	}
		.informationformkm ul li { 
			display:block; padding:0; 
		}
#seminar {
	position:absolute; bottom:48px; left:182px; width:100%; 
	height:370px; overflow:hidden; 
}/*height:355px;*/
	#seminar ul{
		list-style:none; margin:0; padding:0 0 0 15px; width:880px;  
	}
		#seminar ul li {
			float:left;position:relative; height:340px;width:300px; 
			padding:0 85px 0 0; margin:0 10px;
		}/*width:269px*/
			#seminar ul li img {
				position:relative; top:0; left:0;
			}
			#seminar ul li h2 { 
				font: bold 14px Arial; text-transform:uppercase;
			}
		#seminar .left {
			float:left; width:135px;
		}
		#seminar .right {
			float:right; width:145px; 
			font:11px Arial;line-height:11px; 
		}/*width:125px;*/
	#seminar p.left { 
		padding:0 0 10px 0;
	}
	#seminar p{ 
		line-height:13px;
	}
		#seminar p span { 
			text-transform:uppercase;
		}
	#seminar a { 
		font:bold 11px Arial;text-transform:uppercase;
	}
#photos {
	position:absolute; top:175px; left:84px; background:none;
	width:790px; height:351px; overflow:hidden;
}
	#photos ul {
		list-style:none; margin:0; padding:0; height:351px; width:790px;  background:none;
	}
		#photos ul li {
			float:left;position:relative; padding:0;
			width:158px; 
		}
			#container #photos ul li img {
				position:static; 
			}
			#container #photos ul li p {
				width:100px; 
			}
.issue {	
	position:absolute; bottom:16px; right:68px; 
	width:730px; height:515px;
}
.media-detail {
	position:absolute; top:178px; left:100px; 
	height:213px;
}
	.media-detail ul {
	width:790px; height:213px; overflow:hidden;
	}
		.media-detail ul li {
			width:158px; height:213px; overflow:hidden; float:left;
		}
			#container .media-detail ul li img {
				position:static;
			}
.media-folio {
	position:absolute; top:176px; left:59px;  overflow:hidden;
}
	.media-folio ul{
		list-style:none; margin:0; padding:0;  width:896px; height:312px;
	}
		.media-folio ul li {
			float:left; position:relative; width:448px; height:312px; overflow:hidden;
		}
		.media-folio h3 {
			font:bold 14px Arial; text-transform:uppercase;
			line-height:20px;
		}
		#container .media-folio ul li img {
				position:static; width:448px; height:212px; /* if use script croping please remove width and height*/
		}
#freestyler-index {
	position:absolute; left:201px; top:159px; width:600px; height:280px; overflow:hidden;
}
	#freestyler-index ul {
		list-style:none; margin:0; padding:0;  
	}
		#freestyler-index ul li {
			float:left; position:relative; width:163px; height:280px; overflow:hidden; margin:0 37px 0 0; padding:0;
		}
		#freestyler-index h3 {
			font:bold 14px Arial; text-transform:uppercase;
			line-height:20px; margin:10px 0 0 0;
		}
			#container #freestyler-index ul li img {
				position:static;
			}
.logindistributor {
	position:absolute; top:190px; right:183px;width: 349px;
	}
	/*.logindistributor a {
		color:#7D6A55; padding:10px 0 30px 0; float:left;
		}*/
	.logindistributor h1 {
		font-size:16px; line-height:18px; text-transform:uppercase;
		
		}
		
.logoutbox {position:absolute; bottom:14px; right:15px; width:80px; height:18px;}
.welcome {position:absolute; bottom:34px; right:15px; width:460px; height:18px; font-size:12px;  text-transform:uppercase; text-align:right}

.register {
	position:absolute; top:98px; left:213px;width: 716px;
}
.register2 {
	position:absolute; top:98px; width: 716px;
}
.form-submit {
	 width:80px; height:18px; float:right;
}
	.register h1 {
		font:bold 15px Arial;line-height:18px; text-transform:uppercase;
		 padding:0 0 10px 0;
	}
	.register form {
		width: 716px;	
	}
		.register form input{
			padding:0;	
		}
		.register form select{
			width:339px;	
		}
		.register form select.dob{
			width:105px;	
		}
			.register form div.align-left{
				width:339px; padding:0px 30px 0 0 ;float:left;	
			}
			.register form div.align-oneline{
				float:left; width:339px; padding:8px 0 0 0;
			}
			.register form div.align-right{
				width:339px; float:left; padding:0px 0 0 0;
			}
.editform { width::100%;}
.rewardprogrambox {position:absolute; bottom:217px; right:202px;}
.rewardprogrambox h1 {font: 22px Arial;line-height:24px; text-transform:uppercase;}
.rewardprogrambox h2 {font:bold 15px Arial;line-height:18px; text-transform:uppercase;}
.redeempoint {
	position:absolute; top:185px; left:0px; width:985px; height:320px; overflow:hidden;
	}
	.redeempoint ul{
		list-style:none; margin:0; padding:0; width:885px; padding:0 0 0 183px;
	 }
		.redeempoint ul li {
			float:left;position:relative;  height:320px;width:159px; padding:0 30px 0 0;
		}
				.redeempoint ul li h3 a { 
					font:lighter 14px Arial; text-transform:uppercase; padding:0 0 0 0px
				}
			.redeempoint ul li p {
				font:11px; padding:0; line-height:11px; 
			}
				.redeempoint ul li span p {
					padding:7px 0;
				}
	.redeempoint a { 
		text-decoration:underline;}
			.redeempoint ul li img {
				padding:0 0 12px 0;
			}
.friendofkmbox {position:absolute; top:60px; left:380px; width:339px; }

.qul-1 {float:left; width:30px;  padding:7px 0 0 0;}
.qul-2 {float:left; width:25px;padding:5px 0 0 0;}
.qul-3 {float:left; padding:7px 0 0 0;}
.eventsbox {
	top:80px; left:50px; overflow:hidden;
	position:absolute;
	}
	.eventsbox p{
		width:438px; padding:5px 0 0 0;
	}
	.eventsbox a{}
	.eventsbox ul{
		list-style:none; margin:0; padding:0; width:916px;
	 }
		.eventsbox ul li {
			float:left; width:458px; 
		}
			#container .eventsbox ul li img {
				position:static; width:310px; height:297px; /* romove when crop with script*/
				border:5px solid #ffffff;
			}

#h-pagination {
	position:absolute; bottom:10px; right:12px;width:35px; height:17px;
}
#h-pagination-login {
	position:absolute; bottom:40px; right:12px;width:35px; height:17px;
}
.horizon #prev {
	float:left;  background:url(../images/pagination.png) -30px 0px ; 
	width:15px; height:15px; display:block; text-decoration:none;
}
.horizon #next {
	float: right; background:url(../images/pagination.png) -45px 0px ; 
	width:15px; height:15px; display:block; text-decoration:none;
}

#back { 
	position:absolute; top:32px; left:16px; height:26px;
}
	#back span a{ 
		line-height:26px; padding:0 0 0 29px; display:block; text-decoration:none; text-transform:uppercase;
		background:url(../images/button-back.png) left no-repeat; font-size:10px;
	}
#back2 { 
	position:absolute; top:28px; left:0px; height:26px;
}
	#back2 span a{ 
		line-height:26px; padding:0 0 0 20px; display:block; text-decoration:none; text-transform:uppercase;
				font-size:10px;
	}

#breadcrumb	{ 
	position:absolute; top:10px; left:16px;
}
	#breadcrumb ul { 
		list-style:none; margin:0; padding:0;
	}	
		#breadcrumb ul li { 
			float:left;position: relative; display:inline;
		}
			#breadcrumb ul li a { 
				text-transform:uppercase; text-decoration:underline;
				font-size:10px;padding:0px 1px 0 0;
			}
#nav { 
	position:absolute; top:16px; left:16px; 
	width:145px; height:320px; display:none;
}		
	#nav ul { 
		list-style:none; margin:0; padding:0; 
	}
		#nav ul li { 
			display:block;  padding:3px 0;
		}
			#nav ul li a { 
				text-transform:uppercase; text-decoration:none; 
				color:#fff; font: bold 20px Arial; line-height:18px;
			}
/******************** Layout : Body : End ************************/

/******************** FORM ************************/
.logindistributor label,
.register label,
.informationformkm label,
.informationform label,
.friendofkmbox label {
	font:bold 12px Arial;line-height:18px; text-transform:uppercase;  
	padding:0; margin:0;
}
.register label.text {
	text-transform:none;
}
	.logindistributor label span,
	.register label span,
	.informationformkm label span,
	.informationform label span,
	.friendofkmbox label span { 
		padding:0 0 0px 15px;
	}
.register input {
	width:100%;height:18px; outline:none;padding:3 0 0 6px;
	background: url(../images/bgtextfield.png) left top no-repeat;margin:0 0 3px;	
}

.logindistributor input,
.informationform input,
.informationformkm input,
.friendofkmbox input {
	width:100%;height:18px; outline:none;padding:3 0 0 6px;
	background: url(../images/bgtextfield-red.png) left top no-repeat;margin:0 0 3px;	
}
.logindistributor input.error,
.informationform input.error,
.register input.error,
.informationformkm input.error,
.friendofkmbox input.error {
	
	background-position: bottom;
}
.logindistributor textarea,
.register textarea,
.informationform textarea,
.informationformkm textarea,
.friendofkmbox textarea {
	width:100%;	
}
	.friendofkmbox form label.error,
	.register form label.error {
		display:none; padding:0; color:#dc143c; text-transform:none;
	}
input.radio { 
	float:left; margin:0; background:none; width:20px; height:30px;
}
input.radioStylist { 
	 margin:0 0 0 15px; background:none; width:20px; vertical-align:middle;
}
input.checkboxStylist {
	 width:20px; vertical-align:middle;
}
input.checkbox { float:left; margin:0; background:none; width:20px; margin-bottom:6px;}
input.radio1 { float:left; margin:0 0 0 150px; background:none; width:20px; height:30px;}
input.quality { width:20px; height:20px; background: url(../images/quality.png) left no-repeat;display:block;}

input.infosubmit {
		clear:both; cursor:pointer; margin:8px 0 0 0; display: block;  width:81px; height:20px; text-indent: -9999px; position:relative;
		background:url(../images/infosubmitbutton.png) no-repeat;
	}
	
button {display: block;  width:81px; height:20px; text-indent: -9999px; position:relative; margin:5px 0 0 0;}
	button.infosubmit {
		clear:both; cursor:pointer; margin:8px 0 0 0;
			background:url(../images/infosubmitbutton.png) no-repeat;
	}
	button.adminProduct {
		position:absolute; right:16px; bottom:16px;
	}
	button.infosubmit-round {
		clear:both; cursor:pointer; width:76px; height:76px; cursor:pointer; margin:8px 0 0 0;
			background:url(../images/button-submit.png) no-repeat;
	}
	
	button.infosubmit2 {
		clear:both; background:url(../images/infosubmitbutton.png) no-repeat; 
		cursor:pointer;
	}
	button.logout {clear:both; background:url(../images/logoutbutton.png) no-repeat; cursor:pointer;}



/******************** END FORM ************************/

/******************** Layout : Footer : Start ********************/

#footer { 
	height:22px; padding:5px 0 0 0; position:relative;
}
	#footer ul { 
		list-style:none; margin:0; padding:0; 
	}
		#footer ul li { 
			float:left;position: relative; display:inline;
		}
			#footer ul li a { 
				text-transform:uppercase; text-decoration:none; font-weight:bold;
				font-size:11px;padding:0 11px 0 0; outline:none;
			}
			#footer ul li a:hover,
			#footer ul li a.currentpage{ 
				color:#EAB4B8;
			}
	#footer img { 
		position:absolute; right:0; 
	}


/******************** Layout : Footer : End **********************/


.leftholder  { float:right; }
.leftholder .jScrollPaneTrack {
	left: 0;
	right: auto;
	background:none;				
}
.leftholder a.jScrollArrowUp {
	left: 0;
	right: auto;
	background:url(../images/pagination.png) -30px -15px ; 
	width:15px;
	height:15px;
	text-decoration:none;
	text-align:left;
}
.leftholder a.jScrollArrowDown {
	left: 0;
	right: auto;
	background:url(../images/pagination.png) -45px -15px ;
	width:15px;
	height:15px;
	text-decoration:none;
	text-align:left;
}
.leftholder .jScrollPaneDrag {
	background:none;
}
.leftholder .brownarrow a.jScrollArrowUp {
	left: 0;
	right: auto;
	background:url(../images/pagination.png) -30px -15px ; 
	width:15px;
	height:15px;
	text-decoration:none;
	text-align:left;
}
.leftholder .brownarrow a.jScrollArrowDown {
	left: 0;
	right: auto;
	background:url(../images/pagination.png) -45px -15px ;
	width:15px;
	height:15px;
	text-decoration:none;
	text-align:left;
}			
.brownarrow  { float:right;}

.brownarrow .jScrollPaneDrag {
	background:none;
}	
.brownarrow .jScrollPaneTrack {			
	background:none;				
}					
.brownarrow a.jScrollArrowUp {
	background:url(../images/pagination.png) -30px -15px ; 
	width:15px;
	height:15px;
	text-decoration:none;
	text-align:left;
}
.brownarrow a.jScrollArrowDown {				
	background:url(../images/pagination.png) -45px -15px ;
	width:15px;
	height:15px;
	text-decoration:none;
	text-align:left;
}
.smalltxt {
	font-size:11px;
	margin-top:-4px;
}

.flash { z-index:100; position:absolute; width:992px; height:574px; top:0; left:0;}

.trickdetail-sub {
	position:absolute;
	bottom:55px;
	right:18px;
	width:675px;
	height:453px;
	overflow:hidden;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#preview{
	position:absolute;
	display:none;
	z-index:10;
	
	}
.agaisntdivision ol li { padding:0 0 10px 0; }
.agaisntdivision ol { list-style-position:inside; 
}

.CMSrightscroll-5 { height: 350px; width:100%; float:right; position:absolute;}

.leftholder3  { width:902px; }

.leftholder3 .jScrollPaneTrack {
				background:none;
			}
.leftholder3 a.jScrollArrowUp {
				background:url(../images/pagination.png) -30px -15px ; 
				width:15px;
				height:15px;
				text-decoration:none;
				text-align:left;
			}
.leftholder3 a.jScrollArrowDown {
				background:url(../images/pagination.png) -45px -15px ;
				width:15px;
				height:15px;
				text-decoration:none;
				text-align:left;
			}
.leftholder3 .jScrollPaneDrag {
				background:none;
}

.extra-event {
	position:absolute;
	top:120px;
	right:50px;
	z-index:30p;
}
.extra-event-detail {
	position:absolute;
	top:530px;
	left:-85px;
}
.CMSrightscroll-5 { height: 350px; width:100%; float:right; position:absolute;}
.CMSrightscroll-4 { height: 470px; width:100%; float:left; position:absolute;}

.pages {
	position:absolute;
	bottom:40px;
	right:40px;
	
}
	#container .fashion{ 
		width:992px; height:574px; 
			background:#feecea; 
	background:url(../extraEvents/poster.jpg) no-repeat; 
	}
#rightcontent.superstarwinner h1 {
	float:none; color:#99b5ba; font-size:16px;
}

#container .media #rightcontent.superstarwinner p {
	width:100%;
}
#winSuperwinner {
	position:absolute; left:230px; top:110px;
	float:right;
	width:740px;
}
#container #winSuperwinner img {
	position:relative; left:0; bottom:auto;
}
#winSuperwinner ul {
	list-style:none;
}
	#winSuperwinner ul li{
		float:left; margin:0 0 0 25px; width:122px; font-size:11px; line-height:14px; height:140px;
	}
#winSuperwinner h2 {
	text-align: right; color:#99b5ba; font-weight:normal; padding:0 0 10px 0; font-size:16px;
}
#winnerDetail {
	position:absolute; bottom:20px; right:20px; width:900px; text-align:right;
}	
.superstar-winner {
 	position:absolute; left:70px; bottom:26px;
}
.spring-fashion {
 	position:absolute; left:70px; bottom:402px;
}
#winner-badge {
	position:absolute; top:60px; right:15px; width:84px; height:84px;
	background:url(../images/winner-badge.png) no-repeat;
}
a#all-entry {
	position:absolute; bottom:15px; left:15px; width:61px; height:61px;
	background:url(../images/bt-all-entry.png) no-repeat; outline:none; text-indent:-9999px;
}
.enviro {
	padding-top:40px;
	padding-left:25px;
	
}
.envro-small {
	font-size:9px;
	font-weight:bold;
	width:270px;
	margin-top:20px;
	
}
.enviro-bottom {
	font-size:10px;
	width:330px;
	margin-top:390px;

}
.enviro-bottom img {
	margin-right:10px;
	padding-top:20px;
}