#romance {
	background: #fff;
	padding: 16px 0 16px 0;
}

#romance-player {
	display: inline;
	float: left;
	width: 724px;
	height: 548px;
	margin: 0 0 0 16px;
}


#player-screen {
	width: 724px;
	height: 405px;
	background: #f6f6f6 url(/images/player-screen-static.jpg) center no-repeat;
}

#player-transport {
	width: 724px;
	height: 40px;
	background: #f6f6f6;
}

#player-button {
	width: 48px;
	height: 40px;
	float: left;
}

#player-button a {
	display: block;
	width: 48px;
	height: 40px;
	background: #fff;
}

#player-button a.button-play:hover {
	background: #fff url(/images/player-button.png) -48px -40px no-repeat;
}

#player-button a.button-play {
	background: #fff url(/images/player-button.png) 0 -40px no-repeat;
}

#player-button a.button-stop {
	background: #fff url(/images/player-button.png) 0 -80px no-repeat;
}

#player-button a.button-stop:hover {
	background: #fff url(/images/player-button.png) -48px -80px no-repeat;
}


#player-progress {
	width: 500px;
	float: left;
	margin: 0 0 0 16px;
	padding: 10px 0 0 0;
}

#player-progress>div {
	width: 100%;
	height: 16px;
	background: #eee url(/images/duration-bg.png) repeat-x;
	position: relative;
}

#player-progress div div#progress {
	width: 0;
	height: 16px;
	background: #c00 url(/images/player-progress-bg.png);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#player-progress div div#streamed {
	width: 0;
	height: 16px;
	background: #aaa;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

#player-progress div div#playhead {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: url(/images/playhead.png) center no-repeat;
}

.player-time {
	width: 64px;
	height: 40px;
	float: right;
	text-align: center;
	color: #444;
	font-weight: bold;
}

.player-time span {
	display: block;
	padding: 12px 0;
}


#romance-playlist {
	display: inline;
	float: right;
	width: 224px;
	height: 532px;
	margin: 0 16px 0 0;
}


#play-all {
	display: block;
	width: 224px;
	height: 32px;
	background: url(/images/play-all.png) center 0 no-repeat;
}

#play-all:hover {
	background: url(/images/play-all.png) center -32px no-repeat;
}

#play-all span {
	display: none;
}

#romance-playlist ul {
	margin: 0 0 0 34px;
	padding: 0;
}

#romance-playlist ul li {
	display: block;
	width: 152px;
	height: 88px;
	margin: 10px 0;
	padding: 0;
	background: #c6c6c6 url(/images/playlist-thumbs.jpg) 0 0 no-repeat;
	position: relative;
	border: 1px solid #c6c6c6;
}

#romance-playlist ul li:hover {
	border: 1px solid red;
}

#romance-playlist ul li a {
	display: block;
	position: absolute;
	width: 152px;
	height: 88px;
	background: url(/images/play.png) center no-repeat;
	bottom: 0;
	left: 0;
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}

#romance-playlist ul li a:hover {
	text-decoration: underline
}

#romance-playlist ul li a span {
	margin-top: 64px;
	background: url(/images/alpha-005596-60.png);
	display: block;
	padding: 4px;
}

#romance-playlist ul li em {
	position: absolute;
	display: block;
	width: 32px;
	height: 20px;
	background: url(/images/alpha-000-50.png);
	top: 8px;
	right: 8px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 8pt;
	line-height: 180%;
	font-style: none;
}

#romance-player h1 {
	color: #c00;
	font-size: 20pt;
	margin: 0 0 8px 0;
}

#romance-player ul {
	height: 32px;
	margin: 12px 0 0 0;
	padding: 0 0 0 0;
	background: url(/images/share-bg.png) 0 0 no-repeat;;
}

#romance-player ul li {
	width: 108px;
	height: 32px;
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
}

/* go IE6 you winner - this should be :first-child */
#romance-player ul li#share-title {
	width: 64px;
	height: 32px;
	float: left;
	margin: 0;
	padding: 0;
}

