/** CSS rules for Sailthru Horizon tools, Concierge Recommendations **/
.recommendation {
	position: fixed;
	width: 350px;
	background: #fff;
	font: 12px 'Droid Sans', sans-serif;
	border-top: 2px solid #467984;
	overflow: hidden;
	display: none;
	padding-bottom: 10px;
	text-align: left;
	border-bottom-left-radius: 10px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
	border-left: 1px solid #e3e1e2;
}
.recommendationWrapper {
	padding: 10px 10px 0 10px;
	float: left;
	width: 320px;
}
span.row {
	display: block;
}
.recommendation a {
	text-decoration: none;
	color: #467984;
	font-size: 11px;
}
span.recommendationCategory {
	text-transform: uppercase;
	font-size: 11px;
	margin-left: 2px;
}
span.recommendationTitle {
	margin-bottom: 5px;
	margin-left: 2px;
	margin-top: 2px;
	max-width:220px;
}

span.recommendationTitle a {
	font-size: 14px;
	line-height: 20px;
	font-family: 'Droid Sans', sans-serif;
}

span.recommendationTitle a:hover {
	text-decoration: underline;
}

.imgReplace {
	display: block;
}
.imgReplace span {
	display: none;
}
div.openWrapper {
	width: 20px;
	float: left;
	display: none;
}
a.openRecommendation {
	width: 13px;
	height: 13px;
	background: url(http://cdn.sailthru.com/assets/images/icons/open.gif) 0 0 no-repeat;
	margin-top: 36px;
	margin-left: 5px;
}
a.openRecommendation:hover {
	background: url(http://cdn.sailthru.com/assets/images/icons/open.gif) 0 -13px no-repeat;
}
a.closeRecommendation {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 13px;
	height: 13px;
	background: url(http://cdn.sailthru.com/assets/images/icons/close.gif) no-repeat;
}
.recommendationThumb {
	float: left;
	width: 69px;
	height: 69px;
}
.recommendationDetails {
	float: left;
	margin-left: 10px;
	width: 220px;
}
.recommendationFooter {
	font-size: 11px;
	text-align: right;
	clear: both;
	padding-right: 5px;
	display:none;
}
.recommendation.ie {
	padding-right: 20px;
}
.recommendation.ie .closeRecommendation {
	right: 25px!important;
}