:root {
	--lightGrey:#C0C0C0;
	--midGrey:#808080;
	--dartGrey:#404040;
    --subaruBlue:#00247d;
	--wrcRed:rgb(167,43,42);
	--wrcOrange:rgb(213,120,189);
	--wrcBlue:rgb(0,156,189);
	
	--highlightText:#F0F0F0;
	--highlightBack:#00247d;
	
	--buttonBack:linear-gradient(#FFF,#F0F0F0)}
html{
	min-height:100%;
    position:relative}
body{
	height:100vh;
	margin:0;
	padding:0;
	background-color:#808080;
	font-family:"San Francisco Text";
	color:#000;
	letter-spacing: -0.03em;
	font-weight:300}
::selection {
  background:#00247D;
/*  background:var(--subaruBlue); */
  color:#C0C0C0;
 /*  background:var(--lightGrey); */
}
::-moz-selection {
  background:#00247D;
/*  background:var(--subaruBlue); */
  color:#C0C0C0;
 /*  background:var(--lightGrey); */
}
strong, th{font-weight:500}
div#page{
	background-color:#FFF;
	margin:0 auto;
	padding:0 100px;
	clear:both;
	width:880px;
	height:auto;
	min-height:100vh;
	position:relative;
	border:none;
	font-size:18px;
	line-height:normal;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.4)}
#cover{
	position: absolute;
	visibility: hidden;
	z-index: 3;
	height: 100%;
	width:1080px;
	top: 0px;
	left:0px;
	border:none}
#cover.grey{
	background-color:rgba(128,128,128,0.8);
	visibility: visible}
ul{
	clear:left;
	margin:5px 0;
	padding:0 30px 0 30px}
li{
	line-height: 130%;
	margin:5px 0}
div.linkbox ul{
	margin:10px 0 10px 29px}
div.linkbox ul>ul{
	padding:0 30px;
	margin:0}
div.linkbox li{
	margin:0}
a:link, a:visited{
	color:#000;
	text-decoration:underline;
	text-decoration-color:#C0C0C0}
a:hover, a:active{
	color:var(--subaruBlue);
	text-decoration:underline;
	text-decoration-color:var(--subaruBlue)}
form, fieldset{
	margin:0 !important;
	padding:0 !important;
	background-image:none;
	border:none}
table{
	border-spacing:0;
	border-collapse:collapse}
table.ecutypes, table.engine, table.appliedModel, table#vinlist{
	width:100%;
	margin:0;
	padding:0}
table.appliedModel_units{
	font-family:"San Francisco Text";
	padding:0;
	float:right;
	clear: both;
	margin:30px 0 0 0}
table.appliedModel_units td{
	padding-right:0 7px 0 0; 
	font-size:0.85em}
table.tableSettings{
	border-spacing:0px;
	border-collapse:separate;
	font-family:"San Francisco Text";
	font-size:18px;
	margin:2px 0}
table.tableSettings tr{
	margin:0;
	padding:0}
table.tableSettings th{
	text-align: right;
	padding:1px 7px;
	width:180px;
	min-width:180px;
	max-width:180px;
	font-weight: 300}
table.tableSettings td:last-child{
	font-family:"San Francisco Text";
	padding:0;
	font-weight:400;
	vertical-align: middle;
	width:90px;
	min-width:90px;
	max-width:90px}
table.tableSettings label input{
	margin:0 7px}
table.tableSettings label{
	margin:0;
	padding:1px 5px;
	display:block;
	-webkit-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out}
table.tableSettings td label{
	background-color:#F0F0F0;
	border-radius:3px;
	font-weight:400;
	vertical-align: middle;
	width:90px;
	min-width:90px;
	max-width:90px}
table.tableSettings td label:hover{
	background-color:#E0E0E0}
table.ecutypes tr, table.engine tr, table.appliedModel tr{
	margin:0;
	padding:0}
table.ecutypes td, table.engine td, table.appliedModel td, table.appliedModel th{
	margin:0;
	padding:0 4px;
	white-space: nowrap;
	font-size:18px;
	height:26px;
	min-height:26px;
	max-height:26px;
	line-height:26px;
	font-weight:300;
	letter-spacing: -0.03em}
/*																	For Firefox positioning problem */
@-moz-document url-prefix() {
    table.ecutypes td, table.engine td, table.appliedModel td, table.appliedModel th{
		padding-bottom:1px;
       	height:25px;
		min-height:25px;
		max-height:25px;
		line-height:25px}
}
table.ecutypes td:first-child, table.engine td:first-child, table.appliedModel td:first-child, table.appliedModel th:first-child{
	padding-left:30px;
	width:88px;
	min-width:88px;
	max-width:88px;
	border-radius:5px 0 0 5px;
	text-align: left}
table.appliedModel td:nth-child(2){
	width:83px;
	min-width:83px;
	max-width:83px}
table.appliedModel td:nth-child(3){
	padding-left:0px;
	width:50px;
	min-width:50px;
	max-width:50px;
	vertical-align:top}
table.appliedModel td:nth-child(3) span.f, table#vinlist td:nth-child(3) span.f{
	border:thin solid #C0C0C0;
	border-radius:3px;
	background-color:#F0F0F0;
	background-position: 0px;
	padding:0 0 0 21px;
	height:18px;
	max-height:18px;
	font-size:14px;
	font-weight:300;
	line-height:18px;
	width:30px;
	text-align:center;
	color:#000;
	position:absolute;
	margin-top:3px}
table.appliedModel td:nth-child(4){
	width:auto}
table.appliedModel td:nth-child(5){
	padding-left:0px;
	padding-right:0px;
	text-align:right;
	width:45px;
	max-width:45px;
	min-width:45px}
table.appliedModel td:nth-child(6){
	text-align:right;
	width:47px;
	max-width:47px;
	min-width:47px}
.t{
	font-variant: small-caps;
	position: relative}
table.appliedModel td:nth-child(4) span.box{
	position:relative !important;
	border-radius:3px !important;
	font-size:12px !important;
	width:auto;
	margin:-1px 0 1px 2px !important;
	padding:1px 5px !important;
	border:thin solid #C0C0C0 !important;
	background-color:#FFF;
	color:#404040;
	text-transform:uppercase;
	height:14px !important;
	line-height:14px !important;
	vertical-align:middle;
	display:inline-block}
table.appliedModel td:nth-child(7){
/*																									 engine code column */
	text-align:left;
	width:51px;
	max-width:51px;
	min-width:51px}
table.ecutypes td:nth-child(5), table.engine td:last-child, table.appliedModel td:nth-child(8){
/*																									 ps column */
	padding-right:30px;
	border-radius:0 5px 5px 0;
	text-align: right;
	width:53px;
	max-width:53px;
	min-width:53px}
table.ecutypes select{
	width:80px;
	height:24px;
	padding:0 5px;
	border-radius:5px;
	font-size:14px}