#romance-player ul li strong {
	display: block;
	width: 64px;
	height: 32px;
	color: #c00;
	font-weight: bold;
}

#romance-player ul li strong span {
	padding: 8px 8px 8px 0;
}

#romance-player ul li a {
	display: block;
	width: 92px;
	height: 32px;
	color: #004f93;
	font-weight: bold;
	text-decoration: none;
}

#romance-player ul li a:hover {
	text-decoration: underline;
}

#romance-player ul li span {
	display: block;
	padding: 8px 8px 8px 24px;
}

#romance-player ul li#quick-e-quote {
	width: 224px;
	height: 32px;
	float: right;
	padding: 0;
}

#romance-player ul li#quick-e-quote a {
	width: 224px;
	height: 32px;
	background: url(/images/quick-e-quote.png) 0 0 no-repeat;
}

#romance-player ul li#quick-e-quote a:hover {
	background: url(/images/quick-e-quote.png) 0 -32px no-repeat;
}

#romance-player ul li#quick-e-quote a span {
	display: none;
}

#romance-vendors {
	margin: 0 16px 0 16px;
	padding: 0 0 16px 0;
	background: #f6f6f6;
}

#romance-vendors h3 {
	background: url(/images/romance-vendors-h3.png) repeat-x;
	height: 32px;
	color: #fff;
	font-size: 12pt;
	margin: 0;
}

#romance-vendors h3 strong {
	text-transform: uppercase;
}

#romance-vendors h3 span {
	display: block;
	padding: 6px 8px;
}

#romance-vendors div#vendor-logos {
	width: 931px;
	height: 192px;
	margin: auto;
	background: url(/images/vendor-logos.jpg) 0 192px no-repeat;
}

#romance-vendors div#vendor-logos ul {
	margin: 16px 0;
	padding: 0;
	list-style: none;
	width: 931px;
	height: 192px;
}

#romance-vendors div#vendor-logos ul li {
	margin: 0;
	padding: 0;
	width: 133px;
	height: 96px;
	float: left;
}

#romance-vendors div#vendor-logos ul li a {
	display: block;
	width: 133px;
	height: 96px;
	font-size: 8pt;
	color: #555;
	text-decoration: none;
	text-align: center;
}

#romance-vendors div#vendor-logos ul li a {
	display: block;
	width: 133px;
	height: 96px;
	font-size: 8pt;
	color: #555;
	text-decoration: none;
	text-align: center;
}

#romance-vendors div#vendor-logos ul li a:hover {
	background: url(/images/vendor-over.png);
	text-decoration: underline;
}

#romance-vendors div#vendor-logos li a span {
	display: block;
	padding-top: 74px;
}


#TellFriend {
	margin: 0 16px 16px 16px;
	padding: 0;
	background: #f6f6f6;
	height: 364px;
	display: none;
}

#TellFriend h3 {
	background: url(/images/romance-vendors-h3.png) repeat-x;
	height: 32px;
	color: #fff;
	font-size: 12pt;
	margin: 0;
}

#TellFriend h3 span {
	display: block;
	padding: 6px 8px;
}

#TellFriend p {
	margin: 16px;
}

#TellFriend label {
	float: left;
	width: 192px;
	font-weight: bold;
	font-size: 9pt;
}


#TellFriend input[type=text] {
	width: 224px;
	padding: 4px;
	border: 1px solid #ccc;
}

#TellFriend input[type=text].invalid {
	background: #ffc;
}

#TellFriend textarea {
	width: 324px;
	height: 64px;
	border: 1px solid #ccc;
}

#TellFriend input[type=button] {
	margin: 8px 0 0 0;
	background: #c00;
	color: #fff;
	font-weight: bold;
	border: 4px solid #c00;
	text-transform: uppercase;
	width: 96px;
	font-size: 9pt;
	letter-spacing: 1px;
	margin-left: 192px;
}

#TellFriendProcessing {
	display: none;
	height: 292px;
	background: url(/images/ajax-loader-c00.gif) center no-repeat;
}

#TellFriendProcessing span {
	display: none;
}