/* comparison toolbar */

.comparison-footer-lock {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index:10000;
	display:none;
}

.csn-comparison-toolbar {
	position: relative;
	width: 992px;
	margin: 0 auto;
	padding-top: 26px;
}

    .csn-comparison-toolbar a 
    {
        outline:0;
    }

	.collapsed .csn-comparison-toolbar {
		padding-top: 30px;
	}

    .collapsed .csn-comparison-toolbar > div 
    {
        display:none;
    }
	*:first-child+html .csn-comparison-toolbar > div {float:left;}

    .csn-comparison-toolbar .loading {
        background: url("//resource.csnstatic.com/redbook_legacy/images/ajax-loading.gif") no-repeat scroll 0 0 transparent;
        color: #666666;
        font-size: 11px;
        height: 16px;
        padding: 2px 0 5px 21px;
        position: absolute;
        right: 182px;
        top: 40px;
        z-index: 1000;
    }

	.compare-tab {
		display: block;
		position: absolute;
		top: 0;
		right: 30px;
		width: 59px;
		height: 14px;
		padding: 8px 26px 12px 11px;
		font-size: 11px;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		-moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
		background: #787878 url("//resource.csnstatic.com/redbook_legacy/images/compare_bar_sprite.png") no-repeat -35px -380px;
		z-index: 10;
	}
	
	.compare-tab:hover {
		background-color: #424242;
	}
	
	.collapsed .compare-tab  
	{
	    background-position:68px -380px;
	}
	
	.comparison-list-items {
		margin: 0 9px;
		background:#7F7F7F;
		-moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
		width: 958px;
		padding: 8px 8px 0;
		overflow: hidden;
		zoom: 1;
	}
	
		.item-list {
			position: relative;
			background: #e9eaed;
			float: left;
			width: 836px;
			height: 109px;
			border-right: 1px solid #7b7b7b;
		}
		
		.list-active-crgn .item-list 
		{
		    background-color:#E9EAED;
		}
	
			.item-list .panel-title {
				overflow: hidden;
				zoom: 1;
				margin:8px 36px 0;
			}
			
				.panel-title h4 {
					float: left;
					font-size: 11px;
					padding:0;
					margin:0;
					font-weight:normal;
					color:#666;
				}
				
				.panel-title h4 span 
				{
				    font-weight:bold;
				    font-size:inherit;
				    color:#000;
					font-size: 11px;
				}
				
				.panel-title h4 span#Toolbar-Heading
				{
				    font-weight:normal;
				    color:#666;
				}
				
				.panel-title h4 var {
					font-style: italic;
				}

            .item-list .item-window 
            {
                margin: 0 36px;
				position:relative;
				overflow:hidden;
				height:76px;
				width: 772px;
            }
            
            .item-list .item-window .slider
            {
                top:8px;
            }
            
            .item-list ul 
            {
                list-style-type:none;
                margin:0;
                padding:0;
                float:left;
            }
