@charset "utf-8";
/* CSS Document */

.closestStore {
	position:relative;
	float:right;
	margin: 3px 21px 0 0 ;
	width: 350px;
	height:11px;
	color:#53534A;
	}
	
/* ==Structure CSS==*/
html, body {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px; /* 1em is 10pt, 0.8em is 8pt, 1.6em is 16pt, etc */
	color: #000000;
	padding: 0px;
	line-height: 10px;
	background: url(/Portals/0/Skins/theBayHomeMasterL4/img/structure/hbc_main_back.jpg) top left repeat-x #FFF;
	text-align:center;
}

.bar
{position:absolute; left:0; top:300px; width:300px; height:100px; z-index:999;}

#container {
	position:relative;
	width: 960px; 
	margin-left: auto; 
	margin-right: auto; 
	background:#FFF;
	z-index:3;
	}

* { margin:0; padding:0;}

p { 
font-family:Arial, Helvetica, sans-serif;
display:block;
color:#757573;
font-size:11px;
line-height:14px;
text-transform:none;
}

a { 
text-decoration:none; 
color:#000; 
font-family:Arial, Helvetica, sans-serif;
}

a:active { 
text-decoration:none; 
color:#000; 
font-family:Arial, Helvetica, sans-serif;
}

img {border:none;}
	
		/* ==Header CSS==*/
    	#header { 
		position:relative; 
		width:960px; 
		height:90px;
		}
        	.logo { 
			position:relative; 
			margin: 11px 0 0px 10px; 
			float:left;
			}
			
			.tools {
			position:relative;
			float:right;
			width:500px;
			font-size:12px;
			text-align:right;
			margin: 34px 0 0 0;
			}
			
			.toolLinks a, .toolLinks a:visited{
			color:#000;
			}
						
			.tools ul, li {
				display: inline; 
				}
				
				.tools li {
				position:relative;
				margin:0 20px 0 0;
				}
				
				.tools li a:hover {
				position:relative;
				text-decoration:underline;
				}
				
				.toolsTri {
				position:relative;
				margin: 0 0 2px 0;
				}
				
		/* ==Menu CSS==*/
		#mainMenu {
			position:relative;
			clear:both;
			height:25px;
			width:960px;
			margin:0 0 5px 0;
			background-color:#CCC;
			-moz-padding-start:0px;
		}
		
			/*== CSS Fading Nav ==*/
			
			#navigation {
			list-style: none;
			}
			
			#navigation li {
			float: left;
			}
			
			#navigation a * {
			display: none;
			}
			
			#navigation a,
			#navigation a .hover {
			height: 25px;
			position: relative;
			display: block;
			background: url(img/navBars/bayNav.jpg) 0 0 no-repeat;
			}
			
			/* individual navigation items */
			#navigation a.beauty1 {
			background-position: 0 0;
			width: 160px;
			}
			
			#navigation .highlight a.beauty1:hover,
			#navigation a.beauty1 .hover {
			background-position: 0 -25px;
			width: 160px;
			}
			
			#navigation a.women {
			background-position: -160px 0;
			width: 160px;
			}
			
			#navigation .highlight a.women:hover,
			#navigation a.women .hover {
			background-position: -160px -25px;
			}
			
			#navigation a.men {
			background-position: -320px 0;
			width: 160px;
			}
			
			#navigation .highlight a.men:hover,
			#navigation a.men .hover {
			background-position: -320px -25px;
			}
			
			#navigation a.kids {
			background-position: -480px 0;
			width: 160px;
			}
			
			#navigation .highlight a.kids:hover,
			#navigation a.kids .hover {
			background-position: -480px -25px;
			}
			
			#navigation a.home {
			background-position: -640px 0;
			width: 160px;
			}
			
			#navigation .highlight a.home:hover,
			#navigation a.home .hover {
			background-position: -640px -25px;
			}
			
			#navigation a.gift {
			background-position: -800px 0;
			width: 160px;
			}
			
			#navigation .highlight a.gift:hover,
			#navigation a.gift .hover {
			background-position: -800px -25px;
			}
			
			
			/*== Bottom Fading Nav CSS ==*/
			
			#navigationBottom {
			list-style: none;
			}
			
			#navigationBottom li {
			float: left;
			}
			
			#navigationBottom a * {
			display: none;
			}
			
			#navigationBottom a,
			#navigationBottom a .hover {
			height: 25px;
			position: relative;
			display: block;
			background: url(img/navBars/bayNav2.jpg) 0 0 no-repeat;
			}
			
			/* individual navigationBottom items */
			#navigationBottom a.store {
			background-position: 0 0;
			width: 240px;
			}
			
			#navigationBottom .highlight a.store:hover,
			#navigationBottom a.store .hover {
			background-position: 0 -25px;
			width: 240px;
			}
			
			#navigationBottom a.corporate {
			background-position: -240px 0;
			width: 240px;
			}
			
			#navigationBottom .highlight a.corporate:hover,
			#navigationBottom a.corporate .hover {
			background-position: -240px -25px;
			}
			
			#navigationBottom a.customer {
			background-position: -480px 0;
			width: 240px;
			}
			
			#navigationBottom .highlight a.customer:hover,
			#navigationBottom a.customer .hover {
			background-position: -480px -25px;
			}
			
			#navigationBottom a.credit {
			background-position: -720px 0;
			width: 240px;
			}
			
			#navigationBottom .highlight a.credit:hover,
			#navigationBottom a.credit .hover {
			background-position: -720px -25px;
			}

			
		/* ==Home Banner CSS==*/
		#homeBanner {
			position:relative;
		}
		
			.thumb {  border:1px solid #fff;}
		
		/* ==Content CSS==*/
		#mainContent {
		width:960px;
		background-color:#FFF;
		min-height:8em; 
		height:auto;
		}
		/* for Internet Explorer */
		/*\*/
		* html #mainContent {
		height: 8em;
		}
		/**/


		.bodyText {
		position:relative;
		float:left;
		width:739px;
		margin: 0 0 0px 0px;
		text-transform:none; 
		color:#000;
		font-size:11px; 
		line-height:14px;
		}
		
		/* ==Callouts CSS==*/
		#callOuts {
		position:relative;
		height:120px;
		margin: 5px 0 0 0;
		}
        	.adSpot {
			position:relative;
			float:left;
			width:245px;
			height:120px;
			}
			
			.fashionFwd {
			position:relative;
			float:left;
			width: 710px;
			height:120px;
			margin: 0 0 0 5px;
			}

		/* ==Button Table CSS==*/
		#buttonTable {
		position:relative;
		width:100%;
		height:121px;
		margin: 0 0 9px 0;
		}
		
			#buttonTable a{
			position:relative;
			color:#ff0000;
			} 
			
        	.beautyReport {
			position:relative;
			width:636px;
			float:left;
			padding: 0px 0px 0px 30px;
			border-right: 1px solid #e1e1e1; 
			}
			
			.beautyWrap {
			position:relative;
			float:left;
			width: 527px;
			height:100%;
			}
			.beautyHeader {
			font-size:15px;
			line-height:15px;
			font-weight:bold;
			padding: 10px 0px 0px 0px;
			color:#757573; 
			margin-bottom:5px;
			}
			
			.beauty {
			position:relative;
			float:left;
			padding:5px 0 0 0;
			width:500px;
			color:#000;
			border-top: 1px solid #e1e1e1; 
			}
			
			.beautyImage {
			position:relative;
			float:left;
			margin:0px 0 0 0;
			}
            
			.eventCalendar {
			position:relative;
			float:left;
			padding: 0px 0px 0px 21px;
			width:272px;
			}
			
				.eventCalendar ul {
				position:relative;
				font-family:Arial, Helvetica, sans-serif;
				color:#757573;
				font-size:11px;
				line-height:18px;
				text-transform:none;
				width:245px;
				padding: 5px 0 0 0px;
				border-top: 1px solid #e1e1e1;
				}
				
				.eventCalendarHeader {
				font-size:15px;
				line-height:15px;
				font-weight:bold;
				padding: 5px 0px 0px 0px;
				color:#757573; 
				margin-bottom:3px;
				}
		
		/* ==Nav Bottom CSS==*/
		#navBottom {
		position:relative;
		clear:both;
		width:960px;
		height:25px;
		background-color:#ccc;
		}
			#navBottom ul {
			position:relative;
			height:25px;
			width:960px;
			}
        	#navBottom li {
			position:relative;
			float:left;
			margin: 0;
			width:240px;
			}
        
		/* == Department CSS== */
		