table.ecutypes td:first-child{
	font-weight: 500}
table.ecutypes td:nth-child(4),table.ecutypes td:nth-child(3){
	width:73px;
	max-width:73px;
	min-width:73px}
h1,h2, h3, h4, h5{
	font-family:"San Francisco Display" !important;
	text-align:left;
	white-space:nowrap;
	border:none;
	clear:both;
	position:relative;
	text-decoration:none;
	text-indent:0;
	margin:0;
	padding:0;
	font-variant:normal}
h1,h2{
	font-family:"San Francisco Display" !important;
	border-bottom:3px double #C0C0C0;
	text-shadow:2px 0 #FFF, -2px 0 #FFF, 0 2px #FFF, 0 -2px #FFF,1px 0 #FFF, -1px 0 #FFF, 0 1px #FFF, 0 -1px #FFF,1px 1px #FFF, 1px -1px #FFF, -1px -1px #FFF, -1px 1px #FFF;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight: 200}
h1{
	font-weight:100;
	font-size:42px;
	line-height:35px;
	width:100%;
	margin:0;
	padding:45px 0 0 0;
	text-indent:30px;
	text-decoration:none;
	z-index: 1}
h1 strong, h2 strong{
	font-weight:400}
h2{
	font-size:26px;
	line-height:24px;
	width:100%;
	margin:0;
	padding:40px 0 0 0;
	text-indent:30px;
	text-decoration:none;
	z-index: 1}
h3{
	font-size:26px;
	font-weight:400;
	margin:40px 0 1px 0;
	padding:0 30px;
	border-bottom:3px double #C0C0C0}
h4{
	font-size:22px;
	width:auto;
	font-weight:400;
	margin-top:0;
	padding:0 30px;
	margin-bottom:5px;
	margin-top:40px;
	border-bottom:thin solid #C0C0C0}
h5{
	font-size:18px;
	text-indent:30px;
	font-weight:300}
.advbutton{
	width:125px;
	margin:auto;
	padding:0}
p{
	font-family:"San Francisco Text";
	text-align:justify;
	text-indent:30px;
	margin:10px 0;
	padding:0;
	line-height:26px;
	font-size:18px;
	font-weight:300;
	letter-spacing: -0.02em}
h1+p, h2+p, h3+p, h4+p, h5+p{
	text-indent:0;
	margin-top:10px}
.footnote{
	font-size:85%;
	color:#666;
	line-height:140%;
	margin:5px 0 0 0;
	text-indent:0}
blockquote{
	text-align:justify;
	text-indent:0;
	border-top-width:0;
	border-right-width:5px;
	border-bottom-width:0;
	border-left-width:5px;
	border-top-style:none;
	border-right-style:solid;
	border-bottom-style:none;
	border-left-style:solid;
	position:relative;
	border-color:#C0C0C0;
	margin:20px 30px;
	padding:0 25px;
	font-style: italic;
	line-height:140%}
.quoteref{
	font-size:75%;
	text-align:right;
	margin:0;
	padding:0;
	padding-right:35px !important;
	color:#999;
	padding-bottom:0;
	padding-left:0}
.quoteref a, .right a{
	color:#999;
	text-decoration:none}
.quoteref a:hover{
	color:#00F;
	text-decoration:underline}
.right a:hover{
	color:#000;
	text-decoration:underline}
.right{
	text-align:right;
	float:right;
	padding:4px;
	margin:0}
.noprint{visibility:visible}
.quote{
	font-family:"Courier New", Courier, monospace;
	font-style:normal;
	font-weight:400;
	color:#000}
sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.6em;
  font-size:0.7em;
  line-height: 0;
  font-weight:300!important}
sub { 
  top: 0.3em}
#outter, #pixbox, #text{
	overflow:auto;
	position:relative;
	visibility:visible;
	height:188px;
	width:auto;
	margin:0;
	border:none;
	padding:0}
#outter{
	overflow:hidden}
#text{
	margin-bottom:0;
	height:255px;
	overflow:visible;
	z-index:1;
	clear:none;
	padding:10px 9px 0 19px}
#text a{color:#000; text-decoration:none}
#text a:hover{text-decoration:underline}
#pixbox{
	margin-top:0;
	padding-top:0;
	border-top-style:none;
	clear:none;
	position:relative}
.hoverimage{
	border:none;
	margin:0 10px;
	float:left}
.hovertext{
	text-indent:0;
	text-align:justify}
.piximg a:link, .piximg a:visited{border:none}
.piximg{
	position:relative;
	height:112px;
	margin:10px 5px 0 5px;
	padding:0;
	width:200px;
	border-radius:5px}
.titlepic{
	border:none;
	height:350px;
	margin:0 auto;
	padding:0}
#pixbox a img{
	border:none}
#titleband{
	border:thin solid #C0C0C0;
	padding-top:10px;
	height:auto;
	min-height:480px;
	overflow:hidden;
	clear:both;
	margin:10px 0}
#titleband p{
	text-indent:0;
	padding:0 29px 10px 29px;
	color:#000;
	margin:0}
.titlephoto{
	overflow:visible;
	height:360px;
	width:902px;
	margin:0 auto;
	padding:0}
.listpic{
	clear:none;
	border:none;
	padding:0;
	text-indent:0;
	float:right;
	width:384px;
	margin:0 0 0 10px}
.indexpic{
	margin-right:auto;
	margin-left:auto;
	margin-top:0;
	margin-bottom:0;
	border:thin solid #000;
	padding:0;
	height:350px;
	position:relative;
	overflow:visible;
	top:70px}
#contactform{
	width:auto;
	margin-right:auto;
	margin-left:30px}
#contactform td{
	height:20px}
.formtitle{
	text-align:right;
	vertical-align:top;
	font-weight:400}
.cf{
	color:#000;
	background-color:transparent;
	border:thin solid #AAA;
	width:450px !important;
	padding:0 5px;
	height:18px;
	vertical-align:baseline;
	border-radius:5px}
