﻿h4.kmMonth {
    font-size: 14px;
}
.buttonTitle {
	margin-top:5px;
}
.font11 {
	font-size:11px;	
}
img {
	width:100%;
}
.service-box {
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-khtml-border-radius:10px;
background:#000000;
color:#ffffff;
text-align:center;
width:100px;
height:100px;
float:right;
display:block;
margin:0 0 20px 20px;
font-family: 'Michroma', arial, sans-serif;
font-size:12px;
}
.service-box div {
height:64px;
margin-top:18px;
}
.service-box span {
font-size:400%;
font-weight:bold;
line-height:80%;
}
.maintenance-list li {
	list-style-type:disc;
	padding:3px 0;
}
.footnote-list li {
	font-size: 0.7em;
	font-size: 0.7rem;
	line-height: 0.8em;
	line-height: 0.8rem;
	padding: 3px 0;
}
.maintenance-icon {
	padding: 5px;
}
.maintenance-sun {
    background:url("../Content/7907/Media/General/webimage/maintenance-icons.png") no-repeat 0 -44px;
	background-size:100%;
	width:60px;
	height:50px;
	display:block;
	margin:0 auto;
}
.maintenance-snow {
	background:url("../Content/7907/Media/General/webimage/maintenance-icons.png") no-repeat 0 -95px;
	background-size:100%;
	width:60px;
	height:46px;
	display:block;
	margin:0 auto;
}
.maintenance-oil {
	background:url("../Content/7907/Media/General/webimage/maintenance-icons.png") no-repeat 0 0;
	background-size:100%;
	width:60px;
	height:44px;
	display:block;
	margin:0 auto;
}
.maintenance-airbag {
	background:url("../Content/7907/Media/General/webimage/maintenance-icons.png") no-repeat 0 -140px;
	background-size:100%;
	width:60px;
	height:21px;
	display:block;
	margin:0 auto;
}
.maintenance-belt {
	background: url("../Content/7907/Media/General/webimage/maintenance-icons.png") no-repeat 0 -165px;
	background-size:100%;
	width:60px;
	height: 55px;
	display:block;
	margin:0 auto;
}
.coolant {
  background: url("../Content/7907/Media/General/webimage/maintenance-icons.png") no-repeat -1px -216px;
  background-size: 100%;
  width: 59px;
  height: 50px;
  display: block;
  margin: 0 auto;
}
.bearing {
  background: url("../Content/7907/Media/General/webimage/maintenance-icons.png") no-repeat -6px -274px;
  background-size: 100%;
  width: 50px;
  height: 48px;
  display: block;
  margin: 0 auto;
}

.fuelfilter {
  background: url("../Content/7907/Media/General/webimage/maintenance-icons.png") no-repeat -6px -328px;
  background-size: 100%;
  width: 50px;
  height: 48px;
  display: block;
  margin: 0 auto;
}
.shadow-right {
	padding-right:20px !important;
	background:url('/Content/7907/Media/General/webimage/2013/splitterShadow.png') right center no-repeat;
	background-size:8px 100%;
}
.fullWidth .shadow-right {
	background:none;
}
.row .column, .row .columns {
	position: relative;
	width: 100%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left:0;
}
.row .small-twoThird {
	position: relative;
	width: 66.66666%;
}
.row .small-twoThird:first-child > div {
	padding-right:7px;
}
.row .small-twoThird:last-child > div {
	padding-left:8px;
}
.row .small-third {
	position: relative;
	width: 33.33333%;
}
.row .small-third:first-child > div {
	padding-left:0;
}
.row .small-third > div {
	padding-left:8px;
	padding-right:7px;
}
.row .small-third:last-child > div {
	padding-right:0;
}
div.dropdown {
	height: 27px;
	width: 152px;
}
div.dropdown .value {
    width: 122px;
}
.dropdown.dimmed:hover div.value {
	border-color:#e5e5e5 !important;
	cursor:default;
}
.dimmed .value {
	border-color:#e5e5e5 !important;
	background-color:#f7f7f7 !important;
	color:#e5e5e5;
}
.dimmed .dropdownArrow {
	opacity:0.1;
	filter:alpha(opacity=10);
	cursor:default;
}
.blueGradient {
	display:inline-block;
	font-size:13px;
}
    .blueGradient:hover
    {
        color:#ffffff;
    }

.pad div.dropdown {
    height: auto;
}
@media only screen and (min-device-width: 800px) {
    .row .half {
	    position: relative;
	    width: 50%;
	    margin:0 !important;
    }
    .row .half:first-child > div {
	    padding-right:7px;
    }
    .row .half:last-child > div {
	    padding-left:8px;
    }
    .row .quarter {
	    position: relative;
	    width: 25%;
	    margin:0 !important;
    }
    .row .quarter:first-child {
	    padding-left:0;
    }
    .row .quarter {
	    padding-left:8px;
	    padding-right:7px;
    }
    .row .quarter:last-child {
	    padding-right:0;
    }
    .row .twoThird {
	    position: relative;
	    width: 66.66666%;
    }
    .row .twoThird:first-child > div {
	    padding-right:7px;
    }
    .row .twoThird:last-child > div {
	    padding-left:8px;
    }
    .row .third {
	    position: relative;
	    width: 33.33333%;
	    margin:0 !important;
    }
    .row .third:first-child > div {
	    padding-left:0;
    }
    .row .third > div {
	    padding-left:8px;
	    padding-right:7px;
    }
    .row .third:last-child > div {
	    padding-right:0;
    }
}
@media only screen and (max-device-width: 800px)
{
    .row .quarter {
	    margin-bottom:20px !important;
        width: 100%;
    }

    .row .quarter:last-child {
	    margin-bottom:10px !important;
    }
	.maintenance-sun, .maintenance-snow, .maintenance-oil, .maintenance-airbag, .maintenance-belt, coolant  {
		margin:0 auto;
	}
    .shadow-right
    {
        padding-right: 0 !important;
        background: none;
    }
	.sidebar {
		margin-top:20px !important;
	}
	.sidebar .row .small-third {
		width:20%;
	}
	.sidebar .row .small-twoThird {
		width:80%;
	}
    .sidebar .font11
    {
        font-size: 0.8rem;
    }
    .blueGradient
    {
        font-size: 16px;
        padding: 20px;
		width:100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
		text-align:center;
    }
	.sidebar .maintenance-list li {
		margin-left:10px;
	}
}
@media only screen and (max-device-width: 400px)
{
	.sidebar .maintenance-list li {
		margin-left:30px;
	}
    .row .quarter {
        width: 100%;
    }
}
.sidebar .row {
	margin-bottom:20px !important;
}
#MaintenanceIntervals ul, #MaintenanceRange ul {
    max-height:275px;
    overflow:auto;
}
#ServiceDetailContainer {
    display:none;
    margin-top:30px;
}
#ServiceMaintenance {
	margin-bottom:20px;
}
.noTopMargin{
    margin-top:0;
}
.hiddenSelect {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#SCIMainCol{
    height:auto !important;
}
.inputLocation {
    padding: 5px 10px;
    margin: 0;
    font-size: 10px;
    width: 165px;
}
.MarginBottomZero {
margin-bottom: 0 !important;
}