.departmentWrap {
position:relative;
width:960px;
height:100%;
margin:4px 0 0 0; 
}

.departmentBanner {
position:relative;
float:right;
width:616px;
/*height:361px;*/

}

.departmentAdspots{
	position:relative;
	float:left;
	width:340px;
	height:361px;
}

.departmentAdspot1 {
position:relative;
margin: 0 0 0 0;
}

.departmentAdspot2 {
position:relative;
margin: 2px 0 0 0;
}
		
		
		/* == Master Brand CSS== */

.clear{ clear:both;}


		.masterBrandWrap {
		position:relative;
		width:960px;
		min-height:8em; 
		height:auto;
		margin:4px 0 0 0;
		}
		/* for Internet Explorer */
		/*\*/
		* html .masterBrandWrap {
		height: 8em;
		}
		/**/


.masterBrandAdspot {
	position:relative;
	width:223px;
	height:486px;
	float:left;
	margin: 0 0 0 4px;
	}
	
	.brandInfoWrap {
		position:relative;
		width:361px;
		min-height:2em; 
		height:auto;
		float:left;
		margin: 0 0 0 28px;
		}
		/* for Internet Explorer */
		/*\*/
		* html .brandInfoWrap {
		height: 2em;
		}
		/**/
		
.masterBrandLogo {
	position:relative;
	width:341px;
	height:81px;
	margin: 0 0 5px 0;
	}

