.look-smartnav .groups {
    overflow: hidden;
    width: 100%;
    height: 100%;        
}

.look-smartnav .groups .group
{
    /* Fix for [10531] - Set container to relative position so child controls can be absolute positioned.*/
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
}

.look-smartnav .groups .group.active
{
    display: block;
}

.look-smartnav .groupbuttons {
    position: absolute;
    width: 100%;
    bottom: 0;        
}

.look-smartnav .groupbuttons .groupbutton
{
    margin: 0;
    padding: 1px;

    border: 1px solid #2F4F4F;
    color: black;
    background-color: #7EA6E1;
    height: 16px;

    background: -webkit-gradient(linear, left top, left bottom, from(#CBE1FC), to(#7EA6E1));
    background: -moz-linear-gradient(top,  #CBE1FC,  #7EA6E1);
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFCBE1FC', EndColorStr= '#FF7EA6E1');

	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    cursor: pointer;
    vertical-align: middle;
    line-height: 16px; /* Must be same value as height for text vertical alignment */
}

.look-smartnav .groupbuttons .groupbutton.active
{
    background-color: #EF9615;
    background: -webkit-gradient(linear, left top, left bottom, from(#FBE694), to(#EF9615));
    background: -moz-linear-gradient(top,  #FBE694,  #EF9615);
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFBE694', EndColorStr= '#FFEF9615');

    cursor: hand;
    text-decoration: underline;
}