* { margin: 0; padding: 0; }
html, body { height: 100%; }
html { overflow-y: scroll; }
body { font: 14px Georgia,serif; text-align: center; color: #000;
	background: #000 url(../_img/bg.jpg) repeat-y center top; }
a { color: #000; }
img { border: none; }
p { margin-top: 1em; }
table { border-collapse: collapse; }

#page { width: 800px; height: 100%; position: relative;
	margin: 0 auto; text-align: left;
	background: #FFFAEB url(../_img/bg.jpg) repeat-y center top; }
#page2 { min-height: 100%; position: relative; }

#header { width: 582px; height: 127px; position: relative; }
#header span { visibility: hidden; }
#header a { width: 300px; height: 80px;
	position: absolute; top: 0; left: 15px;
	text-decoration: none; }

#error, #notice { width: 570px; padding: 5px 10px; margin-bottom: 20px; font-weight: bold; }
#error { background: #FBB; border: 2px solid #F00; }
/*#notice { background: #BFB; border: 2px solid #390; }*/
#notice { background: #D4C8C9; border: 2px solid #2A003F; }

#content { padding: 25px 15px 55px 15px; }
#content h2 { width: 595px; text-align: center; }
#content h3 { margin-top: 1em; }
#content h2 img { display: block; margin: 0 auto; }
#content ul { margin-top: 1em; }
#content li { margin: 0em 2em; }

#progress { background: url(../_img/line_gradient.png) no-repeat bottom left; }
#progress div { 
	padding: 1px 15px;
	background: url(../_img/line_gradient.png) no-repeat top left; }
#progress div div { padding: 0; background: #FFFAEB;
	line-height: 20px; font-size: 15px; }
#progress a { white-space: nowrap; text-decoration: none; }
#progress img { vertical-align: text-top; }
#progress .step { height: 20px; }
#progress .enabled .step { background-position: 0 0; }
#progress .disabled .step { background-position: 0 -20px; }
#progress .marker { width: 8px; height: 20px; background: url(../_img/step_marker.png); }
#progress .enabled .marker { background-position: 0 0; }
#progress .disabled .marker { background-position: 0 -20px; }
#progress .num { width: 20px; height: 20px; background: url(../_img/step_numbers.png); }
#progress .enabled .num1 { background-position: 0 0; }
#progress .enabled .num2 { background-position: -20px 0; }
#progress .enabled .num3 { background-position: -40px 0; }
#progress .enabled .num4 { background-position: -60px 0; }
#progress .enabled .num5 { background-position: -80px 0; }
#progress .enabled .num6 { background-position: -100px 0; }
#progress .enabled .num7 { background-position: -120px 0; }
#progress .enabled .num8 { background-position: -140px 0; }
#progress .enabled .num9 { background-position: -160px 0; }
#progress .disabled .num1 { background-position: 0 -20px; }
#progress .disabled .num2 { background-position: -20px -20px; }
#progress .disabled .num3 { background-position: -40px -20px; }
#progress .disabled .num4 { background-position: -60px -20px; }
#progress .disabled .num5 { background-position: -80px -20px; }
#progress .disabled .num6 { background-position: -100px -20px; }
#progress .disabled .num7 { background-position: -120px -20px; }
#progress .disabled .num8 { background-position: -140px -20px; }
#progress .disabled .num9 { background-position: -160px -20px; }

#footer { height: 15px; position: relative;
	margin-top: -15px; font-size: 10px;
	background: url(../_img/line_gradient.png) repeat-y; }
#footer div { padding: 2px 15px; }


#nav { width: 180px; height: 200px; float: right;
	font-size: 13px;
	background: url(../_img/nav_bg.png) no-repeat 0 0; }
#nav a { text-decoration: none; }
#lang { width: 180px; height: 23px; position: relative;
	list-style-type: none; visibility: hidden; }
#lang li a { height: 18px; position: absolute; bottom: 0;
	background-position: 0 0; background-repeat: no-repeat; }
#lang li span.no_img { display: block; visibility: hidden; }
#lang li span.img { display: block; width: 0px; height: 18px;
	position: absolute; bottom: 0; right: 0;
	background: url(../_img/lang_titles.png) no-repeat 0 0; }
#lang li.txt a { width: 61px; right: 87px;
	background: url(../_img/lang_titles.png) no-repeat 0 0; }
#lang li.fr a { width: 26px; right: 51px;
	background: url(../_img/lang_flags.png) no-repeat 0 0; }
#lang li.it a { width: 26px; right: 15px;
	background: url(../_img/lang_flags.png) no-repeat -26px 0; }
#lang li.fr a:hover { background-position: 0 -18px; }
#lang li.it a:hover { background-position: -26px -18px; }
#lang li.fr a:hover span.img { width: 61px; right: 36px;
	background-position: 0 -18px; }
#lang li.it a:hover span.img { width: 61px; right: 72px;
	background-position: 0 -36px; }
	
#links { width: 180px; height: 145px;
	position: relative; margin-top: 15px;
	list-style-type: none;
	background: url(../_img/nav_links.png) no-repeat 0 0; }
#nav ul.catalog { background-position: -180px 0; }
#nav ul.bio { background-position: -360px 0; }
#nav ul.customerservice { background-position: -540px 0; }
#nav ul.press { background-position: -720px 0; }
#nav ul.bag { background-position: -900px 0; }

#links li span { visibility: hidden; }
#links li a { width: 180px; height: 33px; position: absolute; left: 0;
	background: url(../_img/nav_hover.png) no-repeat 0 0; }

#links li.catalog a { top: 0; }
#links li.bio a { top: 28px; }
#links li.customerservice a { top: 56px; }
#links li.press a { top: 84px; }
#links li.bag a { top: 112px; }

#links li.catalog a:hover { background-position: -180px 0; }
#links li.bio a:hover { background-position: -180px -33px; }
#links li.customerservice a:hover { background-position: -180px -66px; }
#links li.press a:hover { background-position: -180px -99px; }
#links li.bag a:hover { background-position: -180px -132px; }

#nav ul.bio li.catalog a:hover { background-position: -360px 0; }
#nav ul.customerservice li.bio a:hover { background-position: -360px -33px; }
#nav ul.press li.customerservice a:hover { background-position: -360px -66px; }
#nav ul.bag li.press a:hover { background-position: -360px -99px; }

#count_bag { line-height: 1; position: relative; padding-right: 10px;
	text-align: right; font-style: italic; }

.shadow {
	float:left; position: relative;
	display: block; padding: 0 1px;
	background: #BFBBB0;
	border: 1px solid #EAE5D8; border-width: 0 1px; }
.shadow img {
	display: block; padding-bottom: 4px;
	background: url(../_img/shadow_bot.gif) repeat-x bottom left; }
.shadow .tl, .shadow .tr {
	position: absolute; top: 0;
	display: block; width: 2px; height: 4px;
}
.shadow .bl, .shadow .br {
	position: absolute; bottom: 0;
	display: block; width: 4px; height: 4px;
}
.shadow .tl {
	left: -1px; background: url(../_img/shadow_tl.gif) no-repeat top left; }
.shadow .tr {
	right: -1px; background: url(../_img/shadow_tr.gif) no-repeat top right; }
.shadow .bl {
	left: -1px; background: url(../_img/shadow_bl.gif) no-repeat bottom left; }
.shadow .br {
	right: -1px; background: url(../_img/shadow_br.gif) no-repeat bottom right; }
	
br.clear { display: block; height: 0; line-height: 0; clear: both; }