/* 
"div#container.productPage" can be removed from all selectors if this stylesheet is conditionally loaded only for the product page
*/


/*** Product Page ***/

.graph_legend {
float: left;
background-image: url(/images/products/graph_bgr.gif);
background-color: #FFFFFF;
margin: 0px;
font-size: 11px;
}

.graph_legend[class] {
height: 150px;
width: 133px;
}

*html .graph_legend {
height: 150px;
width: 133px;
}

.graph_L1 {
margin-top: 60px;
display: block;
height: 20px;
}

.graph_L2 {
display: block;
height: 20px;
}

div#container.productPage {
    padding: 0 0 20px 0;
}

div#container.productPage h1 {
    color: #000;
    font-size: 12pt;
    font-weight: bold;
}
div#container.productPage h1.table-header{
    color: #000;
    font-size: 12pt;
    font-weight: bold;
    margin: 3em 0 0 0;
}
div#container.productPage h1.bc-header{
    color: #666;
    font-size: 12pt;
    font-weight: normal;
    margin: .7em 0 0 0;
}
div#container.productPage h2 {
    color: #999;
    font-size: 12pt;
    font-weight: bold;
    margin: 0;
}
div#container.productPage div.productDetails {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
div#container.productPage div.productDetails div {
    margin: 0;
    font-size: 8pt;
}
div#container.productPage div.productDetails div a {
    font-size: 8pt;
    margin: 0;
}
div#container.productPage div.productDetails div img {
    vertical-align: text-bottom;
    margin-right: 5px;
    height:10px;
    width:60px;
}
div#container.productPage div#productDescription {
    position:relative;
    font-size: 9pt;
    color: #666;
    height:100px;
    overflow:hidden;
}
div#container.productPage div#productDesc {
    margin-top:10px;
    }
div#container.productPage div#visualData {
    position: relative;
    margin: 20px 20px 0 20px;
}
div#container.productPage div.productImage {
    margin-right: 10px;
}
div#productCont{
    position:relative;
    margin-bottom:30px;
    }
div#container.productPage div.productImage img{
    border: 1px solid #999;
    
}
div#container.productPage div.productGraph {
    float: left;
}
span#pdf_span{
    position:absolute;
    top: 71px;
    left:0px;
    display:none;
}
div#container.productPage div#bestPrices {
    position: absolute;
    top: 0px;
    left: 578px;
    width: 163px;
    height: 163px;
    background: url(/images/products/best_prices_blowout.png);
}

div#container.productPage div#jumpTo {
    height: 30px;
    margin: 20px 0 15px 0;
    background: url(/images/products/jump_to_bar.gif);
    line-height: 30px;
    font-size: 9pt;
    padding: 0 15px;
    text-align: center;
}
div#container.productPage div#jumpTo a,  div#container.productPage div#jumpTo span {
    font-weight: bold;
    margin: 0 5px;
}
div#container.productPage div#jumpTo a.disabled, div#container.productPage div#jumpTo span.disabled{
    text-decoration: none !important;
    color: #999;
    cursor: default;
}

div#container.productPage div#shopzillaTag, 
div#container.productPage div#eBayTag {
    float: right;
    border: 0;
    font-size: 9pt;
    padding: 0;
    margin: 0;
    position: relative;
    top: -27px;
    color: #999;
    font-weight: bold;
}
div#container.productPage div#shopzillaTag img,
div#container.productPage div#eBayTag img {
    vertical-align: middle;
}

div#container.productPage div#shopzillaTag a,
div#container.productPage div#eBayTag a {
    color: #999;
    text-decoration: none;
}

div#container.productPage div#zipButton {
        width: 46px;
    height: 46px;
        background: url(/images/buttons/search_go.png) no-repeat;
    position: absolute;
    top: -12px;
    left: 170px; 
    cursor: pointer;
    } 

div.getItButton {
    background: url(/images/products/get_it_left.gif) no-repeat;
    height: 30px;
    float: right;
    font-size: 12pt;
    font-weight: bold;
}
div.getItButton a {
    display: block;
    height: 30px;
    background: url(/images/products/get_it_right.gif) top right no-repeat;
    text-decoration: none;
    color: #039;
    line-height: 32px;
    padding: 0 47px 0 5px;
}
div.getItButton a:hover {
    text-decoration: none !important;
}
div.getItButton.best {
    background: url(/images/products/get_it_best_left.gif) no-repeat;
}
div.getItButton.best a {
    background: url(/images/products/get_it_best_right.gif) top right no-repeat;
    color: #FFF;
}
.price {
        font-size: 14pt;
}

