/* ----- ----- ----- ----- ----- ----- -----  */
/*Find Vehicle StyleSheet*/
/* ----- ----- ----- ----- ----- ----- -----  */

	/* ----- ----- ----- ----- ----- ----- -----             */
	/*New styles for the alternate Australian/international search
	 * added by Will Lound commencing 10th July 2015         */
	/* ----- ----- ----- ----- ----- ----- -----             */
        
        #find-container-fluid {
            padding: 50px 0px;
            background: black;
            color: white;
        }
        
	#international {
	display:none;	
	}
        
        #showing_int{
        display: none;
        }
	
	/*The title of the search box*/
	#search-vehicle .header{                
		margin: 0px;
	}
	#search-vehicle .header,
	#search-vehicle .header .emphasised
	{
		font-size: 20px;
	}
	/*The section for selecting vehicle category*/
	#find-vehicle-by-cat .header{
		margin: 5px auto;
	}
	#find-vehicle-by-cat .header,
	#find-vehicle-by-cat .header .emphasised
	{
		font-size: 15px;
	}
	#main-container-fluid{
		position: relative;
		padding-bottom: 130px;
	}
/* ----- ----- ----- ----- ----- ----- -----  */
/*Find Vehicle*/
/* ----- ----- ----- ----- ----- ----- -----  */
	/*The headers for each of the scrollable windows*/
	#find-vehicle .header{
		margin-top: 5px;
	}
	/*The unsorted list item in the scrolling list window*/
	.scrollable-list-window ul{
		height: 200px;
		overflow-y: scroll;
		border: 1px solid white;
		background: #222;
		padding-left:0px;
		width: 100%;
	}
	/*The list items in the window*/
	.scrollable-list-window ul li{
		border: 1px solid black;
		background: #222;
		padding: 5px 10px;
		cursor: pointer;
		color: white;
	}
	/*Every other list item in the window*/
	.scrollable-list-window ul li:nth-child(even){
		background: #111;
	}
	/*The selected item in the window*/
	.scrollable-list-window ul li.selected{
		background: #4d88d9;
		color:white;
		font-weight: bold;
	}
	/*The message that displays when the window is empty*/
	.scrollable-list-window .message{
		text-align: center;
		font-size: 14px;
		color: #777;
		margin-top: 20%;
	}
	#text-search-results{
		display: none;
	}
	/*Find vehicle in mobile version*/
	#select-vehicle-make-mobile,
	#select-vehicle-model-mobile,
	#select-vehicle-power-mobile
	{
		background: #333;
		border-radius: 5px;
		color: white;
	}
        
        
/* ----- ----- ----- ----- ----- ----- -----  */
/*Find Vehicle Footer*/
/* ----- ----- ----- ----- ----- ----- -----  */
	#find-vehicle-footer{
		padding:40px 0px;
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0.15, #202123),
			color-stop(0.43, #2A2B2D)
		);
		background-image: -o-linear-gradient(bottom, #202123 15%, #2A2B2D 43%);
		background-image: -moz-linear-gradient(bottom, #202123 15%, #2A2B2D 43%);
		background-image: -webkit-linear-gradient(bottom, #202123 15%, #2A2B2D 43%);
		background-image: -ms-linear-gradient(bottom, #202123 15%, #2A2B2D 43%);
		background-image: linear-gradient(to bottom, #202123 15%, #2A2B2D 43%);
	}
	#find-vehicle-footer li{
		font-size: 15px;
		display: inline-block;
		margin: 0px 10px;
		position: relative;
	}
	#find-vehicle-footer .nav li img,
	#find-vehicle-footer .nav li span
	{
		float:none;
		position: inline-block;
		vertical-align: middle;
	}
	#find-vehicle-footer .nav li span{
		margin-left: 5px;
	}
	#btn-find-tunit{
		height: 21px;
		width:188px;
		margin: 0px;
		background-repeat: no-repeat;
	}
	.find-tunit-footer-links a{
		color: white;
	}
	.find-tunit-footer-links a:hover{
		color: white;
		text-decoration: none;
	}
/* ----- ----- ----- ----- ----- ----- -----  */
/*Results Tier*/
/* ----- ----- ----- ----- ----- ----- -----  */
	#results-tier{
		background: white;
		padding: 30px 0px;
		display: none;
	}
	#tunit-results-header{
		padding: 0px;
	}
	#results-tunit-name{
		text-align: right;
	}
	#results-tier .header{
		color: black;
	}
	#results-your-tunit{
		font-style: italic;
		font-family: 'futura_heavy';
	}
	#results-tunit-name{
		font-size: 20px;
		margin: 23px auto;
	}
	#tunit-products{
		font-weight: bold;
		text-align: center;
		font-size: 12px;
		padding: 0px;
	}
	#tunit-products table{
		width: 100%;
		margin: 0px;
	}
	.tunit-original-image img,
	.tunit-advantage-image img
	{
		/*width: 100%;*/
		width: 200px;
	}
	.tunit-original-image{
		padding: 25px 0px;
		min-height: 124px;
	}
	#tunit-products table ul {
		padding: 0px;
	}
	#tunit-products tr{
		background: #e4e3e9;
	}
	/*Products on mobile*/
	#tunit-products-mobile .block{
		margin: 10px 0px;
	}
	#tunit-products-mobile ul{
		padding: 0px;
	}
	#tunit-products tr:nth-child(even){
		background: #f0eff4;
	}
	#results-graphs .header{
		margin-top: 0px;
		margin-bottom: 10px;
		background: #eee;
		font-size: 25px;
		padding: 4px 0px;
	}
	#results-graphs canvas{
		margin: 20px auto;
	}
