.shoppingSelector {
	margin: 0;
	padding: 9px 14px 9px 14px;
	width: 687px;
	min-height: 43px;
	background: transparent url('/Images/Page/FTG/bg_topmaincontent_wide.jpg') top left no-repeat;
	font-size: 150%;
}
.shoppingSelector .shopByRoom, 
.shoppingSelector .shopByFloor {
	color: #ffffff;
	float: left;
	z-index:9000;
}
.shoppingSelector .shopByRoom {
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	left: 20px;
	display: block; 
	width: 289px;
}
.shoppingSelector .shopByFloor {
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	left: 97px;
	display: block;
}
.shoppingSelector .menu{
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	z-index:9000;
	top: -2px;
	left: 3px;
}
.shoppingSelector .menu li a{
	color: #000000;
	text-decoration: none;
	font-size: 80%;
	display: block;
	line-height: 23px;
}
/* Hide all submenus */
.shoppingSelector .menu li ul {
	display: none;
	background: #ffffff;
	color: #000000;
}
/* For Non-IE and IE-7 fix sub nav position */
.shoppingSelector .menu li:hover {
	position: relative;
}
/* For Non-IE and IE-7 make sub-menus visible on hover */
.shoppingSelector .menu li:hover > ul {
	display: block;
	position: absolute;
	background: #ffffff;
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 900;
	top: 23px;
	left: -3px;
}
.shoppingSelector .shopByRoom .menu > li > a{
	width: 207px;
	float: left;
}
.shoppingSelector .shopByRoom .menu li:hover > ul{
	width: 207px;
}
.shoppingSelector .shopByFloor .menu li a,
.shoppingSelector .shopByFloor .menu li:hover > ul{
	width: 268px;
}
.shoppingSelector .shopByRoom .menu li ul li a{
	display: block;
	width: 207px;
}
.shoppingSelector .menu li ul li a:hover{
	background: #d1dae1;
}
/* IE 5.5 and IE 6 
Get rid of the table */
.shoppingSelector .menu table {
	position: absolute;
	border-collapse: collapse;
	top: 0;
	left: 0;
	z-index: 100;
	font-size: 1em;
}
*html .shoppingSelector .shopByRoom .menu li a{
	display: block;
	width: 207px;
}

*html .shoppingSelector .shopByFloor .menu li a{
	display: block;
	width: 268px;
}
*html .shoppingSelector .shopByFloor .menu li ul{	
	margin: 0;
	padding: 0;
	list-style: none;
	width: 268px;
}
*html .shoppingSelector .shopByRoom .menu li ul{	
	margin: 0;
	padding: 0;
	list-style: none;
	width: 207px;
}

*html .shoppingSelector .menu li ul {
	visibility: hidden;
	display: block;
	position: absolute;
	background: #ffffff;
	padding: 0;
	margin: 0;
	list-style: none;
	left: -3px;
}
*html .shoppingSelector .menu li ul li,
*html .shoppingSelector .menu li ul li a{	
	display: block;
	margin: 0;
	padding: 0;
	float: left;
}
*html .shoppingSelector .shopByRoom .menu li ul li a{
	width: 207px;
}
*html .shoppingSelector .shopByFloor .menu li ul li a{
	width: 268px;	
}
/* For IE5.5 and IE6 give the hovered links a position relative and a change of background 
and foreground color. This is needed to trigger IE to show the sub levels */
*html .shoppingSelector .menu li a:hover {
	position: relative;
	cursor: pointer;
}
*html .shoppingSelector .menu li a:hover ul {
	visibility: visible;
	margin: 0;
	position: absolute;
	top: 23px;
}