/* products page ONLY */
#productsD {
    position: relative;
    padding: 0 1%;
}
#productsD h1 {
    color: rgb(255,255,255);
    width: 60%;
    float: left;
    margin: 15px 3% 0 35%;
    font: bold 40px Rockwell, Verdana, "Trebuchet MS", "Arial Black", Arial;
    position: relative;
}
#productsD h1 span {
    color: rgb(29,29,29);
}
#productsD p {
    width: 60%;
    max-width: 600px;
    float: left;
    clear: left;
    margin: 0 3% 0 35%;
    color: rgb(255,255,255);
}
div.thirdsD {
    width: 33.3%;
    height: 470px;
    float: left;
    margin-top: 20px;
}
div.frame1, div.frame2, div.frame3 {
    position: relative;
    height: 470px;
    width: 318px;
    margin: auto;
}
div.frame1 img.frame, div.frame2 img.frame, div.frame3 img.frame {
    position: absolute;
    top: 0px;
    left: 0px;
}
div.frame1 img.pic, div.frame2 img.pic, div.frame3 img.pic {
    position: absolute;
    background-position: center;
}
div.frame1 img.pic {
    top: 31px;
    left: 22px;
    width: 272px;
    height: 408px;
}
div.frame2 img.pic {
    top: 16px;
    left: 27px;
    width: 262px;
    height: 402px;
}
div.frame3 img.pic {
    top: 28px;
    left: 29px;
    width: 258px;
    height: 399px;
}
div.frame1 a, div.frame2 a, div.frame3 a {
    color: rgb(72,72,72);
    font: bold 32px Rockwell, Verdana, "Trebuchet MS", "Arial Black", Arial;
    text-decoration: none;
}
div.frame1 a:hover, div.frame2 a:hover, div.frame3 a:hover {
    color: rgb(30,30,30);
}
div.frame1 a span, div.frame2 a span, div.frame3 a span {
    position: absolute;
    left: 105px;
}
div.frame1 a span {
    top: 330px;
}
div.frame2 a span {
    top: 318px;
}
div.frame3 a span {
    top: 321px;
}
div.frame1 a span img, div.frame2 a span img, div.frame3 a span img {
    margin: 0 8px 0 0;
    position: relative;
    top: 2px;
    cursor: pointer;
}
/**/
div.frame {
    background: url('/large/frame.png') no-repeat top center;
    height: 257px;
    margin: 10px 2.5%;
    position: relative;
    float: left;
}
div.frame a {
    font-size: 14px;
    font-weight: bold;
    color: rgb(72,72,72);
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
div.frame a:hover {
    text-decoration: underline;
}
div.frame a span img.more {
    vertical-align: -5px;
    margin-right: 5px;
    position: relative;
    top: 2px;
}
div.frame img.picBg, div.frame img.picShrink {
    position: absolute;
    left: 24px;
    top: 16px;
    height: 212px;
    width: 179px;
    z-index: 0;
    background-position: bottom center;
}
div.frame img.picShrink {
    top: 6px;
    left: 25px;
    height: 233px;
    width: 177px;
}
div.frame a span.tape1, div.frame a span.tape2, div.frame a span.tape3, div.frame a span.tape4 {
    display: block;
    height: 35px;
    width: 96%;
    margin: 0 2%;
    position: absolute;
    left: 0px;
    background: url('/large/bc-x.png') repeat-x bottom;
    text-align: center;
    cursor: pointer;
    z-index: 1;
}
div.frame a span.tape1 {
    top: 94px;
}
div.frame a span.tape2 {
    top: 88px;
}
div.frame a span.tape3 {
    top: 100px;
}
div.frame a span.tape4 {
    top: 82px;
}
img.left {
    position: absolute;
    top: 0px;
    left: -16px;
    height: 35px;
}
img.right {
    position: absolute;
    top: 0px;
    right: -16px;
    height: 35px;
}