@charset "utf-8";
/* CSS Document */

#sPage{
	background:#000000;
}
#page-content-nav {
	float: left;
	min-height: 300px;
}
#content-area, #page-content-nav, #page-content-nonav {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#bbbtmnav {
	background: #000000;
	height: 130px;
	width: 776px;
}


#bb_copy {
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-top: 50px;
	text-align: center;
}
#bbcont {
	background: #000000;
	width: 776px;
}
#bb_copy a {
	color: #FFFFFF;
}
#bb_copy a:hover {
	color: #FFFFFF;
}
/*nav*/

#bbnav {
	width: 776px;
	float: left;
}
#bbnav a:hover{
background-position: 0 -30px;
}
#bbnavUl {
	margin-top:0px;
	list-style: none;
	padding:0;
	display: inline;
}
#bbnavUl li {
	float: left;
}
.bb_topnav_book {
	background: url(/web_assets/bb10/images/nav_home_v2.gif) no-repeat;
	text-indent: -77777px;
	display: block;
	height: 30px;
	width: 129px;
}
.bb_topnav_book_active {
	background: url(/web_assets/bb10/images/nav_home_v2.gif) no-repeat 0px -30px;
	display: block;
	height: 30px;
	width: 129px;
	text-indent: -77777px;
}

.bb_topnav_lookbook {
	background: url(/web_assets/bb10/images/nav_styleGuide_v2.gif) no-repeat;
	text-indent: -77777px;
	display: block;
	height: 30px;
	width: 122px;
}
.bb_topnav_lookbook_active {
	background: url(/web_assets/bb10/images/nav_styleGuide_v2.gif) no-repeat 0px -30px;
	text-indent: -77777px;
	display: block;
	height: 30px;
	width: 122px;
}
.bb_topnav_scenes {
	background: url(/web_assets/bb10/images/nav_video_v2.gif) no-repeat;
	text-indent: -77777px;
	display: block;
	height: 30px;
	width: 126px;
}
.bb_topnav_scenes_active {
	background: url(/web_assets/bb10/images/nav_video_v2.gif) no-repeat 0px -30px;
	text-indent: -77777px;
	display: block;
	height: 30px;
	width: 126px;
}

/* VIDEO SUBNAV */
.bb_subnav_video_campaign{
	background: url(/web_assets/bb10/images/subnav_video_campaign.gif) no-repeat;
	text-indent: -77777px;
	display: block;
	height: 30px;
	width: 126px;
}

.bb_subnav_video_spring{
	background: url(/web_assets/bb10/images/subnav_video_spring.gif) no-repeat;
	text-indent: -77777px;
	display: block;
	height: 30px;
	width: 126px;
}
/* END VIDEO SUBNAV*/

.bb_topnav_fashion {
	background: url(/web_assets/bb10/images/nav_fashion_v2.gif) no-repeat;
	text-indent: -77777px;
	display: block;
	height: 30px;
	width: 136px;
}
.bb_topnav_fashion_active {
	background: url(/web_assets/bb10/images/nav_fashion_v2.gif) no-repeat 0px -30px;
	text-indent: -77777px;
	display: block;
	height: 30px;
	width: 136px;
}
.bb_topnav_flash {
	background: url(/web_assets/bb10/images/nav_trend_v2.gif) no-repeat;
	text-indent: -77777px;
	display: block;
	height: 30px;
	width: 92px;
}
.bb_topnav_flash_active {
	background: url(/web_assets/bb10/images/nav_trend_v2.gif) no-repeat 0px -30px;
	text-indent: -77777px;
	display: block;
	height: 30px;
	width: 92px;
}

/* TREND FLASH SUBNAV */
.bb_subnav_trend_collectible{
	background: url(/web_assets/bb10/images/subnav_trend_collectible.gif) no-repeat;
	text-indent: -77777px;
	display: block;
	height: 30px;
	width: 92px;
}

.bb_subnav_trend_florals{
	background: url(/web_assets/bb10/images/subnav_trend_florals.gif) no-repeat;
	text-indent: -77777px;
	display: block;
	height: 30px;
	width: 92px;
}
.bb_subnav_trend_unbasics{
	background: url(/web_assets/bb10/images/subnav_trend_unbasics.gif) no-repeat;
	text-indent: -77777px;
	display: block;
	height: 30px;
	width: 92px;
}

.bb_subnav_trend_camis{
	background: url(/web_assets/bb10/images/subnav_trend_camis.gif) no-repeat;
	text-indent: -77777px;
	display: block;
	height: 30px;
	width: 92px;
}
.bb_subnav_trend_wedges{
	background: url(/web_assets/bb10/images/subnav_trend_wedges.gif) no-repeat;
	text-indent: -77777px;
	display: block;
	height: 30px;
	width: 92px;
}
/* END  TREND FLASH SUBNAV*/

.bb_topnav_design_studio {
	background: url(/web_assets/bb10/images/nav_dstudio_v2.gif) no-repeat;
	text-indent: -77777px;
	display: block;
	height: 30px;
	width: 102px;
}
.bb_topnav_design_studio_active {
	background: url(/web_assets/bb10/images/nav_dstudio_v2.gif) no-repeat 0px -30px;
	text-indent: -77777px;
	display: block;
	height: 30px;
	width: 102px;
}

/* DESIGN STUDIO SUBNAV */
.bb_subnav_dStudio_pretty{
	background: url(/web_assets/bb10/images/subnav_dStudio_pretty.gif) no-repeat;
	text-indent: -77777px;
	display: block;
	height: 30px;
	width: 102px;
}

.bb_subnav_dStudio_tango{
	background: url(/web_assets/bb10/images/subnav_dStudio_tango.gif) no-repeat;
	text-indent: -77777px;
	display: block;
	height: 30px;
	width: 102px;
}
/* END DESIGN STUDIO SUBNAV*/

.bb_topnav_join {
	background: url(/web_assets/bb10/images/nav_join_v2.gif) no-repeat;
	text-indent: -77777px;
	display: block;
	height: 30px;
	width: 69px;
}
.bb_topnav_join_active {
	background: url(/web_assets/bb10/images/nav_join_v2.gif) no-repeat 0px -30px;
	text-indent: -77777px;
	display: block;
	height: 30px;
	width: 69px;
}


/*CSS DROPDOWN SUBNAVS*/
ul.submenu {
	 float:left;
	 padding:0px 0px 0px 0px;
	 margin:0;
	 list-style:none;
	 background-image:url(/web_assets/bb10/images/tophover1.png);
	 background-repeat:no-repeat;
	 background-position:left top;
	 margin:-10px 0px 0px 0px;
}
li.headlink ul { display: none; }
li.headlink:hover ul, li.headlink.hover ul { display: block; position: absolute; margin:0; height:auto; width:150px;;}

