/* -----------------------------------
  GLOBAL
/* -----------------------------------*/
  * {
    margin: 0;
    padding: 0;
    border: 0;
  }

  /* fix for base font size */
  body {
    font-size: 100%;
  }

  /* for ie */
  html>body {
    font-size: 16px;
  }

  .trans_box2 {
    border: 0px;
    /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  }

  /* stop child elements inheriting the parents alpha opacity in ieWin */
  .trans_box2 * {
    /* A position:absolute or position:relative is required for ieWin to actually set the filter? */
    position:relative;
  }

  body
  {
    background: url(_images/background/backgroundfade.jpg) repeat-x;
  }





/* -----------------------------------
  PAGE HEADER
/* -----------------------------------*/

  .pageHeaderContent
  {
    background: url(_images/logoheader3.gif) no-repeat center top;
    width: 100%;
  }

  .pageHeader
  {
    width: 46.875em;
    position: relative;
  }

    /* MAILING LIST */

    .mailingListContainer {
      height: 135px;
    }

    .mailingList
    {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      overflow: hidden;
      position: relative;
      margin-top: 1em;
      margin-right: 2em;
    }
    .mailingList .field
    {
      font-size: .7em;
      border: 1px solid #FFCE84;
      background: #FFE8C4;
      text-align: left;
      padding-top: 0.15em;
      padding-left: 0.5em;
      height: 1.90em;
      vertical-align: middle;
    }
    .mailingList .button
    {
      font-size: 0.65em;
      border: 1px solid #818182;
      background: #d6ccbb;
      color: #775e2c;
      text-align: center;
      padding: .25em .4em;
      text-transform: uppercase;
      position: relative;
      float: right;
      margin-left: 0.65em;
      height: 1.25em;
      vertical-align: middle;
    }

    .mailingList .submit
    {
      font-size: 0.65em;
      border: 1px solid #D27E00;
      background: #FF9C09;
      color: #FFFFFF;
      text-align: center;
      padding: .25em .4em;
      text-transform: uppercase;
      position: relative;
      margin-left: 0.10em;
      vertical-align: middle;
    }

    .mailingList .button:hover
    {
      background-color: #818182;
      color: #ffffff;
      cursor: pointer;
      cursor: hand;
    }

    /* LOGIN */

    .loginNote
    {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 0.9em;
    }

    .login
    {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 0.8em;
    }

    .login .field
    {
      font-size: .7em;
      border: 1px solid #818182;
      background: #ece4d2;
      text-align: left;
      padding-top: 0.15em;
      padding-left: 0.5em;
      height: 1.90em;
      vertical-align: middle;
    }

    .login .submit
    {
      font-size: 0.7em;
      border: 1px solid #818182;
      background: #d6ccbb;
      color: #775e2c;
      text-align: center;
      padding: .25em .4em;
      text-transform: uppercase;
      position: relative;
      vertical-align: middle;
    }
    .noteLogin
    {
      font-size: 0.85em;
      font-style: italic;
    }
    .noteErorr
    {
      font-size: 0.85em;
      color: #FC240C;
    }

    .noteSuccess
    {
      font-size: 0.75em;
      font-family: Verdana, Arial, Helvetica, sans-serif;
    }

    .noteSuccess .link
    {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      text-decoration: none;
      font-weight: bold;
    }

    .writeLogin
    {
      margin-top: 4.2em;
      margin-right: 2em;

    }
    .writeLogin .link
    {
      font-size: 0.75em;
      font-weight:bold;
      color: #213026;
      text-decoration: none;
    }

    .writeWelcome
    {
      margin-top: 7.7em;
      margin-right: 2.9em;
      font-size: 0.75em;

    }
    .writeWelcome .link
    {
      font-weight:bold;
      color: #0000FF;
      text-decoration: none;
    }

    .logged
    {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 0.65em;
      margin-right: 2em;
    }

    /* TOP NAVIGATION */

    .topNav
    {
      font-family: Georgia, Times New Roman, Times, serif;
      text-align: center;
      color: #000000;
      font-size: 0.7em;
      text-transform: uppercase;
      position: relative;
      padding-top: 0.4em;
      padding-bottom: 0.4em;
      margin-bottom: 1em
    }

    .topNav .link
    {
      margin-right: .3em;
      margin-left: .3em;
      text-decoration: none;
      color: #8A5300;
    }


    .topNav .link .cap {
      font-size: 1.2em;
    }

    .topNav .link:hover
    {
      text-decoration: underline;
      color: #000000;
    }





