/* colors 
------------------
beige clair : c5bcaf
bleu        : 171753
bleu foncé  : 000047
gris clair  : ebeae8

*/

/* 
/* Basic tags
*/
hr.ruler {
    border: 0;
    background:url(../img/ruler.gif) repeat-x;
    height: 14px;
    padding:0;
    margin:0;
    font-size:1px;
    line-height: 1px;
}
hr.ruler.footer {
    background:url(../img/ruler-footer.png) repeat-x;
}
.left {
    float:left;
    width:600px;
}
.right {
    float:right;
}
body {
    font-size: 13px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-weight: normal;
    color: #000047;
    background:url(../img/background.png);
}
ul,li {
    list-style-position: none;
    list-style-type: none;
}
fieldset, img {
    border: 0;
}
iframe {
    width: 0;
    height: 0;
    border: 0;
}
td {
    border-spacing: 0px;
    border-collapse: collapse;
    /*border-right: 1px solid #000047;
    border-bottom: 1px solid #000047;*/
    padding: 2px;
}
th { vertical-align: middle }
td { vertical-align: middle }
table { 
    border-collapse: collapse;
    /*border-left: 1px solid #000047;
    border-top: 1px solid #000047;*/
    width: 100%;
    margin-top: 5px;
}
a {
    color: #171753;
    text-decoration: none;
    outline: none;
}
a:hover {
    color: #9d978e;
}
input.text,
textarea {
    border: 1px solid #9d978e;
    color: #171753;
    height: 15px;
    padding: 1px;
    width: 100px;
    font-size: 11px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}
textarea {
    width: 230px;
    height: 150px;
}

/* pages */
div.pages {
    font-size: 108%;
    height:25px;
    line-height:25px;
    display:block;
    margin:0 0 10px 0;
}
div.pages a {
    text-decoration: none;
    color: #9d978e;
    margin:0 5px;
}
div.pages strong {
    margin:0 5px;
}

/*
/* basic classes
*/
.invisible {
    display: none;
}
.error {
    color: #cc0000;
    font-weight: bold;
}
input.error,
textarea.error {
    border-color: #cc0000;
}
label.error {
    display: block;
}

/*
/* Layout
*/
div#container {
    width:1225px;
    margin:20px auto 0 auto;
    padding:20px;
    background: #fff;
}
div#header {
    position: relative;
    height:100px;
}
div#content {
    margin:10px 0 30px 0;
}
div#footer {
    
}

/*
footer
*/
div#footer {
    padding-top: 10px;
    padding-right: 20px;
    color: #c5bcaf;
    text-align: left;
    font-size:123.1%;
    letter-spacing:1px;
}
div#footer a {
    color: #c5bcaf;
    text-decoration: none;
}

/* header */
ul#languages {
    position: absolute;
    right:0;
    bottom:65px;
}
ul#languages li {
    width:76px;
    height:40px;
}
ul#languages li a {
    width:76px;
    height:40px;
    display:block;
}
/* french flag */
ul#languages li a.fr {
    background:url(../img/flags/fr.png) no-repeat;
}
ul#languages li a.fr:hover {
    background:url(../img/flags/fr_hover.png) no-repeat;
}
/* english flag */
ul#languages li a.en {
    background:url(../img/flags/en.png) no-repeat;
}
ul#languages li a.en:hover {
    background:url(../img/flags/en_hover.png) no-repeat;
}

#logo {
    margin:0 0 5px 0;
}
ul#menu {
    float:left;
    margin:15px 0 0 0;
}
ul#menu li {
    float:left;
    letter-spacing: 1px;
    margin:0 20px 0 0;
    font-size:108%;
}
ul#menu li a {
    float:left;
    color:#c5bcaf;
    text-transform:uppercase;
}
ul#menu li.selected a, ul#menu li a:hover {
    font-weight:bold;
    color:#c5bcaf;
}

/* text */
div#text h2 {
    text-transform:uppercase;
    font-size:123.1%;
    margin:0 0 20px 0;
}
div#text p {
    color:#c5bcaf;
    font-size:108%;
    line-height:1.5em;
}