/*
			.item-list ul {
				margin: 0 36px 13px;
				padding: 0;
				list-style-type: none;
				float: left;
				width: 774px;
				clear: both;
			}
*/			
				.item-list ul .placeholder {background-color:transparent;}
			
				.item-list ul li,
				.item-list .message {
					float: left;
					width: 164px;
					padding: 10px 5px 10px 10px;
					margin-right: 12px;
					border: 1px solid #e0e1e5;
					background: #FFF;
					-moz-border-radius: 5px;
					border-radius: 5px;
					position: relative;
					-moz-box-shadow: 1px 1px 1px #d1d2d6;
					-webkit-box-shadow: 1px 1px 1px #d1d2d6;
					box-shadow: 1px 1px 1px #d1d2d6;
					font-weight:bold;
				}
				
				.item-list .message 
				{
				    height:43px;
				}
				
				.message p 
				{
				    font-size:10px;
					font-weight: bold;
				    margin:0;
				    padding:0;
				}
					
				.message a {
					text-decoration: underline;
					color:#4F7BB6;
				}
					
				.message a:hover 
				{
					color:#4F7BB6;
					text-decoration: none;
				}
				
				.item-list ul .vehicle:hover {
					border-color: #536175;
				}
				
				.item-list ul .vehicle.dragging {
					border-color: #536275;
				}
				
				.item-list ul .vehicle.remove 
				{
				    border-color:#900;
				}
				
					.item-list .vehicle a {
						display: block;
						overflow: hidden;
						zoom: 1;
						text-decoration:none;
                        color:#000;
					}
					
					.item-list .vehicle a:hover 
					{
					    text-decoration:none;
					    color:#000;
					}
					
						.vehicle .vehicle-thumb {
							float: left;
							border: 1px solid #c9d9e6;
							padding: 2px;
							margin-right: 7px;
						}
						
						.vehicle .vehicle-thumb img 
						{
						    width:55px;
						    height:37px;
						    border:0;
						}
						
						.vehicle .vehicle-title {
							float: left;
							width: 90px;
					        font-size:10px;
					        height:24px;
					        overflow:hidden; /* Temporarily until an ellipsis fix can be put in place */
						}
						
						.vehicle .vehicle-price {
							float: left;
							width: 80px;
					        font-size:10px;
						    color:#F60;
						}
						
						.vehicle .drag-handle {
							position: absolute;
							display: block;
							width: 26px;
							height: 20px;
							bottom: 0;
							right: 8px;
							background: url("//resource.csnstatic.com/redbook_legacy/images/compare_bar_sprite.png") no-repeat -1px -135px;
							text-indent: -9999px;
							cursor: move;
						}
						
						.vehicle.dragging .drag-handle {
							background-position: -32px -135px;
						}
						
						.vehicle .remove-item {
							position: absolute;
							display: block;
							width: 16px;
							height: 16px;
							top: -8px;
							right: -8px;
							background: url("//resource.csnstatic.com/redbook_legacy/images/compare_bar_sprite.png") no-repeat 0 -188px;
							text-indent: -9999px;
							display: none;
							cursor: pointer;
						}
						
						.vehicle.dragging .remove-item,
						.vehicle.dragging:hover .remove-item {
							display: none;
						}
						
						.vehicle .remove-item:hover {
							background-position: 0 -168px; 
						}
						
						.vehicle:hover .remove-item {
							display: block;
						}
				
					.item-list .placeholder-image {
						float: left;
						margin-right: 7px;
						border: 1px solid #CCC;
						background: url("//resource.csnstatic.com/redbook_legacy/images/compare_bar_sprite.png") no-repeat 2px 3px;
						width: 59px;
						height: 41px;
						text-indent: -9999px;
					}
					
					.csn-bike-toolbar .item-list .placeholder-image 
					{
					    background-position:7px -533px;
					}
					
					.csn-boat-toolbar .item-list .placeholder-image 
					{
					    background-position:3px -498px;
					}
				
					.item-list .placeholder-text {
						float: left;
						color: #989898;
						font-size: 10px;
						font-weight: bold;
						width: 91px;
					}
			
			.item-list .prev,
			.item-list .next {
				background-image: url("//resource.csnstatic.com/redbook_legacy/images/compare_bar_sprite.png");
				background-repeat: no-repeat;
				position: absolute;
				top: 53px;
				width: 12px;
				height: 21px;
				text-indent: -9999px;
				outline:none;
			}
			
			.item-list .prev {
				left: 8px;
			}
			.item-list a.prev {
				background-position: -62px -227px;
			}
			.item-list a.prev:hover {
				background-position: -32px -227px;
			}
			.item-list span.prev {
				background-position: -1px -227px;
			}
			
			.item-list .next {
				right: 8px;
			}
			.item-list a.next {
				background-position: -1px -266px;
			}
			.item-list a.next:hover {
				background-position: -31px -266px;
			}
			.item-list span.next {
				background-position: -62px -266px;
			}
					
		.user-interactions {
			float: right;
			background: #fff;
			width: 121px;
			height: 109px;
			position: relative;
		}			
					
			.user-interactions ul {
				margin: 33px 9px 0;
				padding: 0;
				list-style-type: none;
			}
			
				.user-interactions ul li {
					margin-bottom: 6px;
				}
				
				.user-interactions ul .clear-all {
					background: url("//resource.csnstatic.com/redbook_legacy/images/compare_bar_sprite.png") no-repeat 0 -344px;
					padding-left: 16px;
					height: 16px;
				}
				
				.user-interactions ul .clear-all.disabled 
				{
				    background:none;
				}
				
				    .user-interactions ul .clear-all.disabled a 
				    {
				        display:none;
				    }
				
					.user-interactions ul .clear-all a {
						color: #666;
						font-size: 11px;
					}	
					
					.user-interactions ul .compare-now a {
					    cursor:pointer;
						display: block;
						width: 101px;
						padding: 6px 0;
						text-align: center;
						font-weight: bold;
						color: #fff;
						text-decoration: none;
						background: #ab0a24;
						background: -moz-linear-gradient(top, #c31630 0%, #ab0a24 100%);
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c31630), color-stop(100%,#ab0a24));
						background: -webkit-linear-gradient(top, #5686C4 0%,#406697 100%); 
                        background: -o-linear-gradient(top, #5686C4 0%,#406697 100%); 
                        background: -ms-linear-gradient(top, #5686C4 0%,#406697 100%); 
                        filter: progid:DXImageTransform.Microsoft.Gradient( startColorstr='#c31630', endColorstr='#ab0a24',GradientType=0 ); 
                        background: linear-gradient(top, #c31630 0%,#ab0a24 100%); 
						border: 1px solid #c31630;
						font-size: 11px;
						-moz-border-radius: 3px;
						border-radius: 3px;
					}
					
					.user-interactions ul .compare-now a:hover 
					{
						background: #ab0a24;
						background: -moz-linear-gradient(top, #ab0a24 0%, #c31630 100%);
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ab0a24), color-stop(100%,#c31630));
						background: -webkit-linear-gradient(top, #ab0a24 0%,#c31630 100%); 
                        background: -o-linear-gradient(top, #ab0a24 0%,#c31630 100%); 
                        background: -ms-linear-gradient(top, #ab0a24 0%,#c31630 100%); 
                        filter: progid:DXImageTransform.Microsoft.Gradient( startColorstr='#ab0a24', endColorstr='#c31630',GradientType=0 ); 
                        background: linear-gradient(top, #ab0a24 0%,#c31630 100%); 
					}
					
					.user-interactions ul .compare-now a.disabled,
					.user-interactions ul .compare-now a.disabled:hover
					{
					    cursor:default;
					    border-color:#A6A6A6;
					    background: #999;
						background: -moz-linear-gradient(top, #999 0%, #CCC 100%);
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999), color-stop(100%,#CCC));
						background: -webkit-linear-gradient(top, #999 0%,#CCC 100%); 
                        background: -o-linear-gradient(top, #999 0%,#CCC 100%); 
                        background: -ms-linear-gradient(top, #999 0%,#CCC 100%); 
                        filter: progid:DXImageTransform.Microsoft.Gradient( startColorstr='#999999', endColorstr='#CCCCCC',GradientType=0 ); 
                        background: linear-gradient(top, #999 0%,#CCC 100%); 
					}
					
		    .user-interactions .arrow 
		    {
			    position:absolute;
			    top:-6px;
			    left:50%;
			    margin-left:-4px;
			    display:block;
			    width:10px;
			    height:6px;
			    background: transparent url("//resource.csnstatic.com/redbook_legacy/images/compare_bar_sprite.png") no-repeat scroll -107px -198px;
			    text-indent: -9999px;
			    z-index: 50;
		    }
					
	.comparison-list-services {
		width: 992px;
		background: #333333; /* Old browsers */
        background: -moz-linear-gradient(top, #333333 0%, #424242 99%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(99%,#424242)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #333333 0%,#424242 99%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #333333 0%,#424242 99%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #333333 0%,#424242 99%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#424242',GradientType=0 ); /* IE6-8 */
        background: linear-gradient(top, #333333 0%,#424242 99%); /* W3C */
		-moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
		padding: 10px 0;
		float: left;
		clear: both;
		height:15px;
	}
	
		.vehicle-lists {
			float: left;
			margin: 0;
			margin-left: 25px;
			padding: 0;
			list-style-type: none;
		}
		
			.vehicle-lists li {
				float: left;
				position: relative;
				background-repeat: no-repeat;
				background-image: url("//resource.csnstatic.com/redbook_legacy/images/compare_bar_sprite.png");
				padding-left: 33px;
				background-position: 0 -51px;
				border-right: 1px solid #80838a;
				margin-right:7px;
				padding-right:12px;
			}
			
			.csn-bike-toolbar .vehicle-lists li
			{
			    background-position:0 -479px;
			}
			
			.csn-boat-toolbar .vehicle-lists li
			{
			    background-position:0 -479px;
			    padding-left: 50px;
			}
            
			.vehicle-lists li.last {
				padding-left: 33px;
				border-right:0;
			}
			
			.vehicle-lists .primary 
			{
				background-position: 0 -75px;
			}
			
			.csn-bike-toolbar .vehicle-lists .primary
			{
			    background-position:0 -455px;
			}
			.csn-boat-toolbar .vehicle-lists .primary
			{
			    background-position:0 -431px;
			}
			
				.vehicle-lists li a {
					color: #fff;
					text-decoration: none;
					font-weight: bold;
					font-size: 11px;
				}
				
					.vehicle-lists li a var {
						font-style: normal;
						margin-left:0.25em;
					}
					
					.vehicle-lists .active a var {
						color: #ffff00;
					}
					
				.vehicle-lists li .arrow {
					position: absolute;
					top: -19px;
					left: 50%;
					width: 15px;
					height: 9px;
					background: url("//resource.csnstatic.com/redbook_legacy/images/compare_bar_sprite.png") no-repeat -102px -171px;
					display: none;
				}	
				
				.vehicle-lists .active .arrow {
					display: block;
				}