/* -----------------------------------
  CONTENT
/* -----------------------------------*/

    .contentContainer
    {
      width: 42.625em;
    }


  /* CATEGORY DETAIL */

    .categoryDetail
    {
      text-align: center;
      float: right;
      display: inline;
      margin-top: 1.5em;
      margin-right: 1.5em;
      margin-left: 1.5em;
      width: 28.125em;
    }

    .categoryDetail img {
      border: 1px solid #FFB94F;
      background: #FFC977;
      padding: .75em;
    }

  /* HOME CONTENT */

    .homeContentContainer {
      width: 100%;
    }

    .homeContent img {
      width: 42.625em;
      border: 1px solid #666666;
    }

  /* PRODUCT DETAIL */

    .productContentContainer
    {
      /*width: 100%;*/
      width: 42.625em;
      background-image:url(_images/tiles/whitebox55-trans.png);
      border-top:1px solid #A66400;
    }

    .productDetailContainer
    {
      text-align: center;
      margin-top: 1.5em;
    }

    .productDetailContent
    {
      margin-top: 1.5em;
      text-align: center;
    }

    .productDetailContent img
    {
      width: 18.75em;
      border: 1px dashed #5E3800;
      height: 17.1875em;
      position: relative;
    }

    .productDetailContent img:hover
    {
      border-style: solid;
      border-color: #2F1C00;
    }

    .productBottom
    {
    position: relative;
    border-bottom: 2px dotted #FFEDD2;
    padding-top: .3em;
    padding-bottom: .3em;
    }


  /* SPECS */

    .specs .label
    {
      font: italic .6em Verdana, Arial, Helvetica, sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.15em;
      color: #555555;
      margin-top: 0.7em;
    }

    .specs .title
    {
      font: 1.1em Georgia, Times New Roman, Times, serif;
      color: #000000;
    }

    .specs .code
    {
      color: #222222;
      font: .75em Verdana, Arial, Helvetica, sans-serif;
    }

    .specs .dimensions
    {
      font: italic .75em Verdana, Arial, Helvetica, sans-serif;
      text-transform: lowercase;
      color: #222222;
    }


/* -----------------------------------
  FINISHES
/* -----------------------------------*/

    .finishesContainer
    {
      text-align: center;
      width: 9.5em;
    }

    .finishesContent
    {
      text-align: right;
      margin-top: 1.5em;
      margin-right: 1.5em;
      width: 8em;
    }

    .finishesContent .titleLabel
    {
      font: italic .56em Verdana, Arial, Helvetica, sans-serif;
      text-transform: uppercase;
      color: #553300;
      margin-bottom: 1em;
      letter-spacing: 0.1em;
    }

    .finish
    {
      border-bottom: 1px dotted #FFBD59;
      background: #FFDCA8;
      text-decoration: none;
      text-align: left;
      line-height: 1.25em;
      font-size: .75em;
      margin-bottom: .2em;
      padding: .4em;
      vertical-align: middle;
    }

    .finish .swatch
    {
      width: 2em;
      border: 1px solid #777;
      vertical-align: middle;
    }

    .finish .label
    {
      font-family: Georgia, Times New Roman, Times, serif;
      font-style: italic;
      color: #553300;
      white-space: nowrap;
      padding-left: .6em;
      vertical-align: baseline;
    }





