/* CSS DEFAULT SETTINGS */
@charset "utf-8";
* {
	margin:0px; 
	padding:0px; 
	border:none;
}
body {
	background-color:#FFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:active, a:focus { 
	outline-style: none;
	-moz-outline-style:none; 
}
a {
	border:none;
	border-color:##222;
}
img {
	border: none;
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE 6 & 7 */      
    zoom: -1;
}
/* END CSS DEFAULT SETTINGS */


/* MAIN CONTAINER */
#container {
width: 100%;
}

#res-table{
padding-left:10px;
padding-right:10px;	
padding-top: 15px;
display: table;
width: 100%;
max-width: 880px;
table-layout: fixed;

margin: 0 auto;
}
#res-table-cell-1{
	width:100%;
display: table-cell;
vertical-align: top;
}
#res-table-cell-2{

display: table-cell;
vertical-align: top;
width: 420px;
}

#disclaimerObj {
position: fixed;
bottom: 0px;
}

#offermid{
}

@media screen and (max-width: 740px){ 
#res-table{
padding-left:0px;
padding-right:0px;	
display: block;
max-width: 460px;
}
#res-table-cell-1{
display: block;
}
#res-table-cell-2{

display: block;
width: 100%;
}

#mainoffer{
margin:0px !important;
max-width: 451px!important;
}

#disclaimerObj {
position: relative;
margin: 0 auto !important;
}

#offermid{
width: auto;
}

}




#blurbg{
opacity: .5;
position: absolute;
z-index: -1;
top:0px;
bottom:0px;
left:0px;
right:0px;
background-size: cover;
}

#center-box{
margin:0 auto;
width: 100%;
max-width: 920px;
min-height:590px;
background-size: cover;
background-attachment: bottom left;

-moz-box-shadow: 0 0 20px #000;      -webkit-box-shadow: 0 0 20px #000;      box-shadow: 0 0 20px #000;
}
/* END MAIN CONTAINER */


/* VIDEO STYLES */
#video_XYposition {
/* the position is defined via javascript */

max-width: 460px;


background: #000;
}
/* ///// SPECIALS VIDEO CONTAINER ///// */
#video_viewport {
	width:100%;
	position: relative;
	padding-top: 56.25%;
	-moz-box-shadow: 0 0 5px ##222;
	-webkit-box-shadow: 0 0 5px ##222;
	box-shadow: 0 0 5px ##222;
	background-image:url('css-images/loading.gif'); 
	background-repeat:no-repeat; background-position:center;
	background-color:##222;
}

#video_viewport>div{
position:absolute;
top:0px;


}
/* END VIDEO STYLES */


/* VIDEO THUMBNAILS */
#thumnailsDIV {
	color: #fff;
	z-index:1;
	display: none;
	width:415px;
	height:72px;
	text-align:center;
}
#thumnailsDIV ul {
	padding-left: 0em;
}
#thumnailsDIV li{
	margin-top:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:94px;
	height:105px;
	float:left;
	display: inline;
	list-style-type: none;
	padding-right:4px;
	font-weight:bold;
	text-align:left;

	margin-right: 3px;
}

#timedisplay {
	font-weight:normal;
	font-size:8px;
	margin-left:5px;
		
}
.thumbTitle { 
    margin-left: 5px;
} 
#textindent {
    margin-left: 5px;
	text-transform: uppercase;
}
.activeVideoButton img, .activeVideoButton a:link {
	margin-bottom: -34px;
	text-align: center;
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
	border-bottom-width: 35px;
	border-bottom-style: solid;
	border-bottom-color: #494959;
} 
/* END VIDEO THUMBNAILS */

/* MAIN ADVERTISMENT */
#main_add {
	height: 68px;
	width: 417px;
	position: absolute;
	z-index: 1000;
	left: 470px;
	top: 30px;
}
/* END MAIN ADVERTISMENT */



/* MAIN NAVIGATION */
#mainnav {
    width: 100%;

@-moz-document url-prefix() {
   #mainnav {
       	top: 76px;
    }
}



/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #mainnav {
        	top: 6px;
    }
}



;
	/* width: 100px; */
	/* display: inline-flex; */
}

#mainnav a {
	padding: 7px;
	color:#fff;
	text-decoration:none;
	font-weight: normal;
	background-image: url('../assets/buttonbrite.png');
	-webkit-box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0px 4px 5px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         0px 4px 5px 0px rgba(50, 50, 50, 0.25);
}
#mainnav ul {
	list-style-type: none;
}
/* Flexible menu 1 */
.menu {
	width: 100%;
	margin: 0;
	display : table;
	table-layout: fixed;
	behavior: url(display-table.min.htc);
	height: 43px;
	padding: 0;
	float: left;
	/*background-image: url(../assets/bmw_nav_bg.png);
	background-repeat: no-repeat;*/
} 
.menu li {
	display: table-cell;
	margin: 0;
} 
.menu a:link, .menu a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	color: #315AAC;
	text-decoration: none;
	white-space: normal;
	text-align: center;
	padding-top: 7px;
	margin-top: 0px;
	font-weight: bold;
	letter-spacing: 0px;
	text-transform: uppercase;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666;
	
} 


.menu li:first-child a:link {  
	 border: none;
} 

.menu li + li a:link {

} 
.menu li a:hover {
	color: #808284;
		color: #999;	
}












