/** yahoo! CSS reset **/
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img {
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
}
/** / end yahoo! CSS reset **/


button, object, embed {
	margin: 0;
	padding: 0;
	border: 0;
}

:focus {
	outline: 0;
}


/** site wide **/
html {
	background-color: #f4f5ef;
}

body {
	background-color: #34363e;
	color: #fff;
	font-family: arial, sans-serif;
	font-size: 0.8em;
	text-align: center;
}

div#container {
	width: 944px;
	margin: 0 auto 0 auto;
	background-image: url(/_images/bg.gif);
	padding-bottom: 120px;
	text-align: left;

	position: relative;
}

a {
	color: #00C6FF;
}

strong {
	font-weight: bold;
}

br.clear, div.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
}



/** header/navigation **/
h1 {
	/* because we're laying a div on top of the header, we need to stack it forwards */
	position: relative;
	z-index: 100;

	float: right;
	width: 79px;
	height: 25px;
	margin: 13px 23px 0 0;

	display: inline; /* IE6 double-float-margin bug fix */
}

h1 span {
	display: none;
}

h1 a {
	display: block;
	width: 79px;
	height: 25px;
	background: url(/_images/vitra-grey-bg.gif) no-repeat top left;
}

h1 a:hover {
	background-position: bottom left;
}


ul#primary-nav {
	float: left;
	width: 232px;
	padding: 24px 0 30px 23px;
}

ul#primary-nav.no-overlay {
	border-bottom: 6px solid #71747b;
}

ul#primary-nav li {
	margin-bottom: 1px;
}

ul#primary-nav-two {
	float: left;
	padding-top: 24px;
	margin-left: -80px;
}

div#nav-search-container {
	float: right;
	width: 467px;
	min-height: 107px;
	padding-bottom: 7px;
	margin-right: -102px;
	border-bottom: 6px solid #71747b;
}

ul#secondary-nav {
	float: left;
	margin-top: 28px;
}

li#nav-product-range, li#nav-find-a-dealer, li#nav-contact-and-service {
	margin-bottom: 2px;
}

li#nav-about-vitra {
	margin-bottom: 3px;
}

li#nav-wishlist span#nav-wishlist-link-items-container {
	display: block;
	float: right;
	position: relative;
	left: 24px;
	padding-left: 5px;
	background: url(/_images/nav/slash.png) no-repeat;
}

li#nav-wishlist span#nav-wishlist-link-items-container img {
	margin-top: -1px;
}

li#nav-wishlist span#nav-wishlist-link-items-container span {
	border: 1px solid red;
}





/** site search header **/
form#site-search {
	text-align: right;

	float: right;
	margin: 80px 25px 0 0;

	vertical-align: top;

	display: inline; /* IE6 double-float-margin bug fix*/
}

form#site-search legend {
	display: none;
}

button#site-search-button {
	margin-left: 8px;
	border: 0;
	background-repeat: no-repeat;
	background-position: top left;
	cursor: pointer;

	vertical-align: top;
	margin-top: 4px;
}

button#site-search-button:hover, button#site-search-button.site-search-button-hover {
	background-position: bottom left !important;
}

button#site-search-button span {
	display: none;
}

input#site-search-box {
	width: 155px;
}




/** content **/
div#content {
	clear: both;
}




/** footer **/
div#footer {
	background-color: #f4f5ef;
	color: #000;
	text-align: left;
}

div#footer-top, div#footer-bottom {
	margin: 0 auto 0 auto;
	padding-left: 24px;
}

div#footer-top {
	width: 896px;
	padding-top: 24px;
	background-color: #fff;
	color: #71747a;
	padding-right: 24px;
}

div#footer-top a:hover {
	color: #2d2f36;
}

div#footer-bottom {
	width: 920px;
	padding-bottom: 35px;
}

div#footer-how-you-got-here  {
	padding-bottom: 25px;
}

div#footer-how-you-got-here h3 {
	height: 29px;
	background: url(/_images/footer/back-arrow.gif) no-repeat;
	margin-bottom: 10px;
	padding: 17px 0 0 60px;
}

