/*
 * Stylesheet for similar cars component
 */

div.body
{
	width: 558px;
}

div.balloon_block
{
	position: fixed;
	top: 200px;
	left: 320px;
	height: auto;
	width: 200px;
	margin: auto;
	color: #000;
	z-index:1;	
}

div.balloon_block p.slider
{
	margin-top: 60px;
}

table.slider td
{
	color: #999999;
}

#similar_left {width: 400px;}

.selector {overflow:auto}

#similar_left .selectcar {
	margin: 10px 0 10px 10px;
	color: #999999;
}

.similar_savings {
	float: left;
	width: 200px;
	height: 150px;
	background-image: url('/newcar/companycar/similar/images/clouds7c.gif');
	background-repeat: no-repeat;
	text-align: center;
	color: #000;
}

#balloon_drag {
	float: left;
	width: 200px;
	height: 30px;
	padding-top:5px;
	background-image: url('/newcar/companycar/similar/images/clouds7d.gif');
	background-repeat: no-repeat;
	text-align: center;
	color: #000;
}

.similar_right
{
	float: left;
	width: 200px;
	height: 65px;
	background-image: url('/newcar/companycar/similar/images/clouds7.gif');	
	background-repeat: no-repeat;
}

.similar_tax 
{
	background-image: url('/newcar/companycar/similar/images/clouds7b.gif');	
	background-repeat: no-repeat;
	float: left;
	height: 100px;
	width: 200px;
}

.similar_tax td p {margin:0px;} /* Tom fix 16/11/2010 */

.similar_savings p {
	margin: 0;
}

.similar_savings p.help {
	margin: 10px 0 0 0;
	color: #000;
	text-align: left;
}

.similar_savings table {
	width: 200px !important;
}

.similar_savings table.bottom {
	width: 200px !important;
	margin: 15px 0 0 0;	
}

.similar_savings td {
	text-align: center;
}

.similar_savings td.leftline {
	border-left: 1px solid #808080;
	color: #c61015;
}

.similar_right p
{
	font-size: 12px;
	color: #000;
	position: relative;
}

#balloon_top
{
	width: 100px !important;
	height: 30px !important;
	text-align:center;
	float:left;
	margin: 20px 0 0 0;
}

#balloon_bottom_title
{
	text-align:center;
	margin: 10px 0 0 0;
	width: 100px;
	color: #c61015;
	font-size: 11px;
	float:right;
}

#balloon_bottom
{
	text-align:center;
	width: 100px;
	margin: 0;
	padding-top: 0;
	float:right;	
}

.greytitle {
	color: #c61015;
}

/*
 * Ajax'd component
 */

.similarpos
{
	margin-left: 30%;
	text-decoration: none;
}

.similarfloaters
{
	margin-top: 0.15em;
	float: left;
}

.similarhead
{
	margin: 0;
}

div.results
{
	margin: 10px 0 0 0;
	padding: 0;
}

div.similarresult
{
	clear: both;
	min-height: 2.8em;
}

div.rollover
{
	background-color: #CCFFFF;
}

div.final_greyback .similarresult
{
	background-color: #E0FFE0;
}

div.final_greyback .rollover
{
	background-color: #CCFFFF;
}

div.final_greyback
{
	background-color: #CCCCCC;
}

div.slider_block
{
	display:none;
	background-color: #CCCCCC;
	margin: 0 0 10px 0px !important;
	width: 400px;
}

div.slider_block p
{
	margin: 0 10px 0 0;
}

/*
 *  Non-javascript version
 */
table.similarnojs
{
	padding: 0;
	margin: 10px 0 0 0;
	width: 558px;
}

table.similarnojs td
{
	padding: 4px;
}

table.similarnojs tr.highlight
{
	background-color: #66FFFF;
}