/* -----------------------------------
  NAVIGATION
/* -----------------------------------*/

    .navigationContainer, .navigation
    {
      width: 10em;
      background-image:url(_images/tiles/whitebox55-trans.png);
      border-top:1px solid #8A5300;
    }

    .navigationContent
    {
      width: 10em;
      padding-left: 1.5em;
    }

    a.highlight
    {
      border-color: #555555;
      background-color: #7d9b97;
    }

    .m0
    {

      margin-top: 1.5em;
      display: block;
      margin-bottom: 0.2em;
      padding-bottom: 0.5em;
      width: 10em;
    }

    a.m1, a.m2 {
      text-decoration: none;
      margin-bottom: .1em;
      color: #553300;
      font-family: Georgia, Times New Roman, Times, serif;
      font-size: .75em;
      border-style: solid;
      border-bottom-width: 1px;
      border-top-width: 1px;
    }

    a.m1
    {
      background: #FFC977 url(_images/menu/expandh.gif) no-repeat .25em center;
      border-color: #FFB94F;
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: .2em;
      padding: .1em;
      text-indent: 1.2em;
      display: block;

    }

    a.m2
    {
      background-color: #FFDCA8;
      border-color: #FFBD59;
      letter-spacing: 0em;
      padding: .1em;
      padding-left: 1.75em;
      display: block;
    }


    a.m1:hover
    {
      background: #D7E1DF url(_images/menu/expandon.gif) no-repeat .25em center;
    }

    a.m2:hover
    {
      background-color: #E3EAE9;
    }

    a.m1.isopen
    {
      background-image: url(_images/menu/collapseh.gif);
      background-color: #d9e7e4;
    }

    a.m2.isopen
    {
      background-color: #d9e7e4;
    }

    a.m1.selected:hover
    {
      background: #698e85 url(_images/menu/collapseon.gif) no-repeat .25em center;
    }

    a.m2.selected:hover
    {
      background-color: #c8d6d3;
    }

/* -----------------------------------
  IMAGE DETAIL
/* -----------------------------------*/

  .imageMain
  {
    text-align: center;
    padding-top: .5em;
    padding-bottom: .5em;
  }

  .imageHolder
  {
    text-align: center;
    font-size: 1em;
    background: #FFC977;
    color: #553300;
    font-weight: bold;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px none #FFFFFF;
    border-left: 1px solid #FFFFFF;
  }

  .imageBox
  {
    font-family: Times New Roman, Times, serif;
    font-size: .78em;
    background: #FFDCA8;
    color: #553300;
    text-align: center;
    padding-top: .2em;
    padding-bottom: .2em;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px none #FFFFFF;
    border-left: 1px solid #FFFFFF;

  }




/* -----------------------------------
  THUMBNAILS
/* -----------------------------------*/

  .thumbnailsContainer
  {
    width: 42.625em;
    background-image:url(_images/tiles/whitebox55-trans.png);
    padding-top: 0.2em;
  }

  .homeThumbnailsContainer
  {
    padding-top: 1em;
  }

  .thumbnailsContent
  {
    margin-bottom: .2em;
  }

  .thumbnailHolder
  {
    text-align: center;
    margin-top: .25em;
    padding-bottom: .5em;
  }

  .thumbnailHolder a
  {
    text-decoration: none;
    text-align: center;
  }

  .thumbnail
  {
  /*  width: 6.275em;
    text-align: center;
    margin: .2em;
*/  }

  .thumbnailBox
  {
    width: 6.275em;
    text-align: center;
    margin: .15em;
    text-decoration: none;
    border: 1px dotted #FFCC80;
    background: #ffffff;
    text-align: center;
    padding: .2em;
    padding-top: .5em;
    height: 10em;
  }

  .thumbnailHolder a:hover, .thumbnailBox:hover {
    text-decoration: none;
    border-color: #1f5d5c;
    border-style: solid;
  }

  .thumbnail .title
  {
    font-family: Georgia, Times New Roman, Times, serif;
    color: #333333;
    white-space: normal;
    font-size: .70em;
    line-height: 1em;
    overflow: hidden;
    padding-top: .5em;
  }

  .thumbnail .code
  {
    font: .6em Verdana, Arial, Helvetica, sans-serif;
    color: #444444;
    text-align: center;
    font-size: .70em;
    height: 1.5em;
    text-transform: uppercase;
    padding-top: .5em;
    border: 0;
  }

  /* HOME THUMBNAIL */

  .homeThumbnailsContent
  {
    width: 42.625em;
    margin-bottom: 1em;
    margin-top: 1em;
  }

  .homeThumbnailHolder {
    text-align: center;
    width: 16.67%;
  }

  .homeThumbnailHolder a {
    text-decoration: none;
    text-align: center;
  }

  .homeThumbnail {
    width: 6.275em;
    text-align: center;
    margin: .2em;
  }

  .homeThumbnailBox {
    text-decoration: none;
    border: 1px dotted #FFCC80;
    background: #ffffff;
    text-align: center;
    padding: .2em;
    width: 6.275em;
    padding-top: .5em;
  }

  a:hover .homeThumbnailBox, .homeThumbnailBox:hover {
    text-decoration: none;
    border-color: #1f5d5c;
    border-style: solid;
  }

  .homeThumbnail .title
  {
    font-family: Georgia, Times New Roman, Times, serif;
    color: #444444;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: .8em;
    height: 1.5em;
    line-height: 1.5em;
  }

  .homeThumbnail .title .cap {
    font-size: 1.1em;
  }

  .homeThumbnailImage {
  }


