/* Begin: How we do it */
div#HWDITabs { width: 673px; margin: 0 auto; background: url(../images/hwdi_tabs_bg.png) left top repeat-y; }
div#HWDITabs div.tab div.inner { width: 495px; margin: 0 auto; overflow: hidden; padding: 20px 89px 17px 89px; }
div#HWDITabs div.tab dt,
div#HWDITabs div.tab dd { line-height: 18px; font-size: 11px; width: 480px; }
div#HWDITabs div.tab div.bottom { height: 1px; line-height: 0; font-size: 0; overflow: hidden; }
div#HWDITabs div.tab h4 span { display: none; }
div#HWDITabs div.spacer { font-size: 0; line-height: 0; height: 3px; }
div#HWDITabs div.tab a { color: #0c55a2; font-weight: bold; text-decoration: none; }
div#HWDITabs div.tab a:hover { text-decoration: underline; }
div#HWDITabs div.tab * { cursor: pointer; }
div#HWDITabs div.hover { background-position: left center!important; }
div#HWDITabs div.tab span.hideLink { display: block; line-height: 12px; font-size: 10px; font-weight: bold; padding: 15px 0 0 0; }

/* Begin: Step 1 */
div#HWDITabs div#HWDITabsStep1Tab h4 { display: block; width: 85px; height: 24px; background: url(../images/hwdi_investing.png) left top no-repeat; }
* html div#HWDITabs div#HWDITabsStep1Tab h4 { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hwdi_investing.png', sizingMethod='scale'); }
div#HWDITabs div#HWDITabsStep1Tab div.inner { height: 52px; background: url(../images/hwdi_step_1.png) left top no-repeat; }
div#HWDITabs div#HWDITabsStep1Tab div.inner h3 { font-size: 14px; line-height: 18px; }
div#HWDITabs div#HWDITabsStep1Tab div.inner dt subtitle,
div#HWDITabs div#HWDITabsStep1Tab div.inner dl subtitle { font-size: 12px; line-height: 18px; }
div#HWDITabs div#HWDITabsStep1Tab div.bottom { background: url(../images/hwdi_tab_bottom_selected_bg.png) left top no-repeat; }
div#HWDITabs div#HWDITabsStep1Tab.hover div.inner { background: url(../images/hwdi_step_1.png) 0 -89px no-repeat; }
div#HWDITabs div#HWDITabsStep1Tab.hover div.bottom { background: url(../images/hwdi_tab_bottom_hover_bg.png) left top repeat-y; }
div#HWDITabs div#HWDITabsStep1Tab.selected div.inner { height: auto; background: url(../images/hwdi_step_1.png) 0 -178px no-repeat; }
/* End: Step 1 */

/* Begin: Step 2 */
div#HWDITabs div#HWDITabsStep2Tab h4 { display: block; width: 63px; height: 24px; margin: -4px 0 0 0; background: url(../images/hwdi_saving.png) left top no-repeat; }
* html div#HWDITabs div#HWDITabsStep2Tab h4 { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hwdi_saving.png', sizingMethod='scale'); }
div#HWDITabs div#HWDITabsStep2Tab div.inner { height: 48px; background: url(../images/hwdi_step_2.png) 0 0 no-repeat; }
div#HWDITabs div#HWDITabsStep2Tab div.inner h3 { font-size: 14px; line-height: 18px; }
div#HWDITabs div#HWDITabsStep2Tab div.inner dt subtitle,
div#HWDITabs div#HWDITabsStep2Tab div.inner dl subtitle { font-size: 12px; line-height: 18px; }
div#HWDITabs div#HWDITabsStep2Tab div.bottom { background: url(../images/hwdi_tab_bottom_selected_bg.png) left top no-repeat; }
div#HWDITabs div#HWDITabsStep2Tab.selected div.inner { height: auto; background: url(../images/hwdi_step_2.png) 0 -170px no-repeat; }
div#HWDITabs div#HWDITabsStep2Tab.hover div.inner { height: 48px; overflow: hidden; background: url(../images/hwdi_step_2.png) 0 -85px no-repeat; }
div#HWDITabs div#HWDITabsStep2Tab.hover div.bottom { background: url(../images/hwdi_tab_bottom_hover_bg.png) left top repeat-y; }
/* End: Step 2 */

/* Begin: Step 3 */
div#HWDITabs div#HWDITabsStep3Tab h4 { display: block; width: 63px; height: 24px; background: url(../images/hwdi_retirement_income.png) left top no-repeat; }
* html div#HWDITabs div#HWDITabsStep3Tab h4 { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hwdi_retirement_income.png', sizingMethod='scale'); }
div#HWDITabs div#HWDITabsStep3Tab div.inner { height: 48px; background: url(../images/hwdi_step_3.png) 0 0 no-repeat; }
div#HWDITabs div#HWDITabsStep3Tab div.inner h3 { font-size: 14px; line-height: 18px; }
div#HWDITabs div#HWDITabsStep3Tab div.inner dt subtitle,
div#HWDITabs div#HWDITabsStep3Tab div.inner dl subtitle { font-size: 12px; line-height: 18px; }
div#HWDITabs div#HWDITabsStep3Tab div.bottom { background: url(../images/hwdi_tab_bottom_selected_bg.png) left top no-repeat; }
div#HWDITabs div#HWDITabsStep3Tab.selected div.inner { height: auto; background: url(../images/hwdi_step_3.png) 0 -186px no-repeat; }
div#HWDITabs div#HWDITabsStep3Tab.hover div.inner { overflow: hidden; background: url(../images/hwdi_step_3.png) 0 -93px no-repeat; }
div#HWDITabs div#HWDITabsStep3Tab.hover div.bottom { background: url(../images/hwdi_tab_bottom_hover_bg.png) left top repeat-y; }
/* End: Step 3 */

.tab_end {height:7px; background: url(../images/hwdi_step_3_selected_bottom.png) left bottom no-repeat;}

/* End: How we do it */