html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, sans-serif;
}

img {
  border: 0;
}


#pad {
  height: 50%;
  margin-bottom: -322px;
  float: left;
  width: 900px;
}
  
#center {
  position: relative;
  width: 900px;
  height: 600px;
  margin: 0 auto 0 auto;
  background: #ffffff url('../images/border.png') no-repeat;
  padding: 22px;
  clear: left;
}

  #center #header {
    width: 900px;
    height: 55px;
    position: absolute;
    background: transparent url('../images/headers/home.png') no-repeat;
    z-index: 3;
  }

  body.bungalow #center #header {
    background: transparent url('../images/headers/bungalow.png') no-repeat;
  }
  
  body.moderne #center #header {
    background: transparent url('../images/headers/moderne.png') no-repeat;
  }
  
  body.classique #center #header {
    background: transparent url('../images/headers/classique.png') no-repeat;
  }

  body.press #center #header {
    background: transparent url('../images/headers/press.png') no-repeat;
  }
  
  body.locations #center #header {
    background: transparent url('../images/headers/locations.png') no-repeat;
  }
  
  body.reps #center #header {
    background: transparent url('../images/headers/reps.png') no-repeat;
  }

  body.collections #center #header {
    background: transparent url('../images/headers/collections.png') no-repeat;
  }

  body.contact #center #header {
    background: transparent url('../images/headers/contact.png') no-repeat;
  }
  
    #center #header #menu {
      position: absolute;
      width: 900px;
      height: 41px;
      z-index: 4;
    }
    
      #center #header #menu #home {
        height: 41px;
        width: 130px;
        cursor: pointer;
        z-index: 5;
        float: left;
      }
      
      #center #header #menu div {
        float: left;
        height: 41px;
      }
      
        #center #header #menu #products {
          background: url('../images/menu/products-default.png') no-repeat;
          width: 86px;
        }
        
          #center #header #menu a:hover #products {
            background: url('../images/menu/products-active.png') no-repeat;
          }
          
          body.collections #center #header #menu #products {
            background: url('../images/menu/products-active.png') no-repeat;
          }
          
          body.moderne #center #header #menu #products {
            background: url('../images/menu/products-moderne.png') no-repeat;
          }
          
          body.classique #center #header #menu #products {
            background: url('../images/menu/products-classique.png') no-repeat;
          }
          
          body.bungalow #center #header #menu #products {
            background: url('../images/menu/products-bungalow.png') no-repeat;
          }
        
        #center #header #menu #locations {
          background: url('../images/menu/locations-default.png') no-repeat;
          width: 114px;
        }
        
          #center #header #menu a:hover #locations {
            background: url('../images/menu/locations-active.png') no-repeat;
          }
          
          body.locations #center #header #menu #locations {
            background: url('../images/menu/locations-active.png') no-repeat;
          }
        
        #center #header #menu #reps {
          background: url('../images/menu/reps-default.png') no-repeat;
          width: 54px;
        }
        
          #center #header #menu a:hover #reps {
            background: url('../images/menu/reps-active.png') no-repeat;
          }
          
          body.reps #center #header #menu #reps {
            background: url('../images/menu/reps-active.png') no-repeat;
          }
        
        #center #header #menu #press {
          background: url('../images/menu/press-default.png') no-repeat;
          width: 102px;
        }
        
          #center #header #menu a:hover #press {
            background: url('../images/menu/press-active.png') no-repeat;
          }
          
          body.press #center #header #menu #press {
            background: url('../images/menu/press-active.png') no-repeat;
          }
        
        #center #header #menu #contactus {
          background: url('../images/menu/contactus-default.png') no-repeat;
          width: 90px;
        }
        
          #center #header #menu a:hover #contactus {
            background: url('../images/menu/contactus-active.png') no-repeat;
          }
          
          body.contact #center #header #menu #contactus {
            background: url('../images/menu/contactus-active.png') no-repeat;
            width: 90px;
          }
  
  #center #content {
    width: 900px;
    height: 483px;
    position: absolute;
    top: 63px;
    background: #ffffff;
    z-index: 2;
    overflow: auto;
  }

    #center #content #collections-listing {
      position: relative;
      text-align: center;
      padding: 30px;
      min-height: 400px;
    }  

      #center #content #collections-listing .collection {
        width: 220px;
        height: 245px;
        padding: 30px 25px;
        float: left;
      }

      #center #content #collections-listing .collection img[src*="bungalow"] {
        padding-top: 4px;
      }
      
        #center #content #collections-listing .collection .product_rollover {
          height: 220px;
          width: 220px;
          position: absolute;
          z-index: 100;
          background-color: #ffffff;
          opacity: 0.8;
          filter: alpha(opacity=80);
          display: block;
        }
        
          #center #content #collections-listing .collection a:hover .product_rollover {
            display: none;
          }

        #center #content #collections-listing .collection .title_rollover {
          height: 33px;
          width: 220px;
          position: absolute;
          top: 279px;
          z-index: 100;
          background-color: #ffffff;
          opacity: 0.4;
          filter: alpha(opacity=40);
          display: block;
        }
        
          #center #content #collections-listing .collection a:hover .title_rollover {
            display: none;
          }

    #center #content #sidebar {
      position: absolute;
      top: 0;
      left: 0;
      width: 109px;
      text-align: right;
      padding: 29px 10px;
      font-size: 12px;
    }

      #center #content #sidebar h1 {
        margin: 0 0 15px 0;
      }
      
        #center #content #sidebar h1 a {
          font-size: 18px;
          font-weight: bold;
          letter-spacing: -1px;
          text-decoration: none;
          color: #82655B;
        }
        
      #center #content #sidebar #locators {
        padding-top: 232px;
      }

        #center #content #sidebar #locators a {
          display: block;
          width: 110px;
          height: 64px;
        }

          #center #content #sidebar #locators a.store {
            background: #ffffff url('../images/storelocator.png') no-repeat top right;
          }

            #center #content #sidebar #locators a.store:hover {
              background: #ffffff url('../images/storelocator-hover.png') no-repeat top right;
            }

          #center #content #sidebar #locators a.rep {
            background: #ffffff url('../images/replocator.png') no-repeat top right;
          }

            #center #content #sidebar #locators a.rep:hover {
              background: #ffffff url('../images/replocator-hover.png') no-repeat top right;
            }
        
      #center #content #sidebar #state {
        text-align: center;
        margin: 5px 0 20px 0;
      }
      
      #center #content #sidebar .collection-title {
        font-weight: bold;
        text-decoration: none;
        line-height: 20px;
      }
 
      #center #content #sidebar a.product {
        text-decoration: none;
        font-style: italic;
        color: #785C52;
        font-size: 12px;
      }

      #center #content #sidebar a.anchor {
        text-decoration: none;
        color: #785C52;
      }

    #center #content #collection-family {
      position: relative;
      margin-left: 129px;
      min-height: 483px;
    }
    
      #center #content #collection-family #collection-details {
        position: relative;
        padding: 30px 30px 0 15px;
        height: 200px;
        overflow: hidden;
      }
      
        #center #content #collection-family #collection-details #collection-details-images {
          float: left;
          width: 230px;
        }

          #center #content #collection-family #collection-details #collection-details-images .title {
            margin-bottom: 10px;
          }

        #center #content #collection-family #collection-details #collection-details-text {
          float: left;
          width: 460px;
          color: #785C52;
          font-size: 12px;
          line-height: 20px;
          padding: 31px 0 0 0;
        }
        
      #center #content #collection-family #products-listing {
        float: left;
        position: relative;
        background: #ffffff url('../images/doubleborder.png') repeat-x;
        top: -5px;
        width: 100%;
      }
      
        #center #content #collection-family #products-listing #padding {
          padding: 15px 30px;
        }
      
          #center #content #collection-family #products-listing #padding .product {
            text-align: center;
            float: left;
            padding: 15px 25px;
          }

            #center #content #collection-family #products-listing #padding .product a {
              text-decoration: none;
            }
          
            #center #content #collection-family #products-listing #padding .product a .title {
              text-decoration: none;
              color: #785C52;
              font-size: 14px;       
            }
          
      #center #content #collection-family #back-to-collection {
        position: absolute;
        top: 33px;
        right: 20px;
        z-index: 3;
      }
      
        #center #content #collection-family #back-to-collection a {
          font-size: 11px;
          color: #ccc1bd;
          text-decoration: none;
        }

        #center #content #collection-family #back-to-collection a:hover {
          color: #785C52;
        }
      
      #center #content #collection-family #product-detail {
        position: relative;
        background: #ffffff;
      }
      
        #center #content #collection-family #product-detail #padding  {
          padding: 30px 15px;
        }
        
          #center #content #collection-family #product-detail #padding #product-image {
            float: left;
            padding: 30px 20px 0 0;
          }

          #center #content #collection-family #product-detail #padding #detail-divider {
            float: left;
            height: 380px;
            width: 1px;
            background: #BBADA8;
          }

          #center #content #collection-family #product-detail #padding #product-text {
            float: left;
            width: 350px;
            padding: 20px 30px 30px 30px;
            color: #785C52;
            font-size: 12px;
            line-height: 18px;
          }
          
            #center #content #collection-family #product-detail #padding #product-text .specs {
              font-weight: bold;
            }
          
            #center #content #collection-family #product-detail #padding #product-text h1 {
              font-size: 18px;
              margin: 0 0 5px 0;                
            }

            #center #content #collection-family #product-detail #padding #product-text a.where {
              text-align: center;
              color: #ffffff;
              font-size: 12px;
              line-height: 25px;
              text-decoration: none;
              font-weight: bold;
            }
            
              #center #content #collection-family #product-detail #padding #product-text #where {
                height: 26px;
                width: 110px;
                background: #bbaca7;
                text-align: center;
                margin: 15px 0 0 0;
                color: #ffffff;
                font-size: 12px;
                line-height: 25px;
                text-decoration: none;
                font-weight: bold;
              }
  
              #center #content #collection-family #product-detail #padding #product-text a.where:hover #where {
                background: #785C52;
              }            
              
      #center #content #collection-family #list {
        font-size: 12px;
        color: #785C52;
        line-height: 18px;      
        padding: 33px 15px;  
      }
      
        #center #content #collection-family #list a {
          color: #785C52;
          text-decoration: none;
        }
        
        body.press #center #content #sidebar a:hover {
          color: #721E3E;
          text-decoration: none;
        }

        body.reps #center #content #collection-family #list a {
          color: #A89900;
          text-decoration: none;
        }
        
        body.locations #center #content #collection-family #list a {
          color: #4EABC5;
          text-decoration: none;
        }

        #center #content #collection-family #list h1 {
          margin: 0 0 20px 0;
          font-size: 20px;           
        }
        
        #center #content #collection-family #list h2 {
          margin: 0 0 20px 0;
        }

        #center #content #collection-family #list #city {
          float: left;
          width: 100%;
        }
        
        #center #content #collection-family #list .location {
          float: left;
          padding: 0 50px 0 0;
        }
          
        #center #content #collection-family #list .press-item {
          float: left;
          padding: 20px 0 0 40px;
          text-align: center;
        }
        
          #center #content #collection-family #list .press-item .press-title {
            font-size: 14px;
            font-weight: bold;
          }
        
      #center #content #collection-family a #back-to-map {
        position: absolute;
        top: 35px;
        right: 20px;
        background: #ffffff url('../images/backtomap.png') no-repeat;
        z-index: 3;
        width: 75px;
        height: 49px;
      }


        #center #content #collection-family a:hover #back-to-map {
          background: #ffffff url('../images/backtomap-hover.png') no-repeat;
        }
      
      #center #content #slideshow {
        position: relative;
        float: right;
        width: 900px;
        height: 483px;
      }
      
        #center #content #slideshow div {
          position: absolute;
          left: 0;
          top: 0;
        }
        
    #center #content #collection-family #contact {
      width: 710px;
      font-size: 12px;
      color: #785C52;
      line-height: 18px;
      padding: 20px 20px;
    }
    
      #center #content #collection-family #contact a {
        color: #B65E52;
        text-decoration: none;
      }

        #center #content #collection-family #contact a:hover {
          text-decoration: underline;
        }
    
    #center #content #login {
      font-size: 12px;
      color: #785C52;
      line-height: 18px;
      padding: 20px 20px;
    }
    
      #center #content #login a {
        color: #785C52;
        text-decoration: none;
      }

  #center #content #rep_map, #center #content #rep_tools {
    display: block;
    position: absolute;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    color: #82655B;
  }
  
    #center #content #rep_map .rep_rollover,
    #center #content #rep_tools .rep_rollover {
      z-index: 100;
      background-color: #fff;
      opacity: 0.6;
      filter: alpha(opacity=80);
      display: block;
    }
    
    #center #content #rep_map .rep_rollover {
      height: 240px;
      width: 280px;
      position: absolute;
      top: 0;
      left: 0;
    }
    
    #center #content #rep_tools .rep_rollover {
      height: 240px;
      width: 200px;
      position: absolute;
      top: 0;
      left: 0;
    }

    #center #content #rep_map:hover .rep_rollover,
    #center #content #rep_tools:hover .rep_rollover  {
      display: none;
    }

  #center #content #rep_map:hover, #center #content #rep_tools:hover {
    color: #A89900;
  }

  #center #content #rep_map {
    top: 130px;
    left: 155px;
  }
  
  #center #content #rep_tools {
    top: 130px;
    left: 550px;
  }

  #center #content #rep-tools-titlebar {
    position: absolute;
    top: 0;
    left: 0;
    width: 885px;
    height: 32px;
    padding-top: 3px;
    color: white;
    background: #d4cdca;
    font-size: 22px;
    text-align: center;
  }

  #center #content #rep-tools-listing {
    position: relative;
    padding: 70px 0 0 0;
    min-height: 450px;
    margin: 0;
  }

    #center #content #rep-tools-listing .tool-item {
      float: left;
      width: 370px;
      height: 260px;
      padding: 0 0 0 45px;
    }

      #center #content #rep-tools-listing .tool-item img {
        float: left;        
      }
      
      #center #content #rep-tools-listing .tool-item #tool-details {
        float: right;
        width: 180px;
        font-size: 11px;
        color: #785C52;
      }

      #center #content #rep-tools-listing .tool-item #tool-details h3 {
        margin: 5px 0 3px 0;
        font-size: 16px;
        color: #948a2e;
      }

      #center #content #rep-tools-listing .tool-item #tool-desc {
        margin: 5px 0 20px 0;
      }
      
      #center #content #rep-tools-listing .tool-item #tool-details .view-now,
      #center #content #rep-tools-listing .tool-item #tool-details .download {
        padding: 2px 5px;
        font-size: 16px;
        color: #fff;
        text-decoration: none;
        font-size: 12px;
      }
      
      #center #content #rep-tools-listing .tool-item #tool-details .view-now {
        background-color: #948a2e;
      }

      #center #content #rep-tools-listing .tool-item #tool-details .download {
        background-color: #3b2811;
      }
      
      #center #content #rep-tools-listing .tool-item #tool-details .acrobat {
        font-size: 9px;
        color: #785C52;
        text-decoration: none;
      }

  #center #divider {
    width: 1px;
    height: 485px;
    background: #BBADA8;
    position: absolute;
    top: 64px;
    left: 151px;
    z-index: 15;
  }
  
    body.home #center #divider, body.collections.index #center #divider {
      display: none;
    }
    
    body.reps.index #center #divider, body.locations.index #center #divider, body.reps.map #center #divider {
      display: none;
    }
         
  #center #footer {
    width: 900px;
    height: 83px;
    position: absolute;
    bottom: 22px;
    background: transparent url('../images/footers/home.png') no-repeat;
    z-index: 3;
  }
  
  body.bungalow #center #footer {
    background: transparent url('../images/footers/bungalow.png') no-repeat;
  }
  
  body.classique #center #footer {
    background: transparent url('../images/footers/classique.png') no-repeat;
  }
  
  body.moderne #center #footer {
    background: transparent url('../images/footers/moderne.png') no-repeat;
  }
  
  body.locations #center #footer {
    background: transparent url('../images/footers/locations.png') no-repeat;
  }
  
  body.reps #center #footer {
    background: transparent url('../images/footers/reps.png') no-repeat;
  }
  
  body.press #center #footer {
    background: transparent url('../images/footers/press.png') no-repeat;
  }

  body.collections #center #footer {
    background: transparent url('../images/footers/collections.png') no-repeat;
  }

  body.contact #center #footer {
    background: transparent url('../images/footers/contact.png') no-repeat;
  }