/* home */
div#home {
    width: 1224px;
    height: 610px;
    overflow: hidden;
}

/* videos */
div#videos li {
    margin-bottom: 25px;
}
div#videos p {
    margin-top: 10px;
}

/* news */
ul.news {

}
ul.news li {
    color: #c5bcaf;
}
ul.news div.image {
    width: 250px;
    height: 250px;
    overflow: hidden;
    margin: 0px 24px 24px 0;
    float:left;
}
ul.news div.infos {
    float:right;
    text-align:left;
    width:950px;
}
ul.news li h2 {
    font-size: 108%;
    color: #000047;
    text-transform:uppercase;
    margin:0 0 30px 0;
    background:url(../img/ruler-blue.png) repeat-x;
}
ul.news li h2 span {
    background-color:#fff;
}
ul.news li .date {
    font-weight: normal;
    padding:0 15px 0 0;
}
ul.news li div.description {
    margin:0 0 20px 0;
    width:390px;
    line-height:2em;
}
ul.news li div.url,
ul.news li div.products {
    margin-top: 5px;
}
#news div.pages {
    text-align: right;
}

/* shops */
ul.shops li {
    float:left;
    margin:0 30px 1px 0;
    height:55px;
    line-height:55px;
}
ul.shops li.last {
    margin:0 0 0 1px;
}
ul.shops li a {
    border-left:1px solid #ebeae8;
    border-right:1px solid #ebeae8;
    border-top:1px solid #ebeae8;
    background-color:#fff;
    float:left;
}
ul.shops li a.selected, ul.shops li a:hover {
    background-color:#d8d5d0;
    border-left:1px solid #d8d5d0;
    border-right:1px solid #d8d5d0;
    border-top:1px solid #d8d5d0;
}
ul.shops li img {
    margin:0 15px;
}

#shops .infos .thumbnail {
    border:1px solid #ebeae8;
    margin:0 0 10px 0;
}
#shops .infos .thumbnail img {
    padding:10px;
    width:574px;
    height:316px;
}
#shops .infos .description {
    color:#c5bcaf;
    font-size:131%;
    font-style:italic;
    line-height: 1.6em;
    margin:0 0 30px 0;
    padding:0 10px;
}

#shops .infos .address {
    color:#c5bcaf;
    font-size:131%;
    line-height: 1.4em;
    margin:0 0 25px 0;
    padding:0 10px;
}

#shops .infos .contact {
    margin:0 0 0 10px;
}
    
#shops .infos .contact a {
    background-color: #fff;
    text-align: center;
    border:1px solid #ebeae8;
    padding:10px;
    text-transform:uppercase;
    -moz-box-shadow: 1px 1px 1px #888;
    -webkit-box-shadow: 1px 1px 1px #888;
    box-shadow: 1px 1px 1px #888;
}

#shops .infos .right div {
    border:1px solid #ebeae8;
    margin:0 0 10px 0;
    text-align:center;
    padding:10px;
}
#shops .infos .video object {
}

#shops #playVideo {
    float:right;
    margin:0 15px 0 0;
    font-size:123.1%;
    font-style:italic;
}

#shops .infos .right .form {
    text-align:left;
    width:320px;
}

/* form */
.form {
    background-color: #fff;
    color: #c5bcaf;
}
.form p {
    margin:10px 0 5px 0;
}
.form label {
    color:#000047;
    text-transform:uppercase;
}
.form input {
    height:24px;
    line-height:24px;
    border:1px solid #c5bcaf;
    color:#000047;
    width:100%;
    font-size:116%;
}
.form label.error {
    color:#C00;
    margin:5px 0 0 0;
}
.form textarea {
    margin-top: 20px;
    resize:none;
    width:100%;
    color:#000047;
    font-size:116%;
}
.form p.submit {
    text-align: right;
}
.form button {
    background-color: #fff;
    text-align: center;
    border:1px solid #ebeae8;
    padding:10px;
    text-transform:uppercase;
    -moz-box-shadow: 1px 1px 1px #888;
    -webkit-box-shadow: 1px 1px 1px #888;
    box-shadow: 1px 1px 1px #888;
    font-size:93%;
}