div#footer-how-you-got-here ul li {
	float: left;
	margin-right: 5px;
}

div#footer-how-you-got-here ul li span.separator {
	padding-left: 5px;
}

div#footer-where-to-go ul li {
	float: left;
	margin-right: 10px;
}

div#footer-where-to-go {
	padding: 22px 0 40px 0;
	border-top: 1px solid #dcdcdc;
}

div#footer-where-to-go ul li.last {
	margin-right: 0;
}

div#footer-how-you-got-here a {
	color: #8dd23b;
}


div#footer-where-to-go h3 {
	height: 29px;
	background: url(/_images/footer/forward-arrow.gif) no-repeat;
	margin-bottom: 10px;
	padding: 17px 0 0 60px;
}

div#footer-where-to-go a {
	display: block;
	color: #1eb6c8;
}

div#footer-where-to-go a:hover img {
	opacity: .7;
	filter: alpha(opacity=70); /* needed for IE6+7 */
}

div#footer-where-to-go ul li img {
	display: block;
	margin-top: 20px;
}

div#footer-copyright {
	float: left;
	margin-top: 16px;
	color: #a7a8a3;
}

div#footer-copyright h3 {
	margin-bottom: 8px;
}

div#footer-links {
	float: right;
	width: 315px;
	padding-top: 17px;
	border-top: 7px solid #a3a59f;
}

div#footer-links ul li {
	margin-bottom: 2px;
}

li#footer-links-news-press, li#footer-links-jobs, li#footer-links-legal-impressum, li#footer-links-privacy-and-terms {
	float: left;
	clear: left;
	display: inline; /* IE6 double-float-margin fix */
}

li#footer-links-login, li#footer-links-change-country {
	position: relative;
	clear: left;
	left: 160px;
	top: -60px;
}




/** generic rollover navigation **/
ul.rollover li span {
	display: none;
}

ul.rollover li, ul.rollover li a {
	display: block;

	/** IE6+7 puts too much space between list items **/
	font-size: 0;
	line-height: 0;
}

ul.rollover li, ul.rollover li a {
	background-position: top left;
	background-repeat: no-repeat;
}

ul.rollover li.active, ul.rollover li.active a {
	background-position: top right;
}

ul.rollover li a:hover {
	background-position: bottom left;
}




/* generic product list */
img.product-link-product-title, span.product-link-product-title {
	margin: 20px 0 2px 10px !important;
	padding: 0 !important;
}

img.product-link-designer-title {
	display: block;
	margin-left: 12px;
}


/** LEGACY STYLES FOR SUBNAV. DO NOT USE. */
/*ul#section-links {
	clear: both;
	width: 208px;
	padding: 19px 0 21px 24px;
	background-color: #e5eaeb;
	color: #71747b;
	position: relative;
	z-index: 100;
	top: -6px;
}

ul#section-links a {
	color: #71747b;
}

ul#section-links a:hover, ul#section-links strong  {
	color: #2d2f36;
}

ul.section-links-range {
	min-height: 76px;
	margin-bottom: -116px;
}

ul.section-links-home {
	min-height: 90px;
	margin-bottom: -130px;
}

ul.section-links-office {
	min-height: 113px;
	margin-bottom: -153px;
	background-color: #fff !important;
}

ul.section-links-public-spaces {
	min-height: 100px;
	margin-bottom: -140px;
	background-color: #fff !important;
}*/
/* END LEGACY STYLES FOR SUBNAV */



/** sub nav **/
div#sub-navigation-container {
	clear: both;
	float: left;
	min-height: 122px;
}

div#sub-navigation {
	width: 208px;
	padding: 19px 0 21px 24px;
	margin-bottom: 18px;
	background-color: #e5eaeb;
	color: #71747b;
	position: relative;
	z-index: 100;
	top: -6px;
}


div#sub-navigation-container div.cattextwrap {
	padding-top: 20px;
	margin-left: 20px;
	clear: left;
}