#copyright {
  position: absolute;
  z-index: 20;
  font-size: 9px;
  color: #c8beba;
  bottom: 5px;
  right: 21px;
}
  
#clear {
  clear: left;
  height: 1px;
  width: 100%;
}

#edit {
  position: fixed;
  top: 27px;
  right: 0;
  padding: 3px 6px;
  background: #bbaca7;
  z-index: 20;
}

  #edit a {
    position: relative;
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;
  }

  #edit a:hover {
    text-decoration: underline;
  }

#admin {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
  padding: 2px 6px 5px 6px;
  background: #bbaca7;
  color: #ffffff;
  font-size: 12px;
}

  #admin a {
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;
  }
  
  #admin a:hover {
    text-decoration: underline;
  }

#hidden {
  display: none;
}


/* Modal Box */

#modal_container {
  padding: 58px 0 0 39px;
  margin: 0;
  width: 219px;
  height: 148px;
  background: transparent url('/images/modalbox.png') no-repeat;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, sans-serif;
  font-size: 14px;
  text-align: left;
  color: #82655B;
}

#modal_container p {
  margin: 4px 0 4px 0;
}

#modal_container #user_session_password {
  width: 120px;
  border: 1px solid #ac9d98;
  color: #82655B;
}

#modal_container #user_session_submit {
  background: #948a2e;
  color: white;
  border: 0;
}