.cf:focus, .cf:hover{
	border:thin solid #666}
.cf:focus{
	background-color:#FFF !important;
outline:none;
 box-shadow:0 0 6px #44F;
-webkit-box-shadow:0 0 6px #44F}
#contactform .send{
	width:auto !important}
.partlogo{
	padding:0;
	float:right;
	margin-top:0;
	margin-right:10px;
	margin-bottom:0;
	margin-left:10px}
.partlogo img{
	border:none}
.infotable, .ttinfo{
	padding:10px 29px;
	margin:0;
	width:762px;
	border:thin solid #C0C0C0;
	position:relative;
	clear:both}
.ttinfo{
	padding:0;
	width:822px}
.ttinfo table{
	font-size: 11pt}
.codetable th, .codetable td{
	border-collapse: separate;
    border-spacing:0;
	height:25px;
	vertical-align:text-bottom;
	padding:0;
	margin:0}
.ttinfo th, .ttinfo td{
	vertical-align:top;
	border-bottom:1px solid #C0C0C0;
	text-align:left;
	width:20%;
	margin:0;
	padding:3px}
.ttinfo th{
	font-weight:400}
.ttinfo table tr:last-child th,.ttinfo table tr:last-child td{
	border:none}
.ttinfo tr:first-child th{
	border-bottom:3px double #C0C0C0;
	padding:10px 3px}
.ttinfo table th:last-child,.ttinfo table td:last-child{
	padding-right:29px}
.ttinfo table th:first-child,.ttinfo table td:first-child{
	padding-left:29px}
.ttinfo span.ttn {
	color:#666}
.codetable, #code_results{
	border:none}
table.codetable{
	width:100%;
	border-collapse: separate;
    border-spacing:0}
.infotable th, .codetable th, #code_results th{
	text-align:right;
	vertical-align:top;
	margin:0;
	font-weight:400;
	padding:0 10px 0 30px;
	white-space:nowrap}
.infotable th a, .infotable td a{
	color:#000}
.infotable td{
	text-align:left;
	vertical-align:top;
	margin:0;
	width:100%;
	padding:0 10px 0 0}
select#entype{
	vertical-align: middle;
	padding:0 10px;
	margin:0 0 1px 0;
	width:100px !important;
	box-shadow:none;
	outline:none;
	border:thin solid #C0C0C0;
	height:22px;
	border-radius:2px;
	font-size:14px}
input#cylinders, input#bore, input#stroke{
	-webkit-appearance: none;
	margin:0 0 1px 0;
	vertical-align: middle;
	padding:2px 10px;
	width:40px !important;
	font-size:16px;
	line-height:16px;
	height:18px;
	border-radius:5px;
	background-color:#FFF;
	box-shadow:none;
	outline:none;
	border:thin solid #C0C0C0;
	text-align:left !important}
input#cylinders:disabled, input#bore:disabled, input#stroke:disabled, select#entype:disabled{
	border:thin solid #FFFFFF !important;
	color:#000}
input#cylinders:focus, input#bore:focus, input#stroke:focus, select#entype:focus{
	outline:none;
	box-shadow:0 0 6px var(--subaruBlue);
	border:thin solid #000}
input#cylinders:hover, input#bore:hover, input#stroke:hover, select#entype:hover{
	outline:none;
	border:thin solid #000}
#deconbox{
	margin:0;
	padding:10px 0;
	text-align: center;
	width:100%}
.notes{
	border:thin solid #C0C0C0;
	border-radius:5px;
	font-size:15px;
	text-indent:0;
	clear: both;
	margin:10px 0;
	padding:5px 29px}
.notes li{
	margin:0 !important;
	padding:0 !important}
#directions{
	color:#333;
	margin:0;
	padding:0 10px}
.adp-list{
	margin-top:-4px;
	padding:0;
	border:thin solid #AAA;
	border-top:none;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	box-shadow:0 1px 2px #AAA;
	-webkit-box-shadow:0 1px 2px #AAA;
	background-color:#E1E0F0}
.iphone{
	visibility:hidden;
	position:absolute;
	height:0;
	width:0}
#example_photos_outer{
	overflow:auto;
	position:relative;
	visibility:visible;
	height:168px;
	width:auto;
	margin:0;
	background-color:transparent;
	padding:0;
	border:none}
#example_photos_inner{
	border:none;
	overflow:visible;
	height:150px;
	white-space:normal;
	text-align:center;
	font-size:10px;
	color:#333}
#example_photos_inner div{float:left}
#example_photos_inner a:link img, #example_photos_inner a:visited img{border:none}
.textupper{
	text-transform:uppercase !important;
	border-radius:5px}
.textlower{
	text-transform:lowercase !important}
#titleband, .infotable,#qrcode, .ttinfo{
	border-radius:5px;
	overflow:hidden}
#qrcode{
	border:thin solid #AAA;
	width:140px;
	position:relative;
	text-align:center;
	background-color:#FFF;
	margin:0 auto;
	padding:5px 0;
	top:20px}
#fblike, #googlerec, #twitter{
	position:relative;
	margin:0;
	padding:0 5px;
	border:none;
	height:20px;
	float:right;
	width:85px;
	text-align:center}
#tagline{
	font-style:italic;
	text-align:center;
	margin:0;
	padding:0;
	width:100%;
	border:none;
	font-size:90%;
	position:relative;
	color:#999;
	top:-8px}
.maths{
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	color:#333;
	letter-spacing: 0.05em}
div.linkbox{
	border:thin solid #C0C0C0;
	border-radius:5px;
	width:100%;
	margin:10px 0;
	padding:0}
div.linkbox h4{
	border-bottom:thin solid #C0C0C0;
	text-indent:0;
	padding:5px 29px !important;
	margin:0}
#social{
	border-bottom:thin solid #C0C0C0;
	position: relative;
	margin:0 0 10px 0;
	text-align: right;
	vertical-align: middle;
	line-height:12px;
	height:20px;
	padding:3px 30px 3px 0}
table.trimtable{
	width: 100%}
table.trimtable td{
	text-align: center;
	border-bottom:thin solid #C0C0C0;
	min-width:48px;
	padding-left:2px;
	padding-right:2px}
table.trimtable tr:nth-child(1) td{
	border:none}
