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

/* Document */
html body {margin:0; padding:0;
}
html {width: 100%; background-color:#181515;
}
body {width:100%; color:#cc9966;
}
* {
	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 #504444;/*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:#282828; color:#cc9966;
}
input[type=submit], input[type=button], input[type=reset] {border-style:outset; background-color:#222222;
}
.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%;
}
.dark-img {border:1px solid #504444;
}
.light-img {border:1px solid #000000;
}

/***********************/
/* 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:#ffaa66;
}
.error {color:#cc0000;
}
.warning {color:#b60000;
}
/***********************/

/* Blocks */
.box {
	position:			absolute;
	padding:			11px;
	border:				1px solid;
	border-color:		#000000 #444444 #000000 #444444
}
.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:#080505; 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 #000000;
}
#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:				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;
	width:				100%;
	padding:			1px 0 1px 0;
	border-bottom:		1px solid #aaaaaa;
	text-align:			right;
	letter-spacing:		.5px;
	background-color:	#ccbbbb;
	/*color:				#e0dddd;*/
	color:				#ffffff;
}
#index #box-last-update a {
	/*color:				#e0dddd;*/
	color:				#ffffff;
	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;*/
	color:				#ffffff;
	text-align:	center;	letter-spacing:	.5px;
}
/***********************/

/* MAIN */
#main #big-box {height:830px;
}
#main .ml-box {
	background-color:	#1b1b1b !important; /*IE so sucks! */
	width:				222px; /* IE Hack*/
	max-width:			220px; /* IE doesn't know max-width */
}
#main #ml-box {
	display:			none;
	border:				1px solid #504444;
	padding-top:		1px;
	padding-bottom:		2px;
	margin-top:			8px;
	margin-bottom:		9px;
}
#main #ml-info-box {
	max-width:			212px; /* IE doesn't know max-width */
	padding:			5px;
	margin:				-1px 0 11px 0;
}
#main #ml-confirm-box {
	position:			absolute;
	top:				39px;
	width:				218px;
	padding:			2px;
	z-index:			90;
}
#main #ml-box input.txt {
	background-color:	#222222; /* should be inherited, but IE won't */
	font-size:			10px; /* is inconsistent with other inputs*/
	width:				107px;
}
#ml-input-website {width:216px !important;
}
#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:	#202020;
	color:				#cccccc;
	border-color:		#444444;
}
#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:#1b1b1b;
}
#main #box-news .news-link {display:block; padding-top:6px;
}
#main #disclaimer-box {top:688px; width:auto;
}
#main #standards-icons {position:absolute; top:707px; left:245px;
}
#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; border:1px solid #100404; /* use this for all pics outside .box? */
}
#collections #disclaimer-box {top:648px;
}
/***********************/
#couture #content-box p {width:600px;
}
#couture #content-box .hr {width:640px;
}
#couture #report {position:absolute; top:230px; 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:#333333;
}
#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 .img-r {position:relative; top:4px; float:right; border:none; margin:0px 0 5px 15px;
}
#press #content-box .img-l {position:relative; top:4px; float:left; border:none; margin:0px 15px 5px 0px;
}
#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:	#111111;
	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;
	color:				#ffaa66;
}
#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;
	border-color:		#eebb88;
}
/***********************/
#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 #444444;
	border-bottom:		1px solid #444444;
	background-color:	#1b1b1b;
	color:				#ffaa66;
	font-weight:		bold;
}
#nav-box .titlebar {
	width:				222px;
	max-width:			220px; /* IE hack */
	padding:			2px 1px 3px 1px;
	background-color:#1b1b1b;
}
#nav-box .titlebar-nu {margin-bottom:26px;
}
.hr {
	position:			relative;
	display:			block;
	width:				100%;
	padding-top:		1px;
	margin:				6px 0 3px 0;
	border-top:			1px solid #444444;
	color:				#ffaa66;
	font-weight:		bold;
}
#nav-box .hr {
	width:222px; max-width:220px;
	top:5px;
	padding:2px 0 3px 0;
}
#nav-box .navlink {
	width:222px; max-width:220px;
	padding:3px 0 2px 0; margin:0;
	border-top:1px solid #444444;
}
#nav-box .current {color:#665555;
}
#nav-box .current .dots {position:relative; left:1px; letter-spacing:.2em; color:#776666; margin-right:6px;
}
#nav-box .last {
	border-bottom:1px solid #444444;
}
#nav-box .mainlink {
	width:				222px;
	padding:			3px 0 2px 0;
	margin-top:			3px;
	border-top:			1px solid #444444;
	border-bottom:		1px solid #444444;
}
#nav-box .mainlink-nu {margin-top:23px;
}
.navlink:hover, .mainlink:hover {
  color:inherit;
  background-color:	#1b1b1b;
}

/***********************/
/* Links */
a {text-decoration:none; font-style:italic; color:#eebb88;}
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-style:italic; font-weight:normal;	color:#eebb88; cursor:pointer;}
.link:hover {font-weight:bold;}
.link:active {color:#ff8000;}
/***********************/
.bg {background-color:#111111;
}
.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;
}