/* ==========================================================================
   Goodyear - Homepage Styles
   Date: 2012-01-19
   Author: Rodolfo Caldeira <rodolfo.caldeira@iqcontent.com>
   ========================================================================== */
.reference-colours {
  color: #303030;
  /** borders **/

  color: #999999;
  /** secondary text **/

  color: #cccccc;
  /** tertiary text **/

  color: #fff;
  /** primary text **/

  color: #888888;
  /** disclaimer **/

  color: #141415;
  /** background color **/

}
.reference-font-size {
  font-size: 0.846em;
  /* 11px */

  font-size: 0.92em;
  /* 12px */

  font-size: 0.96em;
  /* 12.5px */

  font-size: 1.077em;
  /* 14px */

  font-size: 1.54em;
  /* 20px */

}
/* ==========================================================================
   Homepage
   ========================================================================== */
.homepage .header {
  background: url(/fr_fr/images/header-bg_tcm2143-117540.png) repeat-x scroll transparent;
  background-position: bottom;
}
.homepage .footer {
  padding-top: 8px;
}
#container {
  background: url(/fr_fr/images/container-bg_tcm2143-117535.png) repeat-x;
  background-color: #e7e7e7;
  margin: 0 auto;
  min-width: 1050px;
  padding-top: 20px;
}
.homepage {
  color: #fff;
}
.homepage h1,
.homepage h2 {
  font-weight: normal;
}
.homepage img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.homepage #logo img {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
/* ==========================================================================
   Hero Header
   ========================================================================== */
.hero-header {
  position: relative;
  width: 980px;
  margin: 0 auto 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.ie7 .hero-header {
  overflow: hidden;
}
.hero-header .hero-header-carousel ul {
  padding: 0;
  margin: 0;
  position: relative;
}
.hero-header .hero-header-carousel ul li {
  padding: 0;
  margin: 0;
  position: relative;
}
.hero-header-carousel .jcarousel-control {
  position: absolute;
  top: 20px;
  width: 60px;
  right: 20px;
}
.hero-header-carousel .jcarousel-control .jcarousel-prev,
.hero-header-carousel .jcarousel-control .jcarousel-next {
  text-indent: -99999em;
  width: 26px;
  height: 22px;
  cursor: pointer;
}
.hero-header-carousel .jcarousel-control .jcarousel-prev {
  background: url(/fr_fr/images/homepage-sprite_tcm2143-117543.png) no-repeat scroll -10px -402px transparent;
  position: absolute;
  left: 3px;
  top: 0;
  margin-left: 0;
}
.hero-header-carousel .jcarousel-control .jcarousel-prev:hover {
  background: url(/fr_fr/images/homepage-sprite_tcm2143-117543.png) no-repeat scroll -10px -402px transparent;
}
.hero-header-carousel .jcarousel-control .jcarousel-next {
  background: url(/fr_fr/images/homepage-sprite_tcm2143-117543.png) no-repeat scroll -10px -466px transparent;
  position: absolute;
  right: 0px;
  top: 0;
  margin-left: 0;
}
.hero-header-carousel .jcarousel-control .jcarousel-next:hover {
  background: url(/fr_fr/images/homepage-sprite_tcm2143-117543.png) no-repeat scroll -10px -466px transparent;
}
.hero-header .thumbnails-wrapper {
  position: absolute;
  z-index: 3;
  padding: 0;
  top: 23px;
  right: 80px;
}
.hero-header .thumbnails-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-right: 4px;
}
.hero-header .thumbnails-wrapper ul li {
  float: left;
  height: 10px;
  margin-left: 4px;
}
.ie7 .hero-header .thumbnails-wrapper ul li {
  height: 10px;
}
.hero-header .thumbnails-wrapper ul li a {
  outline: none;
}
.hero-header .thumbnails-wrapper ul li img {
  height: 10px;
}
.ie7 .hero-header .thumbnails-wrapper ul li.selected a {
  zoom: 1;
}
.hero-header .details {
  position: absolute;
  left: 20px;
  width: 940px;
  height: 135px;
  bottom: 20px;
}