#modal_container a {
  color: #cc0000;
}

#modal_overlay {
  background-color: #000;
}


/* Scrollbar CSS */

.scrollgeneric {
  line-height: 1px;
  font-size: 1px;
  position: absolute;
  top: 0; left: 0;
}

.vscrollerbase {
  width: 14px;
  background-color: white;
  border-left: #B0A29D 1px solid;
}

.vscrollerbar {
  width: 14px;
  background-color: #DED7D4;
  padding: 13px;
}

.vscrollerbasebeg {
  background: white url('../images/uparrow.png') no-repeat;
  height: 11px !important;
  width: 14px;
}

.vscrollerbaseend {
  background: white url('../images/downarrow.png') no-repeat;
  height: 11px !important;
  width: 14px;
}

.hscrollerbase {
  height: 2px;
  background-color: white;
}

.hscrollerbar {
  height: 2px;
  background-color: #c8c2be;
}

.scrollerjogbox {
  display: none;
}


/* Accordion CSS */

div.accordion {
	position: relative;
	width: 100px;
}

div.accordion-toggle {
	position: relative;
	z-index: 10; 
	cursor: pointer;
}

div.accordion-content {
	overflow: hidden;
	color: #000;
}

/* Errors/Notices CSS */

#notice, #error {
  position: fixed;
  width: 100%;
  text-align: center;
  top: 5px;
  z-index: 100;
}

#notice {
  font-size: 14px;
  font-weight: bold;
  color: #785C52;
}

#error {
  font-size: 14px;
  font-weight: bold;
  color: #880000;  
}

#errorExplanation {
  font-size: 12px;
  font-weight: bold;
  color: #785C52;
  padding: 20px;
}