@charset "utf-8";
/*======================================================================================================================= CUSTOM FONT */
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
/*======================================================================================================================= BASICS */
::selection 		{ color:rgb(255,255,255); background:rgb(0,100,200); }
::-moz-selection 	{ color:rgb(255,255,255); background:rgb(0,100,200); }

::-webkit-input-placeholder { }
:-moz-placeholder 			{ }
::-moz-placeholder 			{ }
:-ms-input-placeholder 		{ }

::-webkit-scrollbar              { background:rgb(255,255,255); width:10px; }
::-webkit-scrollbar-button       { }
::-webkit-scrollbar-track        { background:rgb(255,255,255); }
::-webkit-scrollbar-track-piece  { background:rgb(255,255,255); }
::-webkit-scrollbar-thumb        { background:rgb(200,200,200); }
::-webkit-scrollbar-thumb:hover  { background:rgb(0,100,200); 	}
::-webkit-scrollbar-thumb:active { background:rgb(50,50,50); 	}
::-webkit-scrollbar-corner       { background:rgb(220,220,220); }
::-webkit-resizer                { background:rgb(220,220,220); }

@-webkit-keyframes FADE-IN  {
    0%   { opacity: 0; }
    100%   { opacity: 1; }
}

@-moz-keyframes  FADE-IN  {
    0%   { opacity: 0; }
    100%   { opacity: 1; }
}

@-ms-keyframes  FADE-IN  {
    0%   { opacity: 0; }
    100%   { opacity: 1; }
}
/*======================================================================================================================= BODY */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	color:#666; 
	font: 14px/20px 'Lato', sans-serif;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	
	-webkit-animation: FADE-IN 1s normal;
     -moz-animation:   FADE-IN 1s normal;
     -ms-animation:    FADE-IN 1s normal;
}

body{
	background:rgb(235,235,235);
}

.WRAAAP{
	max-width:1010px;
	width:100%;
	margin:0 auto;
	padding:0;
	display:block;
}

h1, h2, h3, h4, h5, h6{
	color:rgb(0,100,200);
	margin:0 0 15px 0;
	padding:0;
	font-weight:300;
}
h1{
	font: 28px/28px 'Lato', sans-serif;
	font-weight:300;
}
h2{
	font: 26px/26px 'Lato', sans-serif;
	font-weight:300;
}
h3{
	font: 24px/24px 'Lato', sans-serif;
	font-weight:300;
}
h4{
	font: 22px/22px 'Lato', sans-serif;
	font-weight:300;
}
h5{
	font: 20px/20px 'Lato', sans-serif;
	font-weight:400;
}
h6{
	font: 18px/18px 'Lato', sans-serif;
	font-weight:400;
}

strong{
	font-weight:900;
}

a img{
	-webkit-filter: brightness(100%);
}
a img:hover{
	-webkit-filter: brightness(140%);
}
a img:active{
	-webkit-filter: brightness(100%);
}

#logo{
	float:left;
	display:inline-block;
	margin-top:11px;
	/*opacity: 1;
	filter: alpha(opacity=1);*/
}
#logo img{
	width:185px;
	height:auto;
}
#logo2{ display: none }

header{
	width:100%;
	min-height:80px;
	background:rgb(50,50,50);
	border-bottom:2px solid rgb(0,80,180);
}
header ul{
	list-style:none;
	float:right;
}
header ul li{
	float:left;
}
header ul li a{
	display:inline-block;
	color:rgb(255,255,255);
	padding:30px 15px;
	text-transform:uppercase;
}
header ul li a:hover{
	background:rgb(80,80,80);
}
header ul li a:active{
	color:rgb(50,50,50);
	background:rgb(255,255,255);
}

header .mini{ display:none }

