@charset "utf-8";
/* CSS Document */

@font-face { 
    font-family: "dakota";
    src: url("includes/dakota.eot");
	src: url("includes/dakota.eot") format("truetype"); /* non-IE */ 
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.MenuText {
	font-family: Arial;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	color: #2c2c2c;
}
a.MenuText:link {
	font-family: Arial;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	color: #2c2c2c;
}
a.MenuText:visited {
	font-family: Arial;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	color: #2c2c2c;
}
a.MenuText:active {
	font-family: Arial;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	color: #2c2c2c;
}
a.MenuText:hover {
	font-family: Arial;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	color: #2c2c2c;
}
.FooterText {
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
}
.PhoneNumber {
	font-family: Arial;
	font-weight: bold;
	font-size: 18px;
	color: #80c82a;
}
.FooterText2 {
	font-family: Arial;
	font-size: 9px;
}
.FooterTextnonbold {
	font-weight: normal;
}
.TextBox {
	background-color:#eeeeee;border: 1px solid #888888;
}
.TextBox2 {
	background-color:#eeeeee;border: 1px solid #888888; height:16px;
}
.Arrow {
	font-family: Arial;
	font-weight: bold;
	font-size: 15px;
	color: #7cc623;
}
.GreenText {
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	color: #7cc623;
}
.GreyText {
	font-family: Arial;
	font-size: 13px;
	color: #4d4d4d;
}
.NewsletterTitle {
	font-family: Arial;
	font-size: 13px;
	color: #7cc623;
}
.NewsletterForm {
	font-family: Arial;
	font-size: 13px;
	color: #00a8ec;
	line-height: 21px;
}
.NewsletterText {
	font-family: Arial;
	font-size: 13px;
	color: #676767;
	line-height: 13px;
}

.Title1 {
	font-family: Arial;
	font-weight: bold;
	font-size: 15px;
	color: #30374a;
}
a.Title1:link {
	font-family: Arial;
	font-weight: bold;
	font-size: 15px;
	color: #30374a;
}
a.Title1:visited {
	font-family: Arial;
	font-weight: bold;
	font-size: 15px;
	color: #30374a;
}
a.Title1:active {
	font-family: Arial;
	font-weight: bold;
	font-size: 15px;
	color: #30374a;
}
a.Title1:hover {
	font-family: Arial;
	font-weight: bold;
	font-size: 15px;
	color: #30374a;
}

.ArticleText {
	font-family: Arial;
	font-size: 13px;
	color: #30374a;
	line-height: 13px;
}

.HeadText {
	font-family: Arial;
	font-size: 13px;
	color: #4d4d4d;
}
.MainTitle {
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	color: #00a8ec;
}
.Logo1 {
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	color: #7cc623;
}
.Logo2 {
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	color: #00a8ec;
}
.logo3 {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #00a8ec;
}
.ContentMenu {
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	line-height: 26px;
	color:#000;
}

a.ContentMenu:link {
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	line-height: 26px;
	color:#000;
}
a.ContentMenu:visited{
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	line-height: 26px;
	color:#000;
}
a.ContentMenu:active {
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	line-height: 26px;
	color:#000;
}
a.ContentMenu:hover {
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	line-height: 26px;
	color:#000;
}

.ContentTitle {
	font-family: Arial;
	font-size: 15px;
	color: #00a8eb;
	line-height: 25px;
}
.ContentTitle2 {
	font-family: Arial;
	font-size: 15px;
	color: #4d4d4d;
	line-height: 20px;
}
.ContentText {
	font-family: Arial;
	font-size: 13px;
	color: #30374a;
	line-height: 15px;
}
.ShowroomBigGreen {
	font-family: Arial;
	font-size: 25px;
	font-weight: bold;
	color: #83c92e;
}

.ShowroomBlueTitle {
	font-family: Arial;
	font-size: 14px;
	color: #00a8ec;
	font-weight: bold;
}
.ShowroomGreenTitle {
	font-family: Arial;
	font-size: 14px;
	color: #7cc623;
	font-weight: bold;
	line-height:20px;
}
.CarInfoGreenTitle {
	font-family: Arial;
	font-size: 16px;
	color: #7cc623;
	font-weight: bold;
	line-height:20px;
}
.ShowroomRegText {
	font-family: Arial;
	font-size: 12px;
	color: #363636;
	line-height:20px;
}

.ShowroomBigBlue {
	font-family: Arial;
	font-size: 25px;
	color: #5cc7f3;
	font-weight: bold;
}
a.ShowroomBigBlue:link {
	font-family: Arial;
	font-size: 25px;
	color: #5cc7f3;
	font-weight: bold;
}
a.ShowroomBigBlue:visited {
	font-family: Arial;
	font-size: 25px;
	color: #5cc7f3;
	font-weight: bold;
}
a.ShowroomBigBlue:active {
	font-family: Arial;
	font-size: 25px;
	color: #5cc7f3;
	font-weight: bold;
}
a.ShowroomBigBlue:hover {
	font-family: Arial;
	font-size: 25px;
	color: #5cc7f3;
	font-weight: bold;
}
.ShowroomTitle2 {
	font-family: Arial;
	font-size: 15px;
	color: #171717;
}
.ShowroomStockTitle {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #232323;
	line-height:25px;
}
.ShowroomStockText {
	font-family: Arial;
	font-size: 11px;
	color: #232323;
}
.ShowroomStockMoreArrow {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #9bd357;;
}
.ShowroomStockMoreText {
	font-family: Arial;
	font-size: 12px;
	color: #232323;;
}
.ShowroomMoreInfo {
	text-align: right;
}
.opaquepic{
	opacity:0.4;filter:alpha(opacity=40)
}
.normalpic{
	opacity:1;filter:alpha(opacity=100)
}
.CarDetailsMainHeader{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	color:#a5d66a;
}
.CarDetailsSection{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#00a8eb;
}

.askSamHead{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#a5d66a;
}
.AskSamSection{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#00a8eb;
}

.landTitle{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#00a8ec;
}

.CarDetailsText{
	
	font-family:Arial;
	font-size:12px;
	color:#232323;
}

.slide-out-div {
       padding: 20px;
        width: 370px;
        background: #ffffff;
        border: #00a8ec 2px solid;
		z-index:1000;}
		
		/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 861px;
	height:118px;

}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:861px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:24px;
	height:34px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background:url(images/right.png) no-repeat;} 


/* left */
a.left				{ background:url(images/left.png) no-repeat;} 

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	


.carscrolltext {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
}





ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown li {
	 padding: 2px 4px;
}

.MenuDD {
	
	font:"Arial Rounded MT Bold";
	font-size:14px;
	color:#02aaec;
	font-weight:bold;
	line-height:25px;
}

/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 600px;	 
	width: 295px;
	
}

/* root element for scrollable items */
.vertical .items{	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* the action buttons above the scrollable */
#actions {
	width:295px;
	margin:30px 0 10px 0;	
}

#actions a {
		
	cursor:pointer;
	font-family: Arial;
	font-size: 12px;
	color: #363636;
	
}

#actions a:hover {
	text-decoration:underline;
	color:#000;
}

.disabled {
	visibility:hidden;		
}

.next {
	float:right;
}