@charset "utf-8";
@charset "utf-8";
/* CSS Document */
/*columns width*/
.five {
	width: 47.3%;
}
.five:first-child {
	margin-right: 2.25%;
}
/*blue button*/
.blueGradient.mpi {
  width: 150px;
  text-align: center;
  margin-bottom: 10px;
  padding: 6px;
  line-height: 120%;
  font-size: 90%;
  display: block;
  margin-top:5px;
  color: white;
}
.blueGradient.mpi a{  
  color: white;
}
/*grid for highlighted features*/
	
.oneandhalf {
	width: 16.2%;
}
.oneandhalf h5 {
	margin-left: 0 !important;
}

/*technology pages - classes for fuel consumption*/
.twoandhalf {
	width: 25%;
	margin-bottom: 5%;
}
/*space to line up the fuel consumption data*/ 
.displayTable {
	display: table;
}
.displayTableCell {
	display: table-cell;
}

.displayTableCell > p {
	margin-right: 24px !important;
}
.verticalAlign-Middle {
	vertical-align: middle;
}
.mr73 {
	margin-left: 73px;
}
.five ul {
	list-style-type: none;
	width: 80%;
	margin: 5% auto;
}
.Specs2012 sup {
	font-size: 70%;
}
/*global class overwritten to match the current design*/
.grayBox {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 40px;
}
/*class for fuel economy icon*/ 	
	
.background_Image {
	background: url(http://www.subaru.ca/content/7907/Media/General/webimage/fuelEconomy-Icon.png) no-repeat left center;
	height: 58px;
	margin-bottom: 5%;
}
.titlePosition {
	margin-left: 70px !important;
	margin-bottom: 10px !important;
}

.background_Image h3, h5 {
    margin-left: 70px !important;
}
.horizontalCenter {
	margin: 0 auto;
}
sup {
	top: -0.55em !important;
	font-size: 75%!important;
}
/*adaptive image*/
.oneandhalf img {
	max-width: 100%;
}
.row img {
	max-width: 100%;
}
.five img {
	max-width: 100%;
}
/*opacity*/

.opacity {
	FILTER: alpha(opacity=40);
	opacity: 1.0
}
.opacity:hover {
	ZOOM: 1;
	FILTER: alpha(opacity=50);
	opacity: 0.5
}
.legalPadding {
	padding: 5px 8px;
}
h3#modified {
	font-size: 19px;
}
.nowrap {
	white-space:nowrap;
	
}
    /*==========  Mobile Media Queries ========== */
    /* universal media query 40em is 640.00 px works for all devices */
 @media screen and (max-width: 40em) {
.row {
	margin-bottom: 10px !important;
}
.five {
	width: 100%;
	margin-bottom: 10px !important;
}
.five > h3 + p {
	margin-bottom: 20px;
}
.textRight {
	text-align: left;
}
.oneandhalf {
	width: 100%;
	margin-bottom: 10px;
}
.twoandhalf {
	width: 40%;
	margin-left: 73px;
}
.borderLeft {
	border-left: none;
	padding: 0;
}
.background_Image {
	margin-bottom: 10%;
}
.row img {
	padding-bottom: 10px !important;
}
.engin_features {
	margin-bottom: 35px;
}
.blueGradient.mpi {
	margin: -10px auto 0 auto!important;	
} 
/*these classes are used to change the order of columns*/
.wrapper {
	display: table;
}
.one {
	display: table-footer-group;
}
.two {
	display: table-header-group;
}

}
 @media only screen and (min-width:40em) and (max-width: 48em) {
.oneandhalf {
	width: 32.8%;
}
}
 @media only screen and (max-width: 56.625em) and (min-width: 40em) {
.five {
	width: 45%;
}
}

/* CSS Document */