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

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

/***********************/
/* Text, Titles */
.b {font-weight:bold;
}
.size0 {font-size:0em;
}
.credits {position:relative; top:4px;
}
.t {display:block; font-weight:bold;
}
.t1 {
	display:			block;
	font-size:			11px;
	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; font-weight:bold;
}
/***********************/

/* Blocks */
.box {
	position:			absolute;
	padding:			12px;
	border:				1px solid #554444;
}
.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:#e6dbcb; 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 6px 5px 6px;
}
#index #welcome-txt {	font-weight:		bold;
}
#index #welcome-img {
	margin:				5px 0px 5px 0px;
	border:				1px solid #554444;
}
#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:180px; left: 565px;
}
#index #specials {
	top:	340px;		left:	520px;
	width:				228px; /* IE hack*/
	max-width:			210px; /* 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;
	top: 5px;			right: 4px;
	border:				none;
	background:			transparent;
	color:				#99A499;
}
#index #box-last-update a {color:#99A499; text-decoration:none;
}
#index #photo-credits {
	position:			absolute;
	bottom:	7px;		width:	100%;
	border:				none;
	text-align:	center;	letter-spacing:	.5px;
	background:			transparent;
	color:				#aa9999;
}
/***********************/

/* MAIN */
#main #big-box {height:790px;
}
#main #chic-label {border:none;
}
#main #nav-box .mainlink {
	margin:				11px 0 -2px 0;
	padding:			10px 0 11px 0;
	border-top:			1px solid #887777;
	border-bottom:		1px solid #887777;
	width:				222px;
	font-weight:		normal;
}
#main #ml-box {
	display:			none;
	background-color:	#e5d5b2;
	border:				1px solid #776666;
	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 no max-width */
	padding:			5px;
	background-color:	#e0d5b2;
}
#main #ml-confirm-box {
	position:			absolute;
	top:				41px;
	width:				216px;
	padding:			2px;
	border:				1px solid #776666;
	background-color:	#e6cdaa;
	z-index:			90;
}
#main #ml-box input.txt  {font-size:10px; width:107px;
}
#ml-input-website {width: 216px;
}
#main #styler-box {top:180px; left: 25px;
}
#main #styler-box .titlebar {width:130px;
}
#main #special-box {
	top:	175px;		left:	262px;
	width:	240px;
	padding:			8px;
	z-index:20;
	background-color:	#9c948d;
	color:				#fef8f0;
	border-color:		#796959;
}
#main #special-box .t1 {margin-bottom:0; font-size:10px;
}
#main #special-box a {color:#f9a35f;
}
#main #box-news {
	width:340px; height:193px; left:0; top:330px; overflow:auto;
}
#main #box-news .titlebar {
	width:301px; 		min-width:323px;
	border:				none;
	border-bottom:		1px solid #887777;
	padding:			0 0 11px 0;
	margin:				0 0 3px 0;
}
#main #box-news .news-link {
	display:			block;
	padding-top:		7px;
}
#main #disclaimer-box {top:680px; 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 #first-ml {
	margin:				0;
	padding:			10px 0 11px 0;
	border-top:			1px solid #887777;
	border-bottom:		1px solid #887777;
}
#fashion #content-box p {width:600px;
}
#fashion #content-box .hr {width:640px;
}/*
#fashion #content-box .t1 {font-size:10px; /*IE can't: inherit* /
}/*
#fashion #content-box .t {margin-top:17px;
}
#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;
}
/***********************/
#casual #content-box {
	left:				0px;
	width:				943px;
}
#casual #content-box div {
	position:			inherit;
}
#beach #content-box div {
	position:			absolute;
}
/***********************/
#bedroom-00 #sponsor-box {
	top:	220px;		right:	5px;
	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 .styling-box {position:relative; width:510px; /* IE Hack */ margin: 18px 0 36px 0;
}
#styling #middle-clip-img {margin:0 12px 0 12px;
}
/***********************/
#design #postcard-thumb {position:absolute; top:335px; left:55px;
}
/***********************/
#press #content-box p {line-height:150%; text-align:justify;
}
#press #content-box span.lead {
	position:relative; float:left;
	width:205px; margin:0px 10px 10px 0px;
	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:266px;
}
/***********************/

/* 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;
	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:	0px;		right:	13px;
	width:				26px;
	text-align:			center;
	font-weight:		bold;
}
#header-box .lang-link {
	color:				#F0A400;
	font-family:		Arial,Verdana,sans-serif;
	cursor:				pointer;
}
#header-box #lang-hr {
	padding-top:		1px;
	margin-top:			3px;
}
/***********************/
#big-box {
	position:			absolute;
	top:	55px;		left:	20px;
	width:				975px;
}
#nav-box {
	top:	0px;		left:	0px;
	width:				222px;
	padding:			12px;
}
#content-box {
	position:			absolute;
	left:	290px;		width:	653px;
}
#disclaimer-box {
	width:				222px;
}
.box.video { color:#92452a; }
/***********************/
.hr {
	position:			relative;
	width:				100%;
	border-top:			1px solid #887777;
	margin-top:			6px;
	margin-bottom:		3px;
	color:				#890000;/*maroon*/
	font-weight:		bold;
}
#nav-box .hr {
	width:				222px;
	top:				5px;
	padding:			10px 0 2px 0;
	/*font-weight:		normal; needed for <a href>?*/
}
.titlebar {
	display:			block;
	width:				222px;
	margin-top:			2px;
	padding:			2px 0 3px 0;
	border-top:			1px solid #887777;
	border-bottom:		1px solid #887777;
	color:				#890000;/*saddle brown*/
	font-weight:		bold;
}
#nav-box .titlebar {
	position:			relative;
	width:				222px;
	padding-top:		2px;
	padding-bottom:		3px;
}
#nav-box .titlebar-nu {margin-bottom:16px;
}
#nav-box .navlink {
	/*padding:			10px 0 0 0;
	margin-top:			11px;
	border-top:			1px solid #887777;*/
  padding-left:6px;
  text-transform:capitalize;
}
#nav-box .mainlink {
	width:				222px;
	padding:			10px 0 0 0;
	margin-top:			11px;
	border-top:			1px solid #887777;
	border-bottom:		none;
  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:0px 0 2px 0;}
#nav-box li { width:222px; line-height:120%; } /* 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; }

.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:			.90;
	/*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;
}
