* {
  margin: 0px;
  padding: 0px;
}

/* Added Begin */
html, body {
  height: 100%;
}
/* Added End */

body {
  font-family: sans-serif;
  color: rgb(0,0,0);
  background-color: rgb(255,255,255);
  text-align: center;
}
body * {
  text-align: left;
}

a {
  text-decoration: none;
}

.clear:after {
  content: "."; 
  display: block;
  height: 0; 
  clear: both;
  visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clear {
  height: 1%;
}
/* End hide from IE-mac */

/* .head, .body, .foot { Deleted */
.wrapper, .foot { /* Added */
  width: 1002px;
  margin: 0px auto;
}

/* Added Begin */
.wrapper {
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  background: center repeat-y url("/app/webroot/img/body-l.gif");
  text-align: center;
}
.wrapper * {
  text-align: left;
}

.head, .body {
  width: 100%;
}
/* Added End */

.head {
  padding-bottom: 6px;
  background: bottom repeat-x url("/app/webroot/img/head-b.gif");
}

.head .menu a#logout {
  float: right;
}

.head a {
  display: block;
  float: left;
}
.head .menu {
  background-color: rgb(163,163,163);
  width: 100%;
}

.menu .welcome {
  float:left; 
  padding: 8px 16px;  
  font-size: 14px;
}

.head .menu .current, .head .submenu {
  background-color: rgb(43,137,210);
}
.head a, .head a:hover, .head a:visited {
  color: rgb(255,255,255);
}
.head .menu a {
  padding: 8px 16px;
  font-size: 14px;
  background-color: rgb(163,163,163);
}
.head .submenu {
  /*width: 100%;*/
  background-color: rgb(43,137,210);
  padding-left: 16px;
}
.head .submenu a {
  display: block;
  background-color: rgb(43,137,210);
  padding: 4px 24px 4px 8px;
  font-size: 13px;
  background: center left no-repeat url("/app/webroot/img/head-a.gif");
}

.left {
  background: left repeat-y url("/app/webroot/img/body-b.gif");
}
.right {
  background: right repeat-y url("/app/webroot/img/body-b.gif");
}

.body .menu {
  padding: 20px 0px 2px 0px;
  margin: 0px 16px;
  font-size: 14px;
  color: rgb(83,83,83);
  border-bottom: 2px solid rgb(113,113,113);
}
.body .menu a, .body .menu a:hover, .body .menu a:visited {
  color: rgb(113,113,113);
}
.body .crumbs {
  float: left;
}
.body .pages {
  float: right;
}
.body .pages * {
  float: left;
}
.body .pages span {
  padding-right: 8px;
}
.body .pages a {
  font-size: 16px;
  padding: 0px 3px;
}
.body .pages a.current, .body .pages a.current:hover, .body .pages a.current:visited {
  color: rgb(255,255,255);
  background-color: rgb(70,154,240);
}
.body .number {
  float: right;
}
.body .number div, .body .number select {
  float: left;
}
.body .number #number {
  width: 40px;
  margin-left: 4px;
  margin-right: 32px;
  font-size: 12px;
}

.body .view, .body .desc {
  float: left;
  display: inline;
}
.body .view {
  padding: 12px 12px 32px 16px;
}
.body .view .port {
  width: 150px;
  height: 200px;
  margin-bottom: 4px;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid rgb(222,222,222);
}
.body .view .lens {
  font-size: 11px;
  padding-left: 16px;
  margin-left: 8px;
  background: left center no-repeat url("/app/webroot/img/body-z.gif");
}
.body .view a.lens, .body .view a.lens:hover, .body .view a.lens:visited {
  color: rgb(83,83,83);
}
.body .desc {
  width: 200px;
  margin-top: 12px;
  margin-right: 75px;
}
.body .desc .title {
  background: left repeat-y url("/app/webroot/img/body-t.gif");
}
.body .desc .title * {
  font-size: 14px;
  padding: 3px 8px;
  color: rgb(255,255,255);
  background: center left no-repeat url("/app/webroot/img/body-ta.gif");
}
.body .desc .text {
  padding-top: 8px;
  padding-bottom: 32px;
  font-size: 12px;
}
.body .desc .text, .body .desc .text a, .body .desc .text a:hover, .body .desc .text a:visited {
  color: rgb(110,110,110);
}
.body .desc .text a {
  display: block;
}

