@charset "utf-8";
/* CSS Document */

/************ what suits you page **************/

#whatsuitsyou_container{
	background-image:url(../images/whatsuitsyou_box.png);
	width:654px;
	height:457px;
	float:left;
	margin: 70px 0 0 5px;
}

#banana_container{
	background-image:url(../images/banana_box.png);
	width:654px;
	height:457px;
	float:left;
	margin: 70px 0 0 5px;
}

#apple_container{
	background-image:url(../images/apple_box.png);
	width:654px;
	height:457px;
	float:left;
	margin: 70px 0 0 5px;
}

#pear_container{
	background-image:url(../images/pear_box.png);
	width:654px;
	height:457px;
	float:left;
	margin: 70px 0 0 5px;
}

#hourglass_container{
	background-image:url(../images/hourglass_box.png);
	width:654px;
	height:457px;
	float:left;
	margin: 70px 0 0 5px;
}

#special_offer{
	background-image:url(../images/special_offer.png);
	width:293px;
	height:176px;
	float:left;
	margin: 170px 0 0 -300px;
}

#special_offer a{
	width:293px;
	height:176px;
	display:block;
}

#special_offer span {
	display:none;
}

#lookyourbest{
	background-image:url(../images/look-your-best.png);
	width:229px;
	height:296px;
	float:left;
	margin: 150px 0 0 -265px;
}

#lookyourbest a{
	width:229px;
	height:296px;
	display:block;
}

#lookyourbest span {
	display:none;
}

#quicktips{
	background-image:url(../images/quicktips.png);
	width:229px;
	height:302px;
	float:left;
	margin: 140px 0 0 -265px;
}

#quicktips a{
	width:229px;
	height:302px;
	display:block;
}

#quicktips span {
	display:none;
}


#pricingchart{
	background-image:url(../images/pricingchart.png);
	width:314px;
	height:181px;
	float:left;
	margin: 170px 0 0 -310px;
}

#pricingchart a{
	width:314px;
	height:181px;
	display:block;
}

#pricingchart span {
	display:none;
}

#rightstyle{
	background-image:url(../images/findstyle.png);
	width:308px;
	height:217px;
	float:left;
	margin: 130px 0 0 -305px;
}

#rightstyle a{
	width:308px;
	height:217px;
	display:block;
}

#rightstyle span {
	display:none;
}


#whatsuitsyou_text{
	width:425px;
	height:auto;
	line-height:22px;
	margin: 20px 0 0 50px;
}

#text{
	width:425px;
	height:auto;
	line-height:22px;
	margin: 20px 0 0 50px;
}

#pear_text{
	width:425px;
	height:auto;
	line-height:22px;
	margin: 20px 0 0 220px;
}



#whatsuitsyou_text_small{
	width:375px;
	height:auto;
	line-height:22px;
	margin: 15px 0 0 50px;
}


#whatsuitsyou_nav{
	width:500px;
	height:15px;
	margin: 35px 0 0 50px;
}

/******************** STYLES ****************/

.link{
	color:#660000;
	text-decoration:underline;
}

/*************** WHAT SUITS YOU NAVIGATION **************/

.whatsuitsyou_active{
	background-position: 0 -20px;
}

#suitsyou {
	display: block;  /* required */
	float: left;   
	margin-bottom:5px;
	width:123px; 
	height:21px;
	background-image:url(../images/nav/whatsuitsyou2.png);
}

#suitsyou a {
	display: block;
	width:131px;
	height:21px;
}	

#suitsyou a span {
	display:none; /* required -- hides the HTML text link */
}

#suitsyou:hover {
	background-position: 0 -20px;
}


#banana {
	display: block;  /* required */
	float: left;   
	margin-bottom:5px;
	width:68px; 
	height:22px;
	background-image:url(../images/nav/banana.png);
}

#banana a {
	display: block;
	width:68px;
	height:22px;
}	

#banana a span {
	display:none; /* required -- hides the HTML text link */
}

#banana:hover {
	background-position: 0 -20px;
}


#apple {
	display: block;  /* required */
	float: left;   
	margin-bottom:5px;
	width:55px; 
	height:22px;
	background-image:url(../images/nav/apple.png);
}

#apple a {
	display: block;
	width:55px;
	height:22px;
}	

#apple a span {
	display:none; /* required -- hides the HTML text link */
}

#apple:hover {
	background-position: 0 -20px;
}

#pear {
	display: block;  /* required */
	float: left;   
	margin-bottom:5px;
	width:45px; 
	height:22px;
	background-image:url(../images/nav/pear.png);
}

#pear a {
	display: block;
	width:45px;
	height:22px;
}	

#pear a span {
	display:none; /* required -- hides the HTML text link */
}

#pear:hover {
	background-position: 0 -20px;
}

#hourglass {
	display: block;  /* required */
	float: left;   
	margin-bottom:5px;
	width:98px; 
	height:22px;
	background-image:url(../images/nav/hour-glass.png);
}

#hourglass a {
	display: block;
	width:98px;
	height:22px;
}	

#hourglass a span {
	display:none; /* required -- hides the HTML text link */
}

#hourglass:hover {
	background-position: 0 -20px;
}