/* C-mod - HOMEPAGE */


/* pageLeft */
#contentCenter div .women, #contentCenter div .men { width: 7em; height: 7em; }
#contentCenter div .women { background-image: url(../images/icon_women.gif); }
#contentCenter div .men { background-image: url(../images/icon_men.gif); }
#contentCenter div .topLeft { background-image: url(../images/corner_contentCenter_tl.gif); }
#contentCenter div .bottomLeft { background-image: url(../images/corner_contentCenter_bl.gif); }
#contentCenter div .bottomRight { background-image: url(../images/corner_contentCenter_br.gif); }

/* newProduct */
#pageLeft .newProduct a { 
	display: block; position: relative; width: 59.6em; height: 24.3em; margin-bottom: 1em;
	font-size: 10px; border: 1px solid #59595b; 
}
#pageLeft .newProduct a img { width: 59.6em; height: 24.3em; }

/* topProduct */
#pageLeft .topProduct { margin-bottom: 2.5em; font-size: 10px; }
#pageLeft .topProduct h2 { 
	height: 1.8em; margin: 1.5em 0;
	background: black url(../images/bg_top_product_title.png) no-repeat 50% 50%; 
}
#pageLeft .topProduct a { 
	position: relative; float: left; display: inline; width: 16.8em; height: 16.8em; margin-left: 4.35em;
	font-size: 10px; border: 1px solid #59595b; 
}
#pageLeft .topProduct .first { margin: 0; }
#pageLeft .topProduct a img { width: 16.8em; height: 16.8em; }

/* newsWeek & bombsWeek */
#pageLeft .newsWeek, #pageLeft .bombsWeek { position: relative; width: 25.5em; }
#pageLeft .newsWeek { 
	float: left;
	background: transparent url(../images/bg_newsweek_bottom.png) repeat-x left bottom; 
}
#pageLeft  .bombsWeek { 
	float: right;
	background: transparent url(../images/bg_bombsweek_bottom.png) repeat-x left bottom; 
}
#pageLeft .newsWeek .title, #pageLeft .bombsWeek .title { position: relative; width: 100%; height: 4.6em; font-size: 10px; }
#pageLeft .newsWeek .title { background: transparent url(../images/bg_newsweek_title.png) repeat-x left top; }
#pageLeft  .bombsWeek .title { background: transparent url(../images/bg_bombsweek_title.png) repeat-x left top; }
#pageLeft .newsWeek .title .name, #pageLeft  .bombsWeek .title .name { 
	position: absolute; left: 0.5em; top: 0; z-index: 0; width: 23em; height: 5.9em; 
}
#pageLeft .newsWeek .title .name { background: transparent url(../images/bg_newsweek_title_name.png) no-repeat left top; }
#pageLeft .bombsWeek .title .name { background: transparent url(../images/bg_bombsweek_title_name.png) no-repeat left top; }

#pageLeft .newsWeek .topLeft { background-image: url(../images/corner_newsweek_tl.png); z-index: 1; }
#pageLeft .newsWeek .topRight { background-image: url(../images/corner_newsweek_tr.png); z-index: 1; }
#pageLeft .newsWeek .bottomLeft { background-image: url(../images/corner_newsweek_bl.png); z-index: 1; }
#pageLeft .newsWeek .bottomRight { background-image: url(../images/corner_newsweek_br.png); z-index: 1; }
#pageLeft .bombsWeek .topLeft { background-image: url(../images/corner_bombsweek_tl.png); z-index: 1; }
#pageLeft .bombsWeek .topRight { background-image: url(../images/corner_bombsweek_tr.png); z-index: 1; }
#pageLeft .bombsWeek .bottomLeft { background-image: url(../images/corner_bombsweek_bl.png); z-index: 1; }
#pageLeft .bombsWeek .bottomRight { background-image: url(../images/corner_bombsweek_br.png); z-index: 1; }

#pageLeft .newsWeek .more, #pageLeft  .bombsWeek .more { 
	display: block; padding: 1em 1em 1em 0; text-align: right; text-decoration: underline; 
	color: #D6D6D6;
}
#pageLeft .newsWeek .more:hover, #pageLeft  .bombsWeek .more:hover { color: white;}

/* Ventes flash */

.flashSale {
  margin: 1em auto; color: white; width: 595px;
  background: transparent none bottom left no-repeat;
  border: 1px solid gray;
}
.flashSale img { display: block; margin: 0 auto; }
.flashSale div.fsContent { position: relative; padding: 0.8em; font-size: 1.2em; }
.flashSale h2 { margin-bottom: 0.75em; font-weight: bold; text-transform: uppercase; }
.flashSale p.timeRange {
  position: absolute; top: 1em; right: 1em; background: black; font-weight: bold; padding: 0.1em 0.2em;
}
.flashSale p.countDown { font-size: 1.2em; margin: 0.5em 0; text-align: center; }
.flashSale p.countDown .timer { font-weight: bold; padding-left: 1.5em; }
.flashSale p.go a { display: block; margin: 0 auto; width: 14.5em; height: 2.5em; line-height: 2.5em;
  text-align: center; font-size: 10px; font-weight: bold; color: white; text-transform: uppercase;
  background: transparent url(../images/img_btn_flash_sale_access.png) center center no-repeat;
  border: 1px solid #666;
}
