#wrap {
	width: 902px;
	padding: 4px;
	margin: 0 auto;
	background-color: #fff;
}

#page {
	height: 19px;
	font-size: 16px;
	padding: 14px 0 10px 12px;
	background-color: #d1d1cb;
	border-bottom: 1px solid #BDBEC1;
}

#header, #header_page, #header_products, #header_empty {
  position: relative;
	width: 900px;
	border: 1px solid #bcbdc0;
}

#header img {
	position: absolute;
	left: 0;
	top: 0;
}

#header_empty {
	height: 297px;
}

#header, #header_page {
	height: 339px;
	background: #333;
}

#header-products, #header-products-small {
  position: absolute;
  top: 0;
  left: 0;
}

#header_products {
	heigth: 295px;
	overflow: hidden;
	border: 1px solid #eeeeee;
}

#header-products-small {
	width: 323px;
	height: 265px;
	margin: 12px;
}

#header-products-small img {
	visibility: hidden;
	border: 1px solid #e7e7e7;
}

#middle, #middle-index {
	float: left;
	width: 850px;
	font-size: 17px;
	color: #7d8186;
}

#middle {
	padding: 22px 0 16px 50px;
}

#middle-index {
	padding: 22px 0 2px 50px;
}

#middle a{
	color: #7d8186;
}

#content {
	float: left;
	width: 880px;
	padding: 35px 20px 31px 0;
	background: #7e8083;
	border: 1px solid #bfc0c1;
  cursor: default;
  min-height: 130px;
}

#content.relative {
	position: relative;
}

#content-nbp #content {
	padding: 35px 20px 0 0;
}

#content ul {
	margin-top: 10px;
}

#content li{
	list-style: none;
	margin-left: 14px;
}

.content-border, .content-border-noscroll {
	line-height: 18px;
	margin-left: 272px;
	border: 1px solid #bcbdc0;
}

.content-border-noscroll {
	padding: 10px;
}

#logo, #logo a {
	background: url(../images/logo_allibert.gif) no-repeat;
	float: left;
	width: 162px;
	height: 28px;
	text-indent: 162px;
	line-height: 28px;
	overflow: hidden;
}

#logo-lesprit {
	background: url(../images/logo_lesprit.gif) no-repeat;
	width: 75px;
	height: 56px;
	float: left;
}

#logo {
	margin: -6px 60px 0 0;
}

#logo-lesprit {
	margin: -20px 0 0 0;
}

/* MENU */
#menu {
  list-style: none;
  letter-spacing: -1px;
}

#menu li {
	font-size: 14px;
  float: left;
  margin: 0 0 0 30px;
  position: relative;
}

#menu li:first-child {
  margin: 0;
}

#menu li a {
  font-weight: regular;
}

#menu li a:hover {
  border-bottom: 1px solid #ff0000;
}

/* SUBMENU */
#middle .submenu {
	width: 149px;
	margin: 44px 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
}

#middle .submenu a {
	position: relative;
	clear:left;
	float:left;
	width: 155px;
  color: #bcbdc0;
  font-size: 11px;
  margin: 5px 0 5px 0;
}

#middle .submenu a:hover {
  color: #515255;
  border: none;
  text-decoration: none;
}

/* SPLASH MENU */
#splash-menu {
	width: 82px;
	margin: 0 auto;
}
#splash-menu a {
	display: block;
	width: 81px;
	padding: 4px 4px 6px 4px;
	margin-bottom: 12px;
	border: 1px solid #bec0c2;
	text-decoration: none;
	text-align: center;
	color: #bec0c2;
}

#splash-menu a:hover {
	border: 1px solid #f7f7f7;
	color: #fff;
}

/* SPLASH BROCHURES */

#splash-brochures {
	position: absolute;
	top: 96px;
	right: 40px;
}

#splash-brochures img {
	float: left;
}

#splash-brochures img.last {
	margin: 0 0 0 22px;
}

/* PRODUCTS MENU */

#products-holder {
	position: relative;
	overflow: hidden;
	height: 130px;
}

ul#products-list {
	position: relative;
	margin: 0;
}

#products-list li {
	position: relative;
	float: left;
	width: 140px;
	height: 100px;
	background: #E1E1E1;
	margin: 0 8px 0 0;
	border: 1px solid #BDBEC1;
	text-align: center;
	line-height: 100px;
	color: #666;
	font-size: 16px;
}

#products-list li:hover {
	line-height: 230px;
	color: #fff;
}

#products-list img {
	position: absolute;
	left: 0;
	top: 0;
	-moz-opacity: 0.25;
	opacity: 0.25;
	filter: alpha(opacity=25);
}

#products-list img:hover {
	-moz-opacity: 1.0;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

/* CAROUSEL */

.jcarousel-container {
	position: relative;
}

.jcarousel-next,
.jcarousel-prev {
  background: url(../images/carousel_next.png);
	position: absolute;
	right: 0;
	top: 37px;
	z-index: 10;
  width: 27px;
  height: 32px;
	display: block;
  cursor: pointer;
}