table.trimtable tr:nth-child(2) td{
	border-bottom:3px double #C0C0C0}
table.trimtable td:first-child{
	text-align:left;
	padding-left:0}
table.trimtable td.price{
	font-size:14px}
table.trimtable td span.note{
	font-size:12px;
	position: absolute;
	left:100px;
	margin-top:17px}
.textphoto{
	width:400px;
	border-radius:10px}
.photonote{
	font-size:12px;
	right:100px;
	text-align: right;
	margin:-7px 0 0 0;
	padding:0;
	text-indent:0;
	color:#808080}
a.button{
	border:thin solid #808080;
	border-radius:5px;
	text-decoration: none;
	font-size:15px;
	color:#000;
	padding:1px 20px;
	margin:4px 30px;
	line-height:normal;
	text-align: center;
	text-indent: 0;
	vertical-align: middle;
	white-space: nowrap;
	background-color:#F0F0F0;
	background:var(--buttonBack)}
a.button:hover{
	background:var(--subaruBlue);
	color:var(--highlightText);
	border-color:var(--subaruBlue)}
a.menu_button{
	width:90px;
	border-radius:0;
	text-decoration: none;
	font-size:18px;
	line-height:22px;
	height:24px;
	color:#000;
	padding:1px 15px;
	margin:-4px 0 0 30px;
	text-align:right;
	text-indent: 0;
	white-space: nowrap;
	z-index:2;
	border:thin solid #C0C0C0;
	border-top:thin solid transparent;
	background-color:transparent;
	display: inline-block;
	position: relative}
a.menu_button span.aicon{
	font-family:Entypo;
	font-size:50px;
	margin-top:1px;
	position:absolute;
	left:10px;
	font-weight:100!important}
a.menu_button:hover{
	background-color:var(--subaruBlue);
	color:var(--highlightText);
	border-color:var(--lightGrey)}
input#code{
	font-family:"San Francisco Display";
	-webkit-appearance: none;
	border:thin solid #F0F0F0;
	border-radius:25px;
	padding:0 30px;
	outline:none;
	font-size:40px;
	line-height:normal;
	margin:5px 0;
	width:240px;
	height:49px;
	color:#C0C0C0;
	text-align: center;
	vertical-align: middle;
	font-style: normal;
	-webkit-transition:background-color 0.2s ease-in-out, border-color 0.2s;
	transition:background-color 0.2s ease-in-out, border-color 0.2s;
	font-variant: normal;
	text-transform: none;
	font-weight:100;
	background-color: #F0F0F0}
input#code:hover{
	border:thin solid #E0E0E0;
	background-color: #E0E0E0}
input#code:focus{
	text-transform:uppercase;
	border:thin solid #C0C0C0;
	background-color:#FFFFFF;
/*	box-shadow:0 0 10px var(--subaruBlue); */
}
tr.d td{
	padding:0 !important;
	margin:0;
	color:#000 !important}
div.spec_results{
	border-radius:3px;
	margin:-13px -100px 0 -100px;
	padding:10px 100px 30px 100px;
	background-color:#FFF;
	position:absolute;
	z-index:100;
	width:880px;
	border:none}
div.spec_results a{
	color:#000}
div.spec_results table.code4{
	width:880px;
	border:none}
div.spec_results table.code4 td, div.spec_results table.code4 th{
	margin:0;
	white-space: normal;
	min-width:0;
	max-width:none;
	width:auto;
	min-height:0;
	max-height:none;
	height:auto;
	line-height:normal;
	padding:0}
div.spec_results table.code4 td:first-child{
	text-align:right;
	white-space: nowrap;
	border:none;
	padding:2px 10px 2px 29px !important;
	width:105px;
	max-width:none !important;
	vertical-align: top}
div.spec_results table.code4 td:last-child{
	width:auto;
	border:none;
	padding-right:0px !important;
	max-width:none !important;
	text-align: left}
table.trans_list{
	margin:0 !important;
	padding:0;
	width:100%}
table.trans_list th:first-child{
	text-align: left !important;	
	padding-left:0 !important;
	text-indent:0 !important;
	width:125px !important;
	min-width:125px !important;
	max-width:125px !important}
table.trans_list td:nth-child(2),table.trans_list td:nth-child(3) {
	padding:0 !important;
	width:26px !important;
	min-width:26px !important;
	max-width:26px !important;
	text-align: right!important;
	vertical-align:top}
table.trans_list td:last-child{
	width:100% !important;
	max-width:none !important;
	padding-left:20px !important;
	font-size:16px !important;
	line-height:26px !important;
	color:#404040 !important;
	vertical-align: bottom !important}
td.closelink a.button{
	border-radius:3px;
	border:thin solid #C0C0C0;
	text-decoration: none;
	color:#808080;
	margin:0 !important;
	padding:0 2px !important;
	line-height:18px !important;
	height:20px !important;
	vertical-align: middle;
	text-indent: 0;
	display: inline-block;
	width:80px;
	box-shadow:0 0 0 1px #FFF inset;
	background-color:#F0F0F0;
	background:var(--buttonBack);
	text-align: center;
	font-size: 18px}
td.closelink a.button:hover{
	background-color:var(--subaruBlue);
	background:var(--subaruBlue);
	color:var(--highlightText);
	box-shadow:none !important;
	border:thin solid var(--subaruBlue)}
td.closelink a.button span.closeicon{
	font-family:Entypo;
	font-size:36px !important;
	line-height:21px !important;
	height:20px !important;
	position: absolute;
	margin:0 0 0 -10px}
td.closelink{
	text-align: right !important;
	margin: 0px;
	padding: 0px}
table.trans_list span.graphicon, table.trans_list a.graphicon, div.sub_link a.graphicon{
	border-radius:3px;
	border:thin solid #C0C0C0;
	text-decoration: none;
	color:#E0E0E0;
	/*	text-shadow:1px 1px 1px rgba(0,0,0,0.1); */
	margin:0 !important;
	padding:0 2px !important;
	line-height:21px !important;
	height:20px !important;
	vertical-align: middle;
	text-indent: 0 !important;
	display: inline-block;
	width:20px;
	box-shadow:0 0 0 1px #FFF inset;
	background-color:#F0F0F0;
	background:var(--buttonBack);
	text-align: center}
table.trans_list a.graphicon, div.sub_link a.graphicon{
	color:#808080}
table.trans_list a.graphicon:hover, div.sub_link a.graphicon:hover{
	background-color:var(--subaruBlue);
	background:var(--subaruBlue);
	color:var(--highlightText);
	box-shadow:none !important;
	border:thin solid var(--subaruBlue)}
table.trans_list span.l, table.trans_list a.l{
	border-radius:3px 0 0 3px;
	border-right:none;
	padding-right:3px !important;
	margin-right:0}
table.trans_list span.r, table.trans_list a.r{
	border-radius:0 3px 3px 0;
	margin-left:0}
table.appliedModel td:nth-child(4) span{
	margin:0;
	padding:0 10px 3px 10px;
/*	border-radius:5px 5px 0 0; */
}
table.appliedModel td:nth-child(4) span.selected{
	border-radius:3px 3px 0 0;
	background-color:#FFF;
	border:none;
	color:#000;
	margin-top:-13px;
	z-index:101;
	width:auto;
	height:20px;
	position:absolute;
	text-decoration:none;
	font-size:18px;
	line-height:20px;
	padding:3px 10px}
table.appliedModel td:first-child{color:#FFF}
table.ecutypes th.line, table.engine td.line, table.appliedModel td.line{
	border-bottom:thin solid #C0C0C0;
	padding-top:20px}
table.ecutypes th.line{
	font-weight:300;
	text-align:left;
	padding-left:30px}
table.appliedModel tr:first-child td.line{
	padding-top:0}
table.appliedModel tr.i td{color:#000}
table.optioncode, table.optioncode tr, table.optioncode td{
	margin:0 !important;
	padding:0 !important}
table.optioncode td:first-child{
	width:40px !important;
	text-align:left !important}
div#footpad{
	clear:both;
	height:90px;
	position: relative}
p#footer{
	border-top:3px double #C0C0C0;
	font-size:14px;
	text-indent:0;
	font-style: italic;
	line-height:18px;
	clear: both;
	margin:30px 100px 0 0;
	padding:10px 30px;
	bottom:0px;
	position: absolute;
	height:50px}
table#transmatch{
	width:100%}
table#transmatch td:first-child{
	border-radius:5px 0 0 5px}
table#transmatch td:last-child{
	border-radius:0 5px 5px 0}
div.gearbox_box{
	float: left;	
	margin:20px 30px;
	padding:0;
	width:380px}
div.gearbox_box div.driveNote{
	font-size:90%;
	padding-left:30px}
div.gearbox_box h5{
	text-indent: 0;
	border-bottom:thin solid #C0C0C0}
div.gearbox_box table{
	width:100%}
div.gearbox_box table td{
	padding:1px 0;
	text-align:left}
div.gearbox_box table td:nth-child(2){
	text-align:right}
div.gearbox_box table td:nth-child(3){
	width:32px}
div.gearbox_box table td:nth-child(4){
	min-width:0px;
	max-width:10px;
	width:10px}
table#gearbox_list{
	width:100%}
table#gearbox_list td{
	padding:1px 6px}