div#sub-navigation-container div.cattext{
	width: 200px;
	background-color: #E5EAEB;
	color: #71747B;
	padding:10px 25px 15px 25px;
	width: 190px;
}
body.office div#sub-navigation-container div.cattext {
	background: #fff;
}
body.public-spaces div#sub-navigation-container div.cattext {
	background: #fff;
}

div#sub-navigation-container div.cattext h2{
	color: #71747B;
	font-weight: bold;
	padding-bottom: 15px;
}

div#sub-navigation-container div.cattext p{
	color: #71747B;
}

div#sub-navigation a {
	color: #71747b;
}

div#sub-navigation a:hover, div#sub-navigation strong  {
	color: #2d2f36;
}

div#sub-navigation p#sub-navigation-back {
	border-top: 1px solid #dcdcdc;
	padding-top: 10px;
	margin: 20px 16px -5px -4px;
}

div#sub-navigation p#sub-navigation-back a {
	display: block;
	background: url(/_images/product/product-category-back.gif) no-repeat 0 -68px;
	min-height: 15px;
	padding: 0 0 1px 20px;
	color: #2d2f36;
	
	
	zoom: 1; /* IE6 fix that prevents background image from being hidden */
}

div#sub-navigation p#sub-navigation-back a:hover {
	background-position: 0 -152px;
}

div.sub-navigation-office, div.sub-navigation-public-spaces {
	background-color: #fff !important;
}


/** related articles **/
ul.related-article-list li {
	float: left;
	color: #2d2f36;
}

ul.related-article-list li.odd {
	margin-right: 9px;
}

ul.related-article-list li.first {
	margin-top: 0;
}

ul.related-article-list li a {
	display: block;
	width: 292px;
	min-height: 244px;
	text-decoration: none;
	color: #7a7d83;
}

ul.related-article-list li a:hover {
	background-color: #2d2f36 !important;
}

ul.related-article-list li img {
	margin-bottom: 20px;
}

ul.related-article-list li img.related-article-type {
	
}

ul.related-article-list li span {
	display: block;
	margin: 0 12px 0 12px;
}

ul.related-article-list li span.copy {
	color: #fff;
}

ul.related-article-list li span.related-article-collage {
	display: block;
	margin: 0 0 0 9px;
	background-repeat: no-repeat;
	background-position: top left;	
}

ul.related-article-list li:hover span.related-article-collage {
	background-position: bottom left;	
}

ul.related-article-list li span.related-article-collage span {
	display: none;	
}



/** markdown **/
.markdown a {
	color: #71747b;
}

.markdown a:hover {
	color: #2d2f36;
}

.markdown em {
	font-style: italic;
}

.markdown strong {
	font-weight: bold;
}

.markdown ul {
	list-style-type: disc;
}

.markdown ol {
	list-style-type: decimal;
}

.markdown ul, .markdown ol {
	list-style-position: inside;
	margin: 10px 0 0 21px;
}

.markdown a {
	color: #757980;
}

.markdown a:hover {
	color: #2d2f36;
}

/** language bar */
div#language-bar-wrapper {
	background-color: #dcdbcf;
}

div#language-bar {
	height: 30px;
	text-align: left;
	overflow: hidden;
	position: relative;
	width: 944px;
	margin: 0 auto;
}

div#language-bar a.language {
	float: left;
	height: 15px;
	margin: 6px 0 0 24px;
	background-position: top left;
}

div#language-bar a.language span {
	display: none;	
}

div#language-bar a.change-country {
	float: left;
	height: 15px;
	margin: 6px 0 0 10px;
	background-position: top left;
	width:96px;
	background-image: url(/_images/language-bar/change-country.gif);
}

div#language-bar a.change-country span {
	display: none;	
}

div#language-bar a.change-country:hover {
	background-position: bottom left;
}

div#language-bar a.map {
	float: left;
	height: 23px;
	margin-top: 3px;
	padding-left: 10px;
	border-right: 1px #000 solid;
	color:
	text-decoration: none;
}

div#language-bar a.map img {
	display: none;	
}

div#language-bar a.close {
	float: right;
	width: 18px;
	height: 18px;
	margin: 6px 24px 0 0;
	background: url(/_images/language-bar/close.gif) no-repeat top left;
}

