.homepage_footer #footer .wrapper .main {display:none;}
#intro {
    padding:25px 30px;
    width:890px; height:280px;
}
#intro.white { color:#FFF; }
#intro.black { color:#000; }
#intro-content {
    float:left;
    width:890px;
}
#intro h1 {
    margin-bottom:15px;
    font-weight:normal;
    text-transform:uppercase;
    line-height:32px;
}
#intro h1 b,
#intro h1 span {
    display:block;
    font-size:30px;
}
#intro h1 span { font-size:26px; }
#intro .description {
    width:260px;
    font-size:13px;
}

#breadcrumb {
    float:left;
    margin-bottom:15px;
}
#breadcrumb li {
    float:left;
    margin-right:10px;
}
#breadcrumb li a,
#breadcrumb li strong {
    float:left;
    padding-left:15px;
    background-position:0 4px; background-repeat:no-repeat;
    font-size:10px; font-weight:normal;
}
#intro.white #breadcrumb li a,
#intro.white #breadcrumb li strong { background-image:url(/img/common/picto/arrow_r_4x7_FFFFFF.png); color:#FFF; }
#intro.black #breadcrumb li a,
#intro.black #breadcrumb li strong { background-image:url(/img/common/picto/arrow_r_4x7_000000.png); color:#000; }
#intro #breadcrumb li.special-item a,
#intro #breadcrumb li.special-item strong {
    padding-left:0;
    background-image:none;
}
#intro .listing {
    float:right;
    overflow:hidden;
}
#intro .listing ul {
    float:right;
    margin-right:-30px;
}
#intro .listing li {
    float:left;
    margin-right:15px; padding-right:15px; border-right:1px solid;
}
#intro .listing a {
    float:left;
    padding-left:10px;
    background-position:0 4px; background-repeat:no-repeat;
    text-transform:uppercase;
}
#intro.white .listing li { border-color:#FFF; }
#intro.black .listing li { border-color:#000; }
#intro.white .listing a { background-image:url(/img/common/picto/arrow_r_4x7_FFFFFF.png); color:#FFF; }
#intro.black .listing a { background-image:url(/img/common/picto/arrow_r_4x7_000000.png); color:#000; }

/**
 * @section        filter
 */
#js #filter-by-need {
    position:relative; top:10px; z-index:1;
    border:1px solid #D1D1D1;
    width:325px;
    text-transform:uppercase;
}
#js #intro.white #filter-by-need { color:#FFF; }
#js #intro.black #filter-by-need { border-color:#000; color:#000; }
#js #filter-by-need .menu-label {
    display:block;
    padding:0 30px 0 10px;
    background:url(/_en/_ca/needs/img/common/pictos/filter-by-need-select.png) no-repeat 100% 0;
    line-height:35px;
    white-space:nowrap;
}
#js #intro.white #filter-by-need .menu-label { background-image:url(/_en/_ca/needs/img/common/pictos/filter-by-need-select-white.png); }
#js #intro.black #filter-by-need .menu-label { background-image:url(/_en/_ca/needs/img/common/pictos/filter-by-need-select-black.png); }
#js #intro.white #filter-by-need .menu-label-focused { background-color:#070707; }
#js #intro.black #filter-by-need .menu-label-focused { background-color:#FFF; }
#js #intro.custom_Cosmetics_Lips #filter-by-need .menu-label { background-color:#070707; }

#js #filter-by-need .menu-list {
    position:absolute; left:-1px;
    display:none;
    margin:1px 0 0; border:1px solid #D1D1D1; border-top:0;
    width:325px;
    background:#D1D1D1;
}
#js #intro.white #filter-by-need .menu-list { border-color:#D1D1D1; }
#js #intro.black #filter-by-need .menu-list { border-color:#000; }
#js #filter-by-need .menu-list-visible { display:block; }
#js #filter-by-need .menu-list a {
    display:block;
    padding:5px 10px;
    color:#070707;
    text-decoration:none;
}
#js #filter-by-need .menu-list a:hover,
#js #filter-by-need .menu-list a:focus,
#js #filter-by-need .menu-item-focused a { background:#FFF; }
#js #filter-by-need .menu .menu-item-selected a { background:#070707; color:#FFF; }
#main { background:#FFF; margin-bottom: 15px;}
#needs-listing {
    overflow:hidden;
    width:950px;
}
#needs-listing .header {
    padding:10px 30px; border-top:1px solid #D1D1D1; border-bottom:1px solid #D1D1D1;
    color:#070707;
}
#needs-listing .header p,
#needs-counter {
    font-size:14px; font-weight:bold;
    text-transform:uppercase;
    letter-spacing:-1px;
}
#needs-listing .header p span {
    font-size:11px; font-weight:normal;
    letter-spacing:0;
}
#needs-listing .header .total { padding-left:30px; }
#needs-items { width:980px; }
#needs-items #pushs {
    float:left;
    border-bottom:1px solid #D1D1D1;
    width:980px;
}
#needs-listing #pushs .special-item a h2  { color : #000; }