/* exhibition */
#exhibition .details {
    color: #000047;
    text-align:right;
    height:65px;
    line-height:65px;
    padding:0 10px;
}
#exhibition .details strong {
    float:left;
    font-size:138.5%;
    text-transform:uppercase;
}

#exhibition ul {
    background-color:#d6d3cf;
    padding-bottom:20px;
}
#exhibition li {
    float:left;
    margin:20px 20px 0 20px;
    margin-bottom:0;
    height:210px;
    line-height:210px;
    width:205px;
    text-align:center;
}
#exhibition .thumbnail {
    border:1px solid #ebeae8;
    background-color:#fff;
    height:210px;
    width:205px;
}
#exhibition .thumbnail img {
    margin:15px;
}

/* exhibition slideshow */
#exhibition_slideshow {
    text-align:center;
    background-color:#d6d3cf;
}
#exhibition_slideshow .details {
    color: #000047;
    text-align:right;
    height:65px;
    line-height:65px;
    padding:0 10px;
}
#exhibition_slideshow .details strong {
    float:left;
    font-size:138.5%;
    text-transform:uppercase;
}
#exhibition_buttons {
    margin:15px 0 0 0;
}
#exhibition_slideshow ul {
    width:630px;
    height:630px;
    left:50%;
    margin:15px 0 15px -315px;
    padding:0 0 45px 0;
}
#exhibition_slideshow li .image {
    border:1px solid #ebeae8;
    background-color:#fff;
    width:630px;
    height:630px;
    line-height:630px;
}


ul#atmosphere_slideshow {
    height: 700px;
    width: 800px;
    background-color: #000;
    overflow: hidden;
}
ul#atmosphere_slideshow li {
    text-align: center;
    width: 800px;
    padding-top: 50px;
}

/* exhibitions */
div#exhibitions {
}
div#exhibitions ul {
}
div#exhibitions ul li {
    width: 306px;
    position: relative;
    float: left;
}
div#exhibitions ul li a {
    text-decoration: none;
    color: #000047;
}
div#exhibitions ul li.color0 {
    background-color: #d3a940;
}
div#exhibitions ul li.color1 {
    background-color: #81578e;
}
div#exhibitions ul li.color2 {
    background-color: #c6462c;
}
div#exhibitions ul li div.details {
    padding: 10px;
    height: 315px;
    overflow: hidden;
    position: relative;
    line-height:1.4em;
}
div#exhibitions ul li h2 {
    font-size: 108%;
    text-transform:uppercase;
    margin-bottom: 5px;
}
div#exhibitions ul li p.description {
    margin-top: 10px;
    padding-top: 5px;
}
div#exhibitions ul li div.thumbnail {
    width: 306px;
    height: 240px;
    overflow: hidden;
    margin-top: 10px;
}
div#exhibitions .pages { 
    text-align: right;
}

/* atmosphere */
div#atmosphere {
    width: 1224px;
    height: 650px;
    position: relative;
}
div#atmosphere_slide {
    width: 1224px;
    height: 650px;
    overflow: hidden;
}
div#atmosphere_buttons {
    position: absolute;
    right: 0;
    bottom:2px;
    z-index:150;
}
#atmosphere p.name {
    color: #000047;
    margin:15px 0 0 0;
    font-size:123.1%;
}
span.shop {
    color: #666;
}
#atmosphere p.notice {
    bottom: 0;
    color: #c5bcaf;
    font-style: italic;
    position: absolute;
    right: 60px;
    z-index: 150;
}
div#atmosphere div.products {
    position: absolute;
    right: 5px;
    top: 5px;
    height: 390px;
    width: 150px;
}
div#atmosphere div.products img {
    float: right;
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.70;
    width: 100px;
    height: 76px;
    margin-bottom: 5px;
}
div#atmosphere div.products img:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

