/* -----------------------------------------------------------
    Style for Category Pages
    
----------------------------------------------------------- */


/* -----------------------------------------------------------
    01. Main Page (index.html)
----------------------------------------------------------- */
#category h1, h2, h3, h4 {
margin:0pt;
padding:0pt;
}

#category p {
margin:0pt;
padding:0pt;
}

#category a:hover, a:active{
color:#7d725a;
text-decoration:underline;
}

#category a:link, a:visited{
color:#7d725a;
text-decoration:none;
}

#category ul {
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

#category li {
margin:0pt;
padding:0pt;
}

#category table {
margin:0pt;
padding:0pt;
}

#category img {
border:0pt none;
margin:0pt;
padding:0pt;
}

#category td.content{
width:592px;
background:url(images/hdg_l2_01_middle.gif) repeat;
}

#category td.content img{
vertical-align:bottom;
}

#category td.content table.tbl-description-01{
width:575px;
margin-left:13px;
padding:0;
}

#category td.content-01{
padding:5px 5px 0 5px;
}

#category .tbl-description-02{
margin:5px auto;
}

#category .hdg_l3_01{
background:url(images/bg_hdg_l3_01.jpg) no-repeat;
width:255px;
height:66px;
margin-bottom:7px;
}

#category .hdg_l3_02{
background:url(images/bg_hdg_l3_02.jpg) no-repeat;
width:255px;
height:66px;
}

#category .hdg_l3_03{
background:url(images/bg_hdg_l3_03.jpg) no-repeat;
width:255px;
height:66px;
}

#category .hdg_l3_04{
background:url(images/bg_hdg_l3_04.jpg) no-repeat;
width:255px;
height:66px;
}

#category .hdg_l3_05{
background:url(images/bg_hdg_l3_05.jpg) no-repeat;
width:255px;
height:66px;
}

#category .hdg_l3_06{
background:url(images/bg_hdg_l3_06.jpg) no-repeat;
width:255px;
height:66px;
}

#category .hdg_l3_07{
background:url(images/bg_hdg_l3_07.jpg) no-repeat;
width:255px;
height:66px;
}

#category h3 img{
margin-top:34px;
}

#category table.tbl-description-03{
margin:0 23px 7px 22px;
width:255px;
}

#category table.tbl-description-03 td{
padding-top:7px;
}

/* Link List (modify: 2009.12.22)
----------------------------------------------------------- */
#category ul.list-link-01{
font-size:12px;
}

#category ul.list-link-01 li{
float:left;
margin:0 10px 5px 0;
padding:0 2px 0 9px;
line-height:1.33em;
background-repeat:no-repeat;
background-position:1px 0.35em;
}

* html #category ul.list-link-01 li{
float:none;
display:inline;
zoom:1;
}

#category ul.list-link-01.cat-face li{
background-image:url("images/bullet_arrow_01.gif");
}

#category ul.list-link-01.cat-mens li{
background-image:url("images/bullet_arrow_02.gif");
}

#category ul.list-link-01.cat-hair li{
background-image:url("images/bullet_arrow_03.gif");
}

#category ul.list-link-01.cat-body li{
background-image:url("images/bullet_arrow_04.gif");
}

#category ul.list-link-01.cat-make li{
background-image:url("images/bullet_arrow_05.gif");
}

#category ul.list-link-01.cat-natural li{
background-image:url("images/bullet_arrow_06.gif");
}

#category ul.list-link-01.cat-organic li{
background-image:url("images/bullet_arrow_07.gif");
}



/* -----------------------------------------------------------
    02. Sub Category Pages
----------------------------------------------------------- */
#subCategories a:link,
#subCategories a:visited{
color:#7a7262;
text-decoration:none;
}

#subCategories a:hover,
#subCategories a:active{
text-decoration:underline;
}


#subCategories{
line-height:1.33;
color:#7a7262;
}

#subCategories h1{
margin-bottom:10px;
}

#subCategories ul.categoryList{
margin:0 0 30px 1px;
}

#subCategories ul.categoryList li{
display:-moz-inline-box;
display:inline-block;
_display:inline;
margin:0 9px 30px;
width:181px;
vertical-align:top;
zoom:1;
}

#subCategories ul.categoryList li dl{
display:block;
width:181px;
}

#subCategories ul.categoryList li dl dt{
position:relative;
margin-bottom:5px;
padding-top:115px;
text-align:center;
font-weight:bold;
zoom:1;
}

#subCategories ul.categoryList li dl dt span{
padding-left:16px;
background:url(images/blt_category-list.gif) no-repeat left top;
}

#subCategories ul.categoryList li dl dd{

}

#subCategories ul.categoryList li dl dt img{
position:absolute;
top:0;
left:0;
}

#popularityLink{
font-size:0.91em;
}

#subCategories .banner{
margin:-30px 0 30px;
text-align:right;
}






/* ----------------------------------------------------------
    03. Self Clearing
----------------------------------------------------------- */
#category ul.list-link-01:after{
clear:both;
visibility:hidden;
display:block;
height:0;
content:" ";
}