/* Category Colors */
.header-gift,
.header-access,
.header-aroma,
.header-treat,
.header-soap,
.header-men,
.header-baby,
.header-hair,
.header-body {height: 180px;}

#lgo-gift,
#lgo-access,
#lgo-aroma,
#lgo-treat,
#lgo-soap,
#lgo-men,
#lgo-baby,
#lgo-hair,
#lgo-body {
	width: 164px;
	height: 120px;
	padding-top: 60px;
	float: left;
	}
#lgo-body {background-color: #ADC5E6;}
#lgo-hair {background-color: #00549F;}
#lgo-baby {background-color: #FFDE00;}
#lgo-men {background-color: #28BDB3;}
#lgo-soap {background-color: #AFBD21;}
#lgo-treat {background-color: #731472;}
/*#lgo-aroma {background-color: #BE77AE;}*/
#lgo-aroma {background-color: #E598C2;}
#lgo-access {background-color: #999999;}
#lgo-gift {background-color: #C41230;}
	
.header-hair {background-color: #96B9D7;}
.header-body {background-color: #DDE7F5;}
.header-baby {background-color: #FFF196;}
.header-men {background-color: #A6E4E0;}
.header-soap {background-color: #DEE4A4;}
.header-treat {background-color: #C59EC5;}
/*.header-aroma {background-color: #E4C7DE;}*/
.header-aroma {background-color: #F5D6E7;}
.header-access {background-color: #D0D0D3;}
.header-gift {background-color: #E79DAA;}

.box {margin:0} /*the 4px border on rollover was a design element that seems to cause problems & browser issues - we therefore decided to eliminate*/
.desc1 {float: left; width:80px;}

.desc2, desc3 {float: right; text-align:right}
.desc2 {float:right; width:60px;}
.desc3 {float:right; width:110px;} /*now we can dinamically load prices and sizes, the dots will move accordingly and everything should look okay */
.prodlnk:link, .prodlnk:visited {color:  #888;}
.prodlnk:hover  {color: #AEAEAE;}
.prodlnk:active { color: #888;} /*product names need to be darker, so new link colors need to be defined*/
.large { height: 35px;} /*needs to be added in external css "lather.css"*/