/* catalogue */
#catalogue .categories li {
    float:left;
    width:400px;
    height:300px;
    margin:0 10px 10px 0;
}
#catalogue .categories li.last {
    margin:0 0 10px 0;
}
#catalogue .categories img {
    width:400px;
    height:300px;
}
#catalogue .categories a {
    position:relative;
    background-color:#000;
    width:400px;
    height:300px;
    display:block;
}
#catalogue .categories a:hover img {
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

#catalogue .categories h2 {
    position:absolute;
    bottom:25px;
    left:25px;
    text-transform:uppercase;
    color:#fff;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    font-size:350%;
}

/* products */
#products h2 {
    text-transform:uppercase;
    font-size:123.1%;
    color:#c5bcaf;
    margin:0 0 20px 0;
}
#products .products li {
    float:left;
    width:185px;
    height:140px;
    margin:0 23px 30px 0;
}
#products .products li.pdf {
    text-align:center;
}
#products .products li.pdf a {
    color:#fff;
    font-weight:bold;
    font-size:150%;
    line-height:1.2em;
    padding:45px 15px 0 15px;
    height:95px;
    text-transform:uppercase;
    text-align:left;
    display:block;
}
#products .products li.pdf a:hover {
    background-color:#000047;
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
}
#products .products li.last {
    margin:0 0 20px 0;
}

#products .products img {
    width:185px;
    height:140px;
}
#products .products a.thumbnail {
    position:relative;
    width:185px;
    height:140px;
    display:block;
    background-color:#000047;
}
#products .products a:hover img {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

#products .products h3 {
    color:#000047;
    font-weight:normal;
    margin:5px 0 0 0;
}

/* product page */
#product {
    position:relative;
}
#product h3 {
    margin:0 0 20px 0;
}
#product .pages {
    font-size:93%;
    color:#c5bcaf;
    position:absolute;
    top:0;
    right:0;
}
#product .pages a {
    margin:0;
}
#product h3 a {
    color:#c5bcaf;
    text-transform:uppercase;
    font-size:123.1%;
    font-weight:normal;
}
#product h3 a:hover {
    font-weight:bold;
}
#product .image {
    float:left;
    width:400px;
    margin:0 70px 20px 0;
}
#product .thumbnail {
    width:390px;
    height:390px;
    text-align:center;
    line-height:390px;
}
#product .infos {
    float:left;
    width:315px;
    margin:50px 0 20px 0;
    color:#000047;
    line-height:1.5em;
    font-size:100%;
    position:relative;
}
#product #colorPreview {
    position:absolute;
    width:390px;
    height:390px;
    top:2px;
    left:-53px;
}
#product #colorPreview img {
    width:390px;
    height:390px;
}
#product .tabs {
    position:absolute;
    top:0;
    left:0;
}
#product .media .tabs {
    top:-45px;
}

#product .colors .tabs {
    top:-5px;
    width:100%;
}

#product .slide_controls {
    text-align:right;
    position:absolute;
    margin:0 0 15px 0;
    top:-40px;
    right:0;
}
#slide_prev {
    margin-right:10px;
}

#product .tabs a.swap {
    height:45px;
    border:1px solid #eee;
    text-align:center;
    text-transform:uppercase;
    line-height:45px;
    float:left;
    color:#c5bcaf;
    padding:0 10px;
    font-size:123.1%;
    letter-spacing:1px;
}
#product .tabs #scroll_top, #product .tabs #scroll_bottom {
    float:right;
    margin:15px 5px;
}

#product .media {
    float:right;
    position:relative;
    width:390px;
    margin:0 0 20px 0;
    top:51px;
}
#product .colors {
    float:right;
    margin:0px 0 20px 0;
    position:relative;
    top:11px;
}
#product .colors .list {
    position:relative;
    top:40px;
    left:0;
    width:390px;
    height:390px;
    overflow:hidden;
}
#product .colors .list div {
    position:absolute;
    top:0;
    left:0;
}
#product .colors .list img {
    width:130px;
    height:130px;
}
#product h2 {
    text-transform:uppercase;
    font-size:250%;
    color:#000047;
    margin:0 0 20px 0;
    white-space: nowrap;
}

