/*--------------------------------------------------------------------
RadMenu Sonos skin CSS

Author:			Arthur Wait
Modified:		Femy Praseeth
-------------------------------------------------------------------- */

/* General Styles
----------------------------------------------------------------------*/
.RadMenu_Sonos {
	background: none;
	border: 0;
	position: relative;
}

/* Item (li), Link (a), Text (span) Styles
----------------------------------------------------------------------*/
.RadMenu_Sonos .rmLink,
.RadMenu_Sonos .rmItem a,
.RadMenu_Sonos .sonosRmLink,
.RadMenu_Sonos .sonosRmItem a {
	text-decoration:none;
	font-family: verdana, arial, sans-serif;
	color: #9c9c9c;
	font-size: 12px;
	line-height: 31px;
	min-width: 45px; 
	text-align: center;
}
.RadMenu_Sonos .rmLink .rmText,
.RadMenu_Sonos .sonosRmLink .rmText {
	padding: 0 17px;
	display: inline;
}
.RadMenu_Sonos .rmLink:hover,
.RadMenu_Sonos .rmFocused,
.RadMenu_Sonos .rmExpanded,
.RadMenu_Sonos .rmLink.selected,
.RadMenu_Sonos .sonosRmLink:hover,
.RadMenu_Sonos .sonosRmLink.selected {
	background: url(/menu/i/redrect.gif) no-repeat 4px 10px;
	color: #d7d7d7 !important;
}
.RadMenu_Sonos .rmLink:hover .rmText,
.RadMenu_Sonos .rmFocused .rmText,
.RadMenu_Sonos .rmExpanded .rmText,
.RadMenu_Sonos .sonosRmLink:hover .rmText {
	cursor:pointer;
}
.RadMenu_Sonos .rmText {
	font-family: verdana, arial, sans-serif;
	font-size:12px;
}

.RadMenu_Sonos .rmGroup 
{
	background: url(/menu/i/bgSubNav.jpg) repeat-x;
}

.RadMenu_Sonos .sonosRmLink,
.RadMenu_Sonos .sonosRmItem
{
	float:left;
}

/* Styles for the sliding menu
----------------------------------------------------------------------*/
.RadMenu_Sonos .rmSlide .rmGroup {
	width: 990px !important;
	/* border-bottom: solid 1px #666; Commented by FP as per tracker*/
}

.RadMenu_Sonos .rmSlide .rmFirst {
	padding-left: 15px;
}
.RadMenu_Sonos .rmGroup .rmLink,
.RadMenu_Sonos .rmGroup .sonosRmLink {
	line-height: 30px;
	text-align: left;
}

/* Style for the Demo Link
--------------------------------------------------------------------- */
.rmItem a.demo,
.rmItem a.demo:hover,
.sonosRmItem a.demo,
.sonosRmItem a.demo:hover {
	background: url(/menu/i/icnDemo.jpg) no-repeat 0px 10px;
}

/* Styles specific for the "What To Buy" Menu
----------------------------------------------------------------------*/
.RadMenu_Sonos ul.whatToBuyMenu
{
	background: url(/menu/i/bgSubNavTall.jpg) repeat;
	height:82px;
}
.RadMenu_Sonos li.whatToBuyTemplate {
	display:inline;
	height:82px;
	*background:0 !important;
}
.RadMenu_Sonos ul.whatToBuyMenu .rmFirst {
	padding-left:8px;
}
.RadMenu_Sonos li.whatToBuyTemplate div.rmText a {
	display:block;
	height:70px;
	width:113px;
	vertical-align:bottom;
	padding-top:8px;
	padding-right:5px;
}
.RadMenu_Sonos li div.rmText a[href='/whattobuy/desktopcontroller'] {
	width:138px !important;
}
.RadMenu_Sonos li div.rmText a[href='/whattobuy/ZP120'] {
	width:123px !important;
}
.RadMenu_Sonos li div.rmText a[href='/whattobuy/ZP90'] {
	width:115px !important;
}
.RadMenu_Sonos li.whatToBuyTemplate div.rmText a span.text,
.RadMenu_Sonos ul.whatToBuyMenu li.rmFirst.selected div.rmText a span.text {
	font-family: verdana, arial, sans-serif;
	color: #9c9c9c;
	font-size: 12px;
	padding:0 10px 0px 10px;
}
.RadMenu_Sonos li.whatToBuyTemplate div.rmText a img,
.RadMenu_Sonos ul.whatToBuyMenu li.selected div.rmText a img {
	margin:auto auto;
}
.RadMenu_Sonos ul.whatToBuyMenu li.whatToBuyTemplate .rmText a:hover span.text,
.RadMenu_Sonos ul.whatToBuyMenu li.whatToBuyTemplate.selected .rmText a span.text,
.RadMenu_Sonos ul.whatToBuyMenu li.rmFirst.selected .rmText a span.text {
	background: url(/menu/i/redrect.gif) no-repeat 0px 2px !important;
	color: #d7d7d7;
}
.RadMenu_Sonos ul.whatToBuyMenu li.rmFirst.selected div.rmText a {
	display:block;
	height:70px;
	vertical-align:bottom;
	padding-top:10px;
}