/* 
    Document   : prod_display
    Created on : Oct 12, 2009, 8:57:14 PM
    Author     : kellyk
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
.lt-col-free-lesson-graphic a:hover {text-decoration:none;}
#prod-info-area{
   margin-top:20px;
   clear:both;
}
    #prod-info-desc{
       margin-left:20px;
    }
.cart-prodline{
    vertical-align:middle;
}
    .cart-prodlink{
        font-size:9pt;
        font-weight:normal;
    }
       
        .cart-prodlinktext{
            margin-left:5px;
            vertical-align:middle;
        }
        .cart-prodlink-img{
            float:left;
        }
#no-products-found {
    position:relative;
    font-family:arial;
    font-size:11pt;
    top:20px;
    left:20px;
    width:480px;
    height:84px;
}
#result-custsvc-msg-mailto {
    color: #15B1E4;
    cursor:pointer;
}
.popup-infobox-not-found{
    border-bottom:solid #a9a9a9 1px;
    border-right:solid #a9a9a9 1px;
    border-top:solid #d3d3d3 1px;
    border-left:solid #d3d3d3 1px;
    background-color:#ffffff;
    padding:5px 5px 10px 10px;
    font-size:11pt;
    font-family:arial;
}
.popup-infobox{
    border-bottom:solid #a9a9a9 1px;
    border-right:solid #a9a9a9 1px;
    border-top:solid #d3d3d3 1px;
    border-left:solid #d3d3d3 1px;
    background-color:#ffffff;
    margin:0px 0px 0px 0px;
}
.inline-contact-info-popup{font-size:9pt;}
 .popup-infobox-title-area{
        margin:10px 10px 5px 15px;
 }
    .popup-infobox-title{
        font-size: 14pt;
    }
   
    .popup-infobox-list{
        font-size: 10pt;
        margin:10px 10px 5px 15px;
        padding:0px;
    }
    .popup-infobox-link {
        text-decoration:none;
    }
   
   
    .popup-infobox-contact-area{
        border-top:solid gray 1px;        
        margin:5px 20px 3px 10px;
        font-size:7pt;
        text-align:center;
        text-decoration:none;
        padding-top:4px;
    }
    
.prodbox {
    float: left;
    clear: none;
    width: 185px;
    
    border: 1px #e6e6e6 solid;
    bkkackground: url('../../images/boxgrgad_bl.png') repeat-x;
    display: inline;
    margin-top:7px;
    padding-left:4px;
    margin-bottom:2px;
    font-family:arial;
}
.prodbox-lb{
    width: 325px;
    height: 350px;
    border-bottom:solid #a9a9a9 1px;
    border-right:solid #a9a9a9 1px;
    border-top:solid #d3d3d3 1px;
    border-left:solid #d3d3d3 1px;
    background-color:#ffffff;
    margin:0px;padding:0px;
}

     .whitearrow {
            width:10px;
            height:7px;
            background: transparent url(../../images/red_arrow.gif)  no-repeat;
     }
     .whitearrow-learnmore {
           float:left;
           margin-top:3px;
           margin-left:2px;
     }
    .small-red-arrow{position:relative;float:left;top:5px;left:3px;}
    .prodbox-title-area {
        height: 82px
    }
    .prodbox-title-area-alt {
        height: 35px
    }
    .prodbox a:hover {color:red;text-decoration:underline;cursor:pointer;}
       
        .prodbox-title {
            float:left;
            margin: 5px 8px 2px 8px;
            padding-top: 4px;
            font-size: 12pt;
        }
        .prodbox-learnmore {
            float:left;
            font-size:8pt;            
            color:blue;
            margin-left:7px;
        }
        .prodbox-learnmore-alt {
            position:relative;
            top:11px;
            float:left;
            font-size:8pt;
            color:blue;
            margin-left:7px;
        }
         
       .prodbox-image {
            float:right;
            position:relative;
            width: 53px;
            height: 60px;
            border: none;
            background: transparent;
            margin-right: 15px;
            margin-top:10px;
        }
    .prodbox-title-area-lb {
        height: 78px;
    }
    .prodbox-title-lb {
        float:left;
        height: 24px;
        line-height: 29px;
        border:solid #d3d3d3 1px;
        font-size: 14pt;
        padding-left: 8px;
        }
   
    .prodbox-startprice-area {
        height: 29px;
        line-height: 29px;
        border-top: 1px #cccccc solid;
        border-bottom: 1px #cccccc solid;
        font-size: 14px;
        padding-left: 8px;
    }

    .prodbox-startprice-area-landing {
        height: 29px;
        line-height: 15px;
        font-size: 9pt;
        padding-left: 8px;
    }
   
    .prodbox-startprice {
        color: #15B1E4;
    }
     .prodbox-format {
        font-weight:700;
    }
    .prodbox-list {
        font-size: 9pt;
        color:#a9a9a9;
        text-align:left;
        margin-top:8px;
    }
    
    .prodline-list-lb{
        font-size: 10pt;
        margin:4px 3px 0px 0px;
        padding:4px 3px 0px 0px;
    }
    .prodline {
        clear:left;        
        margin-left:6px;
        margin-bottom:8px;
        height:9px;
    }                
       
         .prodline-desc {
           position:relative;
           float:left;
           width:98px;
           font-size:11px;           
        }
        .prodline-desc-extra {
           color:#ffffff;
        }
        .prodline-price-info {color:gray;}
        .prodline-price {
            font-size:8pt;
            float:left;
            color: blue;
            text-align:right;
            margin-right:5px;
            width:45px;
        }
        .prodline-viewdetails-line {
            float:left;
        }
            .prodline-viewdetails {
                float:left;
                color: rgb(2,92,215);
                font-size:8pt;
            }
             .whitearrow-viewdetails {
                position:relative;top:4px;
                margin-left:2px;
                float:left;
            }
        .prodline-viewall-line {
            clear:left;
            width:100%;
            margin-left:7px;
            margin-bottom:4px;
            position:relative;
            top:5px;
         }
            .prodline-viewall {
                float:left;
                color:#a52a2a;
            }
           
            .prodline-more-word {
                text-decoration:underline;
            }
            .whitearrow-viewall {
                float:left;
                position:relative;
                top:5px;
            }
     .prodline-lb {
        position:relative;
        margin-left:4px;
        clear:left;
    }
        .prodline-viewdetails-lb{
            float:left;
            color: rgb(2,92,215);
            width:38px;
            font-size:8pt;
        }
        .whiteArrow-lb	{
            position:relative;top:9px;
        }