/*
 *  Overriding CSS for ajaxtabs
 */
ul#producttabs {
    margin-bottom:      5px;
    border-color:       #DDD;
}
.shadetabs {
    padding:            3px 0;
    margin:             1px 0 0 0;
    font:               normal 11px Verdana;
    list-style-type:    none;
    text-align:         left;
}

.shadetabs li {
    display:            inline;
    margin:             0;
}

.shadetabs li a {
    background:         #DFDFDF;
    color:              #666;
    padding:            7px 5px 7px 5px;
    border:             1px solid #DDD;
    z-index:            1;
    /* I'm not sure where the extra margin is coming from, but this works */
    margin-right:       -2px;
}

.shadetabs li a:visited {
    color:              #2d2b2b;
}

.shadetabs li a:hover {
    text-decoration:    underline;
    color:              #2d2b2b;
}

.shadetabs li a.selected { /*selected main tab style */
    background:         #FCFCFC;
    color:              #414141;
    border-bottom-color:    #FFF;
    padding-top:        8px;
    position:           relative;
    top:                1px;
}

.shadetabs li a.selected:hover { /*selected main tab style */
    text-decoration:    none;
}