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

#hpButtonRow.four-up { margin-left: -0.5%; }
#hpButtonRow.four-up > li { 
	margin-left: 0.5%;
	width: 24.5%
}
.hpBtn {
	
	border: 1px solid #808080;
	padding: 10px;
	
}

.hpBtnContent { 
	
}

.hpBtn h2 {
	text-align:center;
	font-size: 12px;
	color:#000;
	margin: 0 0 0 0;
	padding: 0 0 8px;
}

c.hpBtn.onHover { border-color: #1278c6; }
c.hpBtn.onHover h2 { color: #1278c6; }


.hpBtn-nav { display: none; }
.hpBtn-nav ul { padding: 0; margin-bottom: 0; margin-left: 5px;}

x.hpBtn-nav a{
	color: #efefef;
	font-size: 1.25em;
	font-weight:bold;
	line-height: 1.5em;
	
}
.hpBtn-nav a:visited { color: #d0d0d0; }

.hpBtn-nav li:hover a, .hpBtn-nav a:hover  { color: #0f8fd2; }

/* IF SUBNAVS ARE ACTIVATED */


.activateSubnav .hpBtnContent {

	background: none repeat scroll 0 0 #E6E7E8;
    border: 1px solid #A2A3A5;
	width:100%;
	
}
.activateSubnav .hpBtn-nav {
	display: none;
	margin:0;
	padding: 0;
}
.activateSubnav .hpBtn-nav li {
	margin: 0 0 0px;
	font-size: 10px;
	text-align:left;
}
.activateSubnav .hpBtn-nav li a {
	background: url("./list-off.gif") no-repeat scroll left center transparent;
    color: #4C4C4E;
    padding-left: 15px;
	
}
.activateSubnav .hpBtn-nav li a:hover {
	
	background-image: url('./list-on.gif');
	color: #003399;	
}

.dealer-info > div { margin-bottom: 10px; }

.sub_1 { margin-top: 25px; }
.sub_2 { margin-top: 15px; }
.sub_3 { margin-top: 10px; }
.sub_4 { margin-top: 0px !important;  }
.cta-cover { line-height: 0; }

#hpLeftBlock { text-align: center; }
#hpDealerName {
	margin-left: 15%;
	text-align: left;
}
#hpDealerName h1 { font-weight:normal; }
.dealer-info {
	margin-bottom: 10px; 
	font-size: 12px;
}
.dealer-info, .dealer-info a { text-decoration:none; color: #000; }
#hpReviewBtn { display: none; }

#hpContent {
	padding: 0 5px;
}
#hpContent h1, #hpContent h2 { text-align: center; }

@media screen and (min-width: 767px) and (max-width: 965px) {
	.sub_1 { margin-top: 10px; }
	.sub_2 { margin-top: 5px; }
	.sub_3,	.sub_4 { margin-top: 0px; }
}

@media only screen and (max-width: 767px) {		
	
	#hpSlideshow, #hpContent { display: none; visibility: hidden; }
		
	
	.hpBtn { margin-bottom: 5px; }
	
	.cta-cover { text-align: center; }
	
	#hpDealershipInfo {
		margin-left: 0;
	}
	#hpDealershipInfo .button.right {
		margin: 10px 5px 0 0;
	}
	.dealer-info {
		xborder: 1px solid #808284;
		border-left: 0;
		border-right: 0;
		xpadding: 10px 0;
	}
	
	#hpReviewBtn { display: block; }
	#BMW_Reviews { display: none; }
	
	
	#hpModelList h2 { margin: 0; }
}