/*	#results-graphs .metric{
		display: none;
	}*/
	.testimonial blockquote p{
		font-size: 15px;
		color: #777;
	}
	.testimonial blockquote p a{
		color: #777;
		text-decoration: none;
	}
	.testimonial blockquote footer{
		color: black;
	}
	#finance-link{
		text-align: right;
	}
	#swap-units{
		float:right;
		cursor: pointer;
	}
	#results-footer{
		margin: 30px 0px;
		font-size: 12px;
		text-align: right;
	}
	#results-footer > div{
		margin: 0px 10px;
		font-family: "Open Sans";
		border: 1px solid #efefef;
		padding: 5px 10px;
		display: inline-block;
	}
	#results-contact{
		font-size: 16px;
		text-align: center;
	}
	#results-contact a{
		color: black;
	}
	#results-footer > div a{
		color: black;
	}
	#results-tier div img{
		margin-top: -3px;
		margin-left: 3px;
		margin-right: 3px;
	}
	#results-tier div .emphasised{
		color: #bd0a41;
	}
        
       
        #vehicleNotFoundForm{
            display:none;
        }
        
/* ----- ----- ----- ----- ----- ----- -----  */
/*Responsive CSS*/
/* ----- ----- ----- ----- ----- ----- -----  */
	/*Mobile Screen Sizes*/
	@media only screen and (max-width: 767px){
		#find-vehicle-footer{
			text-align: center;
		}
		#search-vehicle{
			padding: 0px;
		}
		#search-vehicle .header{
			font-size: 30px;
		}
		#search-vehicle .header .emphasised{
			font-size: 28px;
		}
		#results-tier{
			text-align: center;
		}
		#results-tunit-name{	
			text-align: center;
		}
		#finance-link{
			text-align: center;
		}
		#swap-units{
			cursor: pointer;
			float: none;
		}
		#results-footer{
			display: none;
		}
	}
	/*Small Screen Sizes*/
	@media only screen and (min-width: 768px) and (max-width: 991px){
		#find-vehicle-footer{
			text-align: center;
			padding: 20px 0px;
		}
		#main-container-fluid{
			padding-bottom: 100px;
		}
		#results-tier{
			text-align: center;
		}
		#results-tunit-name{
			text-align: center;
		}
		#finance-link{
			text-align: center;
		}
		#results-footer{
			text-align: left;
		}
		#search-vehicle {
			margin-top:40px;
		}
	}
	/*Medium Screen Sizes*/
	@media only screen and (min-width: 992px) and (max-width: 1199px){
		#main-container-fluid{
			padding-bottom: 200px;
		}
		#find-vehicle-footer .nav{
			padding: 0px;
			margin-top: 2px;
		}
		#find-vehicle-footer img{
			text-align: left;
		}
		#find-vehicle-footer li{
			font-size: 12px;
			text-decoration: underline;
		}
		#results-footer{
			text-align: left;
		}
	}