table#gearbox_list tr.i th{
	padding:20px 30px 0 30px;
	text-align: left;
	border-bottom:thin solid #C0C0C0;
	font-weight: 300}
table#gearbox_list tr.d th{
	text-align: left;
	font-size: 13px;
	padding:0 5px}
table#gearbox_list td:first-child{
	padding-left:30px;
	border-radius:5px 0 0 5px;
	font-weight:500}
table#gearbox_list td a{
	color:#000;
	text-decoration:underline;
	text-decoration-color:#FFF}
table#gearbox_list td:nth-child(10),table#gearbox_list td:nth-child(11){
	margin:0;
	padding:0;
	text-align:center}
table#gearbox_list td:last-child{
	padding-right:30px;
	border-radius:0 5px 5px 0}
table#gearbox_list td.b{
	text-align: center;
	color: #808080}
table#gearbox_list th a{
	display: block;
	padding:1px 6px;
	border:thin solid #808080;
	border-radius:4px;
	color:#000;
	text-decoration: none}
table#gearbox_list th a.select{
	background-color: #404040;
	display: block;
	color:#FFF;
	border:thin solid #404040}
table#gearbox_list th a:hover{
	text-decoration: none;
	background-color: var(--subaruBlue);
	border:thin solid var(--subaruBlue);
	color:#FFF}
table#gearbox_list th a.select span.tick{
	margin-top:1px;
	position: absolute}
div#websiteupdates table{
	font-size:14px;
	font-weight: normal;
	font-variant: normal}
div#websiteupdates th{
	font-weight:500;
	white-space:nowrap;
	vertical-align: top;
	padding:3px 15px 3px 30px}
div#websiteupdates td{
	font-weight:100;
	padding:3px 30px 3px 0}
div.menubox{
	margin:10px 0;
	padding:5px 29px;
	width:350px;
	height:160px;
	border:thin solid #C0C0C0;
	border-radius:5px;
	display: block;
	position: relative;
	background-color: #FFF;
	box-shadow:inset 0 0 0 1px #FFF;
	overflow: hidden;
	visibility: visible}
div.lhd{
	margin-right:15px;
	float:left}
div.rhd{
	margin-left:15px;
	float:right}
div.menubox h4{
	margin:0;
	padding:0}
div.menubox p{
	font-family:"San Francisco Text";
	font-size: 15px;
	white-space: normal;
	margin:2px 0;
	padding:0;
	color: #404040;
	text-align: left;
	text-indent: 0;
	vertical-align: top;
	font-weight:300;
	line-height:20px}
div.menubox div.databaseinfo{
	font-size: 13px;
	text-align:right;
	color: #808080;
	position: absolute;
	bottom: 0;
	padding-bottom:5px;
	font-weight:100}
div.menubox div.databaseinfo a{
	color: #808080;
	text-decoration: none}
div.menubox input.quicksearch{
	font-family:"San Francisco Display";
	-webkit-appearance: none;
	border:thin solid #808080;
	border:thin solid var(--midGrey);
	border-radius:12px;
	padding:0 10px;
	outline:none;
	font-size:18px;
	line-height:18px;
	margin:5px 0;
	width:130px;
	height:23px;
	font-weight:100;
	color:#C0C0C0;
	text-align: center;
	vertical-align: middle;
	font-style: normal;
	-webkit-transition:box-shadow 0.5s ease-in-out, border-color 0.5s, color 0.5s;
	transition:box-shadow 0.5s ease-in-out, border-color 0.5s, color 0.5s;
	font-variant: normal;
	text-transform: none;
	background-color:rgba(255,255,255,1);
/*	background-color:transparent; */
}
div.menubox input.quicksearch:focus{
	text-transform:uppercase;
	border:thin solid #000;
	box-shadow:0 0 6px var(--subaruBlue);
	background-color:#FFF}
div.menubox input.quicksearch:hover{
	border:thin solid #000}
div.menubox a.button{
	border-radius:3px;
	border:thin solid #808080;
	border:thin solid var(--midGrey);
	text-decoration: none;
	color:#404040;
	color:var(--darkGrey);
	margin:6px 0 0 0;
	line-height:18px !important;
	height:20px !important;
	vertical-align: middle;
	text-indent: 0;
	display: inline-block;
	width:90px;
	box-shadow:0 0 0 1px #FFF inset;
	background-color:#F0F0F0;
	background:var(--buttonBack);
	text-align: center;
	font-size: 18px;
	float: right;
	padding:1pz 20px}
div.menubox a.button:hover{
	background-color:var(--subaruBlue);
	background:var(--subaruBlue);
	color:var(--highlightText);
	box-shadow:none !important;
	border:thin solid var(--subaruBlue)}
div#gen2legacy{
	background-image: url(/infopages/imagess/menu_background.png);
	background-repeat: no-repeat;
	background-position:95% 107%;	
	background-size:48%}
div.mbfade{
	position: absolute;
	margin:28px 0 0 -28px;
	height:142px;
	width:406px;
	border:none;
	background:-webkit-linear-gradient(#FFF,rgba(255,255,255,0.7));
	background:linear-gradient(#FFF,rgba(255,255,255,0.7));
	z-index: 2}
div.mbtext{
	position: absolute;
	margin-left:-29px;
	height:166px;
	padding:0 29px;
	z-index: 3}
div#appliedmodel, div#transmission{
	background-image: url(/imagess/vinplate.png);
	background-repeat: no-repeat;
	background-position:bottom;
	background-size:100%}
div#graphlink{
	background-image: url(/imagess/graph.png);
	background-repeat: no-repeat;
	background-position:bottom;
	background-size:100%}
#hiddenlinks{
	visibility: visible;
	overflow: hidden;
	height: 0px;
	width: 0px}
table.specs{
	width:100%}
table.specs td{
	text-align: center;
	border:thin solid #808080;
	padding:3px 3px;
	font-size: 14px;
	vertical-align: middle;
	line-height:16px;
	white-space: nowrap;
	font-weight:300}
