/* 	CSS reset*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video
	{margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
	{display: block}
body {line-height: 1}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after
	{content: '';content: none}
ol, ul {list-style: none}
ol ol, ol ul, ul ul, ul ol {margin: 0 2em}
table {border-collapse: collapse;border-spacing: 0}

html {box-sizing:border-box}
*,*:before,*:after {box-sizing:inherit}
html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
a {background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover {outline-width:0}
abbr[title] {border-bottom:none;text-decoration:underline;text-decoration:underline}
dfn {font-style:italic}
mark {background:#ff0;color:#000}
small {font-size:80%}
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub {bottom:-0.25em}
sup {top:-0.5em}


img {border-style:none}
code,kbd,pre,samp {font-family:monospace,monospace;font-size:1em}
hr {box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea {font:inherit;margin:0}
optgroup {font-weight:bold}
button,input {overflow:visible}button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit] {-webkit-appearance:button}
fieldset {border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend {color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
textarea {overflow:auto}
[type=checkbox],[type=radio] {padding:0}

/*My styling*/

a {color:inherit;padding:.1em}
body,html {font-family:Helvetica,Arial,sans-serif;font-size:.938em;line-height:1.5}
f1{font-size:3em}f2{font-size:2em}f3{font-size:1.5em}f4{font-size:1.25em}f5{font-size:1.125em}f6{font-size:1em}f7{font-size:.813em}f8{font-size:.625em}
figure {margin:.5em .75em;display:inline-block;max-width:100%}
figure img {display:block;margin:auto}
img {max-width:100%}		td img {max-width:none}
li {padding-bottom:.25em}
ol {list-style: decimal inside none;}
p {margin:1em 0}
hr {border:0;border-top:.0625em solid #eee;margin:1.25em 0}
html {overflow-x:hidden} body{max-width: 100%;overflow-x:hidden}
h1,h2,h3,h4,h5,h6 {display:inline}
h1{font-size:3em}h2{font-size:2em}h3{font-size:1.5em}h4{font-size:1.25em}h5{font-size:1.125em}h6{font-size:1em}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}

/*F# to point size list:
f1 36, f2 24, f3 18, f4 15, f5 14,f6 12, f7 10,f8 8*/


/*My classes*/