/* tools */
div#searchBar {
    float:right;
    height:35px;
    width:160px;
    text-align:right;
    border-bottom:1px solid #c5bcaf;
}

/* search */
form#search {
    margin:10px 0 0 0;
}
form#search input.text {
    color:#c5bcaf;
    font-size:108%;
    border:0 none;
    width:125px;
    margin:0;
    padding:0;
}
form#search input.submit {
    background: #fff;
    font-size: 108%;
    color: #c5bcaf;
    border:0 none;
    text-transform:uppercase;
    width:30px;
    margin:0;
}
span.search_label {
    color: #000047;
}

/* categories menu */
div#categories h3 {
    width: 171px;
    height: 20px;
    background: url('../img/bkg_cat_menu.png');
    font-weight: normal;
    font-size: 12px;
    z-index: 100;
}
div#categories h3 p {
    padding: 3px 0 2px 3px;
}
div#categories h3 p a {
    color: #171753;
    text-decoration: none;
    display: block;
}
ul#categories_menu {
    background-color: #fff;
    font-weight: normal;
    width: 169px;
    border: 1px solid #9d978e;
    position: absolute;
    left: 0;
    top: px;
}
ul#categories_menu li {
    float: left;
    position: relative;
}
div.color_square {
    width: 15px;
    height: 24px;
    position: absolute;
    left: 154px;
    top: 0px;
    z-index: 110;
}
ul#categories_menu a {
    display: block;
    width: 159px;
    text-decoration: none;
    color: #9d978e;
    padding: 5px;
}
ul#categories_menu a:hover,
ul#categories_menu a.selected
 {
    background-color: #f2f2f2;
    color: #000;
}
ul#categories_menu a.selected
 {
    font-weight: bold;
}

.sofa {
    background-color: #5e6a82;
    _background-color: #5e6a82;
}
.bed {
    background-color: #a999a7;
    _background-color: #a0909e;
}
.light {
    background-color: #e5c982;
    _background-color: #e1c378;
}
.table {
    background-color: #e7decc;
    _background-color: #e4dac6;
}
.curtain {
    background-color: #ba4229;
    _background-color: #bb422a;
}
.cloth {
    background-color: #d9d9a8;
    _background-color: #d4d49f;
}
.fabric {
    background-color: #ff9940;
    _background-color: #ff9940;
}
.textile {
    background-color: #91cbcf;
    _background-color: #87c5ca;
}   

/* natural - presentation */
#natural .image {
  float:left;
  width:370px;
}
#natural .text {
  float:left;
  width:650px;
  margin:0 0 0 40px;
}
#natural h2 {
  color:#000047;
  font-size:167%;
  letter-spacing:1px;
  font-weight:bold;
  position:relative;
  text-transform:uppercase;
  display:-moz-inline-box;
  display:inline-block;
  *display:inline;
  *float:left;
  margin:0 0 20px 0;
  padding:0 0 5px 0;
}
#natural .description {
    color:#c5bcaf;
    font-style:italic;
    font-size:123.1%;
    font-weight:normal;
    line-height:1.8em;
    margin:0 0 20px 0;
}
#natural hr.small {
  border-bottom: 2px solid #000047;
  height: 1px;
  padding: 0;
  margin: 5px 0 20px 0;
  font-size: 1px;
  line-height: 1px;
  width:200px;
}
#natural .link {
    background-color: #fff;
    text-align: center;
    border:1px solid #c5bcaf;
    padding:10px;
    text-transform:uppercase;
    -moz-box-shadow: 1px 1px 1px #888;
    -webkit-box-shadow: 1px 1px 1px #888;
    box-shadow: 1px 1px 1px #888;
}