table.specs td.nr{border-right:none;
padding-right:0}
table.specs td.nl{border-left:none;
padding-left:0}
table.specs td.nt{border-top:none}
table.specs td.nb{border-bottom:none}
table.specs td.al{text-align:left}
table.specs td.ar{text-align:right}
@font-face {
    font-family: 'San Francisco Display';
    src: url('/webfonts/sanfranciscodisplay-ultralight-webfont.eot');
    src: url('/webfonts/sanfranciscodisplay-ultralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/sanfranciscodisplay-ultralight-webfont.woff2') format('woff2'),
         url('/webfonts/sanfranciscodisplay-ultralight-webfont.woff') format('woff'),
         url('/webfonts/sanfranciscodisplay-ultralight-webfont.ttf') format('truetype'),
         url('/webfonts/sanfranciscodisplay-ultralight-webfont.svg#San Francisco Display ultraLt') format('svg');
    font-weight: 100;
    font-style: normal;
	font-display:block}
@font-face {
    font-family: 'San Francisco Display';
    src: url('/webfonts/sanfranciscodisplay-thin-webfont.eot');
    src: url('/webfonts/sanfranciscodisplay-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/sanfranciscodisplay-thin-webfont.woff2') format('woff2'),
         url('/webfonts/sanfranciscodisplay-thin-webfont.woff') format('woff'),
         url('/webfonts/sanfranciscodisplay-thin-webfont.ttf') format('truetype'),
         url('/webfonts/sanfranciscodisplay-thin-webfont.svg#San Francisco Display thin') format('svg');
    font-weight: 200;
    font-style: normal;
	font-display:block}
@font-face {
    font-family: 'San Francisco Display';
    src: url('/webfonts/sanfranciscodisplay-light-webfont.eot');
    src: url('/webfonts/sanfranciscodisplay-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/sanfranciscodisplay-light-webfont.woff2') format('woff2'),
         url('/webfonts/sanfranciscodisplay-light-webfont.woff') format('woff'),
         url('/webfonts/sanfranciscodisplay-light-webfont.ttf') format('truetype'),
         url('/webfonts/sanfranciscodisplay-light-webfont.svg#San Francisco Display light') format('svg');
    font-weight: 300;
    font-style: normal;
	font-display:block}
@font-face {
    font-family: 'San Francisco Display';
    src: url('/webfonts/sanfranciscodisplay-regular-webfont.eot');
    src: url('/webfonts/sanfranciscodisplay-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/sanfranciscodisplay-regular-webfont.woff2') format('woff2'),
         url('/webfonts/sanfranciscodisplay-regular-webfont.woff') format('woff'),
         url('/webfonts/sanfranciscodisplay-regular-webfont.ttf') format('truetype'),
         url('/webfonts/sanfranciscodisplay-regular-webfont.svg#San Francisco Display regular') format('svg');
    font-weight: 400;
    font-style: normal;
	font-display:block}
@font-face {
    font-family: 'San Francisco Display';
    src: url('/webfonts/sanfranciscodisplay-medium-webfont.eot');
    src: url('/webfonts/sanfranciscodisplay-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/sanfranciscodisplay-medium-webfont.woff2') format('woff2'),
         url('/webfonts/sanfranciscodisplay-medium-webfont.woff') format('woff'),
         url('/webfonts/sanfranciscodisplay-medium-webfont.ttf') format('truetype'),
         url('/webfonts/sanfranciscodisplay-medium-webfont.svg#San Francisco Display medium') format('svg');
    font-weight: 500;
    font-style: normal;
	font-display:block}
/* San Francisco Text */

@font-face {
    font-family: 'San Francisco Text';
    src: url('/webfonts/sanfranciscotext-thin-webfont.eot');
    src: url('/webfonts/sanfranciscotext-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/sanfranciscotext-thin-webfont.woff2') format('woff2'),
         url('/webfonts/sanfranciscotext-thin-webfont.woff') format('woff'),
         url('/webfonts/sanfranciscotext-thin-webfont.ttf') format('truetype'),
         url('/webfonts/sanfranciscotext-thin-webfont.svg#San Francisco Text thin') format('svg');
    font-weight: 200;
    font-style: normal;
	font-display:block}
@font-face {
    font-family: 'San Francisco Text';
    src: url('/webfonts/sanfranciscotext-thinitalic-webfont.eot');
    src: url('/webfonts/sanfranciscotext-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/sanfranciscotext-thinitalic-webfont.woff2') format('woff2'),
         url('/webfonts/sanfranciscotext-thinitalic-webfont.woff') format('woff'),
         url('/webfonts/sanfranciscotext-thinitalic-webfont.ttf') format('truetype'),
         url('/webfonts/sanfranciscotext-thinitalic-webfont.svg#San Francisco Text thin_italic') format('svg');
    font-weight: 200;
    font-style: italic;
	font-display:block}
@font-face {
    font-family: 'San Francisco Text';
    src: url('/webfonts/sanfranciscotext-light-webfont.eot');
    src: url('/webfonts/sanfranciscotext-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/sanfranciscotext-light-webfont.woff2') format('woff2'),
         url('/webfonts/sanfranciscotext-light-webfont.woff') format('woff'),
         url('/webfonts/sanfranciscotext-light-webfont.ttf') format('truetype'),
         url('/webfonts/sanfranciscotext-light-webfont.svg#San Francisco Text light') format('svg');
    font-weight: 300;
    font-style: normal;
	font-display:block}
@font-face {
    font-family: 'San Francisco Text';
    src: url('http://nicholastodor.com/sf/sanfranciscotext-lightitalic-webfont.eot');
    src: url('/webfonts/sanfranciscotext-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/sanfranciscotext-lightitalic-webfont.woff2') format('woff2'),
         url('/webfonts/sanfranciscotext-lightitalic-webfont.woff') format('woff'),
         url('/webfonts/sanfranciscotext-lightitalic-webfont.ttf') format('truetype'),
         url('/webfonts/sanfranciscotext-lightitalic-webfont.svg#San Francisco Text LtIt') format('svg');
    font-weight: 300;
    font-style: italic;
	font-display:block}
@font-face {
    font-family: 'San Francisco Text';
    src: url('/webfonts/sanfranciscotext-regular-webfont.eot');
    src: url('/webfonts/sanfranciscotext-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/sanfranciscotext-regular-webfont.woff2') format('woff2'),
         url('/webfonts/sanfranciscotext-regular-webfont.woff') format('woff'),
         url('/webfonts/sanfranciscotext-regular-webfont.ttf') format('truetype'),
         url('/webfonts/sanfranciscotext-regular-webfont.svg#San Francisco Text regular') format('svg');
    font-weight: 400;
    font-style: normal;
	font-display:block}
