/*
	© Marc Diethelm, boo@chic-happens.ch
	all rights reserved
*/

/* Document */
html body {margin:0; padding:0;
}
html {width:100%; background-color:#e6dbcb;
}
body {width:100%; color:#201000;
}
* {
	font-family:		Verdana,Arial,Helvetica,sans-serif;/*AvantGarde Bk BT*/
	font-size:			10px;
	color:				inherit;
}
p {margin:10px 0 10px 0;
}
.box.bg img {border:1px solid #000000;/*behavior: 			url("images/pngbehavior/pngbehavior.htc");*/
}
.alpha {behavior: url("images/pngbehavior/pngbehavior.htc");
}
img.nav {margin:5px 0 5px 0;
}
form {margin:0;
}
input, textarea {font-size:11px; border:1px inset #554444; background-color:#f8f0e2;
}
input[type=submit], input[type=button], input[type=reset] {border-style:outset; background-color:#e0d0c2;
}
.check, .radio {border:none;/*input[type=checkbox] doesn't work in IE*/
}
ul {list-style-type:disc; padding-left:16px; margin:0;
}
li {line-height:140%;
}

/***********************/
/* Text, Titles */
.b {font-weight:bold; /* bad style!! */
}
.size0 {font-size:0em;
}
.credits {position:relative; top:4px;
}
.t {display:block; font-weight:bold;
}
.t1 {display:block; font-weight:bold; margin-bottom:12px;
}
.t2 {display:block; font-weight:bold; margin-bottom:11px;
}
.t3 {display:block; font-weight:bold; margin-bottom:11px; color:#890000;
}
.error {color:#cc0000;
}
.warning {color:#b60000;
}
/***********************/

/* Blocks */
.box {
	position:			absolute;
	padding:			11px;
	border:				1px solid #999999;
}
.float-r {position:relative; top:4px; float:right; border:1px solid #504444; margin:0px 0 5px 15px;
}
.float-l {position:relative; top:4px; float:left; border:1px solid #504444; margin:0px 15px 5px 0px;
}
/***********************/

/* INDEX */
#index .notification {
	visibility:hidden; position:absolute; top:40px; width:100%; text-align:center; background-color:#f6ebdb; cursor:pointer;
}
#index #audio-blocked { top:40px; }
#index #cookies-disabled { top:55px; }

#index #welcome-box {
	position: absolute;
	top:	90px; 		left:	180px;
	width:				302px;
	padding:			5px 7px 5px 7px;
}
#index #welcome-txt {font-weight:bold;
}
#index #welcome-img {margin:5px 0 5px 0; border:1px solid #887777;
}
#index #welcome-link-box {position:absolute; top: 282px; left: 20px; display:block; width:100%; cursor:pointer; /* IE Hack */
}
#index #welcome-link-img {margin-top:1px; border:none;
}
#index #hip {position: absolute; top:220px; left: 521px;
}
#index #specials {
	top:	340px;		left:	520px;
	width:				268px; /* IE hack*/
	max-width:			250px; /* IE hack*/
	padding:			8px;
	letter-spacing: 6px;
	cursor: pointer;
}
#index #specials-title {font-size:larger;
}
.box-link-right {text-align:right;
}
#index .box-link-right {font-weight:bold;
}
#index #box-last-update {
	position:			absolute;
	width:				100%;
	padding:			1px 0 1px 0;
	border-bottom:		1px solid #aaaaaa;
	text-align:			right;
	letter-spacing:		.5px;
	background-color:	#ccbbbb;
	color:				#e0dddd;
}
#index #box-last-update a {
	color:				#e0dddd;
	text-decoration:	none;
	margin-right:		10px;

}
#index #photo-credits {
	position:			absolute;
	bottom:	0;			width:	100%;
	padding:			4px 0 5px 0;
	border-top:			1px solid #888888;
	background-color:	#bbaaaa;
	color:				#e0dddd;
	text-align:	center;	letter-spacing:	.5px;
}
/***********************/

