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

/* brandsCarousel */
#brandsCarousel { position: relative; margin: 0 0 2em; padding: 0 4em; }
#brandsCarousel .container { width: 70em; overflow: hidden; position: relative; height: 4em; }
#brandsCarousel .previous, #brandsCarousel .next { position: absolute; z-index: 0; top: 0.5em; outline: none; }
#brandsCarousel .previous { left: 0; }
#brandsCarousel .next { right: 0; }
#brandsCarousel .previous img, #brandsCarousel .next img { width: 3.2em; height: 3.2em; }
#brandsCarousel ul { float: left; display: inline; position: relative; top: 0; left: 0; text-align: left; }
#brandsCarousel ul li { float: left; display: inline; padding-right: 2em; }
#brandsCarousel ul li a { display: block; }

/* majorHomeLinks */
#majorHomeLinks { margin-bottom: 2em; }

/* homeProducts */
.homeProducts { 
	width: 36.7em; margin-bottom: 2em; padding: 0 0.7em 0.5em; 
	background: #dadadb url(../images/bg_homeproduct.png) left top repeat-x; 
}
.homeProducts .homeProdTitle a {
	display: block; width: 100%; height: 2.6em; 
	background-color: transparent; background-position: center top; background-repeat: no-repeat; 
}
.homeProducts .productBlock .photo { padding: 0.73em; }
.homeProducts .productBlock { font-size: 12px; margin: 0 0 0.3em 0.2em; height: 20em; }
.homeProducts .productBlock .photo img { width: 16.3em; height: 16.3em; }
.homeProducts .productBlock .fullprice .discountRate { top: -14.4em; }
/*
.homeProducts .productBlock { width: 17.3em; height: 24em; margin-bottom: 0.3em; }
.homeProducts .productBlock .photo { padding-bottom: 0.7em; }
.homeProducts .productBlock .photo img { width: 16.3em; height: 16.3em; }
.homeProducts .productBlock .productDescrip { padding-top: 0.5em; }
*/

/* novelties */
#novelties { float: left; }
#novelties .homeProdTitle a { background-image: url(../images/bg_title_novelties.png); }
#novelties .homeProdTitle a:hover { background-image: url(../images/bg_title_novelties_hover.png); }
#novelties .productBlock .fullprice a { color: #cc2c2c; }

/* discounts */
#discounts { float: right; }
#discounts .homeProdTitle a { background-image: url(../images/bg_title_discounts.png); }
#discounts .homeProdTitle a:hover { background-image: url(../images/bg_title_discounts_hover.png); }

/* minorHomeLinks */
#minorHomeLinks { margin-bottom: 2.7em; }
#minorHomeLinks .firstMinorLink { float: left; clear: both; }
#minorHomeLinks a { float: right; margin-bottom: 0.6em; position: relative; overflow: hidden; }
#minorHomeLinks a, #minorHomeLinks a img { width: 38.7em; height: 26.1em; }
#minorHomeLinks .photoTitle {
	position: absolute; left: 0; bottom: 0;
	font-size: 16px; height: 2em; line-height: 2em; width: 100%;
	color: white; font-weight: bold; text-align: left; text-indent: 0.7em;
	font-family: Verdana, Arial, sans-serif;
	opacity: 0.7; filter: alpha(opacity=70); background: black;
}

/* homeArticles */
.homeArticles { 
	width: 38.5em; border: 1px solid #c2c2c2; 
	background: white url(../images/bg_homearticle.png) left top repeat-x; 
}
.homeArticles .homeArticleTitle { 
	font-size: 16px; width: 22.8em; height: 3em; margin-bottom: 0.3em; margin-left: 1.25em;
	background-color: transparent; background-position: left top; background-repeat: no-repeat; 
}
.homeArticles .content { padding: 0 1.81em; }
.homeArticles ul, .homeArticles .more { font-size: 11px; }
.homeArticles .more {
	padding: 1.5em 1.8em 0.5em; text-align: right;
	background: transparent url(../images/bg_homearticle_bottom.png) left bottom repeat-x; 
}
.homeArticles .more a { text-decoration: underline; }

/* news */
#news { float: left; }
#news .homeArticleTitle { background-image: url(../images/bg_title_news.gif); }
#news ul { padding: 0 1.8em; }
#news ul li { margin-bottom: 0.43em; }
#news .timestamp, #news .all { font-weight: bold; color: #a90077; }
#news .timestamp { }
#news .tiny p { display: inline; }
#news .more a:hover { color: #d9659e; }

/* ratings */
#ratings { float: right; font-size: 10px; }
#ratings .homeArticleTitle { background-image: url(../images/bg_title_ratings.gif); }
#all #ratings .notice { margin: 0 1.66em 1em; }