#breadcrumbs{
	min-height:25px;
	height:auto;
	background:rgb(0,90,190);
	border-bottom:2px solid rgb(200,200,200);
}
#breadcrumbs p{
	float:left;
	color:rgb(0,150,250);
	padding:2px 0;
	font-size:12px;
}
#breadcrumbs a{
	color:rgb(255,255,255);
	font-size:12px;
	padding:5px;
}
#breadcrumbs a:hover{
	background:rgb(0,110,210);
}
#breadcrumbs a:active{
	color:rgb(0,100,200);
	background:rgb(255,255,255);
}
#breadcrumbs span a{ /*DEALER LOGIN*/
	float:right;
	font-size:12px;
	padding:3px 15px 2px;
	background:rgb(0,110,210);
}
#breadcrumbs span a:hover{
	background:rgb(0,150,250);
}
#breadcrumbs span a:active{
	color:rgb(0,110,210);
	background:rgb(255,255,255);
}

footer{
	width:100%;
	height:80px;
	background:rgb(50,50,50);
	border-bottom:2px solid rgb(0,80,180);
}

footer ul{
	list-style:none;
	float:right;
}
footer ul li{
	float:left;
}
footer ul li a{
	display:inline-block;
	color:rgb(255,255,255);
	padding:30px 15px;
	text-transform:uppercase;
}
footer ul li a:hover{
	background:rgb(80,80,80);
}
footer ul li a:active{
	color:rgb(50,50,50);
	background:rgb(255,255,255);
}

#bottom{
	text-align:center;
	padding:10px 0 20px 0;
	background:rgb(0,100,200);
}
#bottom p{
	margin-top:10px;
	color:rgb(0,150,250);
	font-size:12px;
	display:inline-block;
}
#bottom a{
	color:rgb(255,255,255);
	font-size:12px;
	padding:5px;
}
#bottom a:hover{
	background:rgb(0,110,210);
}
#bottom a:active{
	color:rgb(0,110,210);
	background:rgb(255,255,255);
}

.clear{
	clear:both;
}

#SEARCH_FREE{
	float:left;
	display:inline-block;
	min-height:35px;
	width:auto;
}

#SEARCH_CATEGORY{
	float:right;
	display:inline-block;
	min-height:35px;
	width:auto;
}

#SEARCH_FREE, #SEARCH_CATEGORY{
	background:rgb(50,50,50);
}
#SEARCH_FREE:hover, #SEARCH_CATEGORY:hover{
	background:rgb(0,100,200);
}

.TEXT_Dark{
	color:#333;
}
.TEXT_White{
	color:rgb(255,255,255);
}

.TEXT_Color{
	color:rgb(0,100,200);
}

/*======================================================================================================================= SECTIONS */
/*============================= LEFT*/
.SECTION_LEFT{
	float:left;
	max-width:465px;
	width:100%;
	display:inline-block;
	padding:0;
	margin:0;
	overflow:hidden;
}
/*============================= RIGHT*/
.SECTION_RIGHT{
	float:right;
	max-width:465px;
	width:100%;
	display:inline-block;
	padding:0;
	margin:0;
	overflow:hidden;
}
/*============================= FULL WIDTH*/
.SECTION_FULL{
	max-width:980px;
	width:100%;
	padding:0;
	margin:0;
	overflow:hidden;
	
	vertical-align: top; 
    height:auto; 
}
/**/.SECTION_FULL ul{
	margin-left:20px;
}
/*============================= PUSH*/
.push_left	{float:left}
.push_right	{float:right}
/*============================= IMPORTANT */
form, iframe, .SECTION_LEFT, .SECTION_RIGHT, .SECTION_FULL, .CONTACT_DEALER, .SECTION_LARGE_LEFT{
	margin:15px 0;
	padding:15px;
	background:rgb(255,255,255);

		    box-shadow: 0px 2px 4px rgb(180,180,180);
	   -moz-box-shadow: 0px 2px 4px rgb(180,180,180);
	-webkit-box-shadow: 0px 2px 4px rgb(180,180,180);
}
/*============================= LINKS & TRANSITIONS*/
/*a{ border-radius:2px }*/
a, a img, input, select, textarea, nav, #logo, .BTN, .CAR_DISPLAY, .SECTION_COLOUR, .CAR_INFO, #SEARCH_FREE, #SEARCH_CATEGORY{
	text-decoration:none;
	
	transition: all 0.3s ease-in-out;	
	-webkit-transition: all 0.3s ease-in-out;	
	-moz-transition: all 0.3s ease-in-out;	
	-o-transition: all 0.3s ease-in-out;
}

