﻿@charset "UTF-8";
/* CSS Document */

/* body { margin:0px; padding:0px; background: url(/images/product/style2009/bg_body.jpg) top left repeat-x #fff; font-family:Helvetica, Arial, sans-serif} */
body {
    font-family: Helvetica, Arial, sans-serif;
}

h1 {
    margin: 0px;
    padding: 0px;
}

.sidebarnav {
    float: left;
    width: 252px;
}

sup {
    vertical-align: 53%;
    font-size: 13px;
    line-height: 15px;
}

#prodpgcontainer .prodesc h3 {
    margin-top: 5px;
    font-style: normal;
    font-family: HelvMd;
}
/*GENERAL PAGE RULES*/
#prodpgcontainer {
    float: left;
    padding-bottom: 20px;
    width: 678px;
}

    #prodpgcontainer .clear {
        clear: both;
    }

    #prodpgcontainer a {
        text-decoration: none;
    }

    #prodpgcontainer img {
        border: 0px;
    }

    #prodpgcontainer label {
        padding-right: 5px;
    }


    /*ZEROED OUT*/
    #prodpgcontainer ul, #prodpgcontainer li, #prodpgcontainer dl, #prodpgcontainer dt, #prodpgcontainer dd, #prodpgcontainer h2, #prodpgcontainer h3, #prodpgcontainer .cartadded dl.rec, #prodpgcontainer .cartadded dl.rec dt, #prodpgcontainer .cartadded dl.rec dd, #prodpgcontainer .creviews dl.rec, #prodpgcontainer .creviews dl.rec dt, #prodpgcontainer .creviews dl.rec dd {
        margin: 0px;
        padding: 0px;
        border: 0px;
    }


    /*HEADERS*/
    #prodpgcontainer .prodpghdr {
        float: left;
        width: 678px;
        background: url(/images/product/style2009/bg_hdrproduct1.png) bottom left no-repeat;
    }

        #prodpgcontainer .prodpghdr .boxline {
            margin: 20px 0px 0px 10px;
            border-bottom: 1px solid #fff;
        }

            #prodpgcontainer .prodpghdr .boxline h2 {
                padding-bottom: 10px;
                width: 445px;
                font-weight: normal;
                font-size: 20px;
            }

    #prodpgcontainer .blurbcontent h3 {
        color: #743A27;
        font-size: 16px;
    }
    /* TJS: 2009_09_11 *** Added to dynamic page content
#prodpgcontainer .prodesc h3 { color:#743724; font-size:12px; font-weight:normal; }
*/
    #prodpgcontainer .cartcontent h4 {
        margin-bottom: 0px;
    }

    #prodpgcontainer .cartadded h4 {
        margin-bottom: 10px;
        color: #000;
        font-size: 16px;
    }

    #prodpgcontainer .creviews h4 {
        margin: 0px;
        color: #036EB8;
        font-size: 16px;
        line-height: 14px;
    }

    #prodpgcontainer .creviews h5 {
        margin: 0px 0px 10px;
        color: #036EB8;
        font-weight: normal;
        font-size: 10px;
    }

        #prodpgcontainer .creviews h5.reviewhdrs {
            margin: 0px;
            color: #666;
            font-weight: bold;
            line-height: 18px;
        }


    /*NAVIGATION*/
    #prodpgcontainer .tabcontainer {
        float: left;
        width: 452px;
        background: url(/images/product/style2009/bg_hdrproduct.png) bottom left no-repeat;
    }

    #prodpgcontainer ul.tabs {
        float: left;
        margin: 0px 0px 5px 10px;
        padding: 0px;
        list-style: none;
        font-size: 10px;
    }

        #prodpgcontainer ul.tabs li {
            float: left;
            padding-top: 1px;
        }

            #prodpgcontainer ul.tabs li a {
                display: block;
                padding: 0px 5px;
                border-left: 1px solid #fff;
                line-height: 14px;
            }
    /* TJS: 2009_09_14 *** Added to dynamic page content
#prodpgcontainer ul.tabs li.active a { background-color:#fff; color:#743724; }
*/

    /*LINKS*/
    #prodpgcontainer dl.ratings a, #prodpgcontainer .proddetopt li a, #prodpgcontainer .prodesc p a {
        color: #333;
    }

        #prodpgcontainer ul.tabs li a, #prodpgcontainer dl.ratings a:hover, #prodpgcontainer .proddetopt li a:hover, #prodpgcontainer .prodesc p a:hover, #prodpgcontainer .blurbcontent a:hover, #prodpgcontainer .addcta a:hover, #prodpgcontainer .cartadded .viewcart a:hover, #prodpgcontainer .creviews .reviewlisting .more a:hover, #prodpgcontainer .creviews dl.rec dt a:hover, #prodpgcontainer .cartadded .cta a:hover {
            color: #000;
        }

    #prodpgcontainer .creviews dl.rec dt a, #prodpgcontainer .cartadded .cta a, #prodpgcontainer .creviews .reviewlisting .more a {
        color: #666;
    }

    #prodpgcontainer .addcta a {
        color: #666;
        font-size: 16px;
    }

    #prodpgcontainer .addcta a, #prodpgcontainer .blurbcontent a, #prodpgcontainer .creviews .cta a:hover, #prodpgcontainer .creviews .reviewdets a:hover {
        font-weight: bold;
    }

    #prodpgcontainer .prodesc p a, #prodpgcontainer .cartadded .cta a, #prodpgcontainer .creviews .reviewlisting .more a, #prodpgcontainer .creviews .cta a, #prodpgcontainer .creviews .reviewdets a {
        text-decoration: underline;
    }

    /* TJS: 2009_09_11 *** Added to dynamic page content
#prodpgcontainer .cartadded .viewcart a, #prodpgcontainer ul.tabs li a:hover { color:#743724; }
*/
    #prodpgcontainer .blurbcontent a {
        color: #8F8F8C;
    }

    #prodpgcontainer .creviews a {
        color: #036EB8;
    }


    /* LAYOUT */
    #prodpgcontainer .prodpgmain dl, #prodpgcontainer .prodpgmain dt, #prodpgcontainer .prodpgmain dd {
        float: left;
        font-size: 10px;
    }

    #prodpgcontainer dl.ratings {
        margin: 5px 0px 10px 10px;
    }

        #prodpgcontainer dl.ratings dd {
            margin-left: 10px;
            line-height: 18px;
        }

            #prodpgcontainer dl.ratings dd span {
                color: #036EB8;
            }

    #prodpgcontainer .productimg {
        float: left;
        clear: both;
        margin-left: 10px;
        min-height: 80px;
        width: 234px;
    }

    #prodpgcontainer .proddetopt {
        position: absolute;
        bottom: 0px;
        left: -208px;
        float: left;
        margin: 100px 0px 0px;
        padding: 0px;
        list-style: none;
    }

        #prodpgcontainer .proddetopt li {
            float: left;
            padding-right: 3px;
            font-size: 10px;
        }

            #prodpgcontainer .proddetopt li.share {
                margin: 10px 0px 0px 5px;
                font-size: 10px;
            }

    #prodpgcontainer .prodesc {
        position: relative;
        clear: both;
        padding: 10px;
    }

        #prodpgcontainer .prodesc p {
            margin-top: 0px;
            color: #333;
            font-size: 12px;
        }

        #prodpgcontainer .prodesc div a {
            text-decoration: underline;
        }

        #prodpgcontainer .prodesc ul {
            margin: 10px 15px;
            color: #333;
            font-size: 12px;
        }

    #prodpgcontainer .prodpgmain {
        float: left;
        width: 442px;
    }

    #prodpgcontainer .prodpgsidebar {
        float: right;
        width: 226px;
    }

    #prodpgcontainer .sidebarblurb {
        margin-bottom: 15px;
        border: 1px solid #8F8F8C;
    }

    #prodpgcontainer .blurbcontent {
        padding: 10px 5px;
        color: #8F8F8C;
        font-size: 10px;
    }

    #prodpgcontainer .addcta {
        margin-bottom: 10px;
        background: url(/images/product/style2009/bg_sidebaraddcta.gif) bottom left no-repeat;
    }

        #prodpgcontainer .addcta ul {
            padding: 10px 5px 0px;
            color: #8F8F8C;
            list-style: none;
        }

        #prodpgcontainer .addcta li {
            padding-bottom: 10px;
        }

    #prodpgcontainer .sidebarcart {
        position: relative;
        min-height: 140px;
        border: 1px solid #fff;
        border-width: 0px 1px 0px;
        background: #E0D3CF;
        color: #743A27;
    }

        #prodpgcontainer .sidebarcart .cartprice {
            position: absolute;
            top: -32px;
            right: 10px;
            width: 230px;
        }

    #prodpgcontainer .cartcontent {
        padding: 5px 10px 5px 5px;
        font-size: 14px;
    }

        #prodpgcontainer .cartcontent td.left {
            text-align: left;
        }

        #prodpgcontainer .cartcontent td.right {
            text-align: right;
        }

        #prodpgcontainer .cartcontent td.bold {
            font-weight: bold;
        }

        #prodpgcontainer .cartcontent .regular {
            color: #000;
            font-size: 12px;
        }

        #prodpgcontainer .cartcontent .item {
            color: #000;
            font-size: 10px;
        }

        #prodpgcontainer .cartcontent form {
            margin: 0px;
        }

            #prodpgcontainer .cartcontent form select {
                width: 54px;
            }

        #prodpgcontainer .cartcontent select {
            width: 50px;
        }

        #prodpgcontainer .cartcontent .addbtn {
            margin: 15px 0px 0px;
            padding: 0px;
            width: 100%;
            text-align: right;
        }

            #prodpgcontainer .cartcontent .addbtn label {
                font-weight: bold;
                font-size: 22px;
            }
        /* TJS: 2009_09_18 *** Add-to-cart style moved to dynamic code
#prodpgcontainer .cartcontent .button {width:54px; height:54px; border: none; background: url(/images/product/style2009/btn_add.png) no-repeat top left; cursor:pointer;}
*/
        #prodpgcontainer .cartcontent .mouse {
            clear: both;
            padding: 15px 0px 0px;
            color: #000;
            font-size: 10px;
        }

    #prodpgcontainer .hdrprice {
        padding-left: 18px;
        font-weight: bold;
        font-size: 14px;
        line-height: 22px;
    }

    #prodpgcontainer .cartprice .hdrprice {
        float: left;
    }

    #prodpgcontainer .price {
        float: right;
        margin-left: 3px;
        color: #000;
        text-align: right;
        font-weight: bold;
        font-size: 22px;
        line-height: 20px;
    }

        #prodpgcontainer .price span {
            display: block;
            padding-top: 2px;
            text-align: right;
            font-weight: normal;
            font-size: 9px;
            line-height: 6px;
        }

    #prodpgcontainer .cartadded {
        position: absolute;
        top: 0px;
        right: -1px;
        width: 224px;
        border: 1px solid #fff;
        border-width: 0px 1px 0px;
        background: #E0D3CF;
        color: #743A27;
    }

        #prodpgcontainer .cartadded span.thx {
            font-size: 14px;
        }

        #prodpgcontainer .cartadded dl.rec {
            float: left;
            margin-bottom: 10px;
            width: 211px;
            font-size: 10px;
        }

            #prodpgcontainer .cartadded dl.rec dt, #prodpgcontainer .cartadded dl.rec dd {
                float: left;
                width: 131px;
                color: #743A27;
                text-align: right;
            }

                #prodpgcontainer .cartadded dl.rec dt.img {
                    float: left;
                    width: 70px;
                    text-align: left;
                }

            #prodpgcontainer .cartadded dl.rec dd {
                padding-top: 4px;
                color: #8F8F8C;
                font-size: 10px;
            }

        #prodpgcontainer .cartadded .cta {
            clear: both;
            color: #666;
            font-size: 10px;
        }

        #prodpgcontainer .cartadded .viewcart {
            position: relative;
            margin-top: 15px;
            color: #743926;
            font-weight: bold;
            font-size: 28px;
        }
        /* TJS: 2009_10_02 *** .closewindow style moved to dynamic code
#prodpgcontainer .cartadded .closewindow { position:absolute; bottom:5px; right:0px;font-size:8px; border:1px solid #743926; width:10px; height:10px; }
#prodpgcontainer .cartadded .closewindow a { display:block; text-align:center; line-height:10px;  }
*/
        #prodpgcontainer .cartadded .cartcontent select.quan2 {
            width: 40px;
        }

        #prodpgcontainer .cartadded dl.rec dd.add {
            float: left;
            clear: left;
            width: 70px;
            color: #000;
            text-align: left;
        }

        #prodpgcontainer .cartadded dl.rec dd.price {
            float: right;
        }

    #prodpgcontainer .reviewscontent {
        margin-left: 10px;
        width: 390px;
    }

    #prodpgcontainer .creviews {
        color: #8F8F8C;
        font-size: 10px;
    }

        #prodpgcontainer .creviews .reviewhdrs {
            float: left;
            width: 200px;
        }

            #prodpgcontainer .creviews .reviewhdrs.height {
                height: 40px;
            }

        #prodpgcontainer .creviews .reviewdets {
            float: right;
            width: 120px;
            text-align: right;
            font-size: 12px;
        }

            #prodpgcontainer .creviews .reviewdets.more {
                font-size: 10px;
            }

        #prodpgcontainer .creviews .reviewlisting, #prodpgcontainer .creviews .reviewlisting p {
            clear: both;
        }

        #prodpgcontainer .creviews .reviewrating {
            float: right;
            width: 120px;
            font-size: 10px;
        }

            #prodpgcontainer .creviews .reviewrating .date {
                display: block;
                float: right;
                line-height: 18px;
            }

        #prodpgcontainer .creviews dl.ratings {
            float: right;
            margin: 0px 0px 0px 5px;
        }

        #prodpgcontainer .creviews .reviewlisting p {
            position: relative;
            margin: 0px 0px 10px;
            text-align: justify;
        }

        #prodpgcontainer .creviews .reviewlisting .more {
            position: absolute;
            right: 0px;
            bottom: 0px;
        }

        #prodpgcontainer .creviews dl.rec {
            float: left;
            margin-bottom: 10px;
            width: 226px;
        }

            #prodpgcontainer .creviews dl.rec dt, #prodpgcontainer .creviews dl.rec dd {
                float: left;
                width: 169px;
                color: #666;
                text-align: right;
            }

                #prodpgcontainer .creviews dl.rec dt.img {
                    float: left;
                    width: 55px;
                }

            #prodpgcontainer .creviews dl.rec dd {
                padding-top: 4px;
                color: #8F8F8C;
                font-size: 10px;
            }

        #prodpgcontainer .creviews .cta {
            color: #036EB8;
        }