/* OFFER */
#vehicleImage {
	z-index:200;
	position:absolute;
	text-align:left;
	z-index: 200;
}
#ymmtitle {
	z-index:200;
	position:absolute;
	text-align:left;
}
#playerOver {
	z-index:2;
	position:absolute;
	top: 88px;
	margin-left:12px;
}
#msrptag {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	z-index:50;
	position:absolute;
	width:200px;
	height:50px;
	top: 330px;
	margin-left:808px;
	text-align:left;
	vertical-align: bottom;
	font-weight: bold;
}
#msrp {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	z-index:55;
	position:absolute;
	width:200px;
	height:50px;
	font-size:30px;
	font-weight:bold;
	letter-spacing:-1px;
	top: 340px;
	margin-left:800px;
	text-align:left;
	vertical-align: bottom;
}
#dollar {
	font-size: 24px;
	vertical-align: top;
}
#mainoffer {
	color: #343434;
	z-index:50;
	width:100%;
	max-width: 400px;
	min-height: 224px;
	padding-left: 7px;
	padding-right: 1px;
	margin-left: 10px;
	padding-top: 1px;
	padding-bottom: 10px;
	max-height: 523px;
	text-align:left;
	float: left;
	background: rgba(255, 255, 255, 0.75);
}
#mainoffer h1 {
	font-size:28px;
	margin-bottom:-25px;
	width: 100%;
}
#mainoffer h2 {
	font-size: 1.2em;
	width: 100%;

}

#mDisclaim {
	font-size:10px;
	line-height: 16px;
	float: left;
	width: 100%;
}
#mDisclaim ul {
	float: left;
	width: 100%;
	margin-left: 35px;
	margin-top: 10px;
}
#mDisclaim li {
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
}
/* END OFFER */

.click_contact {
	position: absolute;
	left: 0px;
	top: 130px;
	width: 300px;
}
.click_contact h6 a:link, .click_contact h6 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	text-decoration: none;
	font-style: oblique;
}
.click_contact h6 a:hover {
	text-decoration: underline;
}



/* DISCLAIMER WITH JQUERY SCROLL
------------------------------------------------------------------------------------------ */
#debugButtons a:hover{ 
border-top:10px solid #f60;
padding-top:-10px !important; 
  }
  
#scrollDisclaim {
	z-index:360;
	position:absolute;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	width:350px;
	height:25px;
	padding-right:8px;
	color: #222;
	overflow:hidden;
	padding-top: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
	left: 45px;
	top: 490px;
}
  
#scrollDisclaim p {
	margin:0px;
	width: 340px;
    color:#fff;
}

.coupon {
	margin-top: 6px;
	width: 43%;
	display: inline-block;
	vertical-align: top;
	min-height: 120px;
	padding:10px;
	padding-bottom: 18px;
}



.styled-v-bar{ /* sample CSS class for a different vertical scrollbar look */
	cursor:pointer;
	width: 10px;
	margin-right: -5px;
	margin-bottom: 4px;
	background-color: #CCC;
	background-image: url(assets/custom-scroll-bar.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.styled-v-bar ins{ /* Style for the "ins" inner element, or bottom of the scrollbar */ 
	display: block;
	background:	url(assets/custom-scroll-bar.png) center bottom no-repeat;
	width: 10px;
	height: 15px;
	position: absolute;
	top: 100%;
	background-color: #999;
}

#sub {
	font-weight: normal;
}
#mDisclaim {
	font-size:9px;
	line-height: 16px;
}


/* DISCLAIMER WITH JQUERY SCROLL
------------------------------------------------------------------------------------------ */

/* scrollbar */
#disclaimerObj {
	padding: 6px;
	background: rgba(255, 255, 255, 0.58);
	text-align:left;
	z-index: 50;
	height: 40px;
	width: 100%;
	max-width: 448px;
	clear: both;
	margin-left: 2%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #242424;

}

#disclaimerObj .viewport { 
max-width: 430px; 
height: 40px; 
overflow: hidden; 
position: relative; 
}

#disclaimerObj .overview { 
	list-style: none; 
	position: absolute; 
	left: 0; 
	top: 0;	
 }
 
#disclaimerObj .overview p { margin-top:0px;}
#disclaimerObj .thumb .end,
#disclaimerObj .thumb {
background: red;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

#disclaimerObj .scrollbar { 
position: relative;
float: right; 
width:15px; 
opacity:.6; 
}

#disclaimerObj .track {
	background: rgba(29, 29, 29, 0.27);
	height: 100%;
	width:8px;
	position: relative;
	padding: 0 1px;
	cursor: pointer;
}
#disclaimerObj .thumb { display:block; height: 10px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0;
 }
#disclaimerObj .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#disclaimerObj .disable{ display: none; }


/*------------------------------------------------------------------------------------------ */
/* DISCLAIMER WITH JQUERY SCROLL
------------------------------------------------------------------------------------------ */

/* VIDEO ERROR STYLES */
#video_viewport.errorMsg{ 
background-image:none;
}
#video_viewport.errorMsg:before {
line-height: 0;
content: 'Sorry, this video has failed to load.';
color: white;
border: 20px solid #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
display: block;
position: relative;
z-index: 1000;
margin-bottom:-40px;
}
#makeThumbs a.loading:{position:relative;}
#makeThumbs a.loading:before{
content: 'LOADING';
font-family: Arial, Helvetica, sans-serif;
color:#fff;
font-size: 8px;
background: transparent;
background-color: rgba(0, 0, 0, 0.4);
background-image: url('/../mvp/globalassets/loadinggifs/white.gif');
background-repeat: no-repeat;
background-position: 1px 2px;
display: block;
position: relative;
margin-bottom: -15px;
padding-left: 19px;
padding-top: 2px;
padding-bottom: 2px;
height: 11px;
z-index: 1000;
}
/* VIDEO ERROR STYLES */


/*------------------------------------------------------------------------------------------ */