/*
 * Homepage
 *
 * @author Christophe Porteneuve <christophe@ciblo.net>
 * @author Julien Vignolles <julien@ciblo.net>
 * @author Gregory Jaklimovitch <gregory@ciblo.net>
 * @legals © 2008-2009 Ciblo SA.
 */

.homepage #homeContent { padding: 2em 0.7em 7em 1.3em; }

/* homeSlideShow */
#homeSlideShow { width: 100%; background-color: black; }
#slideshowLinks { position: relative; z-index: 0; width: 72.3em; }

/* advantagesResume */
#homeSlideShow .advantagesResume { float: right; width: 22em; height: 22em; margin: 6em 1.5em 0 0; }


/* reverseEntriesContainer */
#reverseEntriesContainer {
  width: 95.6em; padding: 1.2em;
  background: transparent url(../images/bg_reverse_entries.png) left top no-repeat;
}
#reverseEntriesContainer .reverseEntries {
  float: left; width: 35.5em; height: 8.4em; margin-right: 1em; padding: 1em;
  background-repeat: no-repeat; background-position: center;
}
#reverseEntriesContainer .reverseEntries h2 {
  margin-bottom: 0.2em;
  background-color: transparent; background-repeat: no-repeat; background-position: left center;
}
#reverseEntriesContainer .reverseEntries ul { width: 10em; margin-left: 1em; }
#reverseEntriesContainer .reverseEntries ul li { padding: 0; }
#reverseEntriesContainer .reverseEntries ul a {
  display: block; font-size: 10px; line-height: 12px; height: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif; color: black;
}
#reverseEntriesContainer .reverseEntries ul a:hover { text-decoration: none; background-color: #888; }
/* sparepartEntry */
#reverseEntriesContainer #sparepartEntry { background-image: url(../images/bg_sparepart_cat.png); }
#reverseEntriesContainer #sparepartEntry h2 { background-image: url(../images/bg_sparepart_title.png); }
#reverseEntriesContainer #sparepartEntry li { border-bottom: 1px solid #949494; }
/* accessoriesEntry */
#reverseEntriesContainer #accessoriesEntry { background-image: url(../images/bg_accessories_cat.png); }
#reverseEntriesContainer #accessoriesEntry h2 { background-image: url(../images/bg_accessories_title.png); }
#reverseEntriesContainer #accessoriesEntry li { border-bottom: 1px solid #757575; }
#reverseEntriesContainer #accessoriesEntry a { color: white; }
/* infoText */
#reverseEntriesContainer #infoText {
  float: right; width: 10em; margin: 0.5em 2em 0 0;
  font-size: 14px; font-weight: normal; color: #a1a1a1;
}

/* contentMain */
#contentMain { width: 76em; }
/* majorHomeLinks */
#majorHomeLinks { margin-bottom: 2em; }
#majorHomeLinks .first { float: left; }
#majorHomeLinks a { float: right; margin-bottom: 1em; border: 1px solid #ccc; }
#majorHomeLinks a:hover { border-color: #888; }
#majorHomeLinks a, #majorHomeLinks a img { width: 373px; height: 188px; }
#majorHomeLinks a img, #contentRight img { vertical-align: bottom; }
/* homeSelections */
.homeSelections { float: left; width: 22.5em; margin-left: 4.2em; }
.homeSelections h2 {
  margin-left: 0.5em; padding: 0.3em; font-size: 12px; text-transform: uppercase;
}
.homeSelections ul { border-top: 1px solid #c4c4c4; }
.homeSelections ul li {
  position: relative; height: 9.4em; border-bottom: 1px solid #c4c4c4; overflow: hidden;
}
.homeSelections ul li:hover, .homeSelections ul li:focus { cursor: pointer; background-color: #f3f3f3; }
.homeSelections ul .productImg { float: left; padding: 0.4em; }
.homeSelections .productImg img { float: left; width: 8.6em; height: 8.6em; }
.homeSelections ul .productDescrip { float: right; width: 12.5em; margin-top: 0.5em; }
.homeSelections .productDescrip a, .homeSelections .productDescrip strong, .homeSelections .productDescrip span {
  display: block;
}
.homeSelections .productDescrip a { font-size: 11px; }
.homeSelections .productDescrip a:hover { text-decoration: none; }
/*.homeSelections .productDescrip a:hover { _text-decoration: underline; } /* hack Ie6 */
.homeSelections .fullPrice { margin-top: 0.5em; }
.homeSelections .fullPrice .price { font-size: 14px; font-weight: bold; color: #ac0305; }
.homeSelections .fullPrice .discountPrice { display: none; text-decoration: line-through; }
.homeSelections .fullPrice .discountRate {
	font-size: 14px; position: absolute; bottom: 27px; right: 6px;
	width: 3.22em; height: 1.72em; line-height: 1.8em; font-weight: bold; text-align: center; color: white;
	background: transparent url(../images/product_discount_rate_bg.png) right top no-repeat;
}
/*.homeSelections .discountRate { position: absolute; right: 5px; bottom: 20px; }*/
.homeSelections .productDescrip .label {
	position: absolute; right: 0; bottom: 0; width: 93px; height: 22px; z-index: 3;
	background: transparent url(../images/img_product_labels.png) right 0 no-repeat;
}
.homeSelections .productDescrip .novelty {    background-position: right   0;   }
.homeSelections .productDescrip .discount {   background-position: right -22px; }
.homeSelections .productDescrip .bestSale {   background-position: right -44px; }
.homeSelections .productDescrip .outOfStock { background-position: right -66px; }

#quadSelection h2 { color: #a6ab20; }
#bikeSelection h2 { color: #dd550c; }
#sailorSelection { float: right; }
#sailorSelection h2 { color: #0498e4; }

/* contentRight */
#contentRight { float: right; width: 19em; }
#contentRight a { display: block; margin-bottom: 1em; border: 1px solid #ccc; }
#contentRight a:hover { border-color: #888; }
#contentRight a, #contentRight img { width: 188px; height: 188px; }

/* Advantages */
#homeSlideShow .advantages { padding: 7em 2em 4em 1em; float:right; }
#homeSlideShow .advantages .topLeft, #homeSlideShow .advantages .topRight { display: none; }
#homeSlideShow .advantages .title { font-size: 14px; font-weight: bold; color: #dd0a01; margin-bottom: 2em; }
#homeSlideShow .advantages .title strong { color: white; }
#homeSlideShow .advantages li {
  font-size: 13px; margin-top: 1em; padding-left: 1.5em; color: white;
  background: transparent url(../images/icon_marker_red_black.png) left top no-repeat;
  text-transform: uppercase;
}
#homeSlideShow .advantages a { color: white; }
#homeSlideShow .advantages .first { margin-top: 0; }
#homeSlideShow .advantages .blue   { background-image: url(../images/icon_marker_blue_black.png); }
#homeSlideShow .advantages .green  { background-image: url(../images/icon_marker_green_black.png); }
#homeSlideShow .advantages .yellow { background-image: url(../images/icon_marker_yellow_black.png); }
#homeSlideShow .advantages .orange { background-image: url(../images/icon_marker_orange_black.png); }
#homeSlideShow .advantages .small { font-size: 10px; text-transform: none; }