/*REVIEW POP UP STYLES*/

body.popreviews {
    margin: 15px;
    background-image: none;
}

.popreviews .formcontainer {
    height: 300px;
}

#divWriting .freviews {
    margin-top: 0px;
    width: 470px;
    color: #8F8F8C;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

    #divWriting .freviews span {
        float: right;
        width: 374px;
        font-weight: bold;
    }

    #divWriting .freviews label {
        float: left;
        padding-right: 0px;
        width: 80px;
        text-align: left;
        font-weight: bold;
        font-size: 12px;
    }

    #divWriting .freviews .labelStyle {
        float: left;
        width: 140px;
        font-weight: bold;
    }

    #divWriting .freviews p {
        margin: 0px;
        font-size: 10px;
    }

    #divWriting .freviews div {
        clear: both;
        padding-top: 4px;
    }

    #divWriting .freviews input.txt, #divWriting .freviews textarea.txt {
        float: right;
        width: 374px;
        border: 1px solid #C8D3D6;
    }


    #divWriting .freviews .optCopy, .freviews p {
        float: right;
        margin-right: 0px;
        width: 374px;
        text-align: left;
    }

    #divWriting .freviews .btns, .freviews .opt {
        clear: both;
    }

    #divWriting .freviews label.answers {
        float: right;
        margin-right: 0px;
        width: 50px;
        text-align: right;
    }

    #divWriting .freviews dl.ratings {
        float: right;
        margin: 0px;
        width: 374px;
        text-align: left;
    }

        #divWriting .freviews dl.ratings dt {
            float: left;
        }

