/**************************************************************
	DESCRIPTION:
	This stylesheet defines styles for the small other brands
    navigation bar.
	
	CONTENTS:
	- Structure
    - REDStyles
**************************************************************/

/*************************
	START: Structure
*************************/
.ourBrandsLogo {
	height: 35px;
	background-color: #f5f5f5;
}

.ourbrandsLinks {
	list-syle-type: none;
	text-align: right;
	margin-right: 2px;
	padding-top: 13px;
}

.ourBrandsLogo p.label {
    color: #999;
    float: left;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 11px 0 0 282px;
}

.ourBrandsLi {
	float: right;
	height:10px;
	position:relative;
	padding-left: 13px;
	margin-left: 14px;
	border-left: 1px solid #d8d8d8;
	z-index: 100;
}

.ourBrandsLi a {
    background: #f5f5f5 url("../../../../../../../248/497/0001/proflowers.com/RedEnvelope/images/Red-Redesign-sprite.gif") no-repeat;
    display: block;
    position: relative;
    top: -7px;
    outline: none;
}

.displayMoreInfo {
	display: none;
	position: absolute;
	top: 22px;
}

.displayMoreInfo.show 
{
    display: block;
}

.displayMoreInfo a 
{
    background: none;
}
/*************************
	END: Structure
*************************/

/*************************
	START: REDStyles
*************************/
#RED #proFlowersLink a {
    width: 71px;
    background-position: 0 0;
}
#RED #proFlowersLink a:hover,
#RED #proFlowersLink a.over {
    background-position: 0 -23px;
}

#RED #proFlowersLink .displayMoreInfo {
    left: -32px;
}

#RED #proPlantsLink a {
    width: 62px;
    background-position: -72px 0;
}

#RED #proPlantsLink a:hover,
#RED #proPlantsLink a.over {
    background-position: -72px -23px;
}

#RED #proPlantsLink .displayMoreInfo {
    left: -40px;
}

#RED #redEnvelopeLink a {
    width: 84px;
    background-position: -135px 0;
}

#RED #redEnvelopeLink a:hover,
#RED #redEnvelopeLink a.over {
    width: 84px;
    background-position: -135px -23px;
}

#RED #redEnvelopeLink .displayMoreInfo {
    left: -28px;
}

#RED #personalCreationsLink a {
    width: 97px;
    background-position: -220px 0;
}

#RED #personalCreationsLink a:hover,
#RED #personalCreationsLink a.over {
    background-position: -220px -23px;
}

#RED #personalCreationsLink .displayMoreInfo {
    left: -20px;
}

#RED #cherryMoonFarmsLink a {
    width: 96px;
    background-position: -318px 0;
}

#RED #cherryMoonFarmsLink a:hover,
#RED #cherryMoonFarmsLink a.over {
    background-position: -318px -23px;
}

#RED #cherryMoonFarmsLink .displayMoreInfo {
    left: -20px;
}

#RED #berriesLink a {
    width: 51px;
    background-position: -415px 0;
}

#RED #berriesLink a:hover,
#RED #berriesLink a.over {
    background-position: -415px -23px;
}

#RED #berriesLink .displayMoreInfo {
    left: -43px;
}
/*************************
	END: REDStyles
*************************/