.blue {color:#ffffff!important;background-color:#2255ff!important}
.lightGrey {color:#000!important;background-color:#f1f1f1!important}
.manilla {background-color:#ffeebb}
.red {color:#ffffff!important;background-color:#ff0000!important}

.accordion{width:100%;cursor:pointer}button.accordion {border:none;cursor:pointer;width: 100%;text-align: left;outline: none;transition: 0.4s;background-color:#fff}
.accordionContent{cursor:auto;position:relative;width:100%;max-height:0;overflow:hidden;transition: max-height 0.2s ease-out;}
.bar {width:auto;margin: 1em -.3em;font-size:1.5em;text-align:center;clear:both} .bar:after{clear:both}
.blockHeaders h1,.blockHeaders h2,.blockHeaders h3,.blockHeaders h4,.blockHeaders h5,.blockHeaders h6 {display:block}
.BMWLinks a{height:1.5em}
.botAlignTable td{vertical-align: bottom}
.buttonBox{width:100%;float:left}
.card {background-color:#ffffff;box-shadow: .25em .25em .5em rgba(0,0,0,0.5);padding:.5em .5em;margin: .5em auto}
.cellPadding, .cellPadding td, .cellPadding th {padding: .5em;}
.closenav,.opennav{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit}
.closenav:hover,.opennav:hover{cursor:pointer;color:#a7afc8;background-color:#0031d3!important}
.closenav{position:absolute;top:.25em;right:.25em;font-weight:bold}
.container {position:relative;padding:0.01em 16px}
.container:after {content:"";display:table;clear:both}
.displayCenter {left:50%;transform:translate(-50%,0);-ms-transform:translate(-50%,0);position:relative;float:left}
.displayLeft {position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.displayMiddle {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.displayRight {position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.FAQ button {padding:1em;font-size:1.25em;border-top:medium solid #f1f1f1}
.filterTable {border: 2px solid black;padding: .1em;max-width:100%}
.filterTable td, .filterTable th {border: 1px solid black;padding: .1em}
.filterTable td {text-align: left;vertical-align: bottom}
.filterTable tr:nth-child(even) {background-color: #eeeeee}
.filterTable td:nth-child(2) {border-right: 2px solid black}
.filterTable td:nth-child(even) {text-align:center}
.filterTable th {color:#ffffff!important;background-color:#2255ff!important}
.firstLeft td:nth-child(1) {text-align:left}
.headerBar {box-shadow: 0 .25em .5em rgba(0,0,0,0.45);width:100%;text-align:center;padding-left:.5em}
.homeLogo {float:left;margin-right:.5em}
.listSpaced li {padding-bottom:1em}
.marginBox {position:relative;width:100%;float:left;padding:.5em .5em;background-color:#ffffff;box-shadow: .25em .25em .5em rgba(0,0,0,0.5)}
.marginBox a{float:left;display:block;min-width:8em;height:1.5em;font-size: 1em;font-weight: bold}
.opennav{display:block;text-align:center;color:#fff;background-color:#0031d3;position:fixed;left:.5em;top:.5em;overflow:hidden;z-index:1;border-radius:50%;
	cursor:pointer;font-size:2em;width:2em;height:2em;line-height:2em;padding:0;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.padding {padding:.5em 1em!important}
.productTable {border: 2px solid black;padding: .5em;max-width:100%}
.productTable td, .productTable th {border: 1px solid black;padding: .5em}
.productTable td {text-align: center;vertical-align: bottom}
.productTable tr:nth-child(even) {background-color: #eeeeee}
.responsiveCell {width:99.99999%;float:left;padding:.5em 0em}
.responsiveTable {}
.responsiveTable:after {content:"";display:table;clear:both}
.reviewBar {float:left;clear:left;width:100%;padding:1em 2em}
.smallBreak {width:50%}
.sidenav{height:100%;width:0;position:fixed!important;z-index:1;left:0px;top:0px;color:#000;background-color:#fff;overflow: hidden;
	box-shadow:0 0 .25em 0 rgba(0,0,0,0.3),0 0 1em 0 rgba(0,0,0,0.15);transition: 0.4s}
.sidenav button.active{color:#ffffff!important;background-color:#2255ff!important}
.sidenav .accordion, .sidenav a{text-decoration:none!important;padding:.5em .125em .5em .5em;display:block;font-size:1em;line-height:1}
.sidenav .accordion:hover, .sidenav a:hover{background-color:#abbfff}
.sidenav .accordionContent a{background-color:#ddd!important}
.sidenav .accordionContent a:hover{background-color:#a7afc8!important}
.sidenavBlue{color:#ffffff!important;background-color:#2255ff!important}
.sidenavBlue:hover{background-color:#3664ff!important}
.sidenavHeader{display:block;background-color:#0031d3!important;color:#ffffff;font-size:1.75em;padding:.25em .5em .25em 1em;overflow:hidden}
.sidenavScrollBox{overflow-y:scroll;position:absolute;top:5.5em;bottom:0;left:0;width:100%}
.slide {display:none;float:left;max-width:99%;max-height:99%;height:auto!important;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.slideBox {height:516px; width:516px;display:block;margin:.5em auto;max-width:97%;text-align:center}
.slideButton {float:left;height:6em;width:6em;overflow:hidden;background-color:#ffffff;box-shadow: .25em .25em .5em rgba(0,0,0,0.5);margin: .25em}
.slideThumb {height:100%;display:block;margin: auto;
	opacity:0.60;filter:alpha(opacity=60);-webkit-backface-visibility:hidden}
.slideThumb:hover,.slideThumbCurrent {opacity:1;filter:alpha(opacity=100);-webkit-backface-visibility:hidden}
.spinTable {border: 2px solid black;padding: .1em;max-width:100%}
.spinTable td, .spinTable th {border: 1px solid black;padding: .1em}
.spinTable td {text-align: left;vertical-align: top;width:25%}
.spinTable th {color:#ffffff!important;background-color:#2255ff!important;border-right: 2px solid black}
.spinTable td:nth-child(2) {border-right: 2px solid black}
.standardTable {border: 2px solid black;padding: .1em;max-width:100%}
.standardTable td {text-align: center;vertical-align: bottom}
.standardTable th, .standardTable td {border: 1px solid black;padding: .25em}
.standardTable th {color:#ffffff!important;background-color:#2255ff!important}
.standardTable tr:nth-child(even) {background-color: #eeeeee}
.subHeader {float:left;width:100%;box-shadow: 0 .25em .25em rgba(0,0,0,0.5);background-color:#ffffff;padding:.5em;text-align: center}
.tooltip {display:inline-block;border-bottom: 1px dotted black;}	.tooltip:hover {cursor:help}
.wideLinks a {min-width:10em;float:left;display:block}
.workSheet,.workSheet th,.workSheet td {border: 1px solid black;text-align:center;vertical-align: bottom;}
.workSheet th,.workSheet td {height:3.5em;padding: .25em}
.yearButton {text-decoration: underline}
.yearSpecific {display:none}
.xwideLinks a {min-width:14em;float:left;display:block}

@media only screen and (min-width:50em){
	.marginBox{height:100%}
	.responsiveCell{width:49.99999%;height:20em;padding:.5em .5em}
	.vertical-center{position: absolute;top: 50%;transform: translate(0, -50%)}}
@media only screen and (min-width:65em){
	.responsiveCell{height:16em}}
@media only screen and (min-width:75em){
	.marginBox{height:100%}
	.responsiveCell{width:33.33333%;height:20em}}
@media only screen and (min-width:95em){
	.responsiveCell{height:16em}}
@media only screen and (min-width:75em){
	.notLarge{display:none!important}}
@media only screen and (min-width:50em){
	.smallOnly{display:none!important}
	.notSmallMargin{max-width:97%}}
@media only screen and (min-width:22em){
	.notTinyLeft{float:left}
	.notTinyRight{float:right}}
@media only screen and (max-width:50em){
	.notSmall{display:none!important}
	.notSmallMargin{max-width:100%}
	.smallBreak{width:100%}}
@media only screen and (max-width:75em){
	.largeOnly{display:none!important}}
@-webkit-keyframes animateleft{from{left:-300px} to{left:0}}
@keyframes animateleft{from{left:-300px} to{left:0}}


/*Agoracart overrides*/
#main_column table.ac_cart_table {}
#main_column table.ac_cart_table th {
	background-color: #2255ff;
	border-right: 1px solid black}
#main_column table.ac_cart_table td {
	border-right: 1px solid black;
	color: #000000;
	margin: 0px;
	padding: 2px;
	width: auto;
	vertical-align: bottom}
#main_column table.ac_cart_table td#row1 {
  background-color: #FFFFFF}
#main_column table.ac_cart_table td#row2 {
  background-color: #DDDDDD}
#main_column table.ac_totals_table th {
 	background-color: #ccddff}
#main_column table.ac_totals_table td.ac_totals_table_totp {
	background-color: #ccddff}

#main_column .ac_checkout td.ac_checkout_top_col {
	background-color: #ccddff}
#main_column .ac_checkout_review {
	background-color: #ffeebb}
#main_column {
	border-left: none}
#content_holder {
	border: none}

/* For testing
border: 3px solid green;
code window.alert("hi");

tbody tr:nth-child(even) td {
    background-color: #eee;
}



Striped Rows
tbody tr:nth-of-type(2n) {background-color: #f0f0f0}

Nice Heading Row
th {background-color:#018DB1;font-weight:bold;color:#fff}

Bolded First Column
tbody tr td:nth-of-type(1) {font-weight: bold}

*/