.hero-header .hero-header-carousel h1,
.hero-header .hero-header-carousel h2,
.hero-header .hero-header-carousel h3 {
  margin: 0;
}
.hero-header .hero-header-carousel ul li h1,
.hero-header .hero-header-carousel ul li h2 {
    background: #004b90;
}
.hero-header .hero-header-carousel ul li a h2 {
    color: #FFFFFF;
}
.hero-header .hero-header-carousel h1 {
  font-size: 2.15em;
  color: #FFFFFF;
  font-family: 'HelveticaNeueW01-75Bold', 'HelveticaNeueW02-75Bold', 'HelveticaNeueW15-75Bold', 'HelveticaNeueW10-75Bold', Arial, sans-serif;
  line-height: 1.1em;
  padding: 0 4px 4px;
  position: absolute;
  top: 75px; 
  left: 88px;
}
.hero-header .hero-header-carousel h2 {
  font-size: 2.15em;
  font-family: 'HelveticaNeueW01-75Bold', 'HelveticaNeueW02-75Bold', 'HelveticaNeueW15-75Bold', 'HelveticaNeueW10-75Bold', Arial, sans-serif;
  line-height: 1em;
  padding: 2px 4px 5px 4px;
  position: absolute;
  top: 109px;
  left: 88px;
}
.hero-header .hero-header-carousel p {
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-size: 1em;
  font-style: italic;
  letter-spacing: 0.09em;
  margin: 0px;
  position: absolute;
  text-shadow: black 0px 0px 5px;
  top: 164px;
  left: 93px;
  width: 373px;
}
.hero-header .hero-header-carousel p .parenthesis {
    color: #ffdf0f;
}
.hero-header .hero-header-carousel a.innovation-link {
  display: block;
  color: #ffe01a;
  text-decoration: none;
  padding: 0 0 0 12px;
  margin: 0;
  font-size: 1.077em;
  font-weight: bold;
  background: url(/fr_fr/images/homepage-sprite_tcm2143-117543.png) no-repeat -10px -74px;
  position: absolute;
  top: 215px;
  left: 50px;
}
.hero-header .hero-header-carousel a.innovation-link:hover,
.hero-header .hero-header-carousel a.innovation-link:focus {
  text-decoration: underline;
}
.hero-header .details a.action {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 0;
  background: url(/fr_fr/images/homepage-sprite_tcm2143-117543.png) no-repeat -75px 0;
}
.ie7 .hero-header .details a.action {
  background-position: -90px 20px;
}
.hero-header .details a.action:hover,
.hero-header .details a.action:focus {
  background: url(/fr_fr/images/homepage-sprite_tcm2143-117543.png) no-repeat -90px -210px;
}
.ie7 .hero-header .details a.action:hover,
.ie7 .hero-header .details a.action:focus {
  background-position: -90px -190px;
}
.hero-header .find-tires .other-vehicles {
  float: left;
  list-style: none;
  font-size: 0.92em;
  padding: 0;
  border-top: 1px solid #2076c1;
  margin-left: -4px;
  width: 240px;
  padding-top: 6px;
}
.ie7 .hero-header .find-tires .other-vehicles {
  margin-top: 5px;
  padding-top: 10px;
}
.hero-header .find-tires .other-vehicles li {
  float: left;
  padding-right: 0;
  margin-right: 6px;
  padding-left: 6px;
}
.hero-header .find-tires .other-vehicles li:last-child {
  border: 0;
}
.hero-header .find-tires .other-vehicles li a {
  text-decoration: none;
  color: #97b9d7;
  font-weight: bold;
  background: url(/fr_fr/images/homepage-sprite_tcm2143-117543.png) no-repeat -10px -205px;
  padding-left: 10px;
}
.hero-header .find-tires .other-vehicles li a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}
.hero-details {
  background-color: #0e5ba1;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  margin-top: 0px;
  height: 133px;
}
.hero-details .find-tires {
  width: 458px;
  display: inline-block;
  float: left;
}
.hero-header .find-tires h2 {
  font-family: 'HelveticaNeueW01-55Roma', 'HelveticaNeueW02-55Roma', 'HelveticaNeueW15-55Roma', 'HelveticaNeueW10-55Roma', Arial, sans-serif;
  font-size: 1.692em;
  color: #FFFFFF;
  font-weight: bold;
  margin: 20px 0 0 0;
}
.hero-header .find-tires a.action:hover h2,
.hero-header .find-tires a.action:hover h3 {
  color: #ffe01a;
}
.hero-header .find-tires h3 {
  font-family: 'HelveticaNeueW01-55Roma', 'HelveticaNeueW02-55Roma', 'HelveticaNeueW15-55Roma', 'HelveticaNeueW10-55Roma', Arial, sans-serif;
  font-size: 1.231em;
  font-weight: normal;
  margin: -3px 0px 0px;
}
.hero-details .find-tires img {
  float: left;
  margin-top: -26px;
  margin-left: 10px;
  margin-right: 12px;
}
.ie7 .hero-details .find-tires img {
  float: left;
  margin-top: -6px;
  margin-left: 10px;
  margin-right: 10px;
}
.hero-details .find-tires span {
  color: #ffe01a;
  margin-left: 1px;
  margin-top: 3px;
}
.hero-details .cta-list {
  width: 242px;
  display: inline-block;
  float: left;
  background-color: #FFFFFF;
  height: 133px;
}
.hero-details .cta-list ul {
  padding: 0px 10px;
  margin: 5px 0;
  list-style-type: none;
}
.hero-details .cta-list ul li {
  padding: 10px 0px;
  border-bottom: 1px solid #dfdede;
}
.hero-details .cta-list ul li:last-child {
  border-bottom: none;
}
.hero-details .cta-list ul li a {
  font-weight: bold;
  display: block;
  background: url(/fr_fr/images/homepage-sprite_tcm2143-117543.png) no-repeat right -139px;
}
.hero-details .hero-eu-tire-rating {
  width: 240px;
  display: inline-block;
  float: left;
  background-color: #f1f1f1;
  height: 133px;
  position: relative;
  -webkit-border-radius: 0px 7px 7px 0px;
  -moz-border-radius: 0px 7px 7px 0px;
  border-radius: 0px 7px 7px 0px;
}
.hero-details .hero-eu-tire-rating h3 {
  color: #004c8e;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Arial, sans-serif;
  font-size: 1em;
  width: auto;
}
.hero-details .hero-eu-tire-rating p {
  font-weight: normal;
  color: #525252;
  margin-top: 5px;
  padding-left: 10px;
  width: 100px;
  font-size: 0.9em;
}
.ie7 .hero-details .hero-eu-tire-rating p {
  margin-top: -10px;
}
.hero-details .hero-eu-tire-rating img {
  position: absolute;
  bottom: 0;
  right: -10px;
}
/* ==========================================================================
   Doormats
   ========================================================================== */