.clear {
    clear: both;
}

#divWriting .freviews .btns {
    float: right;
}

#divWriting .freviews .btncase {
    margin: 0px;
    padding: 4px 25px 4px 3px;
    border: 1px solid #8F8F8C;
    background-color: #fff;
    color: #036EB8;
    text-align: left;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
}

    #divWriting .freviews .btncase:hover {
        color: #8F8F8C;
    }

#divWriting .freviews.alt label {
    float: left;
    width: 120px;
    text-align: left;
}

    #divWriting .freviews.alt label.color {
        color: #036EB8;
    }

    #divWriting .freviews.alt label.mouse {
        font-weight: normal;
        font-size: 10px;
    }

#divWriting .freviews.alt span {
    float: right;
    margin: 0px;
    width: 340px;
    font-weight: bold;
}

#divWriting .freviews.alt input.txt, #divWriting .freviews.alt textarea.txt {
    float: right;
    margin: 0px;
    padding: 0px;
    width: 340px;
    border: 1px solid #C8D3D6;
}

#divWriting .freviews.alt label.optCopy {
    float: left;
    width: 250px;
    text-align: left;
}

#divWriting .freviews.alt input.optChoice {
    float: left;
    margin: 0px 5px 0px 0px;
    padding: 0px;
    height: 14px;
    border: 0px;
}