a:hover{
}
/*============================= COLOUR */
.SECTION_COLOUR{
	color:rgb(255,255,255);
	display:inline-block;
	/*margin:15px 0 5px 10px;*/
	
	color:rgb(255,255,255);
	background:rgb(0,100,200);
	
	box-shadow: 0px 1px 2px rgb(200,200,200);
	-webkit-box-shadow: 0px 1px 2px rgb(200,200,200);
	-moz-box-shadow: 0px 1px 2px rgb(200,200,200);
}
.SECTION_COLOUR:hover{
	background:rgb(50,50,50);
}
/*.SECTION_COLOUR:hover p{
	color:rgb(255,255,255);
}*/
.SECTION_COLOUR p{
	color:rgb(0,180,255);
}
.adjust_blocks{ margin:15px 0 5px 10px }
.SECTION_COLOUR dl {
	padding:15px;
	text-align: left;

	width: 212px;
	height: 140px;

	/*float: right;
	display: block;*/
	
	position: relative;
	overflow: hidden;
}
.SECTION_COLOUR dl dt {
	color:rgb(255,255,255);
	font-size:18px;
	
	width: 212px;
	height: 140px;
	
	display: block;
	position: absolute;
		
	transition: all 0.3s ease-in-out;	
	-webkit-transition: all 0.3s ease-in-out;	
	-moz-transition: all 0.3s ease-in-out;	
	-o-transition: all 0.3s ease-in-out;
}
.SECTION_COLOUR dl dd {
	width: 212px;
	height: 140px;
	margin:0;
	
	color:rgb(150,150,150);
	font: 12px/20px sans-serif;

	
	display: block;
	position: absolute;
	
	overflow: hidden;
	top: 180px;
	
	transition: all 0.3s ease-in-out;	
	-webkit-transition: all 0.3s ease-in-out;	
	-moz-transition: all 0.3s ease-in-out;	
	-o-transition: all 0.3s ease-in-out;
	
	transition-timing-function: linear;
	-webkit-transition-timing-function: linear;
}
.SECTION_COLOUR dl:hover dt {
	right: -212px;
}
.SECTION_COLOUR dl:hover dd {
	text-transform:none;
	top: 15px;
}
.SECTION_COLOUR dl.ONE dt 	{ background:url(../images/elements-BLOCKS_05.png) no-repeat 20px 50px }
.SECTION_COLOUR dl.TWO dt 	{ background:url(../images/elements-BLOCKS_03.png) no-repeat 20px 50px }
.SECTION_COLOUR dl.THREE dt { background:url(../images/elements-BLOCKS_12.png) no-repeat 20px 50px }
.SECTION_COLOUR dl.FOUR dt 	{ background:url(../images/elements-BLOCKS_10.png) no-repeat 20px 50px }