/* -----------------------------------
  PAGE FOOTER
/* -----------------------------------*/

  .pageFooterContainer
  {
    width: 42.625em;
  }

  .pageFooter {
    position: relative;
    border-top: 2px dotted #FFEDD2;
    background: url(_images/background/footerwideflourish.gif) no-repeat center .5em;
    padding-top: 1em;
  }

  .bottomNav {
    text-align: center;
    position: relative;
    color: #666666;
    font: .8em Verdana, Arial, Helvetica, sans-serif;
  }

  .bottomNav .link, .bottomNav .text {
    color: #8A5300;
    text-decoration: none;
    text-transform: lowercase;
    margin-right: .75em;
    margin-left: .75em;
  }

  .bottomNav .link:hover {
    color: #333;
    text-decoration: underline;
  }

  .bottomNav .text, .bottomNav .text:hover {
    cursor: default;
  }

  .copyrightNotice {
    font-family: Georgia, Times New Roman, Times, serif;
    text-align: center;
    position: relative;
    margin-top: 3em;
    text-transform: lowercase;
    color: #CE7B00;
    font-size: .75em;
  }





/* -----------------------------------
  LIGHTBOX
/* -----------------------------------*/

  #lightbox {
    background-color: #eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
  }

  #overlay {
    background-image: url(_images/lightbox/overlay-trans.png);
  }

  #lightboxCaption {
    color: #333;
    background-color: #eee;
    text-align: center;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
    padding-top: .5em;
    padding-bottom: .5em;
    font: .8em Verdana, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
  }

  * html #overlay {
    background-color: #000;
    background-image: url(_images/lightbox/blank.gif);
    filter: Alpha(opacity=50);
  }

/* Other tpl */

  .contentTpl
  {
      width: 42.625em;
      height:25.625em
  }

  .contentTpl .holder .copy
  {
    font: italic 1em Georgia, Times New Roman, Times, serif;
    color: #000033;
    text-align: left;
    text-transform: inherit;
  }




/* -----------------------------------
  GENERIC
/* -----------------------------------*/

  .genericHolder, .contactHolder, .holder {
    background: url(_images/tiles/whitebox55-trans.png);
    border-top: 1px solid #A66400;
    position: relative;
    margin-right: 1.5em;
    margin-left: 1.5em;
    margin-top: .5em;
    padding-top: .5em;
    padding-bottom: 1.5em;
    padding-left: 2em;
    padding-right: 2em;
  }