.popreviews #prodpgcontainer, .popreviews #prodpgcontainer .prodpgmain {
    float: none;
    clear: both;
    width: 470px;
}

    .popreviews #prodpgcontainer .reviewscontent {
        margin-left: 0px;
        width: 470px;
    }

    .popreviews #prodpgcontainer .creviews .reviewrating {
        width: 270px;
    }

        .popreviews #prodpgcontainer .creviews .reviewrating .edit {
            display: block;
            float: right;
            padding-right: 15px;
            line-height: 18px;
        }

            .popreviews #prodpgcontainer .creviews .reviewrating .edit a {
                color: #333;
            }

                .popreviews #prodpgcontainer .creviews .reviewrating .edit a:hover {
                    color: #000;
                }

    .popreviews #prodpgcontainer .creviews .reviewhdrs span {
        color: #8F8F8C;
        line-height: 15px;
    }



/* UPDATED FOR GRIDVIEW */

.gridview {
    clear: left;
    overflow: auto;
    margin: 0;
    padding: 0;
    border: 0;
}

    .gridview td {
        margin: 0;
        padding: 0;
        border: 0;
    }

    .gridView table tbody {
        overflow: auto;
    }

/* ~ SLH: HYPERLINKED SUBMIT BUTTON: style to make the "edit"/"flag as inappropriate" submit button look like a hyperlink ~ */

