/*--------------------------------- Contents -----------------------------------------------*/
/*

DEFAULT Layout

MAIN container
#page {
	#header { 
		#header-left {}
		#header-right {}
	}
	#content {
		#body-content {}
			#overview {}
			#left{}
			#right {}
		ul#menu {}
	}
	#header-menu {}
	#header-navigation {}
	#page-top {}
	#footer {
		#footer-content {}
	}
}


*/

* {
margin:0px;
padding:0px;
}

img {border:0px;}

select {min-width:1.5em;}

body {font-family:GillSans,Tahoma,Arial,Helvetica,sans-serif;font-size:13px;color:#fff;background:#8C9EA5 url("../images/bgSquare.jpg") repeat 0 0;}


/* -------------------------- LAYOUT -------------------------- */

#page {position:relative;width:922px;margin:30px auto 0px auto;text-align:center;}

#content {position:relative;top:0px;left:0px;width:862px;margin:0px auto;text-align:center;min-height:530px;}
* html #content {height:530px;}

#body-content {position:relative;width:792px;margin:0px auto;}

#left-content {float:left;}
#middle-content {float:left;}
#right-content {float:left;text-align:left;} 

/* -------------------------- MENU -------------------------- */

ul#menu {position:relative;bottom:0px;margin-top:-8px;list-style:none;}
ul#menu li {display:inline;}
ul#menu li a {background:url("../images/mainMenuLine.gif") no-repeat 0 0;padding:0px 10px 0 15px;text-decoration:none;font-size:1.1em;}
ul#menu li a.first {background:none;padding-left:0px;}
ul#menu li a:link,ul#menu li a:visited,ul#menu li a:active {color:#ccc;}
ul#menu li a:hover {color:#fff;}

body#furniture ul#menu li#furniture a,body#lighting ul#menu li#lighting a,body#accessories ul#menu li#accessories a,body#bespoke ul#menu li#bespoke a,body#about ul#menu li#about a,body#contact ul#menu li#contact a,body#orders ul#menu li#orders a,body#press-coverage ul#menu li#about a,body#jobs ul#menu li#jobs a {color:#fff;}

/* language */

ul#lang {margin-top:20px;list-style:none;}
ul#lang li {display:inline;padding:0px 10px 0px 15px;}
ul#lang li#en {background:url("../images/flag-en.gif") no-repeat 0 50%;}
ul#lang li#fr {background:url("../images/flag-fr.gif") no-repeat 0 50%;}
ul#lang li a {font-family:verdana,arial,helvetica,sans-serif;font-size:0.75em;}
ul#lang li a:link,ul#lang li a:visited,ul#lang li a:active {color:#ccc;text-decoration:none;}
ul#lang li a:hover {color:#fff;text-decoration:underline;}

/* -------------------------- CATEGORYS -------------------------- */

#products {width:385px;margin:0px auto;min-height:330px;margin-top:30px;text-align:left;}
#body-content .width4 {width:368px;}
#body-content .width5 {width:460px;}
#body-content .width6 {width:555px;}
* html #products {height:330px;}
#products a img {border:1px #fff solid;margin-right:10px;margin-bottom:5px;}

#showHolder {text-align:left;padding-top:40px;padding-right:10px;margin-bottom:10px;min-height:40px;}
* html #showHolder {height:80px;}
#showHolder div {display:none;font-size:1.2em;padding-top:0px;/*border-top:1px solid #ccc;*/}

body#press-coverage #showHolder {min-height:50px;}
* html body#press-coverage #showHolder {height:50px;}
body#press-coverage #showHolder div {padding-top:30px;}

/* press coverage */

body#press-coverage #products {width:680px;margin-top:10px;}


/* -------------------------- LIGHTING MENU -------------------------- */

ul#lighting-menu {list-style:none;}
ul#lighting-menu li {display:inline;}
ul#lighting-menu li a {background:url("../images/mainMenuLine.gif") no-repeat 0 0;padding:0px 10px 0 15px;text-decoration:none;font-size:1.1em;}
ul#lighting-menu li a.first {background:none;padding-left:0px;}
ul#lighting-menu li a:link,ul#lighting-menu li a:visited,ul#lighting-menu li a:active {color:#ccc;}
ul#lighting-menu li a:hover {color:#fff;}

body.tableandfloor ul#lighting-menu li#l1 a,body.chandeliers ul#lighting-menu li#l2 a,body.walllights ul#lighting-menu li#l3 a {color:#fff;}


/* -------------------------- VARIOUS -------------------------- */

a#logo img {position:absolute;top:-10px;left:372px;}


a.navigation {float:right;font-family:GillSans,Tahoma,Arial,Helvetica,sans-serif;text-decoration:none;padding-right:10px;}
a.navigation:link, a.navigation:visited,a.navigation:active {color:#B3BFC3;}
a.navigation:hover {color:#fff;}

#right-content a.navigation {display:block;float:none;margin-bottom:20px;font-size:1.1em;}

.bold {font-weight:bold;}

body#about a.navigation {font-size:1.1em;margin-bottom:10px;}
body#about #right-content p {margin-bottom:2.0em;}

#body-content #right-content a.text14 {font-size:1.4em;}


/* -------------------------- BORDERS -------------------------- */

#left-border {position:absolute;top:0px;left:0px;width:30px;min-height:530px;border-top:1px #9caeb5 solid;border-right:0px; border-bottom:1px #9caeb5 solid; border-left:1px #9caeb5 solid;}
#right-border {position:absolute;top:0px;right:0px;width:30px;min-height:530px;border-top:1px #9caeb5 solid;border-right:1px #9caeb5 solid; border-bottom:1px #9caeb5 solid; border-left:0px;}

* html #left-border,#right-border  {height:530px;}


/* -------------------------- PRODUCT PAGES-------------------------- */

body.display #left-content {margin-top:30px;margin-left:93px;}
body.display #left-content a.navigation {float:left;}
#left-content img {/*border:1px solid #fff;*/margin-bottom:2px;}
#left-content a.zoom {float:left;background:url("../images/zoom.icon.gif") no-repeat 2px 2px;font-size:1.1em;text-decoration:none;padding-left:18px;}
#left-content a.zoom:link,#left-content a.zoom:visited,#left-content a.zoom:active {color:#fff;}
#left-content a.zoom:hover {color:#fff;text-decoration:underline;}

body.display #right-content {margin-top:30px;} 
#right-content img {/*border:1px solid #fff;*/margin-bottom:2px;}
#right-content h1 {font-size:16px;font-weight:normal;margin-bottom:0.6em;}
#right-content p {color:#eee;line-height:1.1em;margin-bottom:1.0em;text-align:justify;}
#right-content p a:link,#right-content p a:visited,#right-content p a:active {color:#eee;text-decoration:underline;}
#right-content p a:hover {color:#fff;text-decoration:underline;}

#right-content p.links {font-size:0.75em;font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;color:#ccc;line-height:1.4em;}
#right-content p.links a {font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;color:#ccc;text-decoration:underline;}

body.display #right-content a.zoom-print {float:right;padding-left:15px;color:#fff;text-decoration:none;margin-right:5px;background:url("../images/icon_download.gif") no-repeat 0 1px;}
body.display #right-content a.zoom-print:hover {text-decoration:underline;}

/*#right-content p.links a:link,#right-content p.links a:visited,#right-content p.links a:active {color:#ccc;text-decoration:none;}*/

#right-content a.shown:hover {color:#fff;}
#right-content a.tearsheet {display:block;background:url("../images/pdf.icon.gif") no-repeat top left;margin-top:10px;padding-left:14px;font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;font-size:0.75em;text-decoration:none;color:#fff;}
#right-content a.tearsheet:hover {text-decoration:underline;}

/* variations - 5 products per line */

/*body#accessories #products {width:485px;}*/
body#lighting #products {min-height:450px;}
/*body.tableandfloor #products {width:485px;}*/



/* -------------------------- INDEX -------------------------- */

#body-content img#index {margin-top:90px;}


/* -------------------------- ABOUT US -------------------------- */


body#about #left-content {width:170px;margin-top:90px;}
body#about #right-content  {width:550px;height:280px;margin-top:90px;padding:10px;border:1px solid #9caeb5;}

body#about #right-content #show-quote {min-height:210px;}
* html body#about #right-content #show-quote {height:210px;}

body#about #right-content p {font-size:1.1em;}	

body#about #right-content p#quote01,
body#about #right-content p#quote02,
body#about #right-content p#quote03,
body#about #right-content p#quote04,
body#about #right-content p#quote05,
body#about #right-content p#quote06,
body#about #right-content p#quote07,
body#about #right-content p#quote08,
body#about #right-content p#quote09,
body#about #right-content p#quote10,
body#about #right-content p#quote11,
body#about #right-content p#quote12,
body#about #right-content p#quote13,
body#about #right-content p#quote14,
body#about #right-content p#quote15,
body#about #right-content p#quote16 {margin-top:20px;/* top was -10 font was 1.1 margin-left:30px;*/display:none;font-size:1.2em;}
		
body#about #right-content p#quote01 {display:block;}

span.source {display:block;margin-top:5px;padding-top:5px;font-style:italic;color:#ddd;}

a#float-left {float:left;}

body#press-coverage #products {width:588px;}
#press-navigation {float:right;width:400px;text-align:right;}
#body-content #products #press-navigation {color:#ccc;}
#press-navigation a.navigation {float:none;display:inline;padding-left:5px;}

body#press-coverage #body-content #products a.thumb {display:inline-block;width:138px;height:191px;background:url("/images/press/thumb_shadow.jpg") no-repeat 0 0;text-align:left;margin:0px 2px 5px 6px;}
body#press-coverage #body-content #products a.thumb img {border:1px solid #86999F;}



/* -------------------------- BESPOKE CHANDELIERS -------------------------- */

body#bespoke #left-content {width:250px;margin-top:120px;}
body#bespoke #right-content  {margin-top:20px;}

#bespoke-text {width:482px;margin-top:20px;max-height:422px;padding:10px;overflow:auto;border:1px solid #9caeb5;}
* html #bespoke-text {height:422px;}

#bespoke-text h2 {font-size:1.2em;line-height:1.1em;font-weight:normal;margin-bottom:10px;}
#bespoke-text ul {list-style:none;}
#bespoke-text ul li {font-size:1.1em;line-height:1.3em;}
#bespoke-text ul li.project {font-weight:bold;color:#fff/*FAE6DE*/;}
#bespoke-text ul li.date {font-style:italic;color:#ddd;padding-bottom:10px;}

#bespoke-text ul li.project a {text-decoration:underline;}
#bespoke-text ul li.project a:link,#bespoke-text ul li.project a:visited,#bespoke-text ul li.project a:active {color:#fff/*FAE6DE*/;}
#bespoke-text ul li.project a:hover {color:#fff;}

a#bespoke01,
a#bespoke02,
a#bespoke03,
a#bespoke04,
a#bespoke05,
a#bespoke06,
a#bespoke07,
a#bespoke08,
a#bespoke09,
a#bespoke10,
a#bespoke11,
a#bespoke12,
a#bespoke13,
a#bespoke14,
a#bespoke15,
a#bespoke16,
a#bespoke17,
a#bespoke18,
a#bespoke19,
a#bespoke20 {
	display:none;
	}
	
a#bespoke01 {
	display:block;
	}
	
#right-content ul li a.tearsheet {margin-top:0px;background:url("../images/pdf.icon.gif") no-repeat 0px 4px;} 

/* -------------------------- ORDERS -------------------------- */

body#orders #left-content {width:228px;margin-top:40px;margin-right:20px;padding:10px;max-height:422px;overflow:auto;border:1px solid #B3BFC3;text-align:left;}
body#orders #middle-content {width:228px;margin-top:40px;margin-right:20px;padding:10px;max-height:422px;overflow:auto;border:1px solid #B3BFC3;text-align:left;}
body#orders #right-content {width:228px;margin-top:40px;padding:10px;max-height:422px;overflow:auto;border:1px solid #B3BFC3;text-align:left;margin-left:0px;}







* html body#orders #left-content,* html body#orders #right-content {height:422px;}

body#orders #body-content li {margin-left:2.5em;margin-bottom:2.0em;}
body#orders #body-content p {margin-bottom:1.0em;}

body#orders h1 {font-size:1.2em;font-weight:normal;margin-bottom:1.0em;}


/* -------------------------- CONTACT -------------------------- */


body#contact #body-content {padding-top:30px;}
body#contact #left-content {width:396px;padding-top:20px;margin-left:0px;text-align:left;}
body#contact #right-content {width:376px;padding-top:20px;text-align:left;}
body#contact #right-content img {border:1px solid #ccc;}

div.address {margin-bottom:10px;text-align:left;}
div.address a.bold {font-weight:bold;}
div.address a:link,div.address a:visited,div.address a:active {color:#fff;}
div.address a:hover {text-decoration:underline;}

form div span.error {color:#000;display:block;font-weight:bold;}

/* form.css */

form {font-size:0.9em;}

label {
  font-size: 1.0em;
}

input, select, textarea {
  font-family: Verdana,Tahoma, Arial, sans-serif;
  font-size:0.9em;
  color: #000;
  border:none;
  border:1px solid #666;
}

textarea {
  overflow: auto;
}

form div {
  clear: left;
  display: block;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

form div label {
  display: block;
  float: left;
  width: 70px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

form div.optional label, label.optional {
  font-weight: normal;
}

form div.required label, label.required {
  font-weight: bold;
}

form div label.labelCheckbox, form div label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  height: expression('1%');
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
  margin: 0 0 5px 0;
  width: 170px;
}

form div input, form div select, form div textarea {
  width: 300px;
  padding: 1px 3px;
}

form div select.selectOne, form div select.selectMultiple {
  width: 310px;
  padding: 1px 3px;
  font-size:10px;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: 14px;
  width: 14px;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 140px;
}

form div.submit {
  width: 214px;
  padding-left:82px;
}

form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0;
  margin: 0;
}

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 0 6px;
  margin: 0;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0 0 0 5px;
}

form div small {
  display: block;
  margin: 0 0 5px 142px;
  padding: 1px 3px;
  font-size: 88%;
  height: expression('1%');
}


/* -------------------------- CONTACT -------------------------- */

body#thanks #body-content {padding-top:170px;}
body#thanks h1 {font-size:1.4em;font-weight:normal;}



/* -------------------------- JOBS -------------------------- */
body#jobs #body-content {padding-top:50px;text-align:left;}
body#jobs #body-content p {margin-bottom:1.4em;}
body#jobs #body-content a {color:#fff;font-weight:bold;}