/*
  .genericHolder, .contactHolder, .holder {
    border-top: 1px dotted #b0a486;
    border-bottom: 1px dotted #b0a486;
    border-left: 1px dotted #b0a486;
    border-right: 1px dotted #b0a486;
    position: relative;
    margin-right: 1.5em;
    margin-left: 1.5em;
    margin-top: .5em;
    padding-top: .5em;
    padding-bottom: 1.5em;
    padding-left: 2em;
    padding-right: 2em;
  }
*/

  .contentContainer .holder .copy
  {
    font: italic 1em Georgia, Times New Roman, Times, serif;
    color: #000033;
    text-align: left;
    text-transform: inherit;
  }

  .contentContainer .contactHolder .label, .contentContainer .holder .label
  {
    margin-top: 1em;
    font: 1.2em Georgia, Times New Roman, Times, serif;
    font-variant: small-caps;
    text-align: center;
  }

  .holder .heading
  {
    font: 1.2em Georgia, Times New Roman, Times, serif;
    margin-top: 1em;
    font-weight: bold;
    text-align: center;
  }

  .holder .headingSmaller
  {
    font: 1.0em Georgia, Times New Roman, Times, serif;
    margin-top: 1em;
    font-weight: bold;
    text-align: center;
  }

  .holder .statement
  {
    font: 1.2em Georgia, Times New Roman, Times, serif;
    margin-top: 1em;
    font-variant: small-caps;
    text-align: center;
  }

  .holder .statementOblique
  {
    font: 1.2em Georgia, Times New Roman, Times, serif;
    margin-top: 1em;
    text-align: center;
    font-style: italic;
  }

  .holder .statementObliqueSmall
  {
    font: 1.0em Georgia, Times New Roman, Times, serif;
    color: #4c4c4c;
    margin-top: 1em;
    text-align: justify;
    font-style: italic;
    margin-bottom: 0.75em;
    padding-left: 3em;
    padding-right: 3em;
  }

  .contentContainer .holder .text, .contentContainer .holder .text a
  {
    font: 1em Georgia, Times New Roman, Times, serif;
    color: #4c4c4c;
    text-align: center;
  }

  .contentContainer .holder .copy
  {
    font: 0.85em Georgia, Times New Roman, Times, serif;
    color: #000033;
    text-align: justify;
    margin-bottom: 0.75em;
    padding-left: 3em;
    padding-right: 3em;
  }

  .contentContainer .copyimage
  {
    font: 0.55em Georgia, Times New Roman, Times, serif;
    color: #4c4c4c;
    padding-bottom: 3em;
    text-align=center;
  }

  .contentContainer .holder .copy a
  {
    color: #000033;
    text-align: justify;
    margin-bottom: 0.75em;
  }

  .linklist li
  {
    list-style-type: none;
  }

  .noBullet
  {
    list-style-type: none;
  }

  .noBulletcat
  {
    list-style-type: none;
    padding-left: 1.3em;
  }

  .noBulletcol
  {
    list-style-type: none;
  }

  a.listItem
  {
    font: 0.8em Georgia, Times New Roman, Times, serif;
    color: #4c4c4c;
    margin-top: 1em;
    font-style: italic;
    text-transform: inherit;
    text-decoration: none;
  }

  a.listItem:hover
  {
    color: black;
  }

  .category
  {
    padding-left: 1.3em;
  }

.homeThumb {
     font-family: Georgia, Times New Roman, Times, serif;
     font-size: 10pt;
     background: #FDFCFB;
     border-top: 1px dotted #D9C8A6;
     border-right: 1px dotted #D9C8A6;
     border-bottom: 1px dotted #D9C8A6;
     border-left: 1px dotted #D9C8A6;
     text-align: center;
     padding-top: 3px;
     padding-bottom: 3px;
     text-transform: uppercase;
}

.homeThumb .link {
    color: #1f5d5c;
    text-decoration: none;
    text-transform: lowercase;
    font-size: 10pt;
    text-align: center;
    text-transform: uppercase;
    padding-top: 3px;
    padding-bottom: 3px;
  }