/* MAIN */
#main #big-box {height:790px;
}
#main #chic-label {margin:0 0 1px 0; border:none;
}
#main #ml-box {
	display:			none;
	background-color:	#e5d5b2;
	border:				1px solid #887777;
	width:				222px;
	max-width:			220px; /* IE doesn't know max-width */
	padding-top:		1px;
	padding-bottom:		2px;
	margin-top:			8px;
	margin-bottom:		9px;
}
#main #ml-info-box {
	width:				222px; /* IE Hack*/
	max-width:			212px; /* IE doesn't know max-width */
	padding:			5px;
	background-color:	#e0d5b2;
	margin:				-1px 0 11px 0;
}
#main #ml-confirm-box {
	position:			absolute;
	top:				39px;
	width:				218px;
	padding:			2px;
	z-index:			90;
	background-color:	#e6cdaa;
}
#main #ml-box input.txt  {
	font-size:			10px; /* is inconsistent with other inputs*/
	width:				107px;
}
#ml-input-website {width:216px;
}
#main #styler-box {top:180px; left:25px;
}
#main #styler-box .titlebar {width:130px;
}
#main #special-box {
	top:	155px;		left:	255px;
	width:	240px;
	padding:			8px;
	z-index:20;
	/*background:			url(../images/bg_alpha_blk33.png);*/
	background-color:	#9c948d;
	color:				#fef8f0;
	border-color:		#796959;
}
#main #special-box .t1 {margin-bottom:0;
}
#main #special-box a {color:#f9a35f;
}
#main #box-news {
	width:340px; height:193px; left:0;top:330px; overflow:auto;
}
#main #box-news .titlebar {margin-bottom:12px; width:303px; min-width:323px; background-color:#e8d8b6;
}
#main #box-news .news-link {display:block; padding-top:6px;
}
#main #disclaimer-box {top:688px; width:auto;
}
#main #standards-icons {position:absolute; top:710px; left:240px;
}
#main #standards-icons img {margin-top:3px;
}
#main #standards-icons #ff-slogan {position:relative; top:-4px;left:0px;
}
/***********************/
#fashion #big-box {height:1050px;
}
#fashion #content-box p {width:600px;
}
#fashion #content-box .hr {width:640px;
}/*
#fashion #content-box .t {margin-top:13px;
}
#fashion #pics div {position:absolute;
}
#fashion #pics div.right {left:313px;
}
#fashion #pics {position:absolute; top:534px;
}
#fashion #pics #row2 {top:246px;
}*/
#fashion #mialaret {top:260px; width:222px;
}
#fashion #disclaimer-box {top:650px;
}
/***********************/
#collections #content-box img {float:left; margin: 0 20px 0 0;
}
#collections #disclaimer-box {top:650px;
}
/***********************/
#couture #content-box p {width:600px;
}
#couture #content-box .hr {width:640px;
}
#couture #report {position:absolute; top:225px; left:12px; padding-left:3px;
}
#couture #report div.hr {width:222px; margin-left:-3px;
}
#couture #pics {width:162px; left:467px; margin-top:30px;
}
#couture #pics img {margin-bottom:5px;
}
#couture #disclaimer-box {top:850px;
}
/***********************/
#beach #content-box div {position:absolute;
}
#casual #content-box {left:0; width:943px;
}
#casual #content-box div {position:inherit;
}
/***********************/
#bedroom-00 #sponsor-box {top:220px; right:15px; padding:8px;
}
/***********************/
#c2w-video-01 #video-box {
	top:140px;			left:330px;
	width:240px;		padding:8px;
}
#c2w-video-02 #video-box {
	top:100px;			left:360px;
	width:180px;		padding:8px;
}
/***********************/
#shop #content-box {width:495px;
}
#shop .t2 {color:#890000;
}
#shop #map {top:340px; left:23px; width:191px; padding:5px;
}
#shop #eft-box {top:260px; left:11px; padding:2px 2px 0 2px; background-color:#F1E4C6;
}
#shop #eft-box img {margin:0px 6px 0px 6px; padding:0px; border:none;
}
#shop #eft-box img#maestro {padding:8px 0px 8px 0px;
}
#shop #eft-box img#mc {padding:8px 0px 8px 0px;
}
#shop #eft-box img#visa {padding:10px 0px 12px 0px;
}
#shop #composite {position:absolute; top:715px; left:3px;
}
#shop #disclaimer-box {top:1104px;
}
/***********************/
#styling #content-box {width:520px;
}
#styling .styling-box {position:relative; width:534px; max-width:510px; /* IE Hack */ margin: 18px 0 36px 0;
}
#styling #video-img-box img {cursor:pointer;
}
#styling #middle-clip-img {margin:0 12px 0 12px;
}
/***********************/
#design #postcard-thumb {position:absolute; top:330px; left:55px;
}
/***********************/
#press #content-box p {line-height:150%; text-align:justify;
}
#press #content-box span.lead {
	position:relative; float:left;
	width:205px; margin:0 10px 10px 0;
	font-size:120%; text-align:left;
}
#press #content-box span.lead-wide {display:block; margin:0 0 10px 30px; font-size:120%;
}
#press #content-box div {position:relative;
}
#press #content-box #open-lang {font-weight:normal;
}
#history #content-box div {position:relative;
}
#history div.year-content {width:280px; line-height:150%; margin-bottom:20px;
}
.year {
	position:absolute; top:-2px;
	font-weight:bold; font-size:13px; color:#890000;
}
.year-content {position:relative; left:50px;
}
/***********************/
#contact #contact-box {position:relative; width:435px;
}
#contact #contact-table {display:block; position:relative; padding:0;
}
#contact #contact-table td {padding:0 0 6px 0; vertical-align:top;
}
#contact #contact-table label {position:relative; top:3px; font-weight:bold;
}
#contact #contact-table textarea {width:340px;
}
#contact div.msg-status {position:relative; width:435px;
}
#contact #address-box, #portals-box {position:relative; margin-top:40px; width:435px;
}
#contact #disclaimer-box {top:268px;
}
/***********************/

