/* ===== Reset ===== */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

figure {
  margin: 0; }

a {
  text-decoration: none; }

a img, img {
  border: 0; }

ul, ol {
  list-style: none;
  overflow: hidden; }

input[type="button"] {
  -webkit-appearance: none; }

/* ===== Fonts ===== */
/*@font-face {
    font-family: 'corposdemregular';
    src: url('fonts/c063004t-webfont.eot');
    src: url('fonts/c063004t-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/c063004t-webfont.woff') format('woff'),
         url('fonts/c063004t-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'corporate_a_condensedregular';
    src: url('fonts/corporateacon-reg-webfont.eot');
    src: url('fonts/corporateacon-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/corporateacon-reg-webfont.woff') format('woff'),
         url('fonts/corporateacon-reg-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}*/
@font-face {
  font-family: 'corposdemregular';
  src: url("http://www2.mercedes-benz.co.uk/content/unitedkingdom/mpc/mpc_unitedkingdom_website/en/home_mpc/passengercars/home/mercedes-magazine/css/font/c063004t-webfont.eot");
  src: url("http://www2.mercedes-benz.co.uk/content/unitedkingdom/mpc/mpc_unitedkingdom_website/en/home_mpc/passengercars/home/mercedes-magazine/css/font/c063004t-webfont.eot?#iefix") format("embedded-opentype"), url("http://www2.mercedes-benz.co.uk/content/unitedkingdom/mpc/mpc_unitedkingdom_website/en/home_mpc/passengercars/home/mercedes-magazine/css/font/c063004t-webfont_2.woff") format("woff"), url("http://www2.mercedes-benz.co.uk/content/unitedkingdom/mpc/mpc_unitedkingdom_website/en/home_mpc/passengercars/home/mercedes-magazine/css/font/c063004t-webfont_1.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'corporate_a_condensedregular';
  src: url("http://www2.mercedes-benz.co.uk/content/unitedkingdom/mpc/mpc_unitedkingdom_website/en/home_mpc/passengercars/home/mercedes-magazine/css/font/corporateacon-reg-webfont.eot.eot");
  src: url("http://www2.mercedes-benz.co.uk/content/unitedkingdom/mpc/mpc_unitedkingdom_website/en/home_mpc/passengercars/home/mercedes-magazine/css/font/corporateacon-reg-webfont.eot?#iefix") format("embedded-opentype"), url("http://www2.mercedes-benz.co.uk/content/unitedkingdom/mpc/mpc_unitedkingdom_website/en/home_mpc/passengercars/home/mercedes-magazine/css/font/corporateacon-reg-webfont_2.woff") format("woff"), url("http://www2.mercedes-benz.co.uk/content/unitedkingdom/mpc/mpc_unitedkingdom_website/en/home_mpc/passengercars/home/mercedes-magazine/css/font/corporateacon-reg-webfont_1.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
/* ===== SASS ===== */
#header {
  *zoom: 1; }
  #header:after {
    content: " ";
    display: table;
    clear: both; }
  #header:before {
    content: " ";
    display: table; }

h1, h2, p, #downloadList a {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 400px;
  font-weight: normal;
  text-rendering: optimizeLegibility; }

html, body {
  font-size: 16px;
  width: 100%;
  max-width: 1000px;
  height: 100%;
  background: #000000;
  padding: 0 20px;
  color: #999999; }

.left {
  float: left; }

.right {
  float: right; }

.close {
  margin-left: 15px; }

.hidden {
  display: none !important; }

/* ----- HEADER ----- */
#header {
  padding: 13px 0px; }

h1, h2 {
  font-family: 'corporate_a_condensedregular';
  font-size: 32px;
  color: #ffffff; }

h2 {
  padding-bottom: 15px; }

p {
  font-family: 'corposdemregular'; }

/* ----- BODY ----- */
#main {
  -webkit-overflow-scrolling: touch; }

#downloadList {
  height: 70%;
  margin: 20px auto;
  display: table; }
  #downloadList a {
    color: #FFFFFF;
    background: #0596d1;
    padding: 10px 20px;
    margin: 10px 0;
    text-align: center;
    display: block;
    font-family: 'corposdemregular'; }
  #downloadList a.fetchingData {
    background: #999999; }
  #downloadList li {
    overflow: hidden;
    padding: 0 20px;
    margin: 0 20px;
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
  #downloadList .solo {
    display: block;
    margin: 20px auto;
    width: 240px; }
    #downloadList .solo a {
      margin: 10px 0; }

#list {
  width: 100%; }
  #list li {
    float: left;
    height: 145px;
    overflow: hidden; }
  #list .car {
    margin-top: -20px;
    padding-bottom: 8px;
    margin-bottom: 8px; }

#list.desk li {
  width: 16%;
  margin: 10px;
  padding: 10px;
  cursor: pointer;
  display: block;
  border: 1px solid #000000; }
  #list.desk li img {
    width: 100%;
    height: auto; }
  #list.desk li:hover {
    border: 1px solid #333333; }
#list.desk .car {
  border-bottom: 1px solid #999999; }
#list.desk p {
  width: 90%; }
#list.desk p, #list.desk img {
  float: none;
  font-size: 14px !important; }

.ie8 #list li {
  width: 18%;
  margin-right: 2%;
  height: 180px; }
.ie8 #list .car {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #999999; }
.ie8 #list p {
  width: 90%; }
.ie8 #list p, .ie8 #list img {
  float: none;
  font-size: 14px !important; }

#list.mob li {
  width: 100%;
  border-bottom: 1px solid #999999;
  cursor: pointer;
  position: relative; }
#list.mob p, #list.mob img {
  float: left; }
#list.mob .car {
  margin-right: 30px; }
#list.mob .modelName {
  padding-top: 60px;
  float: right;
  font-size: 20px; }

/*MObile only style applied with JavaScript*/
.is-mobile-portrait #list.mob p, .is-mobile-portrait #list.mob img {
  float: none; }
.is-mobile-portrait #list.mob img.car {
  padding-bottom: 0;
  margin-bottom: 0; }
.is-mobile-portrait #list.mob p {
  padding: 0 !important;
  margin: 5px 0; }

.is-mobile-landscape #list.mob p, .is-mobile-landscape #list.mob img {
  float: none; }
.is-mobile-landscape #list.mob img.car {
  padding-bottom: 0;
  margin-bottom: 0; }
.is-mobile-landscape #list.mob p {
  padding: 0 !important;
  margin: 5px 0; }

/* ----- Media Query just for desktop ----- */
@media screen and (max-width: 808px) {
  #list li {
    height: 120px; }

  .download_icon .listItem {
    width: 100% !important;
    border-bottom: 1px solid #999999; } }
@media screen and (max-width: 795px) {
  #list.desk img {
    width: 100%;
    height: auto; }

  #list.mob .modelName a {
    color: #999999 !important; } }
@media screen and (max-width: 480px) {
  #list li {
    height: auto; }

  #downloadList {
    display: block;
    height: auto; }
    #downloadList li {
      float: left;
      display: inline-block; }

  #list.mob img.car {
    width: 50%;
    height: auto;
    margin-right: 15px; } }
/*++++++++++++ Download-Range-Brochure ++++++++++++*/
/*#list.desk li:last-child{display:block;clear:both;}*/
.listItem_child a {
  display: block; }

#list.desk li:last-child img {
  border-bottom: 1px solid #999999; }

#list.desk li a {
  float: none;
  font-size: 14px !important;
  color: #999999; }