table.productTable {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
    border-top: 1px solid #CCC;
}
table.productTable td {
    padding: 3px 8px;
    height: 40px;
    cursor: pointer;
}
table.productTable tr.ybp {
    background: #FFFFFF url(/images/products/ybp_bg.gif) center left repeat-x;
}
table.productTable tr td{
    border-bottom: 1px solid #CCC;
}
div#ybpIconRow {
    background: url(/images/products/ybp_bubble.png) no-repeat;
    height: 52px;
    width: 52px;
}
div#ybpIconBox {
    margin-left: 25px;
    text-align: left;
    line-height: 20px;
}
div#ybpIcon {
    background: url(/images/products/ybp_bubble.png) no-repeat;
    height: 52px;
    width: 52px;
    float: left;
    padding: 0;
    margin-right: 5px;
    }
div#container.productPage .featured td {
    background: #C1D7E5 url(/images/gray_gradient.gif) repeat-x 50%;
    }
div#container.productPage .featuredHeader td {
    background: #DCEBF4;
    }
/* *** Duplicated from msr.css, with minor modifications *** */

div.msr_pod {
    border: 1px solid #CCC;
    width: 280px;
    margin-bottom: 3px;
    background: url(/images/products/msr_pod_bg.jpg) repeat-x #F5F5F5;
    position: relative;
    font-size: 9pt;
    text-align: center;
}

.msr_pod .ybp {
        position: relative;
        text-align: left;
        padding-left: 50px;
        padding-top: 5px;
}

.msr_pod .ybp a {
        font-size: 12pt;
        font-weight: bold;
}

.msr_pod .ybpIcon {
    position: relative;
    top: -7px;
    left: 0px;
    z-index: 20;
    float: left;
    margin-right: 0px;
}

div.msr_pod div.steals {
    display: none;
}
.steals div.msr_pod div.bandito {
    display: block;
    position: absolute;
    bottom: 0px;
    left: -41px;
    cursor: pointer;
    background: url(/images/products/bandito.gif) no-repeat bottom right;
    height: 60px;
    width: 40px;
    padding: 0;
    z-index: 100;
}
div.msr_pod div.bandito span {
    display: none;
}
div.msr_pod div.bandito:hover {
    background: url(/images/products/bandito_hover.gif);
    left: -112px;
    height: 69px;
    width: 111px;
}
div.msr_pod div.bandito:hover span {
    display: block;
    color: #EEE;
    position: absolute;
    top: 44px;
    left: 10px;
    font-weight: bold;
    font-size: 8pt;
}
div.msr_pod div.steals {
    display: block;
    position: absolute;	
}

div.msr_pod div {
    padding: 0 5px;
    line-height: 150%;
}
div.msr_pod div a {
}
div.msr_pod div img {
    margin: 3px 0 -3px 0;
}
div.msr_pod div a img {
    border: 0;
    vertical-align: baseline;
}
div.msr_pod .price_range {
    font-weight: bold;
    font-size: 14pt;
    line-height: 170%;
}
div.msr_pod .price_single {
    font-size: 14pt; 
    font-weight: bold;
    line-height: 170%;
}
div.msr_pod div.msr_button {
    background: url(/images/products/msr_button.gif) no-repeat;
    width: 170px;
    height: 31px;
    padding: 0 5px !important;
    line-height: 31px !important;
    color: #FFF;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 3px;
    font-size: 11pt;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    text-decoration: none;
}
div.msr_pod div.msr_button_hover {
    background: url(/images/products/msr_button.gif) 0 -31px no-repeat;
    width: 170px;
    height: 31px;
    padding: 0 5px !important;
    line-height: 28px !important;
    color: #FFF;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 3px;
    font-size: 11pt;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    text-decoration: none;
}


div.msr_pod ul.head {
    list-style: none;
    height: 5px;
    background: url(/images/products/msr_pod_corners.gif) -5px -5px no-repeat;
    margin: 0;
    padding: 0;
    position: relative;
    top: -1px;
    left: -1px;
}
div.msr_pod ul.head li {
    position: absolute;
    top: 0;
    right: -2px;
    background: url(/images/products/msr_pod_corners.gif) 0 -5px no-repeat;
    height: 5px;
    width: 5px;
    font-size: 1px;
}
div.msr_pod ul.foot {
    list-style: none;
    height: 5px;
    background: url(/images/products/msr_pod_corners.gif) -5px 0 no-repeat;
    margin: 0;
    padding: 0;
    position: relative;
    bottom: -1px;
    left: -1px;
}
div.msr_pod ul.foot li {
    position: absolute;
    top: 0;
    right: -2px;
    background: url(/images/products/msr_pod_corners.gif) no-repeat;
    height: 5px !important;
    width: 5px;
    font-size: 1px;
}

/* *** end of dupes from msr.css *** */