.jcarousel-prev {
	background: url(../images/carousel_prev.png);
  left: -1px;
}


/* PRODUCTS PAGE HEADER MARKUP */

#products-right {
	float: right;
	width: 530px;
	height: 283px;
	color: #AFB0B2;
	margin: 12px 12px 0 0;
	line-height: 18px;
}

.products-title {
	font-size: 12px;
	color: #808285;
	font-weight: bold;
}

div.products-title {
	margin-bottom: 10px;
}

div#icons {
	margin-top: 189px;
}

#icons img {
	float: left;
	margin-right: 20px;
	vertical-align: bottom;
}

span#icons img {
	margin-top: 27px;
}

#close a {
	float: right;
	width: 80px;
	margin: -12px 10px 0 0;
	padding-right: 18px;
	background: url(../images/icons/icon_close.gif) top right no-repeat;
	color: #ABACAE;
	font-size: 12px;
	text-indent: 5px;
	text-align: right;
	text-decoration: none;
}

#inner-right {
	float: right;
	width: 125px;
	height: 284px;
}

#inner-right img {
	margin-bottom: 12px;
}

#icon-webshop a {
	float: right;
	width: 33px;
	height: 25px;
	margin: 7px 14px 0 0;
	background: url(../images/icon_webshop.gif);
	text-indent: 33px;
	line-height: 25px;
	overflow: hidden;
}

#product-colors {
	float: left;
	width: 405px;
	list-style: none;
	margin: 28px 0;
}

.color-box, #codes {
	position: relative;
	float: left;
	margin: 20px 8px 8px 0;
	#margin-bottom: 0;
}

.color-box, #codes {
	position: relative;
	float: left;
	margin: 20px 8px 8px 0;
	#margin-bottom: 0;
}

#codes {
	width: 178px;
	height: 32px;
	margin-top: 17px;
}

#product-colors div {
	width: 200px;
}

.color-box a {
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	border: 1px solid #222;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	cursor: default;
}

li.color-box span {
	position: absolute;
	left: 0;
	top: -19px;
	width: 32px;
	height: 20px;
	color: #BCB0B2;
}

li.color-box a:hover span {
	overflow: visible;
	text-indent: 0;
}

li.color-box a span {
	overflow: hidden;
	text-indent: 32px;
}

/* CONTACT FORM MARKUP */

#content #form {
	margin-top: -34px;
	padding: 10px;
}

.content-left {
	float: left;
	width: 295px;
	display: inline;
}

.content-right {
	float: left;
	display: inline;
	width: 495px;
}

.content-left input, .content-right textarea, .content-right input {
	padding: 2px;
	margin-bottom: 4px;
	#margin-bottom: 2px;
	background-color: #d1d1cb;
	border: 1px solid #a0a1a2;
}

.content-left input {
	width: 280px;
}

.content-right textarea {
	width: 576px;
	height: 125px;
	#height: 128px;
	overflow: auto;
}

.content-right input {
	width: 582px;
	padding: 1px;
	text-transform: uppercase;
}

.content-right input:hover {
	background-color: #deded6;
}

/* WHITE HEADER */

#header_empty {
	font-weight: normal;
  color: #BCBDC0;
  line-height: 20px;
}

#header_empty .float {
	margin: 40px 0 20px 0;
	float: left;
	width: 180px;
	height: 200px;
}

#header_empty .title{
	line-height: 20px;
	font-weight: bold;
  color: #808285;
}

#header_empty .float img {
  margin: 0 0 11px 20px;
}

#header_empty a {
	font-weight: bold;
  color: #BCBDC0;
}

#header_empty a:hover {
  color: #8b8e95;
  text-decoration: none;
}

#webshop-link {
	margin-left: 179px;
}

#header_empty .float-big {
	float: left;
	width: 400px;
	padding-left: 50px;
}

#icon-pdf {
  margin: 10px 10px 0 0;
}

/* CONTENT SCROLLBAR */

#scroll-container {
	position: relative;
	height: 93px;
	overflow: hidden;
}

#content-scroll {
	position: absolute;
	top: 0;
	left: 0;
	width: 566px;
	clip: rect(0, 570px, 93px, 0);
	overflow: hidden;
	padding-bottom: 40px;
}

#track, #handle, #button-up, #button-down {
	position: absolute;
	right: 0;
	width: 16px;
	cursor: pointer;
}

#track {
	top: 7px;
	height: 80px;
	background: #7f8084;
}

#handle {
	top: 0;
	height: 36px;
	background: url(../images/scrollbar.gif) 0 -12px no-repeat;
}

#button-up {
	top: 0;
	height: 6px;
	background: url(../images/scrollbar.gif) 0 0 no-repeat;
}

#button-down {
	top: 86px;
	height: 6px;
	background: url(../images/scrollbar.gif) 0 -6px no-repeat;
}

.error_msg, .succes_msg {
	font-weight: bold;
	text-align: right;
	margin-right: -80px;
}

label {
	display: block;
	float: left;
	width: 160px;
}

#stores-table td {
  padding: 15px 20px 15px 0;
}