@font-face {
    font-family: 'San Francisco Text';
    src: url('/webfonts/sanfranciscotext-regularitalic-webfont.eot');
    src: url('/webfonts/sanfranciscotext-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/sanfranciscotext-regularitalic-webfont.woff2') format('woff2'),
         url('/webfonts/sanfranciscotext-regularitalic-webfont.woff') format('woff'),
         url('/webfonts/sanfranciscotext-regularitalic-webfont.ttf') format('truetype'),
         url('/webfonts/sanfranciscotext-regularitalic-webfont.svg#San Francisco Text italic') format('svg');
    font-weight: 400;
    font-style: italic;
	font-display:block}
@font-face {
    font-family: 'San Francisco Text';
    src: url('/webfonts/sanfranciscotext-medium-webfont.eot');
    src: url('/webfonts/sanfranciscotext-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/sanfranciscotext-medium-webfont.woff2') format('woff2'),
         url('/webfonts/sanfranciscotext-medium-webfont.woff') format('woff'),
         url('/webfonts/sanfranciscotext-medium-webfont.ttf') format('truetype'),
         url('/webfonts/sanfranciscotext-medium-webfont.svg#San Francisco Text medium') format('svg');
    font-weight: 500;
    font-style: normal;
	font-display:block}
@font-face {
    font-family: 'San Francisco Text';
    src: url('/webfonts/sanfranciscotext-mediumitalic-webfont.eot');
    src: url('/webfonts/sanfranciscotext-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/sanfranciscotext-mediumitalic-webfont.woff2') format('woff2'),
         url('/webfonts/sanfranciscotext-mediumitalic-webfont.woff') format('woff'),
         url('/webfonts/sanfranciscotext-mediumitalic-webfont.ttf') format('truetype'),
         url('/webfonts/sanfranciscotext-mediumitalic-webfont.svg#San Francisco Text MdIt') format('svg');
    font-weight: 500;
    font-style: italic;
	font-display:block}
@font-face{ 
	font-family:'Entypo';
	src:url('/webfonts/Entypo-webfont.eot');
	src:url('/webfonts/Entypo-webfont.eot?iefix') format('eot'),
	     url('/webfonts/Entypo-webfont.woff') format('woff'),
	     url('/webfonts/Entypo-webfont.ttf') format('truetype'),
	     url('/webfonts/Entypo-webfont.svg#webfont') format('svg');
	font-display:block}
.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat}
.f{
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em}
.f:before {
  content: "\00a0"}
.f.flag-icon-squared {
  width: 1em}
table.gearapplications, table.engineApplications{
	width:100%;
	margin:0;
	padding:0}
table.gearapplications td, table.gearapplications th, table.engineApplications td, table.engineApplications th{
	margin:0;
	padding:0;
	white-space: nowrap;
	font-size:1.0em;
	line-height:1.25em;
	height:1.25em;
	min-height:1.25em;
	max-height:1.25em;
	font-weight:300;
	vertical-align: middle;
	display:table-cell}
table.gearapplications td:first-child, table.gearapplications th:first-child, table.engineApplications td:first-child, table.engineApplications th:first-child{
	width:110px;
	max-width:110px !important;
	min-width:110px;
	padding-left:30px;
	padding-right:5px;
	text-align: left;
	border-radius:5px 0 0 5px}
table.engineApplications td:first-child span, table.engineApplications th:first-child span{font-weight:500}
table.gearapplications td:first-child, table.engineApplications td:first-child{color:#FFF}
table.gearapplications td:nth-child(2), table.gearapplications th:nth-child(2), table.engineApplications td:nth-child(2), table.engineApplications th:nth-child(2){
	max-width:45px;
	min-width:45px;
	width:45px;
	text-align:right;
	padding:0 2px}
table.gearapplications td:nth-child(2), table.engineApplications td:nth-child(2){color:#FFF}
table.gearapplications td:nth-child(3), table.engineApplications td:nth-child(3){
	width:31px;
	min-width:31px;
	padding:2px 5px 2px 2px;
	text-align:left}
table.gearapplications td:nth-child(4), table.engineApplications td:nth-child(4){
	padding:0 0 2px 0;
	width:57px;
	max-width:57px}
table.gearapplications td:nth-child(4) span, table.engineApplications td:nth-child(4) span{
	border:thin solid #C0C0C0;
	border-radius:3px;
	background-color:#F0F0F0;
	background-position: 0px;
	padding:1px 0 1px 21px;
	height:16px;
	max-height:16px;
	font-size:14px;
	font-weight:300;
	line-height:16px;
	width:30px;
	text-align:center;
	color:#000}
table.gearapplications td:nth-child(5){
	padding-left:0px;
	width:auto;
	text-align:left}
table.engineApplications td:nth-child(5){
	padding-left:10px;
	width:auto;
	text-align:left}
table.engineApplications td:nth-child(5) span.box{
	position: relative !important;
	border-radius:3px !important;
	font-size:12px !important;
	width:auto;
	margin:-1px 0 2px 5px !important;
	padding:0 7px !important;
	border:thin solid #C0C0C0 !important;
	background-color:#FFF;
	color:#404040;
	text-transform:uppercase;
	height:14px !important;
	line-height:14px !important;
	vertical-align: middle;
	display: inline-block}
table.gearapplications td:nth-child(5) span{
	margin:0;
	padding:0 10px 3px 10px;
	border-radius:3px 3px 0 0}
table.gearapplications td:nth-child(5) span.selected{
	border-radius:3px 3px 0 0;
	background-color:#FFF;
	border:none;
	color:#000;
	margin-top:-13px;
	z-index:101;
	width:auto;
	height:20px;
	position:absolute;
	text-decoration:none;
	font-size:18px;
	line-height:20px;
	padding:3px 10px}
table.gearapplications td:nth-child(6){
	text-align:right;
	padding:2px 9px 2px 5px;
	max-width:66px; 
	min-width:66px;
	width:66px}
table.gearapplications td:nth-child(7),table.gearapplications td:nth-child(9){
	text-align:right;
	width:43px;
	max-width:43px;
	min-width:43px;
	padding-left:0px}
table.gearapplications td:nth-child(7){
	padding-right:0}
table.gearapplications td:nth-child(8){
	min-width:10px;
	max-width:10px;
	width:10px;
	padding:2px}
table.engineApplications td:nth-child(6){
	text-align:right;
	padding:2px 0 2px 10px;
	max-width:75px; 
	min-width:75px;
	width:75px}
table.engineApplications td:nth-child(7){
	border-radius:0 5px 5px 0;
	text-align:right;
	padding:2px 30px 2px 10px;
	max-width:80px; 
	min-width:80px;
	width:80px}
table.gearapplications td:nth-child(9){
	padding-right:30px;
	border-radius:0 5px 5px 0}
div#linkslist a{
	display: inline-block;
	width:85px;
	padding:1px 0 1px 9px;
	border-radius:5px;
	text-decoration:none;
	border:none}
div#linkslist a:hover, div#trans_linkslist a:hover{
	background-color:var(--subaruBlue);
	color:white;
	text-decoration:none}
div#trans_linkslist a, div#trans_linkslist span{
	font-family:"San Francisco Text";
	display: inline-block;
	margin:2px 0;
	width:135px;
	padding:1px;
	border-radius:5px;
	text-decoration:none;
	border:none;
	font-weight:400;
	text-align:center;
	text-indent: 0;
	vertical-align: middle;
	font-size:18px}