.body .banner {
  width: 1000px;
  height: 250px;
  position: relative;
  left: 1px;
  background: center no-repeat url("/app/webroot/img/_banner.gif");
}
.body .pane {
  background: top repeat-x url("/app/webroot/img/body-s.gif");
}
.body .pane .title, .body .pane .text {
  margin-left: 40px;
}
/* .body .pane .title, .body .pane .text { Deleted */
.body .pane .decl { /* Added */
  margin-left: 40px;
  width: 780px; /* Added */
  float: left; /* Added */
  display: inline; /* Added */
}
.body .pane .logo {
  width: 180px;
/*  height: 220px; Deleted */
  height: 140px; /* Added */
  float: right;
  display: inline;
  background: bottom no-repeat url("/app/webroot/img/logo.gif");
}
.body .pane .title {
  padding-top: 32px;
  padding-bottom: 16px;
  font-size: 14px;
  font-weight: bold;
  color: rgb(63,63,63);
}
.body .pane .text {
  margin-bottom: 8px;
  font-size: 12px;
  color: rgb(110,110,110);
  text-align: justify;
}
.body .pane .text .button {
  width: 75px;
  height: 16px;
  margin-top: 4px;
/*  margin-bottom: 32px; Deleted */
  margin-bottom: 8px; /* Added */
  float: right;
  display: block;
  background: center no-repeat url("/app/webroot/img/readmore.gif");
}
.body .pane .window {
  margin-left: 17px;
  float: left;
  display: inline;
}
.body .pane .window .glass {
  width: 180px;
  height: 213px;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
}
.body .pane .window .glass#showers {
  background-image: url("/app/webroot/img/showers.gif");
}
.body .pane .window .glass#vanities {
  background-image: url("/app/webroot/img/vanities.gif");
}
.body .pane .window .glass#faucets {
  background-image: url("/app/webroot/img/faucets.gif");
}
.body .pane .window .glass#sinks {
  background-image: url("/app/webroot/img/sinks.gif");
}
.body .pane .window .glass#glasses {
  background-image: url("/app/webroot/img/glasses.gif");
}
.body .pane .window .title {
  margin: 20px 3px 8px 3px;
  padding: 0px;
  font-size: 13px;
  font-weight: bold;
  color: rgb(113,150,184);
  border-bottom: 7px solid rgb(196,219,228);
}
.body .go {
  margin: 4px 0px 16px 4px;
  font-size: 10px;
  background: left center no-repeat url("/app/webroot/img/body-a.gif");
}
.body .go a, .body .go a:hover, .body .pane .go a:visited {
  padding-left: 12px;
  color: rgb(242,101,34);
}

/* Added Begin */
.body .pane2 {
  padding-top: 48px;
}
.body .pane2 .logo {
  width: 180px;
  height: 110px;
  float: left;
  display: inline;
  background: center no-repeat url("/app/webroot/img/logo.gif");
}
.body .pane2 .decl {
  width: 780px;
  float: left;
}
.body .pane2 .title, .body .pane2 .text {
  text-align: justify;
}
.body .pane2 .title {
  margin-bottom: 8px;
  font-size: 14px;
  color: rgb(91,91,91);
}
.body .pane2 .text {
  margin-bottom: 16px;
  font-size: 12px;
  color: rgb(110,110,110);
}

.body .login {
  margin: 40px 280px;
  padding: 16px 0px 4px 0px;
  background: bottom left no-repeat url("/app/webroot/img/login.gif");
  background-color: rgb(242,242,242);
}
.body .login .item {
  height: 28px;
  clear: both;
}
.body .login .label {
  margin-top: 2px;
  width: 72px;
  float: right;
  font-size: 14px;
  color: rgb(148,148,148);
}
.body .login .field {
  width: 200px;
  float: right;
  font-size: 12px;
}
.body .login .button {
  width: 75px;
  height: 16px;
  float: right;
}
.body .login .label, .body .login .field, .body .login .button {
  margin-right: 4px;
}

.body .info {
  margin: 20px 0px 0px 25px;
  width: 270px;
  float: left;
  display: inline;
}
.body .info, .body .contact {
  font-size: 14px;
}
.body .info .title, .body .contact .title {
  padding: 3px 0px;
  text-align: center;
  color: rgb(34,134,160);
  background-color: rgb(245,245,245);
}
.body .info .text, .body .info .text a, .body .info .text a:hover, .body .info .text a:visited {
  margin-top: 20px;
  color: rgb(148,148,148);
}
.body .info .logo {
  width: 95px;
  height: 120px;
  float: left;
  display: inline;
  background: left bottom no-repeat url("/app/webroot/img/logo.gif");
}

.body .contact {
  margin: 20px 0px 0px 65px;
  width: 430px;
  float: left;
}
.body .contact .title {
  margin-bottom: 16px;
}
.body .contact .item {
  width: 100%;
  margin-top: 4px;
  float: left;
  clear: both;
}
.body .contact .label, .body .contact .label2 {
  margin-top: 2px;
  width: 95px;
  font-size: 14px;
  color: rgb(134,134,134);
  float: left;
}
.body .contact .field {
  width: 200px;
  float: left;
  font-size: 14px;
}
.body .contact .label2 {
  margin-top: 50px;
}
.body .contact .area {
  width: 330px;
  float: left;
  font-size: 14px;
}
.body .contact .button {
  margin: 8px 4px 0px 0px;
  width: 75px;
  height: 16px;
  float: right;
}
/* Added End */

/* Added Begin */
.foot {
  position: relative;
  margin-top: -17px;  /* Foot height */
  height: 17px;
  overflow: hidden;
}
.body {
  padding-bottom: 17px; /* Foot height */
}
/* Added End */
.foot * {
  padding: 2px 8px;
  font-size: 10px;
  background-color: rgb(85,92,100);
  color: rgb(255,255,255);
}

.pdf {
  padding: 4px 0px 4px 24px;
  background: center left no-repeat url("/app/webroot/img/pdf.gif");
}

.subcat {
  width: 490px;
  float: left;
}

.subcat .port {
  border: solid red 1px;
  margin: 0px auto;
}

.subcat .title {
  text-align: center;
  margin: 0px auto;
  font-size: 14px;
  padding: 3px 8px;
}

.title img {
  border: solid rgb(222,222,222) 1px;
}

.title a, .title a:visited {
  color: rgb(113,113,113);
}

.text ul {
  padding-left: 16px;
}