/* ADMIN */
    .admin
    {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 0.75em;
    }
    .admin .link
    {
      text-decoration: none;
      font-size: 1em;
      font-weight: bold;
    }

    .adminExp
    {
      text-decoration: none;
      font-size: 0.75em;
      color: #041CBF
    }
    .adminTitle
    {
      text-decoration: none;
      font-size: 0.95em;
      font-weight: bold;
    }

    .adminTableTitle
    {
      font-size: 0.75em;
      background: #B6926D;
      font-weight: bold;
      text-align: center;
      border-top: 0.9px dotted #D9C8A6;
      border-right: 0.9px dotted #D9C8A6;
      border-bottom: 0.9px dotted #D9C8A6;
      border-left: 0.9px dotted #D9C8A6;
      vertical-align: top;
      padding-top: 3px;
      padding-bottom: 3px;
      padding-left: 0.2em;

    }
    .adminTable
    {
      font-size: 0.75em;
      background: #FDFCFB;
      border-top: 0.9px dotted #D9C8A6;
      border-right: 0.9px dotted #D9C8A6;
      border-bottom: 0.9px dotted #D9C8A6;
      border-left: 0.9px dotted #D9C8A6;
      padding-left: 0.2em;
      padding-right: 0.2em;
      padding-top: 3px;
      padding-bottom: 3px;
      vertical-align: top;
    }
/*
    .adminTable .field
    {
      border: 0.9px dotted #000000;
      height: 20px;
      padding-left: 0.5em;
      background: #E6D9CC;
    }

    .adminTable .select
    {
      border: 0.7px dotted #000000;
      background: #E6D9CC;
    }
*/
    .adminButton
    {
      font-size: 0.65em;
      border: 1px solid #818182;
      background: #d6ccbb;
      color: #775e2c;
      text-align: center;
      padding: .25em .4em;
      text-transform: uppercase;
      position: relative;
      margin-top: 0.50em;
      margin-left: 0.10em;
      vertical-align: middle;
    }

     .adminEditTitle
    {
      font-size: 0.75em;
      background: #B6926D;
      font-weight: bold;
      text-align: left;
      text-transform: uppercase;
      height: 30px;
      border-top: 0.9px dotted #D9C8A6;
      border-right: 0.9px dotted #D9C8A6;
      border-bottom: 0.9px dotted #D9C8A6;
      border-left: 0.9px dotted #D9C8A6;
      padding-left: 0.7em;

    }

    .adminav
    {
      text-decoration: none;
      font-size: 0.9em;
      color: #041CBF
    }


    /* SEARCH */

    .search
    {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: .8em;
    }

    .search .field
    {
      border: 1px solid #818182;
      background: #ece4d2;
      text-align: left;
      padding-left: .2em;
      vertical-align: middle;
    }

    .search .submit
    {
      border: 1px solid #818182;
      background: #d6ccbb;
      color: #775e2c;
      text-align: center;
      padding: .1em .1em;
      text-transform: uppercase;
      vertical-align: middle;
      cursor:pointer;
    }
    .search .select
    {
      padding: .1em .1em;
    }
    .noteLogin
    {
      font-size: 0.85em;
      font-style: italic;
    }
    .noteErorr
    {
      font-size: 0.85em;
      color: #FC240C;
    }

    .noteSuccess
    {
      font-size: 0.75em;
      font-family: Verdana, Arial, Helvetica, sans-serif;
    }

    .noteSuccess .link
    {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      text-decoration: none;
      font-weight: bold;
    }

    .writeLogin
    {
      margin-top: 4.2em;
      margin-right: 2em;

    }
    .writeLogin .link
    {
      font-size: 0.75em;
      font-weight:bold;
      color: #213026;
      text-decoration: none;
    }

    .writeWelcome
    {
      margin-top: 7.7em;
      margin-right: 2.9em;
      font-size: 0.75em;

    }
    .writeWelcome .link
    {
      font-weight:bold;
      color: #0000FF;
      text-decoration: none;
    }

    .logged
    {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 0.65em;
      margin-right: 2em;
    }