/**************** Style Resets **********************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ol,dl,address {margin:1em 0;}
li, dd, blockquote {margin-left:1em;}
html, body, fieldset {font:100.1%/120%  Verdana, Arial, Helvetica, sans-serif;}
input, select, textarea {font-size:100.1%;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
form label{cursor:pointer;}
fieldset, img{border:none;}
table{border-collapse:collapse; border-spacing:0;}
hr {height: 1px; background-color: #E5E5E5;  color: #E5E5E5;   border: none;  padding: 0; margin: 1em 1em;clear:both;}

/**************** General rules *********************/

html{height:100%; }
body {height:101%; line-height:150%; color: #333; text-align: center;background:#c6b17c url(../images/goldfade.jpg) top left repeat-x; }

/**************** General Links ***********************************/
a:link            { color: #555; text-decoration: none;border-bottom:1px solid #b58339;}
a:visited         { color: black; text-decoration: none;border-bottom:1px solid #ccc;}
a:focus, a:hover, a:active {color: #555;background-color:#efefef;border-bottom:1px solid #555; }

/********************** Navigation ******************/
#navlist  {margin:15px 20px 20px 6%;}
#navlist  li {display:block;list-style: none;border-bottom:1px dotted #dad7d7;margin:0 0 0 3px;padding:5px 0 5px 0;}

#navlist  li  a  {font-weight:bold;color:#666;display:block;text-decoration:none;border-bottom:none;}
#navlist  a:link, #navlist a:visited {padding:0 0 0 15px;color:#555;border-bottom:none;}
#navlist  a:focus, #navlist   a:hover,  #navlist a:active {background:#f0e8db url(../images/golddot.gif) 1px 0.75em no-repeat;color: #b58339;padding-left:15px;}
#home #nav-home, #about #nav-about, #services #nav-services, #fabrics #nav-fabrics, #bespoke #nav-bespoke, #contact #nav-contact, #products #nav-products, #upholstery #nav-upholstery {background:#f0e8db url(../images/golddot.gif) 1px 0.75em no-repeat;color: #b58339;padding-left:15px;}

/***************** Image Replacement ****************/

/* General IR statements */
.replace {clear:both;position: relative;  float:left;width:200px;overflow: hidden; margin: 10px 0 10px 8px;padding: 0;   font-size: 100%; }
.replace em {     display: block;   position: absolute;  top: 0;  /* left: 0; */ z-index: 1;    /* for opera5 (?) and o6/mac */     }
/* General IR statements for IE5.x mac only */
* html>body .replace {  position: static; overflow: visible;   font-size: 10px;  /* for ie5.x/mac */  }
* html>body .replace em  { position: static; }
* html>body .replace a {text-decoration: none;  /* ie5.0-5.1.x/mac  must have this value or the underline shows through the image. */   }
/* Each pair of statements per instance of IR */
#myh1, #myh1 em {font-color:#555;padding-bottom:0; background-color:#ggg;     width:480px;     height: 72px; background: url(../images/logo6.gif) top left no-repeat;}
* html>body #myh1 em { /* for ie5.x/mac only */ margin-bottom: -72px;  /* Required to bring text underneath image. Use the negative height of the image here.*/  }

/***************** Headings ********************/

/* h1 {font-size:110%; color: #000; font-weight:normal;} */
h2 {font-size:200%; color: #b58339; font-weight:normal;margin-left:25px;margin-bottom:5px;font-family: "Times New Roman", Georgia, serif;}
h3 {clear:both;font-size:150%; color:#b58339;font-weight:normal;margin-left:25px;font-family: "Times New Roman", Georgia, serif;}
h4 {font-size:110%; color:#b58339;font-weight:bold;margin-left:25px; }
.box h3 {font-size:120%;font-weight:bold;margin: 0;display:block; color:#555;}

/***************** Page Sections *********************/

#container {position:relative; margin:0 auto;text-align:left; max-width:1000px;font-size:76%;padding-top:12px;}
#wrapper {overflow:hidden;width:100%;clear:both;}
#skip {font-size:80%;   text-align:right; color:white;   margin:0;position:absolute;top:0;right:0.5em;z-index:10;}
#skip li {display:inline;  list-style-type: none;  padding: 0 0 0 1em;  }
#skip li a:link, #skip li a:visited  {border:none; color:#b58339; padding:5px;   }
#skip li a:focus, #skip li a:hover, #skip  a:active {background:#b58339; border:none;color:#fff;    padding:5px;border-top:1px solid #916b3c;}
img.logo {display:block;position:absolute; top:25px;right:8%;}
#sidebar {display:inline;width:26%;float:right;display:inline;background:#f0e8db url(../images/sidebarcorner.jpg) bottom right no-repeat;padding-bottom:20px}
  #sidebar .latest {border-bottom: 1px dotted #ccc;margin:6%;}
  #sidebar .latest h3, #sidebar .latest h4 {margin-left:0;margin-bottom:0;}
  #sidebar .latest p {margin-top:0;}
  #sidebar h3 {margin-left:6%;}
  #sidebar #slides {width:175px; height:250px;margin:0 auto;}
  #sidebar img.phone {display:block;margin:0 auto 10px auto;}
#content {display:inline;background:#fff url(../images/corner.jpg) left top no-repeat;width:74%;float:left;display:inline;padding-bottom:30px;min-height:710px;}
  #content p {margin:1em 25px 1em 25px;}
  #content img {float:right;clear:right;padding:6px;border:1px solid #e2e2e2;color:#333;background:#fff;margin: 5px 25px 8px 8px;}
  #services #content img {margin-top:0px;}
  #services h3 {margin-bottom:0px;}
  #content ul {margin-left:25px;}
  #content ul.floatleft, #content div.floatleft {width:45%;float:left;margin-bottom:20px;}
  #content div.floatbox {width:43%;margin:10px 0 20px 25px;float:left;}
  #content div.floatbox img {float:none;display:block;margin:10px auto;}
  #content div.floatbox a, #content div.floatbox a:hover {border:none;text-decoration:none;}
#content ol {margin-left:40px;}
#contact #content ol {color:#9a0909;    font-weight:bold; }
#content ul li {list-style-type:none;background: url(../images/golddot.gif) 0 0.75em no-repeat;padding-left:12px;}
#content div.box p {padding:0;margin:0 8px ;}
#footer {clear:both; padding:1em 0 1em 0;overflow:hidden;width:100%;margin:0 auto;text-align:center;color:#fff;}
#footer .left {float:left; width:40%;text-align:left;}
#footer .right {float:right; width:30%; text-align:right;}
#footer .center {text-align:center;color:white;clear:both;width:100%;}
#footer ul {float:left;width:58%;margin-left:0;padding-left:0;}
#footer ul li {float:left;list-style-type:none;margin-left:0;margin-right:1em;}
#footer li a:link, #footer li a:visited  {border:none; color:#fff; padding:5px;   }
#footer li a:focus, #footer li a:hover, #footer  a:active {background:#0894c3; border:none;color:#fff;    padding:5px;}

#mainpic {position:relative;width:98%;margin:20px auto; height:219px;background: url(../images/bluefeathers.jpg) top center no-repeat;}
#products #mainpic {background: url(../images/chairs.jpg) top center no-repeat;}
#bespoke #mainpic {background: url(../images/bespoke.jpg) top center no-repeat;}
#about #mainpic {background: url(../images/portraitmontage.jpg) top center no-repeat;}
#fabrics #mainpic  {background: url(../images/fabricsmontage.jpg) top center no-repeat;}

#mainpic p {font-size:120%;font-weight:normal;color:white; text-align:left;width:60%;margin:8px 20px 0 2%;float:left;}
#mainpic h2 {color:white;padding-top:30px;}
#mainpic img.freedel {position:absolute; top:0;right:0;background:transparent;border:none;margin:0;padding:0;}
#mainpic img.freedel a, #mainpic img.freedel a:link, #mainpic img.freedel a:visited {border:0;text-decoration:0;background-color:none;}
#mainpic img {border:none;margin:0;padding:0;}
#content img.icon {float:none;margin:0 0 0 0;vertical-align: middle;border:none;background-color:transparent;padding:0;}
#logos {margin-left:20px;margin-bottom:20px;}
#bestseller p {margin:5px;}
/*************** Other bits *************/
ul.list {display:inline;float:left;width:30%;}
ul.border {border-right:1px solid #ccc}

#quarters {margin:0 40px;}

div.fourth {float:left; width:44%;min-width:150px;text-align:center;}
#content div.fourth img {float:none;display:block;margin:0 auto;}
div.one {border-right:1px dotted #ccc;margin-left:1%;}
div.one, div.two {border-bottom:1px dotted #ccc;margin:0 auto;padding-top:10px;}
div.one img, div.two img {}

a[href $='.pdf'] {padding-left: 15px; background: transparent url(../images/pdf.gif) no-repeat center left;border-bottom:none;}
a[href $='.doc'] {padding-left: 15px; background: transparent url(../images/word.gif) no-repeat center left;border-bottom:none;}
#googlemap img {border:none;background-color:transparent;padding:0;margin:0;float:none;}
#googlemap {margin-left:25px;}

#content div.service {;clear:both;overflow:hidden;margin:0 25px;}
#content div.service img {clear:left;}
#content div.service p, #content div.service h3, #content div.product p, #content div.product h3 {margin-left:0;margin-right:0;}
#content div.service img, #content div.product img {margin-right:0;}
div.product {clear:both;overflow:hidden;margin:0 25px;}

#services hr, #products hr {height: 1px; background-color: #b58339;  color: #b58339;   border: none;  padding: 0; margin: 0.5em 25px;clear:both;}
p.gold {color:#b58339;font-weight:bold;text-align:center;}
img.oui100 {display:block;margin:0 auto;}

/*************** Forms ******************/

#enquiry p {margin:0 0 5px 0;}
#enquiry p.inline {display:inline;}
#enquiry {font-size:100%; color:#000; margin-left:25px;width:90%;   }
#enquiry fieldset { border:1px solid #ddd;  padding:12px 8px;margin-bottom:10px; }
#enquiry fieldset #main {border:none;}
#enquiry legend {   color:#b58339;font-weight:bold;margin-bottom:5px;}
#enquiry input {background:#fff;   border:1px solid #aaa;  width:70%;     padding:5px 3px 5px 3px;   vertical-align:middle;  margin:0 0 5px 0; }
#enquiry select {border:1px solid #2c3079; margin:2px 0 5px 0;}
#enquiry textarea { background:#FFF;  border:1px solid #aaa;     width:70%;  margin-left:0;    font-size:110%;   padding:3px ;  vertical-align:middle;  }
#enquiry input.submit{   border:1px solid #fff;clear:both;   color:white;   font-size:100%;   width:30%;  margin:10px 0 20px 0;   font-weight:bold;    background:#b58339 url(../images/goldbutton.jpg) left top repeat-x;    }
#enquiry input:hover, #enquiry textarea:hover {  border:1px solid #b58339;background-color:#efefef; }
#enquiry input.submit:focus, #enquiry input.submit:hover, #enquiry input.submit:active  { clear:both; color:white;   font-size:100%;   width:30%;  margin:10px 0 20px 0;   font-weight:bold;   background:#b58339 url(../images/button1.jpg) left top repeat-x;  }
#enquiry input.radio {width:2em;border:none;}
#enquiry input.topic, #enquiry label.topic {position:absolute;left:-9999px;}
.required { color:#9a0909;    font-weight:bold;  margin-left:0px; }
.validationerrors ol {color:#000;   margin-left:5px; padding-left:10px;   margin-bottom:10px;  }
#enquiry input.shorttext {width:20%;}
#genform {overflow:hidden;margin-left:20px;padding:20px;font-size:100%; color:#000; width:70%; background-color:#f6f6f6; border:1px solid #e2e2e2;  }
  #genform fieldset { border:none;   }
  #genform legend {   display:none;}
  #genform input {background:#fff;   border:1px solid #ccc;  width:100%;     padding:5px 3px 5px 3px;   vertical-align:middle;  margin:0 0 5px 0; }
  #genform textarea { background:#FFF;  border:1px solid #ccc;     width:70%;  margin-left:0;    font-size:110%;   padding:3px ;  vertical-align:middle;  }
  #genform input.button {   border:1px solid #fff;clear:both;   color:white;   font-size:100%;   width:30%;  margin:10px 0 20px 0;   font-weight:bold;   background:#b58339 url(../images/buttonback.jpg) left top repeat-x;    }
  #genform input:hover, #genform textarea:hover {  border:1px solid #b58339;background-color:#f9f8f8; }
  #genform input.button:focus, #genform input.button:hover, #genform input.button:active  { clear:both; color:#fff;   font-size:100%;   width:30%;  margin:10px 0 20px 0;   font-weight:bold;    background-color:#03a9e2;  }
  .required { color:#c2537a;    font-weight:bold;  margin-left:0px; }
  #genform input.chk {width:20px;border:none;}
  #genform h4 {margin-bottom:10px;}
  #genform input.textbox1 {width:70%;margin-top:5px;}
  #genform input.button1 {   border:1px solid #fff;clear:both;   color:white;   font-size:100%;   width:20%;  margin:0px 0 0px 0;   font-weight:bold;   background:#c41a60 url(../images/buttonback.jpg) left top repeat-x;    }
  #genform input.button1:focus, #genform input.button1:hover, #genform input.button1:active  { clear:both; color:#fff;   font-size:100%;   width:20%;  margin:0px 0 0px 0;   font-weight:bold;    background-color:#03a9e2;  }
  #genform label.topic, #genform input.topic {position:absolute;left:-9999px;}
    #genform input.shorttext {width:30%;}
    #genform p {margin-left:0;}
div.dbimages-config {border:1px solid #ccc;width:180px;float:left;text-align:center;margin-right:10px;margin-bottom:10px;}
div.dbimages {border:1px solid #ccc;width:114px;float:left;text-align:center;margin-right:10px;margin-bottom:10px;margin-left:10px;}
#content div.dbimages img {float:none;border:none;padding:0;margin:5px;}
#content div.bespokelist img {margin-top:-40px;}
div.bespokelist {margin:5px 20px;border-bottom:1px solid #ccc;overflow:hidden;}
#content div.bespokelist h3, #content div.bespokelist p , #content div.bespokelist img {margin-left:0;margin-right:0;}
#content div.bespokelist p {margin:0;}
div.bespokelist span {position:absolute;left:-9999px;}
#content img.bespokeimg {}
/*************** Lightbox ********************/
#lightbox{
   position: absolute;
   left: 0;
   width: 100%;
   z-index: 100;
   text-align: center;
   line-height: 0;
   }

#lightbox a img{ border: none; }

#outerImageContainer{
   position: relative;
   background-color: #fff;
   width: 250px;
   height: 250px;
   margin: 0 auto;
   }

#imageContainer{
   padding: 10px;
   }

#loading{
   position: absolute;
   top: 40%;
   left: 0%;
   height: 25%;
   width: 100%;
   text-align: center;
   line-height: 0;
   }
#hoverNav{
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   z-index: 10;
   }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
   width: 49%;
   height: 100%;
   background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
   display: block;
   }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
   font: 15px Verdana, Helvetica, sans-serif;
   background-color: #fff;
   margin: 0 auto;
   line-height: 1.4em;
   overflow: auto;
   width: 100%
   }

#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;   }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;   }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;   }

#overlay{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 90;
   width: 100%;
   height: 500px;
   background-color: #000;
   }