/*
 * ITEMS
 *
 * @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.
 */

/* firstBlock */
div#all .firstBlock { margin-left: 0; clear: both; }

/* pageTitle */
h1.pageTitle { font-size: 20px; color: #282828; }
#activContent .banner { margin-bottom: 1em; text-align: center; }
#pageTitleContainer { position: relative; }
#pageTitleContainer .federation {
  position: absolute; right: 2.1em; top: -35px;
}

/* goToUp */
.goToUp { 
	margin-top: 2em; padding-left: 1.2em; text-decoration: underline; color: #a98011;
	background: transparent url(../images/icon_gotoup.gif) left 0.6em no-repeat;
}
.goToUp a:hover { color: #999999; }

/* corners */
.topLeft, .topRight, .bottomLeft, .bottomRight { 
	position: absolute; z-index: 2; width: 2em; height: 2em; font-size: 10px; 
	background-color: transparent; background-repeat: no-repeat; 
}
#all .noBorder .topLeft, .topLeft { left: 0; top: 0; background-position: left top; background-image: url(../images/corner_tl.png); }
#all .noBorder .topRight, .topRight { right: 0; top: 0; background-position: right top; background-image: url(../images/corner_tr.png); }
#all .noBorder .bottomLeft, .bottomLeft{ left: 0; bottom: 0; background-position: left bottom; background-image: url(../images/corner_bl.png); }
#all .noBorder .bottomRight, .bottomRight { right: 0; bottom: 0; background-position: right bottom; background-image: url(../images/corner_br.png); }
.border .topLeft { left: -1px; top: -1px; background-image: url(../images/corner_border_tl.png); }
.border .topRight { right: -1px; top: -1px; background-image: url(../images/corner_border_tr.png); }
.border .bottomLeft { left: -1px; bottom: -1px; background-image: url(../images/corner_border_bl.png); }
.border .bottomRight { right: -1px; bottom: -1px; background-image: url(../images/corner_border_br.png); }
.largeBorder .topLeft { left: -3px; top: -3px; }
.largeBorder .topRight { right: -3px; top: -3px; }
.largeBorder .bottomLeft { left: -3px; bottom: -3px; }
.largeBorder .bottomRight { right: -3px; bottom: -3px; }

/* location */
#location { width: 100%; margin-bottom: 3.5em; font-size: 11px; color: #black; }
#location p, #location ul, #location ul li { display: inline; }
#location p { font-weight: bold; }
#location a { text-decoration: underline; color: black; }
#location a:hover { color: #7a0817; }
#location ul .active { font-weight: bold; color: #bc142b; }

/* pagination */
.paginationContainer { font-size: 12px; padding: 0.3em 0 0.5em; }
.paginationContainer .count { float: left; }
.pagination { float: right; }
.pagination a { text-decoration: underline; color: #44474b; font-weight: bold; }
.pagination .disabled { text-decoration: none; color: #b3b3b3; }
.pagination .disabled, .pagination .current { cursor: default; }
.pagination a, .pagination span { float: left; padding: 0 0.4em; }
.pagination a:hover { color: #AC0305; }
.pagination .current, .pagination .current:hover { text-decoration: none; font-weight: bold; }

/* productTabs */
.productTabs { margin-top: 4em; }
/* tabsContent */
.tabsContainer { float: left; position: relative; bottom: -1px; width: 100%; }
.tabsContainer li { float: left; width: 16.9em; }
.tabsContainer a { 
	display: block; position: relative; width: 98%; padding: 0.4em 0;
	font-size: 12px; font-weight: bold; text-align: center; color: black; background-color: #d9d9d9; 
}
.tabsContainer a:hover { text-decoration: underline; }
.tabsContainer a.active { 
	width: 97%; cursor: default; border: 1px solid #d0d0d0; border-bottom: none; 
	color: #bc142b; background: white url(../images/bg_tab_activ.png) repeat-x left top;
}
.tabsContainer a.active:hover { text-decoration: none; }
.tabsContainer .active .topLeft { left: -1px; top: -1px; background-image: url(../images/corner_border_tl.png); }
.tabsContainer .active .topRight { right: -1px; top: -1px; background-image: url(../images/corner_border_tr.png); }
.tabsContainer .active .bottomLeft { left: -1px; bottom: -1px; background-image: url(../images/corner_border_bl.png); }
.tabsContainer .active .bottomRight { right: -1px; bottom: -1px; background-image: url(../images/corner_border_br.png); }


/* productTabsContainer */
.productTabsContainer { float: left; width: 100%; padding: 3em 0 2em; border: 1px solid #d0d0d0; }
.productTabsContainer div.tabs { padding: 0 2em; }

/* ratings */
.ratings { font-size: 12px; width: 35em; }
.ratings ul { padding-bottom: 1.5em; }
.ratings ul li { padding: 0.5em 0; border-top: 1px dotted black; }
.ratings ul li.first { padding-top: 0; border-top: none; }
.ratings .author, .ratings .toggle, .ratings .all { font-weight: bold; color: #a98011; }
.ratings .timestamp { color: #555454; }
.ratings ul li .reply { padding: 0.5em 1.5em; margin: 0.5em 0; background-color: #eee; }
.ratings ul li .reply .author { color: black; }
.ratings .toggle { float: left; }
.ratings .more a:hover { color: #775805; }
.ratings .formButton { text-align: center; }
.ratings .formButton input {
	font-size: 11px; width: 7.28em; height: 2em; font-weight: bold;
	display: inline-block; border: none; color: white;
	background: transparent url(../images/img_btn_submit.gif) left top no-repeat;
}
.ratings .formButton input:hover { background-image: url(../images/img_btn_submit_hover.gif); }

/* rating form */
.ratings .title { font-weight: bold; padding-bottom: 1em; }
.ratings .title a { text-decoration: underline; }
.ratings .title a:hover { color: #a98011; }
.ratings form.content p { font-size: 11px; margin-bottom: 0.3em; }
.ratings form.content textarea { font-size: 11px; background: white; color: black; width: 100%; height: 6.4em; }
.ratings form.content textarea:focus { background-color: #ffd; border-color: #aaa; }

#allRatings { margin: 1em 0; }
#allRatings ul li { padding: 1em 0; }

/* recentProductVisits */
#recentProductVisits { position: relative; width: 95%; padding: 1em 2% 2.4em; border: 1px solid #DDDCDC; }
#recentProductVisits .leftTitle { font-size: 12px; font-weight: bold; margin: 0 0 1.5em 0.5em; }
#recentProductVisits ol { float: left; }
#recentProductVisits li { float: left; margin: 0 0 0.5em 0.45em; }
#recentProductVisits a { 
	display: block; border-right: 1px solid #BABABA; border-bottom: 1px solid #BABABA; 
	border-left: 1px solid #F4F4F4; border-top: 1px solid #F4F4F4;
}
#recentProductVisits a:hover { border: 1px solid #999; }
#recentProductVisits a img { display: block; width: 5em; height: 5em; vertical-align: middle; }

#all table.sizeConversion { margin: 0 auto; border: none; }
#all table.sizeConversion td, #all table.sizeConversion th {
  font-size: 11px; border: none; border-right: 1px solid #737375; color: white;
  background: #6c6c6c url(/images/bg_sizegrid_kimono.png) top left repeat-x;
  height: 4em; vertical-align: center; text-align: center; padding: 0 0.5em;
}
#all table.sizeConversion th { font-weight: bold; text-transform: uppercase; }
#all table.sizeConversion .top th, #all table.sizeConversion .top td {
  background: #d7d6d6 url(/images/bg_sizegrid_person.png) top left repeat-x; color: black;
  border-right: 1px solid #c4c4c5; border-bottom: 1px solid white;
}
#all table.sizeConversion .top th {  color: #4b4b4b; }
#all table.sizeConversion td.last { border-right: none; }

#discountNotice { margin-bottom: 1em; padding: 1em; font-size: 200%; border: 1px solid #aaa; background: #eee; text-align: center; }
#discountNotice span { display: block; font-size: 80%; color: #666; }