/* naturals - list */
#natural, #naturals {
  padding:0 0 10px 0;
  width:100%;
}         
#natural {
  margin:25px 0 0 0;
}
li.natural {
  float:left;
  width:271px;
  margin:0 45px 0 0;
}
li.natural.last {
  margin:0;
}
#naturals .pages {
  text-align:right;
}
#naturals h2 {
  color:#000047;
  font-size:108%;
  line-height:1.2em;
  font-weight:normal;
  position:relative;
  text-transform:uppercase;
  margin:15px 0 10px 0;
}
#naturals hr.small {
  height: 1px;
  padding: 0;
  margin: 5px 0 10px 0;
  font-size: 1px;
  line-height: 1px;
}
#naturals .description {
  color:#c5bcaf;
  font-size:108%;
  line-height:1.5em;
}
#naturals .natural_products {
	margin-top: 15px;
}
#naturals .natural_products li {
	padding-bottom: 5px;
}
#naturals .natural_products li a {
	text-decoration: underline;
}


/* tooltip */
#tooltip {
	position: absolute;
	z-index: 3000;
	width: 100px;
	background-color:#fff; 
    padding:3px;
    color:#666;
    border: 1px solid #000;
    text-align: center;
    left: -500px;
}
#tooltip h3, #tooltip div {
    margin: 0;
    font-family: Verdana, Helvetica, Arial, sans-serif; 
    font-size:11px;
    font-weight: normal;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

/*.TB_overlayMacFFBGHack {background: url(bkg_thickbox.png) repeat;}*/
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	/*border: 4px solid #525252;*/
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
	display: none;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-table;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}

/* press folders */
#press .tools {
  margin:0 0 20px 0;
}
#press .tools select {
  float:left;
  border:1px solid #EEE;
  background-color:#fff;
  color:#000047;
  height:24px;
  vertical-align:middle;
  font-size:108%;
}
#press .tools .pages {
  float:right;
}

#press ul.folders li {
  float:left;
  width:271px;
  margin:0 45px 45px 0;
}
#press ul.folders li.last {
  margin:0 0 0 0;
}

#press ul.folders li .thumbnail {
  height:335px;
  width:271px;
  text-align:center;
  overflow:hidden;
  margin:0 0 10px 0;
}
#press ul.folders li h3 {
  text-transform:capitalize;
  margin:0 0 5px 0;
  font-style:italic;
  font-weight:normal;
}

#press ul.folders li h2 {
  font-weight:normal;
  font-size:12px;
  
  margin:0 0 10px 0;
} 
#press ul.folders li h2 a {
  color:#171753;
}

#press ul.folders li .description {
  font-size:12px;
  color:#9D978E;
}

/* press groups */
#press ul.groups li {
  width:271px;
  float:left;
  border:1px solid #eee;
  padding:10px;
  margin:0 15px 15px 0;
}
#press ul.groups li.last {
  margin-right:0;
}
#press ul.groups li .thumbnail {
  text-align:center;
}

#press ul.groups h2 {
  font-size:12px;
  font-weight:normal;
  margin:0 0 5px 0;
}
#press ul.groups h2 a {
  color:#171753;  
}

/* press photos */
#press h2.group {
  font-size:123.1%;
  font-weight:normal;
  margin:0 0 20px 0;
}
#press ul.photos li {
  width:190px;
  height:190px;
  float:left;
  margin:0 15px 40px 0;
}
#press ul.photos li.last {
  margin:0 0 40px 0;
}

#press ul.photos li .thumbnail {
    width:190px;
    height:170px;
    line-height:170px;
    border:1px solid #eee;
    text-align:center;
}
#press ul.photos li h2 {
  font-size:12px;
  font-weight:normal;
  color:#171753;
  margin:5px 0 0 0;
  text-transform:lowercase;
  line-height:1em;
}

/* press login */
#press h3.login {
  margin:15px 0 0 0;
}
#press p.welcome {
  color:#9D978E;
  margin:10px 0 15px 0;
}
#press form#login {
  border:1px solid #eee;
  width:300px;
  padding:10px;
  margin:0 0 15px 0;
}
#press form label {
  display:block;
  margin:0 0 5px 0;
}
#press form input {
  width:270px;
  height:30px;
  border:1px solid #eee;
  margin:0 0 10px 0;
}
#press form input.submit {
  width:30px;
  background-color:#fff;
}