.popreviews #prodpgcontainer .creviews .reviewrating .edit input {
    margin: 0;
    padding: 0;
    width: 120px;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    background: transparent;
    color: #333;
    text-align: right;
    font-size: 10px;
}



    .popreviews #prodpgcontainer .creviews .reviewrating .edit input:hover {
        color: #000;
        cursor: default;
    }

/* ~ END HYPERLINKED SUBMIT BUTTON ~ */

.popreviews #prodpgcontainer .creviews .reviewdets .navrevloc {
    float: left;
    width: 65px;
    line-height: 15px;
}

.navrevbtns {
    float: right;
    width: 55px;
}

    .navrevbtns input.prev, .navrevbtns input.next {
        float: right;
        margin-left: 2px;
        line-height: 15px;
    }

    .navrevbtns input {
        float: right;
        margin: 0px;
        padding: 0px 2px;
        border: 1px solid #C8D3D6;
        background-color: #fff;
        color: #666;
        line-height: 15px;
    }



.popreviews h4 {
    margin: 0px 0px 10px;
    color: #036EB8;
    font-size: 16px;
}

.popreviews #prodpgcontainer .creviews .reviewdets a:hover {
    font-weight: bold;
}

#prodpgcontainer .creviews .reviewlisting p {
    margin: 0px 0px 0px;
}

#prodpgcontainer .creviews .reviewlisting {
    padding-bottom: 8px;
}

.popreviews .reviewftr {
    margin-top: 5px;
}

.popreviews #prodpgcontainer .creviews .reviewhdrs.height {
    height: 30px;
}