.SECTION_COLOUR_Categories{
	margin:15px 0 5px 0;
	width:220px;
	padding:15px;
	overflow:hidden;
}
.SECTION_COLOUR_Categories p{
	color:rgb(0,180,255);
}
.SECTION_COLOUR_Categories a{
	/*display:block;*/
	line-height:30px;
	margin: -8px 0;
	padding:5px 10px;
	color:rgb(0,100,200);
	background:rgb(255,255,255);
}
.SECTION_COLOUR_Categories a:hover{
	color:rgb(255,255,255);
	background:rgb(0,100,200);
}
.SECTION_COLOUR_Categories a:active{
	color:rgb(255,255,255);
	background:rgb(100,100,100);
}
/*============================= CAR SECTIONS*/
.SECTION_CARS{
	float:left;
	width:100%;
	max-width:710px;
	min-height:980px;
}
/*============================= LARGE SECTION LEFT*/
.SECTION_LARGE_LEFT{
	float:left;
	width:100%;
	max-width:710px;
	height:auto;
	padding:15px;
	overflow:hidden;
}
.SECTION_LARGE_LEFT p {
	color:rgb(100,100,100);
}
.SECTION_LARGE_LEFT ul{
	list-style:none;
}
.SECTION_LARGE_LEFT ul li{
	display:inline-block;
	background:rgb(240,240,240);
	margin:1px;
}
.SECTION_LARGE_LEFT ul li a{
	font-size:12px;
	min-width:120px;
	max-width:120px;
	display:inline-block;
	padding:1px 10px;
}
.SECTION_LARGE_LEFT ul li a:hover{
	color:#fff;
	background:rgb(0,100,200);
}
.SECTION_LARGE_LEFT ul li a:active{
	background:rgb(50,50,50);
}
.SECTION_LARGE_LEFT input{
	 min-width:29.9%;
}
.SECTION_LARGE_LEFT select{
	min-width:33%;
}
.SECTION_LARGE_LEFT	textarea{
	width:96.5%;
}
/*============================= BUTTOOONS*/
.BUTTOOONS ul{
	padding:0;
	margin:0;
	list-style:none;
}
.BUTTOOONS ul li{
	display:inline-block;
	background:rgb(235,235,235);
	margin:1px;
}
.BUTTOOONS ul li a{
	font-size:12px;
	min-width:118px;
	max-width:120px;
	display:inline-block;
	padding:1px 10px;
}
.BUTTOOONS ul li a:hover{
	color:#fff;
	background:rgb(0,100,200);
}
.BUTTOOONS ul li a:active{
	background:rgb(50,50,50);
}
.BUTTOOONS input{
	 min-width:29.9%;
}
/*============================= NAVIGATOR*/
nav{
	float:left;
	width:100%;
	font-size:12px;
	line-height:35px;
	margin:10px 0;
	text-align:right;
	background:rgb(240,240,240);
}
nav:hover{
	background: none;
}
nav a{
	font-size:12px;
	padding:5px;
	color:#fff;
	background:rgb(100,100,100);
}
nav a:hover{
	background:rgb(0,100,200);
}
nav span{
	font-size:12px;
}
/*============================= SITEMAP*/
.SITEMAP a{
	margin:2px;
	padding:3px 12px;
	background:rgb(240,240,240);
}
.SITEMAP a:hover{
	color:#fff;
	background:rgb(0,100,200);
}
/*============================= CAR DISPLAY*/
.CAR_DISPLAY{
	float:left;
	width:100%;
	/*max-width:450px;*/
	padding:15px 0;
	/*border-right:15px solid rgb(255,255,255);*/
	border-top:1px dashed rgb(200,200,200);
	
}
.CAR_DISPLAY:hover{
	/*background:rgb(240,240,240);
	border-right:15px solid rgb(220,220,220);
	padding:15px 0 15px 15px;*/
	
	/*	
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	*/
}
.CAR_DISPLAY:active{
	/*
	border-right:15px solid rgb(0,100,200);
	padding:15px 0;
	*/
}
.CAR_DISPLAY:hover .BTN{
	color:rgb(255,255,255);
	background:rgb(0,100,200);
	border:1px solid rgb(0,100,200);
}
.CAR_DISPLAY:active .BTN{
	color:rgb(255,255,255);
	background:rgb(50,50,50);
	border:1px solid rgb(50,50,50);
}

.CAR_DISPLAY img{
	float:left;
	display:inline-block;
	width:150px;
	min-height:100px;
	height:auto;
}

.CAR_DISPLAY:hover img{
	-webkit-filter: brightness(140%);
}
.CAR_DISPLAY:active img{
	-webkit-filter: brightness(100%);
}