#needs-items .item {
    float:left;
    border-bottom:1px solid #D1D1D1; border-right:1px solid #D1D1D1;
    width:316px; 
}
#needs-items .special-item {
    overflow:hidden;
    height:350px;
}
#needs-items a {
    display:block;
    min-height:350px;
}
#needs-items img {
    display:block;
    margin:0 auto;
    height:262px;
}
#needs-items .item img{
	margin-top:10px;
	margin-bottom:5px;
	
}
#needs-items #pushs .item img{
    margin:0 auto;
	
}

#needs-items .special-item img { height:255px; }
#needs-items h2 {
    padding:0 30px;
    font-size:12px;
}

#needs-items h2 b,
#needs-items h2 em { display:block; }
#needs-items h2 b {
    color:#999;
    font-weight:normal;
    text-transform:uppercase;
}
#needs-items h2 em {
    color:#070707;
    font-style:normal;
}
#needs-items a .more {
    position:absolute;
    overflow:hidden;
    margin:4px 0 0 10px; padding-top:11px;
    width:11px; height:0;
    background:#070707 url(/_en/_ca/needs/img/common/bg/common-more.png) no-repeat 0 -11px;
}
#needs-items a:hover span.more,
#needs-items a:focus span.more { background-position:0 0; }

#main .listing {
    overflow:hidden;
    padding:30px 0; margin:0 30px;
}
#main .listing ul {
    float:right;
    margin-right:-30px;
}
#main .listing li {
    float:left;
    margin-right:15px; padding-right:15px; border-right:1px solid #070707;
}
#main .listing a {
    float:left;
    padding-left:10px;
    background:url(/img/common/picto/arrow_r_4x7_000000.png) no-repeat 0 4px; color:#070707;
    text-transform:uppercase;
}

#features { margin-top:30px; }


/**
 * Easy clearing method (do not work in IE)
 * @section        clearing
 */
#intro:after,
#intro .listing:after,
#intro .listing ul:after,
#intro .listing li:after,
#breadcrumb ul:after,
#needs-items:after,
#needs-items #pushs:after,
#main .listing:after,
#main .listing ul:after,
#main .listing li:after {
    display:block; clear:both;
    visibility:hidden;
    height:0;
    content:".";
}

/* WEBFONTS SELECTION FUTURA */
#intro #intro-content h1 span 
{
    
        font-family: FuturaNDLight, 'Lucida Sans Unicode', 'Lucida Grande', 'sans-serif';
		font-weight: normal;
		font-style: normal;
    }
    
    #intro #intro-content h1 b 
{
    
        font-family: FuturaND-Medium, 'Lucida Sans Unicode', 'Lucida Grande', 'sans-serif';
		font-weight: normal;
		font-style: normal;
    }
#intro #intro-content .description{
    
        font-family: FuturaND-Medium, 'Lucida Sans Unicode', 'Lucida Grande', 'sans-serif';
		font-weight: normal;
		font-style: normal;
    }
    
#intro #intro-content #filter-by-need.menu   
{
    
        font-family: FuturaND-Medium, 'Lucida Sans Unicode', 'Lucida Grande', 'sans-serif';
		font-weight: normal;
		font-style: normal;
    }
    
#intro #breadcrumb li{
    
        font-family: FuturaND-Medium, 'Lucida Sans Unicode', 'Lucida Grande', 'sans-serif';
		font-weight: normal;
		font-style: normal;
    }
 /*   #intro.black #breadcrumb li a

    {color: #999999;}  */
    
#needs-listing .header p{
    
        font-family: FuturaND-Medium, 'Lucida Sans Unicode', 'Lucida Grande', 'sans-serif';
		font-weight: normal;
		font-style: normal;
    }
    
    #needs-listing .header p span.total{
    
        font-family: FuturaNDLight, 'Lucida Sans Unicode', 'Lucida Grande', 'sans-serif';
		font-weight: normal;
		font-style: normal;
    }

    
   #needs-listing .header p span.total #needs-counter{
    
        font-family: FuturaND-Medium, 'Lucida Sans Unicode', 'Lucida Grande', 'sans-serif';
		font-weight: normal;
		font-style: normal;
    }
    
    
#needs-listing #needs-items.items .product-item a h2{
    
        font-family: FuturaND-Medium, 'Lucida Sans Unicode', 'Lucida Grande', 'sans-serif';
		font-weight: normal;
		font-style: normal;
		text-transform:uppercase;
				color: #999;

    }
#needs-listing #needs-items.items .item a h2 em{
    
        
		text-transform: none;
    }	
    
#needs-listing #needs-items.items .item a h2 b{
    
        font-family: FuturaNDLight, 'Lucida Sans Unicode', 'Lucida Grande', 'sans-serif';
		font-weight: normal;
		font-style: normal;
    }
    
 #needs-items .special-item h2{
    
        font-family: FuturaND-Medium, 'Lucida Sans Unicode', 'Lucida Grande', 'sans-serif';
		font-weight: normal;
		font-style: normal;
		color: #000;
		text-transform: uppercase;
		font-size: 15px;
		 padding-top: 30px;
    }
 #needs-items .special-item a .more {
    position:absolute;
    overflow:hidden;
    margin:2px 0 0 10px; padding-top:15px;
    width:15px; height:0;
    background:#070707 url(/_en/_ca/needs/img/common/bg/common-more-big.png) no-repeat 0 -15px;
}
 #needs-items .special-item a:hover .more 
    { background-position:0 0; }