.masterBrandImage {
	position:relative;
	width:325px;
	height:486px;
	border:none;
	float:right;
	margin: 0 13px 0 0;
	}


.masterBrandLocationWrap{
	position:relative;
	float:right;
	width:666px;
	min-height:2em; 
	height:auto;
	margin: 10px 13px 10px 0;
	}

/* for Internet Explorer */
	/*\*/
* html .masterBrandLocationWrap{
	height: 2em;
	}
	/**/


.masterBrandLocationTitle {
	font-size:1.5em;
	color:#000;
	}

.masterBrandLocationAccordian {
	position:relative;
	float:left;
	width:281px;
	min-height:2em; 
	height:auto;
	}

/* for Internet Explorer */
	/*\*/
* html .masterBrandLocationAccordian {
	height: 2em;
	}
	/**/


.masterBrandLocationMap {
	position:relative;
	float:right;
	width:372px;
	height:291px;
	margin:0 0 0 0;
	border:4px solid #d9d9d9;
	}

.locationResultId {
	position:relative;
	float:left;
	width:20px;
	color:#F00;
}

.locationResultInfo {
	position:relative;
	float:left;
	width:237px;
	padding: 0 0 10px 0;
}
		/* == Footer CSS== */
		#footer {
		position:relative;
		width:960px;
		height:70px;
		/*background:url(/Portals/0/Skins/theBayHomeMasterL4/img/structure/footerBackground.jpg) repeat-y;*/
		text-align:center;
		}
		
			.footerTxt {
			padding: 5px 0 0 0;
			font-size:10px;
			}

	
	/* hide selected language */
	.LanguageTrue
	{
		display:none;
	}
	
	.LanguageFalse
	{
		color:#53534a;	
	}

.privacy, privacy a{ font-size:10px;}