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

/* banner */
#banner { padding: 1em; padding-bottom: 0 !important!; }
#siteLogo { float: left; }
#siteLogo a, #siteLogo a img { display: inline-block; height: 9.4em; }
#siteLogo strong {
	display: none; text-indent: -9000px; /* display: block; text-indent: 0.3em; */
	font-size: 14px; margin-top: 0.4em; letter-spacing: 1px;
}
#siteLogo .onTv { display: inline-block; margin-left: 1em; vertical-align: top; }
/* siteInfos */
#siteInfos { float: right; width: 45em; }
/* contact */
#contact { float: left; }
#contact .phoneNumber { 
	padding: 0.5em 1.5em 0.2em; font-size: 16px; font-weight: bold; text-align: center;
	background: transparent url(../images/icon_contact.gif) left center no-repeat; 
}
#contact .contact { margin-top: 0.2em; text-align: center; }
#contact .contact a { font-size: 11px; color: #a98011; font-weight: bold; }
/* userPanel */
#siteInfos #userPanel { 
	float: right; width: 20em; font-size: 11px; text-align: center;
	border: 1px solid #b9b8b8; background-color: white; 
}
#userPanel .connection a {
	display: block; font-weight: bold;
	text-decoration: underline; color: white; background-color: black;
	padding: 0.7em 0;
}
#userPanel .connection a:hover { background-color: #555; }
#userPanel .subscription a { display: block; text-decoration: underline; }
#userPanel .subscription a:hover { color: #b3860d; }
/* cart */
#cart { 
	display: block; padding: 1.25em 0.5em 1.25em 2.5em; text-align: left;
	background: transparent url(../images/icon_cart.gif) 0.5em center no-repeat; 
}
#cart .cartAccess { text-decoration: underline; }
#cart:hover { text-decoration: none; color: #a98011; }
#cart #cartArticle { margin-left: 1em; }
#cart .price { margin-left: 1em; font-weight: bold; }

/* horizontalMenu */
#horizontalMenu { 
	float: left; width: 100%; 
	background: #272727 url(../images/bg_nav.png) left top repeat-x; }
#horizontalMenu li { float: left; }
#horizontalMenu li a { 
	display: block; padding: 0.6em 3.16em; font-size: 12px; font-weight: bold;
	border-left: 2px solid #5e5e5e; color: white; 
}
#horizontalMenu li.first a { border: none }
#horizontalMenu li a:hover { 
	text-decoration: none;
	background: #333333 url(../images/bg_nav_hover.png) left top repeat-x; 
}
#horizontalMenu li.active a, #horizontalMenu li.active a:hover { 
	cursor: default;
	background: #76591f url(../images/bg_nav_active.png) left top repeat-x; 
}
/* brandsLink */
#brandsLink { position: relative; z-index: 20; }
#brandsLink a.main { padding: 0.6em 0; }
#brandsLink a.main span {
	display: block; padding: 0 3.16em;
	background: transparent url(../images/icon_open_white.gif) 2em center no-repeat;
}
#brandsLink:hover .allBrandsMenu { display: block; }
#brandsLink .allBrandsMenu { 
	position: absolute; left: 0; top: 2.9em; z-index: 20; display: none; width: 73.5em; 
	padding: 1.3em 2.4em 2.5em; border: 1px solid #7d7d7d; background-color: white; 
}
#brandsLink .allBrandsMenu .brandsMenuTitle { 
	margin-bottom: 1em; font-size: 14px; color: #b3860d; 
}
#brandsLink .allBrandsMenu ol { 
	float: left; width: 13.7em; margin-right: 1em;
}
#brandsLink .allBrandsMenu li { float: none; display: block; }
#brandsLink .allBrandsMenu .heading {
	margin-top: 1em; font-size: 120%; font-weight: bold; text-transform: uppercase;
	height: 16px; line-height: 16px; padding: 0.5em 20px; background: transparent none left center no-repeat;
	border-top: 1px dotted #ccc;
}
#brandsLink .allBrandsMenu .heading.first { margin-top: 0; font-size: 120%; font-weight: bold; border-top: none; }
#brandsLink .allBrandsMenu .heading.men { background-image: url(../images/bg_brandsmenu_men.png); }
#brandsLink .allBrandsMenu .heading.women { background-image: url(../images/bg_brandsmenu_women.png); }
#brandsLink .allBrandsMenu .heading.accessories { background-image: url(../images/bg_brandsmenu_accessories.png); }
#all #brandsLink .allBrandsMenu li a { 
	display: block; padding: 0; width: 11.41em; font-weight: normal;
	border: none; color: black; background: none; background: white; cursor: pointer;
}
#all #brandsLink .allBrandsMenu li a:hover { background: #ddd; }
#all #brandsLink .allBrandsMenu li.active a, #brandsLink .allBrandsMenu li.active a:hover { 
	position: relative; left: -0.7em; padding-left: 0.7em; cursor: default; color: #b3860d; 
	background: transparent url(../images/icon_activebrand.gif) left center no-repeat; 
}