/*CSS for Salon and Spa Subsite on dillards.com*/

@import url(header.css);
@import url(footer.css);
@import url(body.css);
@import url(endeca.css);
@import url(index.css);

#footer{
position: absolute;
top: 655px;
_top: 626px;
}
#textbar.long {
float: right;
padding-right: 9px;
}

#wrapper {
margin: 0 auto;/*Added 030510 by S. Jones to center site. */
text-align: left;/*Added 030510 by S. Jones to center site. */
width: 815px;
display: block;
}

#salonspa {
float: left;
width: 630px;
height: 521px;
z-index: 1;
display: block;
position: absolute;
margin: -516px 0px 0px 173px;
}

#text{
font-family: Arial, Helvetica, sans-serif;
width: 400px; 
height: 300px; 
font-size: 14px;
z-index: 2;
position: absolute;
margin: -485px 0px 0px 18px;
}

#center {
text-align: center;
}

#spalist{
	font-family:Arial, Helvetica, sans-serif;
	width: 430px;
	margin: -180px 0px 0px 187px;
	z-index: 3;
	position: absolute;
	float: left;
}

.disc { 
font-size: 12px;
line-height: 14px;
}


#salonspa a {
	color: #FFF;
	}	
	

#salonspa p {
	margin: 0px 10px 8px 0px;
	}
	
#salonspa h2 {
	clear: both;
	font-size: 20px;
	color: #666;
	}
	
#salonspa h3 {
	clear: both;
	font-size: 14px;
	color: #666;
	}
	
#salonspa ul {
	list-style: none;
	margin-left: 10px;
	margin-top: 5px;
	}
	
#salonspa li {
	color: #666;
	margin: 0px;
	padding:0px 8px 0px 0px;
	float: left;
	width: 250px;
	}

/*CSS for alternative html content */

.left_column { 
width:203px; 
float:left; 
text-align:left; 
border:none; 
margin:1 px; 
} 

.right_column { 
width:95px; 
float:right; 
text-align:left; 
border:none; 
margin:1 px; 
} 

.col { 
width:198px; 
float:right; 
text-align:center; 
border:1px #CCCCCC solid; 
margin:1px; 
} 

.spacer{ 
clear:both; 
margin:0; 
padding:0; 
line-height:0px; 
} 

.scroll{
font-family: Arial, Helvetica, sans-serif;
width: 400px; 
height: 300px; 
font-size: 14px;
overflow-y: scroll; 
scrollbar-arrow-color: black; 
scrollbar-face-color: #ffffff; 
scrollbar-3dlight-color: #ffffff; 
scrollbar-darkshadow-color: none;
z-index: 2;
position: absolute;
margin: -485px 0px 0px 200px;
padding-right: 4px;
}

.scroll2{
font-family: Arial, Helvetica, sans-serif;
width: 400px; 
height: 350px; 
font-size: 14px;
overflow-y: scroll; 
scrollbar-arrow-color: black; 
scrollbar-face-color: #ffffff; 
scrollbar-3dlight-color: #ffffff; 
scrollbar-darkshadow-color: none;
z-index: 2;
position: absolute;
margin: -485px 0px 0px 200px;
padding-right: 4px;
}

.scrollhome{
font-family:Arial, Helvetica, sans-serif;
width: 375px;
height: 275px; 
font-size: 14px;
line-height: 18px;
overflow-y: scroll; 
scrollbar-arrow-color: black; 
scrollbar-face-color: #ffffff; 
scrollbar-3dlight-color: #ffffff; 
scrollbar-darkshadow-color: none;
z-index: 2;
position: absolute;
margin: -485px 0px 0px 190px;
}