div#language-bar a.close span {
	display: none;
}

div#language-bar a.language:hover, div#language-bar a.map:hover, div#language-bar a.close:hover, div#language-bar a.hover {
	background-position: bottom right;	
}

a#language-bar-country-de-at {
	background-image: url(/_images/language-bar/countries/de-at.gif);
	width: 43px;
}

a#language-bar-country-de-ch {
	background-image: url(/_images/language-bar/countries/de-ch.gif);
	width: 70px;
}

a#language-bar-country-de-de {
	background-image: url(/_images/language-bar/countries/de-de.gif);
	width: 55px;
}

a#language-bar-country-en-cz {
	background-image: url(/_images/language-bar/countries/en-cz.gif);
	width: 94px;
}

a#language-bar-country-en-gb {
	background-image: url(/_images/language-bar/countries/en-gb.gif);
	width: 96px;
}

a#language-bar-country-en-hu {
	background-image: url(/_images/language-bar/countries/en-hu.gif);
	width: 52px;
}

a#language-bar-country-en-in {
	background-image: url(/_images/language-bar/countries/en-in.gif);
	width: 30px;
}

a#language-bar-country-en-it {
	background-image: url(/_images/language-bar/countries/en-it.gif);
	width: 26px;
}

a#language-bar-country-en-lp {
	background-image: url(/_images/language-bar/countries/en-lp.gif);
	width: 40px;
}

a#language-bar-country-en-no {
	background-image: url(/_images/language-bar/countries/en-no.gif);
	width: 48px;
}

a#language-bar-country-en-pl {
	background-image: url(/_images/language-bar/countries/en-pl.gif);
	width: 42px;
}

a#language-bar-country-en-pt {
	background-image: url(/_images/language-bar/countries/en-pt.gif);
	width: 52px;
}

a#language-bar-country-en-un {
	background-image: url(/_images/language-bar/countries/en-un.gif);
	width: 40px;
}

a#language-bar-country-en-us {
	background-image: url(/_images/language-bar/countries/en-us.gif);
	width: 80px;
}

a#language-bar-country-es-es {
	background-image: url(/_images/language-bar/countries/es-es.gif);
	width: 35px;
}

a#language-bar-country-es-lp {
	background-image: url(/_images/language-bar/countries/es-lp.gif);
	width: 40px;
}

a#language-bar-country-es-un {
	background-image: url(/_images/language-bar/countries/es-un.gif);
	width: 35px;
}

a#language-bar-country-fr-be {
	background-image: url(/_images/language-bar/countries/fr-be.gif);
	width: 49px;
}

a#language-bar-country-fr-ca {
	background-image: url(/_images/language-bar/countries/fr-ca.gif);
	width: 48px;
}

a#language-bar-country-fr-ch {
	background-image: url(/_images/language-bar/countries/fr-ch.gif);
	width: 70px;
}

a#language-bar-country-fr-fr {
	background-image: url(/_images/language-bar/countries/fr-fr.gif);
	width: 44px;
}

a#language-bar-country-fr-lp {
	background-image: url(/_images/language-bar/countries/fr-lp.gif);
	width: 40px;
}

a#language-bar-country-fr-un {
	background-image: url(/_images/language-bar/countries/fr-un.gif);
	width: 40px;
}

a#language-bar-country-nl-be {
	background-image: url(/_images/language-bar/countries/nl-be.gif);
	width: 49px;
}

a#language-bar-country-nl-nl {
	background-image: url(/_images/language-bar/countries/nl-nl.gif);
	width: 74px;
}


/** Modal overlay **/
#vitra-com-overlay {
	background: #333333;
	display: none;
	position: fixed;
	opacity: 0.80;
	filter: alpha(opacity=80);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 500;
}

#vitra-com-modal {
	display: none;
	position: absolute;
	left: 50%;
	top: 120px;
	width: 594px;
	margin-left: -297px;
	min-height: 100px;
	z-index: 550;
	text-align: left;
	padding-bottom: 60px;
}

body.modal #vitra-com-overlay {
	display: block;	
}

body.modal #vitra-com-modal {
	display: block;	
}