#mainContainer{
    width:630px;
    border-left:1px solid #317082;    
    border-right:1px solid #317082;    
    margin:0 auto;    /* Center align content, equivalent to margin-left:auto;margin-right:auto; */
    text-align:left;    /* Override inherited text-align:center from the body tag */
    background-color:#FFF;
    height:100%;
}

#menuColumn{
    width:160px;
    float:left;
    padding:5px;
}
#mainContent{
    width:440px;
    float:left;    
}

.oddRow{
    background-color:#FFF;
}
.evenRow{
    background-color:#EEE;
}

.productTable{
    border:3px double #000;
}
h3{
    margin-top:0px;
}

#ajax_tooltipObj{
    z-index:1000000;
    text-align:left;
}
#ajax_tooltipObj div{
    position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below 

#ajax_tooltipObj .ajax_tooltip_arrow{ 
    background-image:url('/common/ajax_tooltip/arrow2.gif');
    width:25px;
    position:absolute;
    left:300px;
    top:10px;
    background-repeat:no-repeat;
    background-position:center left;
    z-index:1000005;
    height:60px;
    display: block;
}
*/

#ajax_tooltipObj .ajax_tooltip_content{
    border:2px solid #317082;    /* Border width */
    left:0px;    /* Same as border thickness */
    top:48px;
    position:absolute;
    width:400px;    /* Width of tooltip content */
    height:auto;    /* Height of tooltip content */
    background-color:#FFF;    /* Background color */
    padding:5px;    /* Space between border and content */
    overflow:auto;    /* Hide overflow content */
    z-index:1000001;
    display: block;
}