.CAR_DISPLAY .DESCRIPTION{
	float:left;
	display:inline-block;
	
	max-width:285px;
	width:100%;
	/*min-height:100px;*/
	
	text-transform:none;
	margin:0 0 0 10px;
}
.COMMENTS_EXTRAS{
	BACKGROUND: rgb(240,240,240);
	PADDING: 5px;
	WIDTH: 100%;
	box-shadow: none;
	
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
/*============================= CAR INFO*/
.CAR_INFO{
	float:left;
	width:98%;
	padding:10px 10px 10px 0px;
	background:rgb(255,255,255);
	height:auto;
}
.CAR_INFO:hover{
	background:rgb(240,240,240);
	/*border-right:20px solid rgb(0,100,200);*/
}
.CAR_INFO:active{
	/*color:rgb(255,255,255);
	background:rgb(0,100,200);
	border-right:20px solid rgb(50,50,50);*/
}
.CAR_INFO img{
	float:left;
	display:inline-block;
}
.CAR_INFO .DESCRIPTION{
	float:left;
	display:inline-block;
	
	max-width:280px;
	width:100%;
	/*min-height:100px;*/
	
	text-transform:none;
	padding:0 0 0 15px;
}
.PRICE{
	font: 26px/26px 'Lato', sans-serif;
	font-weight:300;
	
	margin:60px 0px -60px 15px;
	float:left;
	position:relative;
	z-index:9000;
	
	color:#fff;
	background:rgba(0,100,200,0.8);
	padding:5px 10px;
}
.PRICE:before{
	content:"» ";
}

.CAR_INFO .DESCRIPTION span{
}
.CONTACT_DEALER{
	/*min-height:500px;*/
	height:auto;
}
.CONTACT_DEALER form{
	padding:0;
	background:none;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}
.CONTACT_DEALER input, select, textarea{
	width:90%;
	font: 14px/20px 'Lato', sans-serif;
}
.CONTACT_DEALER textarea{
	width:90%;
}
.CONTACT_DEALER select{
	width:100%;
}

/*============================= OTHER*/
iframe{
	display:inline-block;
}

.Baaaners{
	margin:15px 0;
	padding:0;
	background:rgb(255,255,255);

		    box-shadow: 0px 2px 4px rgb(180,180,180);
	   -moz-box-shadow: 0px 2px 4px rgb(180,180,180);
	-webkit-box-shadow: 0px 2px 4px rgb(180,180,180);
}

.fb-comments iframe{
	box-shadow:none;
}

.twitter-timeline{
	display:block;
	margin:0;
	padding:0;
	background:#333;
	min-height:400px;
	
	min-width:100% !important;

		    box-shadow: none;
	   -moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.Social_Links{
	min-width:90%;
	display:block;
	background: none;
}
.Social_Links:hover{
	text-indent:20px;
}
.Social_Links img{
	margin:5px 10px;
	vertical-align: middle;
}
.SLIDER{
	float:right;
	width:495px;
	height:265px;
	overflow:hidden;
	padding:0;
}
.SLIDER_CAR{
	float:left;
	width:400px;
	height:265px;
	overflow:hidden;
	padding:0;
}

.toDISPLAY_or_not_toDISPLAY{}
.error{ color:rgb(0,100,200) }

ol{
	margin-left:20px;
}
.CALCULATOR{
	width:;
	max-width:750px;
	height:auto;
	margin:20px auto;
}
.CALCULATOR td{
	padding-left:10px;
}

/*======================================================================================================================= FORMS */
input, select, textarea{
	color:#888; 
	outline:none;
	padding:5px 10px;
	width:178px;
	height:auto;
	border:1px solid rgb(200,200,200);
}
input:hover, textarea:hover{
	border:1px solid rgb(100,100,100);
}
input:focus, textarea:focus{
	border:1px solid rgb(100,100,100);
}

label{cursor:pointer}

.BTN{
	color:rgb(255,255,255);
	background:rgb(150,150,150);
	border:1px solid rgb(150,150,150);
	cursor:pointer;
	max-width:90px;
	text-transform:uppercase;
}

.BTN:hover{
	color:rgb(255,255,255);
	background:rgb(0,100,200);
	border:1px solid rgb(0,100,200);
}

.BTN:active{
	color:rgb(255,255,255);
	background:rgb(50,50,50);
	border:1px solid rgb(50,50,50);
}

.VIEW_FIX{
	padding:8px 11px 5px 10px;
	float:right;
	text-transform:uppercase;
}