.top {
  height: 74px;
}

.bottom {
  height: 37px;
}  

.top, .flat p, .transparent p, .bottom {
  margin: 0 32px;
}

.flat .topLeft {
  background: url( flat/boxTL.png ) no-repeat top left;
}

.flat .top {
  background: url( flat/boxT.png ) repeat-x top;
}

.flat .topRight {
  background: url( flat/boxTR.png ) no-repeat top right;
}

.flat .left {
  background: url( flat/boxL.png ) repeat-y left;
}

.flat p {
  background: #334c64;
}

.flat .right {
  background: url( flat/boxR.png ) repeat-y right;
}

.flat .bottomLeft {
  background: url( flat/boxBL.png ) no-repeat bottom left;
}

.flat .bottom {
  background: url( flat/boxB.png ) repeat-x bottom;
}

.flat .bottomRight {
  background: url( flat/boxBR.png ) no-repeat bottom right;
}

.transparent .topLeft {
  background: url( transparent/boxTL.png ) no-repeat top left;
}

.transparent .top {
  background: url( transparent/boxT.png ) repeat-x top;
}

.transparent .topRight {
  background: url( transparent/boxTR.png ) no-repeat top right;
}

.transparent .left {
  background: url( transparent/boxL.png ) repeat-y left;
}

.transparent p {
  background: url( transparent/boxC.png );
}

.transparent .right {
  background: url( transparent/boxR.png ) repeat-y right;
}

.transparent .bottomLeft {
  background: url( transparent/boxBL.png ) no-repeat bottom left;
}

.transparent .bottom {
  background: url( transparent/boxB.png ) repeat-x bottom;
}

.transparent .bottomRight {
  background: url( transparent/boxBR.png ) no-repeat bottom right;
}