div#trans_linkslist .yes{
	background-color:#080;
	color:#FFF}
div#trans_linkslist .no{
	background-color:#800;
	color:#FFF}
div.greybox{
	background-color:#F0F0F0;
	border:none;
	border-radius:5px;
	margin:5px auto;
	padding:15px 0;
	text-align:center}
div.titlebox{
	font-family:"San Francisco Display";
	border:none;
	margin:0;
	padding:15px;
	font-weight:200!important;
	font-size:26px!important;
	text-align: center}
div.sub{
	font-weight:300;
	font-size:18px;
	text-align:left;
	vertical-align: top;
	float:left;
	margin:0 7px 0 0;
	padding:2px 0;
	position: relative;
	display:inline-block}
div.sub_codelist{
	font-family:"San Francisco Text";
	display: inline-block;
	font-size:18px!important;
	text-align:left;
	vertical-align:top;
	font-weight:400!important;
	margin:0;
	padding:2px 10px;
	float:left;
	position: relative;
	background-color:#FBFBFB;
	border-radius:5px;
	width:105px;
	white-space:nowrap}
div.sub_link{
	float:left;
	position: relative;
	margin:0 0 0 5px}
table#spectable{
	border-spacing:2px;
	border-collapse:separate;
	width:100%;
	padding:0;
	margin:0}
table#spectable th{
	font-weight:300;
	padding:1px 10px 1px 0;
	text-align:right;
	vertical-align: top;
	white-space: nowrap}
table#spectable td{
	background-color:#FBFBFB;
	border-radius:3px;
	padding:1px 7px 1px 10px;
	font-weight: 400;
	vertical-align: top}
table#spectable td.r{text-align: right}
table#spectable td.et{width:50px}
table#spectable td.et.note{width:75px}
table#spectable th:first-child{width:134px!important}
table#spectable td.note{
	background-color:#FFF;
	font-weight:300;
	vertical-align:top;
	padding:1px 3px}
table#spectable span.graphicon, table#spectable a.graphicon, div.amSearchBox a span.graphicon, div.amSpecific a span.graphicon{
	text-decoration:none;
	color:#E0E0E0;
	margin:1px 0 0 0;
	line-height:21px;
	text-indent:0;
	float: right;
	padding:0;
	font-weight: 100}
table#spectable td.tlink{
	padding:0;
	overflow: hidden}
table#spectable td.tlink a{
	font-family:"San Francisco Text";
	padding:1px 10px;
	font-weight:400;
	display:block;
	background-color:#F0F0F0;
	border-radius:3px;
	-webkit-transition:background-color 0.2s ease-in-out, border-color 0.2s;
	transition:background-color 0.2s ease-in-out, border-color 0.2s;
	text-decoration: none}
table#spectable td.tlink a:hover{
	background-color:#E0E0E0;
	color:#000}
table#spectable a.graphicon, table#spectable a span.d, div.amSearchBox a span.d, div.amSpecific a span.d{color:var(--midGrey)}
table#spectable a.graphicon:hover{color:var(--subaruBlue)}
div.amSearchBox{
	font-size:18px;
	text-align:left;
	display:block;
	margin:0;
	padding:0 30px;
	font-weight:300}
div.amSearchBox a.slink{
	display: inline-block;
	background-color:#F0F0F0;
	color:#000;
	font-family:"San Francisco Display";
	font-weight:400;
	width:115px;
	border-radius:12px;
	margin:0 2px;
	padding:1px 7px 1px 15px;
	text-align:left;
	border:none;
	-webkit-transition:background-color 0.2s ease-in-out, border-color 0.2s;
	transition:background-color 0.2s ease-in-out, border-color 0.2s;
	text-decoration:none}
div.amSearchBox a.nlink, div.amSearchBox span.nlink{
	display:inline-block;
	background-color:#F0F0F0;
	font-family:"San Francisco Text";
	font-weight:400;
	width:100px;
	border-radius:3px;
	margin:0 0 0 5px;
	padding:1px;
	text-align:center;
	border:none;
	text-decoration:none}
div.amSearchBox span.nlink{color:#E0E0E0}
div.amSearchBox a.slink:hover, div.amSpecific a:hover{
	background-color:#E0E0E0;
	color:#000}
div.amSearchBox a.nlink:hover{
	background-color:var(--subaruBlue);
	color:#FFF}
div.amSpecific{
	margin:0;
	padding:2px 30px;
	font-weight:300;
	font-size:18px;
	border-bottom:1px solid #C0C0C0}
h2 span.boxnote{
	font-family:"San Francisco Display";
	border:thin solid #D0D0D0;
	border-radius:5px;
	font-size:18px;
	margin:0 0 0 7px;
	padding:1px 10px;
	line-height:18px;
	text-indent:0;
	text-shadow:none;
	font-weight:200;
	position: absolute}
table#vinlist td{
	margin:0;
	padding:0 4px;
	white-space: nowrap;
	font-size:18px;
	height:26px;
	min-height:26px;
	max-height:26px;
	line-height:26px;
	font-weight:300;
	letter-spacing: -0.03em}
table#vinlist td:first-child{
	text-align:left;
	padding-left:30px;
	width:180px;
	min-width:180px;
	max-width:180px}
table#vinlist td:nth-child(2){
	text-align:center;
	width:110px;
	min-width:110px;
	max-width:110px}
table#vinlist td:nth-child(3){
	text-align:left;
	padding-right:0;
	width:52px;
	min-width:52px;
	max-width:52px;
	vertical-align:top}
table#vinlist td:nth-child(4){
	text-align:left;
	width:30px;
	min-width:30px;
	max-width:30px}
table#vinlist td:nth-child(5),table#vinlist td:nth-child(6),table#vinlist td:nth-child(7){
	text-align:center;
	width:95px;
/*	min-width:95px; */
	max-width:95px}
table#vinlist td:nth-child(8){
	text-align:right;
	width:60px;
	min-width:60px;
	max-width:60px}
table#vinlist td:nth-child(9){
	text-align:right;
	padding-right:30px;
	width:40px;
	min-width:40px;
	max-width:40px}
table#vinlist tr.tb th{
	font-family:"San Francisco Text";
	padding:3px 0;
	font-weight:400;
	font-size:14px;
	border-bottom:1px solid #C0C0C0}