/*******************************************************************************
* Tabs
*******************************************************************************/
#tabs {
    margin: 0;
    padding: 0;
    width: 750px;     /* force container to stretch to... */
    overflow: hidden; /* ...contain any floated children  */
}

#tabs * {
    border: 0;
    margin: 0;
}

#tabs .tab,
#tabs .activeTab { /* single class "activeTab" required to accomodate IE6's limited support for multiple classes */
    float: left;
    border: 0;
    margin: 0;
    padding: 0;
    height: 29px;
}

#welcome {
    width: 91px;
    background: url(../images/tabs/welcome.gif) no-repeat;
}

#welcome:hover {
    background-position: -91px;
}

#tabs #welcome.activeTab {
    background-position: -182px !important;
}

#auto {
    width: 92px;
    background: url(../images/tabs/auto.gif) no-repeat;
}

#auto:hover {
    background-position: -92px;
}

#tabs #auto.activeTab {
    background-position: -184px !important;
}

#home {
    width: 92px;
    background: url(../images/tabs/home.gif) no-repeat;
}

#home:hover {
    background-position: -92px;
}

#home.activeTab {
    background-position: -184px !important;
}

#life {
    width: 92px;
    background: url(../images/tabs/life.gif) no-repeat;
}

#life:hover {
    background-position: -92px;
}

#tabs #life.activeTab {
    background-position: -184px !important;
}

#health {
    width: 92px;
    background: url(../images/tabs/health.gif) no-repeat;
}

#health:hover {
    background-position: -92px;
}

#tabs #health.activeTab {
    background-position: -184px !important;
}

#travel {
    width: 92px;
    background: url(../images/tabs/travel.gif) no-repeat;
}

#travel:hover {
    background-position: -92px;
}

#tabs #travel.activeTab {
    background-position: -184px !important;
}

#lmc {
    width: 199px;
    background: url(../images/tabs/lmc.gif) no-repeat;
}

#lmc:hover {
    background-position: -199px;
}

#tabs #lmc.activeTab {
    background-position: -398px !important;
}

/*******************************************************************************
* Tab body
*******************************************************************************/
#tabBody {
    background: #fff url(../images/middle-blue-sides.gif) repeat-y;
    width: 750px;     /* force container to stretch to... */
    overflow: hidden; /* ...contain any floated children  */
}

#tabBodyGradient {
    background: transparent url(../images/bottom-blue-gradient.jpg) repeat-x bottom;
    width: 750px;
    min-height: 154px;
    height: auto !important; /* emulate min-height... */
    height: 154px;           /* ...in IE6             */
    margin: 0 auto;
}

/* clear floated children */
#tabBodyGradient:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#tabBodyGradient { display: inline-block; }
#tabBodyGradient { display: block; }


/*******************************************************************************
* Tab content (sub pages only)
*******************************************************************************/
#tabContent {
    float: left;
    width: 740px;
    padding-top: 10px;
    padding-left: 10px;
}

/*******************************************************************************
* Welcome boxes (welcome page only)
*******************************************************************************/
.welcomeBox {
    float: left;
    position: relative;
    display: inline; /* workaround IE6 doubling margin of floated elements */
    background-repeat: no-repeat;
    margin-top: 15px;
    margin-left: 15px;
    padding: 3px 4px 3px 8px;
    width: 216px;  /* 228 - padding */
    height: 150px; /* 156 - padding */
}

.welcomeBox img.reserve {
    float: left;
    margin: 0px 8px 4px 3px;
}

.welcomeBox p.boxcopy {
    margin: 8px 0px 8px 0px;
    font-family: Verdana;
    font-size: 11px;
    line-height: 13px;
    color: #000;
}

.welcomeBox a.boxlink {
    background: url(../images/small-blue-arrow.gif) no-repeat 0 5px;
    display: block;
    position: absolute;
    right: 20px;
    bottom: 15px;
    padding-left: 10px;
    font-family: Verdana;
    font-size: 11px;
    line-height: 13px;
}

.welcomeBox.auto {
    background-image: url(../images/welcome/box-auto.jpg);
}

.welcomeBox.home {
    background-image: url(../images/welcome/box-home.jpg);
}

.welcomeBox.life {
    background-image: url(../images/welcome/box-life.jpg);
}

.welcomeBox.health {
    background-image: url(../images/welcome/box-health.jpg);
}

.welcomeBox.travel {
    background-image: url(../images/welcome/box-travel.jpg);
}

.welcomeBox.lmc {
    background-image: url(../images/welcome/box-lmc.jpg);
}

/*******************************************************************************
* General formatting
*******************************************************************************/
.inlineImage {
    float: left;
    margin: 0px 10px 10px 0px;
}

.inlineAdjacent {
    margin-left: 137px;
    width: 373px;
}

.icon {
    float: left;
    margin-right: 5px;
    margin-bottom: 10px;
}

.arrowlink {
    background: url(../images/small-blue-arrow.gif) no-repeat 0 5px;
    float: right;
    clear: right;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Verdana;
    font-size: 11px;
    line-height: 13px;
}

.clearFloats {
    clear: both;
}