.doormats {
  width: 980px;
  margin: 0 auto;
  padding-bottom: 25px;
  background-color: #FFFFFF;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.doormats .doormats-inner {
  margin-top: 20px;
  padding-top: 5px;
}
.doormats .doormat {
  float: left;
  width: 216px;
  margin-right: 22px;
  padding-right: 0px;
  position: relative;
  min-height: 198px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  border: 2px solid #e8e8e8;
  padding-bottom: 10px;
}
.doormats .doormat h2 {
  font-weight: bold;
}
.doormats .doormat:first-child {
  margin-left: 22px;
  width: 456px;
}
.doormats .doormat:last-child {
  padding: 0;
  margin-right: 0;
  padding-bottom: 10px;
}
.doormats h1 {
  font-size: 1.54em;
  margin: 0;
  position: absolute;
  top: 80px;
  left: 40px;
}
.doormats .doormat a h2 {
  font-size: 1.125em;
  color: #004c8e;
  margin: 15px 0 4px 10px;
  padding-right: 5px;
}
.doormats .doormat a:hover h2 {
  text-decoration: underline;
}
.doormats .doormat a p {
  margin: 0 7px 0 10px;
  font-size: 1.077em;
  color: #525252;
}
.doormats img {
  margin-top: 0px;
  -webkit-border-radius: 7px 7px 0px 0px;
  -moz-border-radius: 7px 7px 0px 0px;
  border-radius: 7px 7px 0px 0px;
}
.ie7 .doormats img {
  margin-top: -1px;
}
.doormats ul li a,
.doormats a {
  font-size: 0.92em;
  text-decoration: none;
}
.doormat-carousel-container {
  position: relative;
  width: 456px;
  display: block;
  float: left;
  margin-right: 22px;
  margin-left: 20px;
}
.doormat-carousel {
  border: 1px solid #E8E8E8;
  border-radius: 7px 7px 7px 7px;
  float: left;
  margin-right: 22px;
  min-height: 195px;
  padding-right: 0;
  position: relative;
  width: 456px;
}
.doormat-carousel ul {
  padding: 0;
  list-style: none;
  margin-top: 0;
}
.doormat-carousel ul li img {
  margin-top: 0px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.doormat-carousel .jcarousel-clip {
  width: 456px;
  overflow: hidden;
}
.doormat-carousel ul li {
  width: 456px;
  margin-right: 20px;
  display: none;
  margin-bottom: 0px;
  position: relative;
}
.doormat-carousel ul li .disclaimer {
  position: absolute;
  bottom: 8px;
  font-family: Arial, sans-serif;
  left: 16px;
  font-size: 1.1em;
  color: #fff;
}
.doormat-carousel ul li .disclaimer p {
  margin: 5px 0;
}
.doormat-carousel ul li .disclaimer strong {
  font-weight: bold;
}
.doormat-carousel ul li .disclaimer.is-high-contrast {
  color: #575756;
}
.doormat-carousel .jcarousel-control {
  position: absolute;
  top: 8px;
  right: 33px;
}
.doormat-carousel .jcarousel-list a {
  cursor: pointer !important;
}
.doormat-carousel .jcarousel-control .jcarousel-prev,
.doormat-carousel .jcarousel-control .jcarousel-next {
  background: url(/fr_fr/images/homepage-sprite_tcm2143-117543.png) no-repeat;
  text-indent: -99999em;
  width: 26px;
  height: 22px;
  cursor: pointer;
}
.doormat-carousel .jcarousel-control .jcarousel-prev {
  position: absolute;
  background-position: -10px -402px;
  right: 5px;
  top: 0;
  margin-left: 0;
}
.doormat-carousel .jcarousel-control .jcarousel-prev:hover {
  background-position: -10px -402px;
}
.doormat-carousel .jcarousel-control .jcarousel-next {
  position: absolute;
  background-position: -10px -466px;
  top: 0;
  margin-left: 0;
  right: -26px;
}
.doormat-carousel .jcarousel-control .jcarousel-next:hover {
  background-position: -10px -466px;
}
.doormats .doormat-thumbnails-wrapper {
  position: absolute;
  z-index: 3;
  padding: 0;
  top: 10px;
  right: 75px;
}
.doormats .doormat-thumbnails-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-right: -2px;
}
.doormats .doormat-thumbnails-wrapper ul li {
  float: left;
  height: 10px;
  margin-left: 4px;
}
.ie7 .doormats .doormat-thumbnails-wrapper ul li {
  height: 10px;
}
.doormats .doormat-thumbnails-wrapper ul li a {
  outline: none;
}
.doormats .thumbnails-wrapper ul li img {
  height: 10px;
}
.ie7 .doormats .doormat-thumbnails-wrapper ul li.selected a {
  zoom: 1;
}
.footer {
  padding-top: 20px;
  background-color: #e7e7e7;
}
/* ==========================================================================
   Icons
   ========================================================================== */
.icon-homepage {
  padding-left: 15px;
  background: url(/fr_fr/images/homepage-sprite_tcm2143-117543.png) no-repeat;
}
.icon-lt-arrow-small {
  background-position: -224px -19px;
}
.icon-lt-big-arrow-off {
  background-position: -12px -16px;
}
.icon-lt-big-arrow-on {
  background-position: -118px -15px;
}
.icon-gt-big-arrow-off {
  background-position: -68px -15px;
}
.icon-gt-big-arrow-on {
  background-position: -173px -14px;
}

/* ==========================================================================
   Some fixes for GY BG
   ========================================================================== */
   
.lang-bg-BG .hero-details .find-tires img {
	margin-top: -6px;
}

.lang-bg-BG .hero-header .find-tires h2 {
	margin: 0px;
}

.lang-bg-BG .hero-header .find-tires .other-vehicles {
	margin-top: 5px;
}