body, img, p, a, li, ul{
	padding:0;
	margin:0;
	border:0;
}

.bold{
	font-weight:bold;
}



.underline{
	text-decoration:underline;
}

.italic{
	font-style:italic;
}


body{
	background-color:#c1afa6;
}

a, p, li{
	font-size:11px;
	padding-bottom:1px;
	color:#7c7d7f;
	text-decoration:none;
	font-family: Arial, Helvetica, Sans-serif;
}



.mainContainer{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:930px;
	height:1000px;
}

.menu{
	position:absolute;
	top:590px;
	left:20px;
	z-index:2;
}

#whatshot .menu{
	top:650px;
}

.menu a, .padding{
	font-size:12px;
	margin-left:10px;
	color:#ffffff
}

.menu p, .menu a:hover, .padding{
	font-size:12px;
	color:#000000;		
}


.rightColumn{
	position:absolute;
	top:0px;
	left:577px;
}


.leftColumn .left1{
	position:relative;
	width:577px;
	height:303px;
}

.leftColumn #left1B{
	position:absolute;
	width:295px;
	height:303px;
	left:282px;
}

.leftColumn .left2{
	position:relative;
	width:577px;
	height:284px;
}


.leftColumn #left2B{
	position:absolute;
	width:295px;
	height:284px;
	left:282px;
}


.leftColumn .left3{
	background: url('images/leftBottom.jpg') no-repeat;
	position:relative;
	width:577px;
	height:670px;
}

#whatshot .rightColumn{
	position:absolute;
	left:467px;
}

#whatshot .leftColumn .bottom, #whatshot .rightColumn .bottom{
	position:absolute;
	top:620px;
}


.onBanner{
	position:absolute;
	left:0px;
	top:243px;
}


.rightColumn .right1{
	background: url('images/logoSmall.jpg') no-repeat;
	position:relative;
	width:353px;
	height:303px;
}


.rightColumn .right2{
	background: url('images/rightBottom.jpg') no-repeat;
	position:relative;
	width:353px;
	height:954px;
}


.textContainer{
	position:absolute;
	top:380px;
	left:630px;
	width:220px;
}

#complexionfound .textContainer, #complexionconc .textContainer{
	top:410px;
}


.textContainer a:hover{
	color:#000000;
}

.textContainer p{
	padding-bottom:8px;
}

.textContainer .lastp{
	padding-bottom:17px;
}

#janabeauty p, #contact p{
	padding-bottom:20px;
}

.larger{
	font-size:150%;
	padding-bottom:8px;
}


/*darker coloured text for products*/
.textContainer .darker{
	color:#4f4f51;
	padding-bottom:10px;
}

#lipsToxyl .move .darker{
	padding-bottom:15px;
}

#complexionprimers .darker{
	width:240px;
	padding-bottom:20px;
}


ul{
	list-style-image: url('images/bullet.gif');
	margin-left:15px;
}


/*heading of subcategory*/
.subTitle{
	padding-bottom:20px;
}

/*different line space for product titles*/

.textContainer .title{
	margin:0;
	padding:0px;
	color:#4f4f51;
	margin-bottom:25px;
	border-bottom:1px solid #98999c;
	width:190px;
}


#eyesSignature .title{
	margin-bottom:100px;
}

#eyesLuxe .title, #complexionprimers .title {
	margin-bottom:2px;	
}

#shadowSuper .title{
	margin-bottom:24px;		
}

#eyesMascara .title, .paragraphTitle .title, #complexionclean .title{
	margin-bottom:5px;		
}

#shadowPoly .title, #eyesLiqui .title, #lipsToxyl .title{
	margin-bottom:23px;		
}

#lipsRouge .title, #lipsLiquid .title,  #complexionconc .title{
	margin-bottom:22px;		
}

#lipsRouge .move .title{
	margin-bottom:15px;		
}

#complexionfound .title{
	width:250px;
	margin-bottom:22px;			
}

#toolsbrushes .title{
	margin-bottom:20px;		
}

#toolsbrushes .move1 .title{
	margin-bottom:60px;		
}

#toolsbrushes .move2 .title{
	margin-bottom:45px;		
}

#toolsbrushes .move3 .title{
	margin-bottom:22px;		
}

#toolsbrushes .move4 .title{
	margin-bottom:16px;		
}

#toolsbrushes .move5 .title{
	margin-bottom:10px;		
}


/*link to take user back to category list*/
.backToLink{
	position:absolute;
	z-index:3;
	top:660px;
	left:630px;
}

.backToLink a:hover{
	color:#000000;
}

/*back To Link (other pages)*/

#eyesShadow .backToLink, #shadowSatin .backToLink, #complexionclean .backToLink{
	top:565px;
}

#eyesPencil .backToLink, #lipsPencil .backToLink, #lipsTreatment .backToLink{
	top:570px; 
}

#shadowMatte .backToLink, #shadowMineral .backToLink {
	top:615px;		
}

#eyesBrowPencil .backToLink{
	top:600px;		
}

#shadowPressed .backToLink{
	top:645px;		
}

#shadowDimensional .backToLink{
	top:655px;	
}

#complexioncreme .backToLink{
	top:690px;		
}

#shadowPoly .backToLink{
	top:720px;		
}


#eyesLiqui .backToLink{
	top:750px;		
}


#eyesLashes .backToLink{
	top:805px;	
}

#complexionconc .backToLink{
	top:825px;		
}

#eyesLuxe .backToLink{
	top:855px;		
}

#eyesBrow .backToLink{
	top:875px;		
}

#lipsToxyl .backToLink{
	top:920px;		
}

#eyesSignature .backToLink{
	top:1060px;	
}


#lipsLiquid .backToLink{
	top:1065px;		
}

#complexionprimers .backToLink{
	top:1100px;		
}

#shadowSuper .backToLink{
	top:1140px;		
}

#complexionfound .backToLink{
	top:1185px;		
}

#lipsRouge .backToLink{
	top:1235px;		
}

#toolsbrushes .backToLink{
	left:490px;
	top:1235px;		
}

/*lip lustre ad*/

.liplustreAd{
	position:absolute;
	top:246px;
	left:590px;
	width:288px;
	height:350px;
	background: url('images/liplustreAd.jpg') no-repeat;
}

.liplustreAd p{
	position:relative;
	top:308px;
	left:25px;
	width:150px;
}

.liplustreAd a{
	color:#c0c0c0;
	text-decoration:underline;
	font-size:12px;
}











