/*
 * Urban locker - 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.
 */

/* pageTitle */
h1.pageTitle { font-size: 20px; margin-bottom: 0.5em; color: #282828; }

#activContent .banner { margin-bottom: 1em; text-align: center; }

#pageTitleContainer { 
	position: relative; width: 100%; margin-bottom: 2em; height: 9.5em;
}
#pageTitleContainer .description {
	height: 7.5em; padding: 1em; color: white; overflow: hidden; width: 46.5em;
	background: black url(../images/category_bg_text.png) right bottom no-repeat; 
}
#pageTitleContainer .pageTitle {
	font-size: 18px; margin: 0; color: white;
}
#pageTitleContainer .pageImage {
	position: absolute; top: 0; right: 0; text-align: center; line-height: 9.5em;
	width: 29.5em; height: 100%; background: white none center center no-repeat;
}
#pageTitleContainer .pageImage.withBack { background-color: black; }
#pageTitleContainer .pageImage .left {
	position: absolute; left: 0; top: 0; width: 3.8em; height: 100%;
	background: transparent url(../images/category_bg_left.png) left bottom no-repeat;
}
#pageTitleContainer .pageImage .right {
	position: absolute; right: 0; top: 0; width: 5.2em; height: 100%;
	background: transparent url(../images/category_bg_right.png) left center no-repeat;
}
#pageTitleContainer .pageDescription { font-size: 11px; margin-top: 0.5em; }
#pageTitleContainer .pageDescription a { color: white; text-decoration: underline; }
#pageTitleContainer .pageDescription a:hover { color: #ccc; }
/* goToUp */
.goToUp { 
	padding-left: 1.2em; text-decoration: underline; color: #a98011;
	background: transparent url(../images/icon_gotoup.gif) left 0.6em no-repeat;
}
.goToUp:hover { color: #E1BA53; }

/* corners */
.topLeft, .topRight, .bottomLeft, .bottomRight { 
	position: absolute; z-index: 2; width: 2em; height: 2em; font-size: 10px; 
	background-color: transparent; background-repeat: no-repeat; 
}
.topLeft { left: 0; top: 0; background-position: left top; background-image: url(../images/corner_tl.png); }
.topRight { right: 0; top: 0; background-position: right top; background-image: url(../images/corner_tr.png); }
.bottomLeft{ left: 0; bottom: 0; background-position: left bottom; background-image: url(../images/corner_bl.png); }
.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.gif); }
.border .topRight { right: -1px; top: -1px; background-image: url(../images/corner_border_tr.gif); }
.border .bottomLeft { left: -1px; bottom: -1px; background-image: url(../images/corner_border_bl.gif); }
.border .bottomRight { right: -1px; bottom: -1px; background-image: url(../images/corner_border_br.gif); }
.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: 1.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: #a98011; }
#location ul .active { font-weight: bold; color: #a98011; }

/* pagination */
.paginationContainer { font-size: 12px; padding: 0.3em 0 0.5em; }
.paginationContainer .count { float: left; font-weight: bold; }
.paginationContainer .count a {
	display: inline-block; font-weight: normal; font-size: 11px;
	margin-right: 1em; padding-left: 1.5em; color: #44474b;
	background: transparent url(../images/search_advanced_remove_icon.png) left center no-repeat;
}
.paginationContainer .count a:hover { text-decoration: line-through; }
.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: #a98011; }
.pagination .current, .pagination .current:hover { text-decoration: none; font-weight: bold; }

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

/* productTabsContainer */
.productTabsContainer { float: left; width: 81%; padding: 3em 6% 2em; border: 1px solid #d0d0d0; }

/* 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 { margin: 2em 0 0; }
#recentProductVisits p.title { font-size: 12px; font-weight: bold; margin-bottom: 0.5em; }
#recentProductVisits ol { margin: 0; padding: 0; list-style-type: none; }
#recentProductVisits li { float: left; margin-right: 0.5em; }
#recentProductVisits a { display: block; border: 1px solid #ccc; }
#recentProductVisits a img { vertical-align: top; width: 7em; height: 7em; }
#recentProductVisits a:hover { border-color: #44474b; }