/* a table : categories */
#table .categories li {
    float:left;
    width:400px;
    height:300px;
    margin:0 10px 10px 0;
}
#table .categories li.last {
    margin:0 0 10px 0;
}
#table .categories img {
    width:400px;
    height:300px;
}
#table .categories a {
    background-color:#000;
    position:relative;
    width:400px;
    height:300px;
    display:block;
}
#table .categories a:hover img {
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

#table .categories h2 {
    position:absolute;
    bottom:25px;
    left:25px;
    text-transform:uppercase;
    color:#fff;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
    font-size:350%;
}

/* a table : products */
/* a table : categories */
#table .products li {
    float:left;
    width:400px;
    height:300px;
    margin:0 10px 10px 0;
}
#table .products li.last {
    margin:0 0 10px 0;
}
#table .products img {
    width:400px;
    height:300px;
}
#table .products a {
    background-color:#000;
    position:relative;
    width:400px;
    height:300px;
    display:block;
}
#table .products a:hover img {
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

#table .products h2 {
    position:absolute;
    bottom:25px;
    left:25px;
    text-transform:uppercase;
    color:#fff;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
    font-size:200%;
}

/* product page */
#table_product {
    position:relative;
}
#table_product h3 {
    margin:0 0 20px 0;
}
#table_product .pages {
    font-size:93%;
    color:#c5bcaf;
    position:absolute;
    top:0;
    right:0;
}
#table_product .pages a {
    margin:0;
}
#table_product h3 a {
    color:#c5bcaf;
    text-transform:uppercase;
    font-size:123.1%;
    font-weight:normal;
}
#table_product h3 a:hover {
    font-weight:bold;
}
#table_product .image {
    float:left;
    width:475px;
    margin:0 25px 20px 0;
    position:relative;
}
#table_product .thumbnail {
    width:475px;
    height:475px;
    text-align:center;
    line-height:475px;
}
#table_product .infos {
    float:left;
    width:220px;
    margin:50px 0 20px 0;
    color:#c5bcaf;
    line-height:1.5em;
    font-size:108%;
}
#table_product #colorPreview {
    position:absolute;
    width:475px;
    height:475px;
    top:54px;
    left:0;
}
#table_product #colorPreview img {
    width:475px;
    height:475px;
}
#table_product .tabs {
    position:absolute;
    top:0;
    left:0;
}
#table_product .media .tabs {
    top:-45px;
}

#table_product .colors .tabs {
    top:-5px;
    width:100%;
}

#table_product .slide_controls {
    text-align:right;
    position:absolute;
    margin:0 0 15px 0;
    top:-40px;
    right:0;
}
#slide_prev {
    margin-right:10px;
}

#table_product .tabs a.swap {
    height:45px;
    border:1px solid #eee;
    text-align:center;
    text-transform:uppercase;
    line-height:45px;
    float:left;
    color:#c5bcaf;
    padding:0 10px;
    font-size:123.1%;
    letter-spacing:1px;
}
#table_product .tabs #scroll_top, #table_product .tabs #scroll_bottom {
    float:right;
    margin:15px 5px;
}

#table_product .media {
    float:right;
    position:relative;
    width:475px;
    margin:0 0 20px 0;
    top:51px;
}
#table_product #slides img {
    width:475px;
    height:475px;
}
#table_product .colors {
    width:475px;
    float:right;
    margin:0px 0 20px 0;
    position:relative;
    top:11px;
}
#table_product .colors .list {
    position:relative;
    top:40px;
    left:0;
    width:475px;
    height:475px;
    overflow:hidden;
}
#table_product .colors .list div {
    position:absolute;
    top:0;
    left:0;
}
#table_product .colors .list img {
    width:95px;
    height:95px;
}
#table_product h2 {
    text-transform:uppercase;
    font-size:250%;
    color:#000047;
    margin:0 0 20px 0;
    white-space: nowrap;
}

/* newsletter popup */
div.popup {
    width: 520px;
    height:520px;
    margin:-260px 0 0 -260px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index:10000;
    display:none;
}

#newsletter form {
    width:350px;
    margin:40px auto 0 auto;
}
#overlay {
    display:none;
    background-color:#c5bcaf;
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:1000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}