/* Special Boxes */
#header-box {
	top: 	-1px;		left:	20px;
	width: 941px;		height:	35px;
	position:			fixed; /* IE can't */
	z-index:			100;
	padding:			0;
	background-color:	#f1e4c6;
	/*background-color:	#e1d0b5;*/
	opacity:			.8; /* IE can't */
}
#header-box.IE {
	position:			absolute;
	height:				37px;
}
#header-box #logo-box {
	position:			absolute;
	top:				2px;
	width:				941px;
}
#header-box #logo {
	position:			relative;
	left:				11px;
}
#header-box #nav-links {
	position:			absolute;
	top:	11px;		left:	313px;
	font-weight:		bold;
}
#header-box #lang-box {
	position:			absolute;
	top:	0;		right:	13px;
	width:				26px;
	text-align:			center;
}
#header-box .lang-link {
	color:				#F0A400;
	font-weight:		bold;
	cursor:				pointer;
}
#header-box #lang-hr {
	padding-top:		1px;
	margin-top:			3px;
}
/***********************/
#big-box {
	position:			absolute;
	top:	55px;		left:	20px;
	width:				943px;
}
#nav-box {
	top:	0;			left:	0;
	width:				222px;
	padding:			12px;
}
#content-box { position:absolute; left:290px; width:653px; /*right: 0; IE sucks: can't have automatic width by specifying left: and right:*/
}
#disclaimer-box {
	width:				248px;
	max-width:			222px; /* IE hack */
	padding:			7px 12px 7px 12px;
	opacity:			.64;
}
.box.video { color:#92452a;
}
/***********************/
.titlebar {
	display:			block;
	width:				100%;
	padding:			2px 0 3px 0;
	border-top:			1px solid #998888;
	border-bottom:		1px solid #998888;
	color:				#890000;/*saddle brown*/
	font-weight:		bold;
}
#nav-box .titlebar {
	width:				222px;
	max-width:			220px; /* IE hack */
	padding:			2px 1px 3px 1px;
	background-color:	#e8d8b6; /*#EADDBE;#e0d5b2;*/
}
#nav-box .titlebar-nu {margin-bottom:16px;
}
.hr {
	position:			relative;
	display:			block;
	width:				100%;
	padding-top:		1px;
	margin:				6px 0 3px 0;
	border-top:			1px solid #998888;
	color:				#890000;/*maroon*/
	font-weight:		bold;
}
#nav-box .hr {
	width:				222px;
	top:				5px;
	padding:			2px 0 3px 0;
}
#nav-box .navlink {
	/*width:				222px;
	padding:			2px 0 0 0;
	margin:				2px 0 0 0;
	border-top:			1px solid #998888;*/
  line-height:140%; padding-left:6px;
  text-transform:capitalize;
}
#nav-box .mainlink {
	width:				222px;
	padding:			2px 0 3px 0;
	margin-top:			3px;
	border-top:			1px solid #998888;
	border-bottom:		1px solid #998888;
  text-transform:capitalize;
}
#nav-box .mainlink-nu {margin-top:18px;
}

/***********************/
/* Links */
a {color:#994E0B;/*#784E28;*//*753A13*/text-decoration:	none;}
a:hover {font-weight:bold;}
a:active {color:#ff8000;}
a img {border:none;}

#nav-box ul {list-style-type:none; padding:0; margin:16px 0 18px 0; }
#nav-box ul ul {padding:8px; margin:0 0 2px 0; }

#nav-box li {width:222px; line-height:140%; } /* IE Bug, setting width: prevents premature line breaks*/
#nav-box li.t {font-weight:normal; margin-bottom:12px; }
#nav-box li.link {color:#994E0B; padding-left:6px; }
#nav-box li.current {color: #665555; padding-left:6px; }
#nav-box li.inactive {color: #999999; padding-left:6px; }

#nav-box li a		{font-weight: normal; }
#nav-box li a:hover	{font-weight: bold; }
/*
#nav-box li a:before {content: "\2022\2022\000a"; }
#nav-box li a:after {content: " \3e"; }*/
.link {text-decoration:none; font-weight:normal;	color:#994E0B; cursor:pointer;}
.link:hover {font-weight:bold;}
.link:active {color:#ff8000;}
/***********************/
.bg {background-color:#f1e4c6;
}
.bg2 {background-color:#e6cdaa;
}
.bg3 {background-color:#e0d5b2;
}
.bg4 {background-color:#EADDBE;
}
.transp {opacity:.88;
	/*background:			url(../images/bg_alpha_01.png);*/
}
.transp-IE {background-color:#f1e4c6;
	/*background:			url(../images/bg_frame_01.gif);*/ /* Use PNG Alpha Hack here */
}
.color1 /* maroon */{color:#890000;
}
.color2 /* orange */{color:#F0A400;
}
.color4 {color:#FFB005;
}
.grey66 {color:#666666;
}
.grey99 {color:#999999;
}