@charset "utf-8"; /* CareCredit CSS Title: Default CSS Author: Pasquale Scerbo (pscerbo@extractable.com) Date: February 2009 Website: www.carecredit.com */ /*----------------- CSS NORMALIZER -----------------*/ /* - cancels default styles applied to page elements - adjusts default elements between browsers to same baseline */ div, dl, dt, dd, ul, ol, li, pre, hr, form, fieldset, input, th, td {margin:0; padding:0; } address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;} table {border-collapse:collapse; border-spacing:0; font-size:inherit; font-size:100%;} select, input, textarea {font:99% verdana,geneva,sans-serif;} h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:100%; font-weight:normal;} fieldset, img {border:0;} img {vertical-align:middle; } select, .inputStyle {border:1px solid #7F9DB9; background:#FFF; padding:.1em; margin:.1em 0 .1em .2em;} legend {display:none;} .skipNavigation {position:absolute; left:0px; top:-500px; overflow:hidden;} select {background:#FFF;} .floatLeft { float: left; } .floatRight { float: right; } .png { _behavior: url(/common/css/iepngfix.htc); } .cleaner { clear: both; } .clear5 { clear: both; height: 5px; } .clear10 { clear: both; height: 10px; } .clear20 { clear: both; height: 20px; } .tabClear { clear: both; height: 5px; } a { outline: none; } label { cursor: pointer; } /*----------------- DEFAULT -----------------*/ body { margin: 0; padding: 0; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: url(img/bg3.jpg) repeat-x; font-style: normal; line-height: 13px; font-weight: normal; _behavior: url(/common/css/csshover.htc); } a { color: #849372; text-decoration: underline; } a:hover { text-decoration: underline; } a.strong { font-weight: bold; } /*----------------- PAGE WRAPPER(S) -----------------*/ #tba #container { width: 960px; margin: auto; background: url("img/bg-wrapper2.jpg") no-repeat; /*border: 1px solid #0FF*/} #container { width: 937px; margin: auto; background: url("img/bg-wrapper2.jpg") no-repeat; } /*----------------- HEADER -----------------*/ #tba #header { width: 940px; height: 61px; position: relative; margin: 0 auto; position: relative; z-index: 200; } #header { width: 859px; height: 61px; position: relative; margin-left: 37px; position: relative; z-index: 200; } #logo { position: absolute; top: 24px; left: 11px; height: 38px; width: 192px; } #tba #logo {left:0;} #tba #resource {right:0;} #resource { position: absolute; top: 0px; right: 10px; width: 390px; } /*----------------- NAVIGATION -----------------*/ #menuWrap { float:left; width: 833px; height: 40px; margin: 6px 0 1px 53px; position: relative; } #tba #menuWrap {width:940px; height: 40px; margin:0 auto; float:none; padding: 12px 0px 1px 0px;} #dropline { list-style:none; height: 24px; background: url("img/bg-menu.gif") no-repeat; position: relative;} #dropline table { border-collapse: collapse; width: 0; height: 0; margin: -3px -10px; } /*main menu*/ #dropline li { float:left; } #dropline li a { display: block; height: 24px; float: left; color: #fff; text-decoration: none; font-size: 12px; } #dropline li a#apply { background: url(img/menu-apply.gif) no-repeat 0 0px; width: 63px; height: 24px; text-indent: -3000px; } #dropline li a#procedures { background: url(img/menu-procedures.gif) no-repeat 0 0px; width: 94px; height: 24px; text-indent: -3000px; } #dropline li a#howitworks { background: url(img/menu-howitworks.gif) no-repeat 0 0px; width: 156px; height: 24px; text-indent: -3000px; } #dropline li a#company { background: url(img/menu-company.gif) no-repeat 0 0px; width: 85px; height: 24px; text-indent: -3000px; } #dropline li a#provider { background: url(img/menu-provider.gif) no-repeat 0 0px; width: 123px; height: 24px; text-indent: -3000px; } #dropline li a#faqs { background: url(img/menu-faqs.gif) no-repeat 0 0px; width: 60px; height: 24px; text-indent: -3000px; } #dropline li a#toolupdate { background: url(img/menu-desktop_tool_update_guide.gif) no-repeat 0 0px; width: 186px; height: 24px; text-indent: -3000px; } #dropline li a:hover { height: 24px} #dropline li a#apply:hover { background: url(img/menu-apply.gif) no-repeat 0 -24px; width: 63px; height: 24px; text-indent: -3000px; } #dropline li a#procedures:hover { background: url(img/menu-procedures.gif) no-repeat 0 -24px; width: 94px; height: 24px; text-indent: -3000px; } #dropline li a#howitworks:hover { background: url(img/menu-howitworks.gif) no-repeat 0 -24px; width: 156px; height: 24px; text-indent: -3000px; } #dropline li a#company:hover { background: url(img/menu-company.gif) no-repeat 0 -24px; width: 85px; height: 24px; text-indent: -3000px; } #dropline li a#provider:hover { background: url(img/menu-provider.gif) no-repeat 0 -24px; width: 123px; height: 24px; text-indent: -3000px; } #dropline li a#faqs:hover { background: url(img/menu-faqs.gif) no-repeat 0 -24px; width: 60px; height: 24px; text-indent: -3000px; } #dropline li a#toolupdate:hover { background: url(img/menu-desktop_tool_update_guide.gif) no-repeat 0 -24px; width: 186px; height: 24px; text-indent: -3000px; } #dropline ul { padding: 0; margin: 0; list-style: none; position: absolute; width: 700px; background: none; left: -9999px; top: 24px; z-index: 10; } /*sub menu*/ #dropline ul li { height:15px; } #dropline ul li a { color: #849372; padding: 3px 10px 0 10px; height: 15px; font-weight: bold; font-size: 11px; } #dropline ul li a:hover { height: 15px; background: #FFF; color: #849372; } #dropline :hover ul {left:0;} /*main menu current*/ #dropline li.current a#apply { background: url(img/menu-apply.gif) no-repeat 0 -24px; width: 63px; height: 24px; text-indent: -3000px; } #dropline li.current a#procedures { background: url(img/menu-procedures.gif) no-repeat 0 -24px; width: 94px; height: 24px; text-indent: -3000px; } #dropline li.current a#howitworks { background: url(img/menu-howitworks.gif) no-repeat 0 -24px; width: 156px; height: 24px; text-indent: -3000px; } #dropline li.current a#company { background: url(img/menu-company.gif) no-repeat 0 -24px; width: 85px; height: 24px; text-indent: -3000px; } #dropline li.current a#provider { background: url(img/menu-provider.gif) no-repeat 0 -24px; width: 123px; height: 24px; text-indent: -3000px; } #dropline li.current a#faqs { background: url(img/menu-faqs.gif) no-repeat 0 -24px; width: 60px; height: 24px; text-indent: -3000px; } /*sub menu dropdown*/ #dropline li.current ul { left: 0; z-index: 1; } #dropline li.current ul li.current_sub a {color: #849372; background: #FFF; padding: 3px 10px 0 10px; height: 15px; font-weight: bold; font-size: 11px; } #dropline li.current ul li a:hover { color: #849372; padding: 3px 10px 0 10px; height: 15px; font-weight: bold; font-size: 11px; } .chatWrap { position: absolute; top: 0; right: 0; } a.chat { background: url("img/global_nav_chat.jpg") no-repeat; display: block; width: 76px; height: 24px; } a.chatoff { background: url(img/global_nav_chat_off.jpg) no-repeat; display: block; width: 76px; height: 24px; } /*----------------- HERO(S) WRAP -----------------*/ #hero { margin: auto; clear: both; width: 919px; height: 407px; background: url("img/bg-banner.jpg") no-repeat; position: relative; margin-top: 3px; } #tba #hero { } #flashHero { position: relative; margin: 12px 0 0 42px; border: 1px solid #d2d2d2; } /*flash banner on Market Pages*/ #marketFlash { position: relative; width: 602px; height: 363px; border: 1px solid #d2d2d2; float: left; margin: 11px 0 0 43px; overflow: hidden; } #video { margin-top: 0px; margin-left: 40px; } .flashSpacer { float: left; width: 5px; height: 365px; background: #FFF; margin-top: 11px; } /*----- Doctor Locator & Calculator Modules -----*/ #module { float: left; margin-top: 11px; position: relative; } #module h1 { color: #FFF; font-weight: bold; margin: 0; padding: 0; font-size: 18px; margin-top: 5px; } #module p { color: #FFF; margin: 0px 0 6px 0; padding: 0; } .small { margin: 2px 2px; font-size: 10px; color: #FFF; } /*Home*/ .homeMod { background: url(img/bg-home-modulebg.jpg) repeat-y #71a7a7; border: 1px solid #d2d2d2; float: left; width: 222px; height: 364px; overflow: hidden; } .homeMod .top { background: url(img/bg-home-module.jpg) no-repeat; min-height: 178px; width: 192px; float: left; padding: 3px 15px 5px 15px; } .homeMod .bottom { background: url(img/bg-home-module.jpg) no-repeat; min-height: 169px; width: 192px; float: left; padding: 3px 15px 5px 15px; border-top: 1px solid #d2d2d2; } .homeMod .bottom a { color: #FFF; } .homeMod .bottom h1 { color: #FFF; font-weight: bold; margin: 0; padding: 0; font-size: 18px; } .homeMod .bottom h3 { color: #FFF; font-weight: bold; margin: 0; padding: 0; font-size: 12px; } /*Lasik & Vision*/ .green { background: #c4c8a7; border: 1px solid #b2b698; float: left; width: 222px; height: 364px; overflow: hidden; } .green .top { background: url(img/bg-green-module.jpg) no-repeat #c4c8a7; min-height: 178px; width: 192px; float: left; padding: 3px 15px 5px 15px; } .green .bottom { background: url(img/bg-green-module.jpg) no-repeat #c4c8a7; min-height: 160px; width: 192px; float: left; padding: 3px 15px 5px 15px; border-top: 1px solid #b2b698; } /*Cosmetic*/ .cosmetic { background: #e6ceb1; border: 1px solid #d1bba2; float: left; width: 222px; height: 364px; overflow: hidden; } .cosmetic .top { background: url(img/bg-peach-module.jpg) no-repeat #e6ceb1; min-height: 178px; width: 192px; float: left; padding: 3px 15px 5px 15px; } .cosmetic .bottom { background: url(img/bg-peach-module.jpg) no-repeat #e6ceb1; min-height: 160px; width: 192px; float: left; padding: 3px 15px 5px 15px; border-top: 1px solid #d1bba2; } /*Dentistry*/ .dentist { background: #b3c8cb; border: 1px solid #a3b6b9; float: left; width: 222px; height: 364px; overflow: hidden; } .dentist .top { background: url(img/bg-dentistry-module.jpg) no-repeat #b3c8cb; min-height: 178px; width: 192px; float: left; padding: 3px 15px 5px 15px; } .dentist .bottom { background: url(img/bg-dentistry-module.jpg) no-repeat #b3c8cb; min-height: 160px; width: 192px; float: left; padding: 3px 15px 5px 15px; border-top: 1px solid #a3b6b9; } /*Veterinary*/ .vetmed { background: #e3c2a3; border: 1px solid #cfb194; float: left; width: 222px; height: 364px; overflow: hidden; } .vetmed .top { background: url(img/bg-vetmed-module.jpg) no-repeat #e3c2a3; min-height: 178px; width: 192px; float: left; padding: 3px 15px 5px 15px; } .vetmed .bottom { background: url(img/bg-vetmed-module.jpg) no-repeat #e3c2a3; min-height: 160px; width: 192px; float: left; padding: 3px 15px 5px 15px; border-top: 1px solid #cfb194; } /*Hearing*/ .hearing { background: #D8CFC0; border: 1px solid #d4ccbe; float: left; width: 222px; height: 364px; overflow: hidden; } .hearing .top { background: url(img/bg-hearing-module.jpg) no-repeat #D8CFC0; min-height: 178px; width: 192px; float: left; padding: 3px 15px 5px 15px; } .hearing .bottom { background: url(img/bg-hearing-module.jpg) no-repeat #D8CFC0; min-height: 160px; width: 192px; float: left; padding: 3px 15px 5px 15px; border-top: 1px solid #d4ccbe; } /*Other Specialties*/ .other { background: #b3bcbb; border: 1px solid #a3abaa; float: left; width: 222px; height: 364px; overflow: hidden; } .other .top { background: url(img/bg-other-module.jpg) no-repeat #b3bcbb; min-height: 178px; width: 192px; float: left; padding: 3px 15px 5px 15px; } .other .bottom { background: url(img/bg-other-module.jpg) no-repeat #b3bcbb; min-height: 160px; width: 192px; float: left; padding: 3px 15px 5px 15px; border-top: 1px solid #a3abaa; } /*Find a Doctor*/ form.docs { width: 100%; float: left; } form.docs input { color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; float: left; width: 178px; height: 14px; padding: 2px 1px 1px 3px; margin-left: 2px; margin-bottom: 3px; } form.docs select { color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; line-height: normal; float: left; width: 187px; height: auto; margin-bottom: 2px; } form.docs .btn { margin-left: -2px; margin-top: 5px; width: auto; height: auto; } /*Calculator*/ form.calc { width: 100%; float: left; } form.calc input { color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; float: left; width: 178px; height: 14px; padding: 2px 1px 1px 3px; margin-left: 2px; } form.calc .btn { margin-left: -2px; margin-top: 5px; width: auto; height: auto; } /*----------------- MODULES -----------------*/ #tba #moduleWrap { clear: both; margin: 0 auto; padding: 0; width: 960px; } /*----- Three Panel Layout -----*/ #tba .panels { float: left; width: 300px; margin: 0 10px 0 10px; position: relative; font-size: 12px; line-height: 1.5em; color: #666; } #tba .panels h1 { font-size: 17px; font-style: normal; line-height: 17px; font-weight: bold; color: #306b7c; margin: 10px 0 15px 15px; width: 246px; } #tba .panels h2.ajax { font-size: 17px; font-style: normal; line-height: 17px; font-weight: bold; color: #306b7c; margin: 10px 0 0px 0px; width: 246px; } #tba .panels h1.first { margin-left: 0; } #tba .panels h1.nm { margin: 10px 0 -5px 0px; } #tba .panels h2 { font-size: 13px; font-style: normal; line-height: 17px; font-weight: bold; color: #306b7c; margin: 0 0 10px 0px; width: 246px; } /*----------------- MODULES -----------------*/ #moduleWrap { clear: both; width: 817px; float: left; padding: 0 43px 0 59px; } /*----- Three Panel Layout -----*/ .panels { float: left; width: 255px; margin: 0 0 0 15px; position: relative; font-size: 12px; line-height: 1.5em; color: #666; } .panels h1 { font-size: 17px; font-style: normal; line-height: 17px; font-weight: bold; color: #306b7c; margin: 10px 0 15px 15px; width: 246px; } .panels h2.ajax { font-size: 17px; font-style: normal; line-height: 17px; font-weight: bold; color: #306b7c; margin: 10px 0 0px 0px; width: 246px; } .panels h1.first { margin-left: 0; } .panels h1.nm { margin: 10px 0 -5px 0px; } .panels h2 { font-size: 13px; font-style: normal; line-height: 17px; font-weight: bold; color: #306b7c; margin: 0 0 10px 0px; width: 246px; } .panels .gray { float: left; /*background: #F2F2F2;*/ margin: 0 0 0 0; padding: 0px 0 0px 15px; width: 231px; position: relative; padding-bottom: 10px; } .panels .gray .teaser { position: absolute; bottom: 0; left: 0; float: left; border-top: 1px solid #FFF; background: #eaeaea; padding: 10px 15px; width: 215px; } .panels .gray .advSearch { margin-right: 30px; } .panels .gray #ProfessionDrop_Main select, .panels .gray #SpecialtyBox_Main select, .panels .gray #ProcedureBox_Main select { color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; line-height: normal; float: left; width: 212px; height: auto; } /*----- Two Panel Layout -----*/ .doublePanels { float: left; line-height: 15px; position: relative; } .doublePanels h1 { font-size: 17px; font-style: normal; line-height: 17px; font-weight: bold; color: #306b7c; margin: 10px 0 15px 15px; } .doublePanels.first { width: 350px; float: left; margin-right: 40px; } .doublePanels.second { width: 369px; float: left; } .doublePanels.second h1 { font-size: 17px; font-style: normal; line-height: 17px; font-weight: bold; color: #306b7c; margin: 10px 0 10px 0px; } .doublePanels.second .innerCol { float: left; width: 160px; margin-right: 5px; margin-bottom: 15px; margin-left: 0; border: 0; margin-top: -10px; } .doublePanels.second .top { float: left; } .doublePanels.second .bottom { clear: both; font-size: 12px; } .index_dropdown { color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; line-height: normal; float: left; width: 212px; height: auto; } .index_input { color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; line-height: normal; float: left; width: 205px; height: 16px; margin: 3px 0 0 2px; padding-left: 3px; } .index_input.spacer { margin-top: 12px; } .index_input_img { margin-left: -3px; float: left; } /*----------------- TABS -----------------*/ /*----- Large (Full Width) Flash File -----*/ #tabWrap { position: absolute; bottom: 30px; left: 43px; width: 831px; height: 46px; z-index: 100; } #tabWrap ul { margin: 0; padding: 0; list-style-type: none; } #tabWrap li { float: left; height: 31px; text-indent: -1000px; background: none; padding-left: 0; } #tabWrap a { display: block; text-decoration: none; overflow: hidden; } /*How CareCredit Works*/ #tabWrap.works { background: url(img/bg-tabs-works.gif) repeat-x; width: 831px; height: 52px; display: block; float: left; } #tabWrap a#howitworks { background: url(img/tab-howitworks.gif) 0 0 no-repeat; width: 110px; height: 52px; } #tabWrap a#whyshouldi { background: url(img/tab-whyshouldi.gif) 0 0 no-repeat; width: 201px; height: 52px; } #tabWrap a#promofinancing { background: url(img/tab-promofinancing.gif) 0 0 no-repeat; width: 214px; height: 52px; } #tabWrap a#ccwisely { background: url(img/tab-ccwisely.gif) 0 0 no-repeat; width: 171px; height: 52px; } #tabWrap a#howitworks:hover, #tabWrap a#howitworks.on { background: url(img/tab-howitworks.gif) 0 -52px no-repeat; width: 110px; height: 52px; } #tabWrap a#whyshouldi:hover, #tabWrap a#whyshouldi.on { background: url(img/tab-whyshouldi.gif) 0 -52px no-repeat; width: 201px; height: 52px; } #tabWrap a#promofinancing:hover, #tabWrap a#promofinancing.on { background: url(img/tab-promofinancing.gif) 0 -52px no-repeat; width: 214px; height: 52px; } #tabWrap a#ccwisely:hover, #tabWrap a#ccwisely.on { background: url(img/tab-ccwisely.gif) 0 -52px no-repeat; width: 171px; height: 52px; } #heroContentWide { position: relative; top: 11px; left: 42px; border: 1px solid #d3d3d3; height: 365px; width: 831px; } #heroContentWide.howccworks { background: url(img/bg-howccworks.gif) no-repeat top right; } #heroContentWide .left { float: left; width: 480px; padding-top: 33px; } #heroContentWide .right { float: left; width: 322px; padding-top: 47px; padding-left: 10px; } #heroContentWide .rates { float: left; margin-left: 40px; margin-top: -15px; } .bannerText { clear: both; float: left; margin: 0; background: #789784; padding: 9px 33px 9px; 33px; font-size: 20px; color: #FFF; font-family: Arial, Helvetica, sans-serif; } .bannerText.bg2 { white-space: nowrap; background: #8fa899; } .bannerText.bg3 { white-space: nowrap; background: #a6b7ac; } .bannerText.bg4 { white-space: nowrap; background: #bdc8c1; } #tba .bannerText {position:relative; top:33px;} #tba .bannerBody {margin-top:45px;} #tba #bannerLinksTop {margin-top:45px;} .bannerBody { float: left; clear: both; color: #333; font-size: 13px; line-height: 18px; margin: 10px 0 0 33px; padding: 0 0 0 0; width: 530px; } .bannerBody.howccworks { width: 410px; } .bannerBody p { margin: 0 0 8px 0; } .bannerBody span { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; line-height: 20px; margin: 0 0 0 0; padding: 0 0 0 0; text-align: left; } .footnote { font-size: 10px; } .footnote2 { font-size: 10px; color: #666; } /*----- MARKETING PAGES -----*/ /*LASIK & Vision - Content*/ #marketContainer { position: relative; width: 603px; height: 332px; border: 1px solid #d2d2d2; float: left; margin: 11px 0 0 43px !important; padding-top: 33px; overflow: hidden; } #bannerLinksTop { margin-top: 23px; clear: both; float: left; width: 560px; margin-left: 30px; padding-bottom: 20px; } #bannerLinksTop .left { float: left; width: 250px; margin-right: 35px; } #bannerLinksTop .right { float: left; width: 270px; } #bannerLinksBottom { clear: both; float: left; margin-left: 30px; font-size: 13px; width: 530px; line-height: 18px; } /* 3 Column: Other Specialties/Links */ #bannerLinksTop3 { margin-top: 33px; min-height: 98px; clear: both; float: left; width: 560px; margin-left: 15px; } #bannerLinksTop3 .left { float: left; width: 150px; margin-right: 35px; } #bannerLinksTop3 .right { float: left; width: 150px; } #bannerLinksTop3 h3 { font-size: 13px; font-weight:bold; margin-bottom: 10px; } /*Market Tabs - Default*/ #tba #tabMarket {left: 12px; bottom: 1px;} #tabMarket { position: absolute; bottom: 30px; left: 43px; width: 603px; height: 46px; z-index: 100; } #tabMarket ul { margin: 0; padding: 0; list-style-type: none; } #tabMarket li { float: left; height: 31px; text-indent: -1000px; background: none; padding-left: 0; } #tabMarket a { display: block; text-decoration: none; overflow: hidden; } /*LASIK & Vision - Tabs*/ #tabMarket.lasik { background: url(img/bg-tabs-lasik.gif) repeat-x; width: 603px; height: 46px; display: block; float: left; } #tabMarket a#lasik-overview { background: url(img/tab-lasik-overview.gif) 0 0 no-repeat; width: 114px; height: 46px; text-indent: -3000px; } #tabMarket a#lasik-whycc { background: url(img/tab-lasik-whycc.gif) 0 0 no-repeat; width: 150px; height: 46px; text-indent: -3000px; } #tabMarket a#lasik-average { background: url(img/tab-lasik-average.gif) 0 0 no-repeat; width: 145px; height: 46px; text-indent: -3000px; } /*#tabMarket a#lasik-endorsements { background: url(img/tab-lasik-endorsements.gif) 0 0 no-repeat; width: 121px; height: 46px; text-indent: -3000px; }*/ #tabMarket a#lasik-video { background: url(img/tab-lasik-video.gif) 0 0 no-repeat; width: 101px; height: 46px; text-indent: -3000px; } #tabMarket a#lasik-links { background: url(img/tab-lasik-links.gif) 0 0 no-repeat; width: 93px; height: 46px; text-indent: -3000px; } #tabMarket a#lasik-overview:hover, #tabMarket a#lasik-overview.on { background: url(img/tab-lasik-overview.gif) 0 -46px no-repeat; width: 114px; height: 46px; } #tabMarket a#lasik-whycc:hover, #tabMarket a#lasik-whycc.on { background: url(img/tab-lasik-whycc.gif) 0 -46px no-repeat; width: 150px; height: 46px; } #tabMarket a#lasik-average:hover, #tabMarket a#lasik-average.on { background: url(img/tab-lasik-average.gif) 0 -46px no-repeat; width: 145px; height: 46px; } /*#tabMarket a#lasik-endorsements:hover, #tabMarket a#lasik-endorsements.on { background: url(img/tab-lasik-endorsements.gif) 0 -46px no-repeat; width: 121px; height: 46px; }*/ #tabMarket a#lasik-video:hover, #tabMarket a#lasik-video.on { background: url(img/tab-lasik-video.gif) 0 -46px no-repeat; width: 101px; height: 46px; } #tabMarket a#lasik-links:hover, #tabMarket a#lasik-links.on { background: url(img/tab-lasik-links.gif) 0 -46px no-repeat; width: 93px; height: 46px; } /*Cosmetic - Tabs*/ #tabMarket.cosmetics { background: url(img/bg-tabs-cosmetic.gif) repeat-x; width: 603px; height: 46px; display: block; float: left; } #tabMarket a#cosmetic-overview { background: url(img/tab-cosmetic-overview.gif) 0 0 no-repeat; width: 114px; height: 46px; text-indent: -3000px; } #tabMarket a#cosmetic-whycc { background: url(img/tab-cosmetic-whycc.gif) 0 0 no-repeat; width: 150px; height: 46px; text-indent: -3000px; } #tabMarket a#cosmetic-average { background: url(img/tab-cosmetic-average.gif) 0 0 no-repeat; width: 145px; height: 46px; text-indent: -3000px; } /*#tabMarket a#cosmetic-endorsements { background: url(img/tab-cosmetic-endorsements.gif) 0 0 no-repeat; width: 121px; height: 46px; text-indent: -3000px; }*/ #tabMarket a#cosmetic-video { background: url(img/tab-cosmetic-video.gif) 0 0 no-repeat; width: 101px; height: 46px; text-indent: -3000px; } #tabMarket a#cosmetic-links { background: url(img/tab-cosmetic-links.gif) 0 0 no-repeat; width: 93px; height: 46px; text-indent: -3000px; } #tabMarket a#cosmetic-overview:hover, #tabMarket a#cosmetic-overview.on { background: url(img/tab-cosmetic-overview.gif) 0 -46px no-repeat; width: 114px; height: 46px; } #tabMarket a#cosmetic-whycc:hover, #tabMarket a#cosmetic-whycc.on { background: url(img/tab-cosmetic-whycc.gif) 0 -46px no-repeat; width: 150px; height: 46px; } #tabMarket a#cosmetic-average:hover, #tabMarket a#cosmetic-average.on { background: url(img/tab-cosmetic-average.gif) 0 -46px no-repeat; width: 145px; height: 46px; } /*#tabMarket a#cosmetic-endorsements:hover, #tabMarket a#cosmetic-endorsements.on { background: url(img/tab-cosmetic-endorsements.gif) 0 -46px no-repeat; width: 121px; height: 46px; }*/ #tabMarket a#cosmetic-video:hover, #tabMarket a#cosmetic-video.on { background: url(img/tab-cosmetic-video.gif) 0 -46px no-repeat; width: 101px; height: 46px; } #tabMarket a#cosmetic-links:hover, #tabMarket a#cosmetic-links.on { background: url(img/tab-cosmetic-links.gif) 0 -46px no-repeat; width: 93px; height: 46px; } /*Dentistry - Tabs*/ #tabMarket.dentistry { background: url(img/bg-tabs-dentistry.gif) repeat-x; width: 603px; height: 46px; display: block; float: left; } #tba #tabMarket.dentistry {width: 709px;} #tabMarket a#dentistry-overview { background: url(img/tab-dentistry-overview.gif) 0 0 no-repeat; width: 114px; height: 46px; text-indent: -3000px; } #tabMarket a#dentistry-whycc { background: url(img/tab-dentistry-whycc.gif) 0 0 no-repeat; width: 150px; height: 46px; text-indent: -3000px; } #tabMarket a#dentistry-average { background: url(img/tab-dentistry-average.gif) 0 0 no-repeat; width: 145px; height: 46px; text-indent: -3000px; } /*#tabMarket a#dentistry-endorsements { background: url(img/tab-dentistry-endorsements.gif) 0 0 no-repeat; width: 121px; height: 46px; text-indent: -3000px; }*/ #tabMarket a#dentistry-video { background: url(img/tab-dentistry-video.gif) 0 0 no-repeat; width: 101px; height: 46px; text-indent: -3000px; } #tabMarket a#dentistry-links { background: url(img/tab-dentistry-links.gif) 0 0 no-repeat; width: 93px; height: 46px; text-indent: -3000px; } #tabMarket a#dentistry-overview:hover, #tabMarket a#dentistry-overview.on { background: url(img/tab-dentistry-overview.gif) 0 -46px no-repeat; width: 114px; height: 46px; } #tabMarket a#dentistry-whycc:hover, #tabMarket a#dentistry-whycc.on { background: url(img/tab-dentistry-whycc.gif) 0 -46px no-repeat; width: 150px; height: 46px; } #tabMarket a#dentistry-average:hover, #tabMarket a#dentistry-average.on { background: url(img/tab-dentistry-average.gif) 0 -46px no-repeat; width: 145px; height: 46px; } /*#tabMarket a#dentistry-endorsements:hover, #tabMarket a#dentistry-endorsements.on { background: url(img/tab-dentistry-endorsements.gif) 0 -46px no-repeat; width: 121px; height: 46px; }*/ #tabMarket a#dentistry-video:hover, #tabMarket a#dentistry-video.on { background: url(img/tab-dentistry-video.gif) 0 -46px no-repeat; width: 101px; height: 46px; } #tabMarket a#dentistry-links:hover, #tabMarket a#dentistry-links.on { background: url(img/tab-dentistry-links.gif) 0 -46px no-repeat; width: 93px; height: 46px; } /*Veterinary - Tabs*/ #tabMarket.vet { background: url(img/bg-tabs-vetmed.gif) repeat-x; width: 603px; height: 46px; display: block; float: left; } #tabMarket a#vetmed-overview { background: url(img/tab-vetmed-overview.gif) 0 0 no-repeat; width: 114px; height: 46px; text-indent: -3000px; } #tabMarket a#vetmed-whycc { background: url(img/tab-vetmed-whycc.gif) 0 0 no-repeat; width: 150px; height: 46px; text-indent: -3000px; } #tabMarket a#vetmed-average { background: url(img/tab-vetmed-average.gif) 0 0 no-repeat; width: 145px; height: 46px; text-indent: -3000px; } /*#tabMarket a#vetmed-endorsements { background: url(img/tab-vetmed-endorsements.gif) 0 0 no-repeat; width: 121px; height: 46px; text-indent: -3000px; }*/ #tabMarket a#vetmed-video { background: url(img/tab-vetmed-video.gif) 0 0 no-repeat; width: 101px; height: 46px; text-indent: -3000px; } #tabMarket a#vetmed-links { background: url(img/tab-vetmed-links.gif) 0 0 no-repeat; width: 93px; height: 46px; text-indent: -3000px; } #tabMarket a#vetmed-overview:hover, #tabMarket a#vetmed-overview.on { background: url(img/tab-vetmed-overview.gif) 0 -46px no-repeat; width: 114px; height: 46px; } #tabMarket a#vetmed-whycc:hover, #tabMarket a#vetmed-whycc.on { background: url(img/tab-vetmed-whycc.gif) 0 -46px no-repeat; width: 150px; height: 46px; } #tabMarket a#vetmed-average:hover, #tabMarket a#vetmed-average.on { background: url(img/tab-vetmed-average.gif) 0 -46px no-repeat; width: 145px; height: 46px; } /*#tabMarket a#vetmed-endorsements:hover, #tabMarket a#vetmed-endorsements.on { background: url(img/tab-vetmed-endorsements.gif) 0 -46px no-repeat; width: 121px; height: 46px; }*/ #tabMarket a#vetmed-video:hover, #tabMarket a#vetmed-video.on { background: url(img/tab-vetmed-video.gif) 0 -46px no-repeat; width: 101px; height: 46px; } #tabMarket a#vetmed-links:hover, #tabMarket a#vetmed-links.on { background: url(img/tab-vetmed-links.gif) 0 -46px no-repeat; width: 93px; height: 46px; } /*Hearing - Tabs*/ #tabMarket.hear { background: url(img/bg-tabs-hearing.gif) repeat-x; width: 603px; height: 46px; display: block; float: left; } #tabMarket a#hearing-overview { background: url(img/tab-hearing-overview.gif) 0 0 no-repeat; width: 114px; height: 46px; text-indent: -3000px; } #tabMarket a#hearing-whycc { background: url(img/tab-hearing-whycc.gif) 0 0 no-repeat; width: 150px; height: 46px; text-indent: -3000px; } #tabMarket a#hearing-average { background: url(img/tab-hearing-average.gif) 0 0 no-repeat; width: 145px; height: 46px; text-indent: -3000px; } /*#tabMarket a#hearing-endorsements { background: url(img/tab-hearing-endorsements.gif) 0 0 no-repeat; width: 121px; height: 46px; text-indent: -3000px; }*/ #tabMarket a#hearing-video { background: url(img/tab-hearing-video.gif) 0 0 no-repeat; width: 101px; height: 46px; text-indent: -3000px; } #tabMarket a#hearing-links { background: url(img/tab-hearing-links.gif) 0 0 no-repeat; width: 93px; height: 46px; text-indent: -3000px; } #tabMarket a#hearing-overview:hover, #tabMarket a#hearing-overview.on { background: url(img/tab-hearing-overview.gif) 0 -46px no-repeat; width: 114px; height: 46px; } #tabMarket a#hearing-whycc:hover, #tabMarket a#hearing-whycc.on { background: url(img/tab-hearing-whycc.gif) 0 -46px no-repeat; width: 150px; height: 46px; } #tabMarket a#hearing-average:hover, #tabMarket a#hearing-average.on { background: url(img/tab-hearing-average.gif) 0 -46px no-repeat; width: 145px; height: 46px; } /*#tabMarket a#hearing-endorsements:hover, #tabMarket a#hearing-endorsements.on { background: url(img/tab-hearing-endorsements.gif) 0 -46px no-repeat; width: 121px; height: 46px; }*/ #tabMarket a#hearing-video:hover, #tabMarket a#hearing-video.on { background: url(img/tab-hearing-video.gif) 0 -46px no-repeat; width: 101px; height: 46px; } #tabMarket a#hearing-links:hover, #tabMarket a#hearing-links.on { background: url(img/tab-hearing-links.gif) 0 -46px no-repeat; width: 93px; height: 46px; } /*Hearing - Tabs*/ #tabMarket.others { background: url(img/bg-tabs-other.gif) repeat-x; width: 603px; height: 46px; display: block; float: left; } #tabMarket a#other-overview { background: url(img/tab-other-overview.gif) 0 0 no-repeat; width: 114px; height: 46px; text-indent: -3000px; } #tabMarket a#other-whycc { background: url(img/tab-other-whycc.gif) 0 0 no-repeat; width: 150px; height: 46px; text-indent: -3000px; } #tabMarket a#other-average { background: url(img/tab-other-average.gif) 0 0 no-repeat; width: 145px; height: 46px; text-indent: -3000px; } /*#tabMarket a#other-endorsements { background: url(img/tab-other-endorsements.gif) 0 0 no-repeat; width: 121px; height: 46px; text-indent: -3000px; }*/ #tabMarket a#other-video { background: url(img/tab-other-video.gif) 0 0 no-repeat; width: 101px; height: 46px; text-indent: -3000px; } #tabMarket a#other-links { background: url(img/tab-other-links.gif) 0 0 no-repeat; width: 93px; height: 46px; text-indent: -3000px; } #tabMarket a#other-overview:hover, #tabMarket a#other-overview.on { background: url(img/tab-other-overview.gif) 0 -46px no-repeat; width: 114px; height: 46px; } #tabMarket a#other-whycc:hover, #tabMarket a#other-whycc.on { background: url(img/tab-other-whycc.gif) 0 -46px no-repeat; width: 150px; height: 46px; } #tabMarket a#other-average:hover, #tabMarket a#other-average.on { background: url(img/tab-other-average.gif) 0 -46px no-repeat; width: 145px; height: 46px; } /*#tabMarket a#other-endorsements:hover, #tabMarket a#other-endorsements.on { background: url(img/tab-other-endorsements.gif) 0 -46px no-repeat; width: 121px; height: 46px; }*/ #tabMarket a#other-video:hover, #tabMarket a#other-video.on { background: url(img/tab-other-video.gif) 0 -46px no-repeat; width: 101px; height: 46px; } #tabMarket a#other-links:hover, #tabMarket a#other-links.on { background: url(img/tab-other-links.gif) 0 -46px no-repeat; width: 93px; height: 46px; } /*----------------- ACCORDION -----------------*/ .accordion { width: 100%; } h3.toggler { padding: 5px 11px 3px 35px; margin: 0; font-weight: bold; background:url("/common/css/img/icon-plus.gif") no-repeat scroll 14px 7px transparent; color:#76826C; cursor: pointer; font-size: 12px; border: none; } .accordion .odd { background: #f2f2f2; padding: 0 5px 0 0; border: none; } .accordion .even { background: #FFF; padding: 0 0px 5px 0; border: none; } .element { padding: 0 10px 10px 35px; } .element p { padding-bottom: 10px; margin-top: 1px; } /*----------------- MULTIPLE SLIDER -----------------*/ #controls { margin-bottom: 20px } .slideWrapper { float: left; border: 1px solid red; } .ms_container.odd { border-top: 1px dotted #000; background: url(img/bullet-square.gif) no-repeat 25px 14px #e1e2e2; } .ms_container.even { border-top: 1px dotted #000; background: url(img/bullet-square.gif) no-repeat 25px 14px #FFF; } .control { padding: 9px 9px 9px 36px; cursor: pointer; text-align: left; color: #849372; font-weight: bold; font-size: 12px; } .ms_expander { padding: 3px 9px 0px 36px; background: #FFF; line-height: 18px; } .expand_all { margin-left: 20px; text-decoration: none; } .collapse_all { margin-left: 20px; text-decoration: none; } .ms_header { padding: 9px 9px 9px 25px; background: #bcbdbd; margin: 8px 0; font-size: 16px; color: #1f1f1f; font-weight: bold; } /*----------------- SHOW/HIDE CONTENT -----------------*/ ul.tabHover { margin:0; padding:0; list-style:none; font-size: 12px; } ul.tabHover li.TSTab { padding: 3px 0 5px 0px; color: #849372; font-weight: bold; text-decoration: underline; cursor: pointer; } ul.tabHover li.TSTabSel { padding: 3px 0 5px 0px; color: #333333; font-weight: bold; cursor: pointer; } ul.tabHover { margin:0; padding:0; list-style:none; font-size: 12px; } ul.tabHover li.TSHover { padding: 3px 0 5px 0px; color: #849372; font-weight: bold; text-decoration: underline; cursor: pointer; } ul.tabHover li.TSHoverSel { padding: 3px 0 5px 0px; color: #333333; font-weight: bold; cursor: pointer; } ul.tabHide { margin:0; padding:0; list-style:none; font-size: 12px; } ul.tabHide li.TSTab { color: #849372; font-weight: bold; text-decoration: underline; cursor: pointer; margin-top: -1px; padding-bottom: 5px; line-height: 18px; } ul.tabHide li.TSTabSel { color: #333333; font-weight: bold; cursor: pointer; margin-top: -1px; padding-bottom: 5px; line-height: 18px; } ul.tabHide li.TSTabSel a{ color: #333333; font-weight: bold; cursor: pointer; margin-top: -1px; padding-bottom: 5px; line-height: 18px; } #bannerLinksTop ul.tabHide li.TSTab { color: #849372; font-weight: bold; text-decoration: underline; cursor: pointer; margin-top: -1px; padding-bottom: 5px; line-height: 18px; } #bannerLinksTop ul.tabHide li.TSTabSel { color: #333333; font-weight: bold; cursor: pointer; margin-top: -1px; padding-bottom: 5px; line-height: 18px; } /*#bannerLinksTop3 ul.tabHide li.TSTab { color: #849372; font-weight: bold; text-decoration: underline; cursor: pointer; margin-top: -1px; padding-bottom: 5px; line-height: 18px; } #bannerLinksTop3 ul.tabHide li.TSTabSel { color: #333333; font-weight: bold; cursor: pointer; margin-top: -1px; padding-bottom: 5px; line-height: 18px; }*/ ul.tabHide li.onTime { background: url(img/tips_payontime.gif) no-repeat; width: 250px; height: 32px; text-indent: -3000px; padding-bottom: 0; _padding-bottom: 1px; } ul.tabHide li.onTime:hover { background: url(img/tips_payontime_on.gif) no-repeat; width: 250px; height: 32px; text-indent: -3000px; padding-bottom: 0; _padding-bottom: 1px; } ul.tabHide li.missPayment { background: url(img/tips_nevermissapayment.gif) no-repeat; width: 250px; height: 29px; text-indent: -3000px; padding-bottom: 0; _padding-bottom: 1px; } ul.tabHide li.missPayment:hover { background: url(img/tips_nevermissapayment_on.gif) no-repeat; width: 250px; height: 29px; text-indent: -3000px; padding-bottom: 0; _padding-bottom: 1px; } ul.tabHide li.minimum { background: url(img/tips_payminimum.gif) no-repeat; width: 250px; height: 29px; text-indent: -3000px; padding-bottom: 0; _padding-bottom: 1px; } ul.tabHide li.minimum:hover { background: url(img/tips_payminimum_on.gif) no-repeat; width: 250px; height: 29px; text-indent: -3000px; padding-bottom: 0; _padding-bottom: 1px; } ul.tabHide li.payBalance { background: url(img/tips_paybalance.gif) no-repeat; width: 250px; height: 43px; text-indent: -3000px; padding-bottom: 0; _padding-bottom: 1px; } ul.tabHide li.payBalance:hover { background: url(img/tips_paybalance_on.gif) no-repeat; width: 250px; height: 43px; text-indent: -3000px; padding-bottom: 0; _padding-bottom: 1px; } ul.tabHide li.monthlyStatement { background: url(img/tips_monthlystatement.gif) no-repeat; width: 250px; height: 29px; text-indent: -3000px; padding-bottom: 0; _padding-bottom: 1px; } ul.tabHide li.monthlyStatement:hover { background: url(img/tips_monthlystatement_on.gif) no-repeat; width: 250px; height: 29px; text-indent: -3000px; padding-bottom: 0; _padding-bottom: 1px; } ul.tabHide li.maintain { background: url(img/tips_maintain.gif) no-repeat; width: 250px; height: 49px; text-indent: -3000px; padding-bottom: 0; _padding-bottom: 1px; } ul.tabHide li.maintain:hover { background: url(img/tips_maintain_on.gif) no-repeat; width: 250px; height: 49px; text-indent: -3000px; padding-bottom: 0; _padding-bottom: 1px; } /*Using CareCredit Wisely - Tab Flyouts*/ .TSTabContentsNormal { display: none; } .TSTabContentsSelected { display: block; } /*----------------- 2 COLUMN LAYOUT -----------------*/ #colWrapper { float: left; clear: both; width: 876px; margin-left: 43px; } #tba #colWrapper { float: none; clear: both; width: 940px; margin: 0 auto; } #colLeft { float: left; width: 554px; padding-top: 20px; position: relative; } #tba #colLeft { float: left; width: 640px; padding-top: 20px; position: relative; } #colLeft h1 { font-size: 26px; font-weight: bold; color: #333; display: block; margin-bottom: 20px; } #colLeft h2 { font-size: 18px; font-weight: bold; color: #333; display: block; padding-top: 20px; margin-bottom: 20px; line-height:20px;} #colLeft p { line-height: 18px; font-size: 12px; } #colLeft .logopos { position: absolute; top: 20px; right: 0px; } /*----------------- 1 COLUMN LAYOUT -----------------*/ #colLeft2 { float: left; width: 754px; padding-top: 20px; position: relative; } #colLeft2 h1 { font-size: 26px; font-weight: bold; color: #333; display: block; margin-bottom: 20px; } #colLeft2 h2 { font-size: 18px; font-weight: bold; color: #333; display: block; padding-top: 20px; margin-bottom: 20px; } #colLeft2 p { line-height: 18px; font-size: 12px; } #colLeft2 .logopos { position: absolute; top: 20px; right: 0px; } #colRight { float: left; } #tba #colRight { padding-top:78px; } #colRight .box { float: left; width: 322px; padding-bottom: 23px; background: url(img/bg-box-right-bottom.png) no-repeat bottom; } #tba #colRight .box { width: 280px; position: relative; left: 35px;} .innerCol { border-top: 1px solid #d2d2d2; width: 224px; float: left; margin-left: 46px; padding: 9px; } #tba .innerCol {width: 225px; margin-left: 20px;} .innerCol .moduleWrap { border: 1px solid #aeaeae; float: left; background: #ddd; } .innerCol .moduleWrap .module { float: left; width: 198px; background: url(img/bg-right-module.jpg) no-repeat #ddd; padding: 9px 15px 15px 9px; clear: both; border-bottom: 1px solid #c9c9c9; } .innerCol .moduleWrap .module.last { border-bottom: 0; } .innerCol .moduleWrap .module.chat { padding: 0; width: 224px; height: 92px; background-color:#FFF; } .innerCol .moduleWrap .module h1 { color: #FFF; font-weight: bold; margin: 0; padding: 0; font-size: 18px; margin-bottom: -12px; } .innerCol .moduleWrap .module h3 { color: #FFF; font-weight: bold; margin: 0; padding: 0; font-size: 12px; margin-top: 10px; } .innerCol .moduleWrap .module p { color: #FFF; } /*Content Area Boxes*/ #colLeft .contentBox { float: left; border: 1px solid #bebebe; width: 243px; background: url(img/bg-content-box.jpg) no-repeat top right #e5e5e5; margin: 0 3px 5px 0; padding: 10px 10px 5px 10px; min-height: 55px; } #tba #colLeft .contentBox { margin: 0px 30px 0px 0px;} /*#tba #colLeft .contentBox {width:300px;}*/ #colLeft .contentBox.fixh { height: 170px; } #colLeft .contentBox.last { margin-right: 0; } #tba #colLeft .contentBox.last { margin-left: 30px; } #colLeft .or { float: left; width: 15px; font-weight: bold; padding-right: 2px; margin-top: 20px; } #colLeft .contentBox .smTitle { font-weight: bold; font-size: 12px; color: #616161; margin-bottom: -7px; } #colLeft .contentBox h2 { font-size: 20px; font-weight: bold; color: #333; padding-top: 0; margin-bottom: 0; } #colLeft .contentBox h3 { font-size: 16px; font-weight: bold; color: #333; padding-top: 0; margin-bottom: 0; } #colLeft .contentBox2 { float: left; width: 249px; margin: 0 8px 5px 0; padding: 0px 3px 5px 0px; min-height: 55px; } #colLeft .contentBox2.last { margin-left: 10px; margin-right: 0; } #tba #colLeft .contentBox2.last {float: right;} #tba #colLeft .contentBox2 {width:280px;} /*Content Area Boxes - Large*/ #colLeft .boxLarge { clear: both; float: left; width: 530px; border: 1px solid #bebebe; background: url(img/bg-boxLarge.jpg) top right no-repeat #f7f7f7; min-height: 55px; padding: 10px; margin-bottom: 20px; } #tba #colLeft .boxLarge {width: 585px;} /*#tba #colLeft .boxLarge { width:640px; }*/ #colLeft .boxLarge h2 { font-size: 22px; font-weight: bold; color: #333; padding-top: 0; margin-bottom: 0; _margin-bottom: 8px; padding-top: 0; } #colLeft .boxLarge h3 { font-size: 16px; font-weight: bold; color: #333; padding-top: 0; margin-bottom: 0; padding-top: 0; } @media print { #colLeft .boxLarge { border: none; } .calcTerms { display: none; } .calcTermsPrint { display: block; } } @media screen { .calcTermsPrint { display: none; } } /*Full Column Layout*/ #fullCol { float: left; width: 750px; padding-top: 20px; padding-left: 15px; } #fullCol h1 { font-size: 26px; font-weight: bold; color: #333; display: block; margin-bottom: 20px; } #fullCol h2 { font-size: 18px; font-weight: bold; color: #333; display: block; padding-top: 20px; margin-bottom: 15px; } #fullCol p { line-height: 18px; font-size: 12px; } /*----------------- MISC -----------------*/ .fact { margin-left: 20px; text-decoration: none; } table td { vertical-align: top; } .viewall { margin: 15px 0 0 10px; } ul.special { margin: 0; padding: 0; list-style: none; margin-top: 6px; font-size: 12px; } ul.special li { background: url(img/bullet-dash.gif) no-repeat 3px 8px; margin-left: 15px; padding-left: 13px; line-height: 18px; } ul.plainLinks { margin: 0; padding: 0; list-style: none; margin-top: 10px; } ul.plainLinks li { line-height: 18px; } #fullCol ul { margin-left: 13px; line-height: 18px; font-size: 12px; } .sitemapWrap { width: 350px; float: left; } ul.sitemap { margin-top: 20px; margin-left: 20px; color: #849372; } ul.sitemap li { margin-left: 35px; font-size: 12px; line-height: 18px; font-weight: bold; margin-top: 10px; font-size: 13px; color: #849372; } ul.sitemap li a { color: #849372 !important; } ul.sitemap ul li { margin-left: 15px; font-weight: normal; list-style: square; line-height: 18px; margin-top: 0; font-size: 11px; } ul.sitemap ul ul li { margin-left: 15px; font-weight: normal; } /*----------------- FORM ELEMENTS -----------------*/ /*send my guide market(s) page*/ form .guide { float: left; margin-top: 0px; padding: 0 0 0 0; width: 246px; height: 24px; } #tba form.guide input {width:135px;} form.guide input { float: left; width: 142px; height: 14px; color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-right: 5px; margin-bottom: 5px; } form.guide .radio { float: left; border: 0; width: auto; height: auto; margin-right: 2px; } form.guide .label { float: left; margin-right: 10px; margin-left: 5px; } form.guide .btn { clear: both; margin-top: 11px; width: auto; height: auto; border: 0; margin-left: -3px; } input.prov { color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; line-height: normal; float: left; width: 237px; _width: 230px; height: 16px; margin: 3px 0 0 2px; padding-left: 3px; } input.prov-state { color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; line-height: normal; float: left; width: 114px; height: 16px; margin: 3px 0 0 2px; padding-left: 3px; float: left; } div#ProviderLocatorForm select { color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; line-height: normal; float: left; width: auto; height: auto; margin: 3px 0 0 2px; padding-left: 3px; float: left; } /*apply now pages*/ form.apply input { color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; line-height: normal; float: left; width: 165px; height: 16px; padding: 1px 2px 0 2px; } form.apply input.btn { margin-top: -3px; width: auto; height: auto; } /*Refer a Provider page*/ .formadj { margin-left: 30px; margin-bottom: 10px; margin-top: 10px; } input.field { color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; line-height: normal; width: 200px; height: 16px; padding: 1px 2px 0 2px; margin-bottom: 3px; } input.btn { margin-top: -3px; width: auto; height: auto; } form#CardholderReferralForm select { color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; line-height: normal; float: left; width: 208px; height: auto; margin-bottom: 3px; margin-left: 0px; } input.phone3 { color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; line-height: normal; width: 20px; height: 16px; padding: 1px 2px 0 2px; margin-bottom: 3px; } input.phone4 { color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; line-height: normal; width: 30px; height: 16px; padding: 1px 2px 0 2px; margin-bottom: 3px; } form.search select { color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; line-height: normal; float: left; width: 108px; height: auto; } form.search input.input2 { color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; line-height: normal; float: left; width: 52px; height: 16px; padding: 1px 2px 0 2px; margin-left: 3px; } form.search input.btn { margin-top: -2px; width: auto; height: auto; margin-left: 3px; } /*generec*/ .apply_dropdown2 { color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; line-height: normal; float: left; width: 175px; height: auto; margin-top: 2px; } /*Provider Locator*/ .provider_dropdown1 { color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; line-height: normal; float: left; width: 245px; _width: 235px; height: auto; } .provider_dropdown2 { color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; line-height: normal; float: left; width: 110px; _width: 100px; height: auto; } .provider_input { color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; line-height: normal; float: left; width: 125px; height: 16px; margin: 3px 0 0 2px; padding-left: 3px; } .provider_input.spacer { margin-top: 12px; } .provider_input_img { margin-left: -3px; float: left; } /*----------------- FOOTER -----------------*/ /* #footer { width: 833px; clear: both; background: url("img/bg-footer.gif") no-repeat top left; margin-top: 40px; padding-left: 23px; padding-right: 43px; padding-top: 25px; margin-bottom: 25px; } #footer { color: #999da1; font-size: 9px; } #footer span { padding: 0 3px; } #footer a { text-decoration: none; color: #849372; } */ /*#footer { width: 833px; margin: 0 auto; clear: both; background: url("img/bg-footer.gif") no-repeat top left; } #footer_interior { padding: 34px 10px 24px 10px; color: #999; font-size: 9px; font-family: Arial, Helvetica, sans-serif; } #footer_interior a { color: #849372; font-weight: normal; font-size: 9px; text-decoration: none; } #footer_interior a:hover { color: #849372; font-weight: normal; text-decoration: underline; } #footer_left { text-align:center; margin-top:13px; font-size: 10px; } #footer_left img { margin-right: 10px; vertical-align: middle; } #footer_right { text-align: center; color: #999; font-size: 10px; padding-top:5px; } #footer_right span { margin-left: 6px; margin-right:6px; } #footer_clear { clear: both; height: 1px; } */ /* ============================== FOOTER NEW 06-24-11 ==================================== */ #footer { width:958px; background:url(/common/css/img/bg-footer.gif) no-repeat 50% 0; margin:10px auto 0; padding:40px 0 28px; overflow:hidden; clear:both; } #footer * { margin:0; padding:0; font:10px/10px Arial, Helvetica, sans-serif; color:#999; vertical-align:middle; text-align:center; } #footer_logo { margin-right:8px; } #footer ul { padding-bottom:15px; list-style:none; } #footer li { display:inline; margin-left:5px; } #footer li a, #footer li a:hover { padding-right:8px; border-right:1px solid; color:#849372; text-decoration:none; } #footer li a:hover { text-decoration:underline; } #footer li.nav-last a, #footer li.nav-last a:hover { border-right:0; } /* ==================================== */ /*----------------- GLOBAL DROPDOWN -----------------*/ .menu { font-family: Arial, Helvetica, sans-serif; margin:0 0 50px 0; position:relative; z-index:100; } /* remove the bullets and set the margin and padding to zero for the unordered list */ .menu ul { padding: 0; margin: 0; list-style: none; border: 0; } .menu ul table { border-collapse: collapse; font-size: 10px; } /* float the list so that the items are in a line */ .menu ul li { float: left; } /* style the links*/ .menu ul li a { display:block; text-align:center; text-decoration:none; width:177px; height:67px; color:#000; background: url(img/btn_cardholders.gif) no-repeat; font-size:11px; text-indent: -3000px; } .menu ul li a.prov { display:block; text-align:center; text-decoration:none; width: 200px; height:67px; color:#000; background: url(img/btn_providers.gif) no-repeat; font-size:11px; text-indent: -3000px; margin-top: 2px; } /* set the background and foreground color of the main menu items on hover */ .menu ul li a:hover, .menu ul li:hover a { color:#FFF; background: url(img/btn_cardholders_on.gif) no-repeat; width: 177px; height: 108px; } .menu ul li a.prov:hover, .menu ul li:hover a.prov { color:#000; background: url(img/btn_provider_on.gif) no-repeat; width: 200px; height: 108px; } /* make the dropdown ul invisible */ .menu ul ul { position:absolute; left:-9999px; height:0; } /* make the sub menu ul visible and position it beneath the first list item */ .menu ul :hover ul { top:30px; height:auto; left:0; text-align:left; z-index:100; line-height: 15px; } /* style the background and foreground color of the submenu links */ .menu ul :hover ul li a { display:inline; background: none; color:#FFF; text-decoration:underline; border:0; } /* style the background and forground colors of the links on hover .menu ul :hover ul li a:hover { text-decoration:none; color:#000; } .menu ul :hover ul li a:hover .prov { text-decoration:none; color:#000; } */ .ffDrop { clear: both; float: left; position: absolute; left: 48px; white-space: nowrap; top: 0px; text-align: left; font-size: 8px; width: 130px; } .ffDropProv { clear: both; float: left; position: absolute; left: 185px; white-space: nowrap; top: 0px; text-align: left; font-size: 8px; width: 130px; } /* MEDIA BOX ADVANCED - black theme */ #mbOverlay { position: absolute; z-index: 9998; left: 0; width: 100%; background-color: #000; cursor: pointer; } #mbOverlay.mbOverlayFF { background: transparent url(img/images/80.png) repeat; } #mbOverlay.mbOverlayIE { background: transparent url(img/images/50.gif) repeat; } #mbCenter, #mbBottomContainer { position: absolute; z-index: 9999; left: 50%; overflow: hidden; background-color: #000; } .mbLoading { background: #000 url(img/images/BlackLoading.gif) no-repeat center; } #mbImage { position: absolute; left: 0; top: 0; border: 10px solid #000; background-repeat: no-repeat; /* Sets the style for inline content, if no style is given */ font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; line-height: 19px; font-size: 12px; color: #fff; text-align: left; } /* Sets the style for inline content, if no style is given */ #mbImage a, #mbImage a:link, #mbImage a:visited { color: #ddd; } /* Sets the style for inline content, if no style is given */ #mbImage a:hover, #mbImage a:active { color: #fff; } #mbBottom { font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; line-height: 19px; font-size: 12px; color: #999; text-align: left; border: 10px solid #000; border-top-style: none; } #mbTitle { display: inline; color: #fff; font-weight: bold; line-height: 20px; font-size: 12px; } #mbNumber { display: inline; color: #999; line-height: 14px; font-size: 10px; } #mbCaption { display: block; color: #999; line-height: 14px; font-size: 10px; } #mbCloseLink { display: block; float: right; height: 20px; width: 46px; background: transparent url(img/images/BlackClose.gif) no-repeat center; margin: 0; outline: none; } /*#mbPrevLink { width: 69px; background: transparent url(img/images/BlackPrevious.gif) no-repeat center; }*/ /*#mbNextLink { width: 41px; background: transparent url(img/images/BlackNext.gif) no-repeat center; }*/ #mbCloseLink { width: 46px; background: transparent url(img/BlackClose.gif) no-repeat center; } #mbError { position: relative; top: 30%; font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; line-height: 19px; font-size: 12px; color: #fff; text-align: center; border: 10px solid #700; padding: 20px 10px 30px; margin: auto; } /*----------------- POPUP PAGE -----------------*/ #containerPop { width: 550px; margin: auto; background: url("img/bg-wrapper.jpg") no-repeat center; } #PopCol { float: left; width: 550px; padding-top: 20px; } #PopCol h1 { font-size: 26px; line-height: normal; font-weight: bold; color: #333; display: block; margin-bottom: 20px; } #PopCol h2 { font-size: 18px; font-weight: bold; color: #333; display: block; padding-top: 20px; margin-bottom: 15px; } #PopCol p { line-height: 18px; font-size: 12px; } #PopCol ul { margin-left: 13px; line-height: 18px; font-size: 12px; } img.closeprint { margin-right:5px; margin-bottom: 30px; } /*------ PAYMENT CALCULATOR ---- */ table.paymentCalcTable { width: 550px; } table.paymentCalcTable th { padding: 9px; background: #bcbdbd; margin: 8px 0; font-size: 16px; color: #1f1f1f; font-weight: bold; text-align: left;border-left: 1px solid #bcbdbd; } table.paymentCalcTable th.rt { padding: 9px; text-align: right;border-right: 1px solid #bcbdbd; } table.paymentCalcTable td { border-top: 1px solid #DEDEDE; font-size: 12px; padding: 9px; } table.paymentCalcTable td.subHdrTdL { background:#C4CDBC; border-left: 1px solid #E1E2E2; font-weight: bold; } table.paymentCalcTable td.subHdrTdR { color: white; background:#C4CDBC; border-right: 1px solid #E1E2E2; font-weight: bold; text-align: right; } table.paymentCalcTable td.subHdrTdR a { color: white; } table.PaymentCalcTable td.subHdrTd2R { background-color: #82A27D; color: white; font-size:16px;} table.PaymentCalcTable td.subHdrTd2L { background-color: #82A27D; color:white; font-size:16px; } div#PaymentCalculatorTerms { margin-top: 10px; } div#PaymentCalculatorTerms div.boxLarge h2 { font-size: 18px; margin:0 0 -12px; color: #616161;} form#PaymentCalculator input { color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; float: left; width: 178px; height: 14px; padding: 2px 1px 1px 3px; margin-left: 2px; margin-bottom: 3px; } form#PaymentCalculator input.btn { height:auto; width:auto; } .boxLarge #PaymentCalculator h3 { font-size: 16px; color: #ACACAC; } div.hide { display: none; } @media print { table.paymentCalcTable th { border: none; } table.paymentCalcTable th.rt { border: none; } table.paymentCalcTable td { border: none; } table.paymentCalcTable td.subHdrTdL { border: none; } table.paymentCalcTable td.subHdrTdR { border: none; } .calcTerms { display: none; } div.calcTermsPrint { display: block; } } .calcTermsPrint { display: none; } /*------ PROVIDER LOCATOR ---- */ #paymentpopup { background:#F7F7F7 url(/img/bg-boxLarge.jpg) no-repeat scroll right top; border:1px solid #BEBEBE; position: absolute; z-index: 10; width: 257px; padding: 15px 21px 30px 23px; top: 151px; left: 269px; } #paymentpopup .close { float: right; width: 16px; height: 16px; padding-right: 2px; } #paymentpopup p span { font-weight: bold; } #paymentpopup hr { width: 257px; height: 1px; border: none 0px #FFFFFF; background-color: #CCCCCC; margin: 5px 0px; clear: both; } #paymentpopup ul { margin: 5px 0px 10px 15px; padding-top: 0px; padding-bottom: 0px; } div#ProviderLocatorForm select#Select_State { width: 110px; } table.ProviderLocatorResults { width: 800px; margin-top: 10px; background:#FFF; border-collapse: separate; } table.ProviderLocatorResults th { border-bottom: 3px solid #F6F6F6; padding: 9px; background: #C4C5C9; margin: 8px 0; font-size: 16px; color: #1f1f1f; font-weight: bold; text-align: left; } table.ProviderLocatorResults td { border-top: 1px dotted #D7D7D7; font-size: 12px; padding: 9px; } table.ProviderLocatorResults th a img { margin-left: 5px; } table.ProviderLocatorResults td.subHdrTdL { background:#E1E2E2; border-left: 1px solid #E1E2E2; font-weight: bold; } table.ProviderLocatorResults td.subHdrTdR { background:#E1E2E2; border-right: 1px solid #E1E2E2; font-weight: bold; text-align: right; } div#PaymentCalculatorTerms { margin-top: 10px; } div#PaymentCalculatorTerms div.boxLarge h2 { font-size: 18px; margin:0 0 -12px; color: #616161;line-height:16px;} form#PaymentCalculator input { color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; float: left; width: 178px; height: 22px; padding: 2px 1px 1px 3px; margin-left: 2px; margin-bottom: 3px; } form#PaymentCalculator input.btn { height:auto; width:auto; } .boxLarge #PaymentCalculator h3 { font-size: 16px; color: #ACACAC; } div.clear { clear: both; } div.ProviderLocatorResultsNav { font-size: 12px; } div.ProviderLocatorResultsNav div.ResultsNavLeft { float:left; } div.ProviderLocatorResultsNav div.ResultsNavRight { float: right; font-weight: bold; } div.ProviderLocatorResultsNav div.ResultsNavRight a { text-decoration: none; } div.ProviderLocatorDisclaimer { color: #666; margin-top: 20px; } div#SearchResults { width: 800px; } div#SearchResults ul.ProviderLocatorButtons { list-style: none; margin: 20px 0px 20px 0px; font-size: 11px; } div#SearchResults ul.ProviderLocatorButtons li { float: left; padding-right: 24px; } div#SearchResults ul.ProviderLocatorButtons li a { font-weight: bold; text-decoration: none;} div#ResultsHeader h3 { font-size: 14px; font-weight: bold; } div#ResultsHeader div#TotalResults { width: 200px; float: right; font-weight: bold; font-size: 12px; text-align: right;} div#ResultsHeader div#TotalResults span { color: #666; } div#SearchOptions ul li a span { text-decoration: none; font-weight: normal; color: #666; } div#SearchOptions ul li a { text-decoration: none; font-weight: bold; color: black; } div#SearchOptions ul { list-style: none; margin: 0px; } div#SearchOptions ul li { float: left; padding-right: 10px; } div.SearchDetails { margin-top: 10px; } div#SearchResults tr.evenRow { background: none; } div#SearchResults tr.oddRow { background: #F1F1F1; } div#SearchResults table.ProviderLocatorResults a { text-decoration: none; } div#SearchResults div.title { font-weight: bold; font-size: 12px; color: black; } div#SearchResults th.cell2 { border-right: 3px solid #F6F6F6; } div#SearchResults th.cell4 { border-right: 3px solid #F6F6F6;} div#SearchResults tr.evenRow td.cell2 { border-right: 3px solid #F6F6F6; } div#SearchResults tr.evenRow td.cell4 { border-right: 3px solid #F6F6F6; color: #666; font-size: 11px; } div#SearchResults tr.oddRow td.cell2 { border-right: 3px solid #FFF; } div#SearchResults tr.oddRow td.cell4 { border-right: 3px solid #FFF; color: #666; font-size: 11px; } div.Distance { font-weight: bold; margin-bottom: 5px; } /* Smilereminder Page */ #smilereminderBanner { position: relative; width: 602px; height: 363px; border: 1px solid #d2d2d2; float: left; margin: 11px 0 0 43px; overflow: hidden; background:url(/smilereminder/images/smilereminder_banner.jpg) 0 0 no-repeat;} #smilereminderBanner .bannerInnerTextBlock { margin:151px 0 0 31px; width:270px; font-size:12px; line-height:15px; color:#6b6b6b; } #smilereminderBanner .bannerInnerTextBlock div { padding:10px 0 0; font-size:90%; } .smilereminderBannerSide { border: 1px solid #d2d2d2; float: left; width: 222px; height: 363px; overflow: hidden; background-color:#ddd;} .smilereminderBannerSide .top { background: url(/common/css/img/bg-right-module.jpg) no-repeat #ddd; no-repeat #b3c8cb; height: 183px; width: 192px; float: left; padding: 3px 15px 5px 15px; } .smilereminderBannerSide .bottom { background: url(/common/css/img/bg-right-module.jpg) no-repeat #ddd; no-repeat #b3c8cb; height: 163px; width: 192px; float: left; padding: 3px 15px 5px 15px; border-top: 1px solid #d2d2d2; } #moduleWrap.smilereminderBottom.panels { margin:0 0 0 42px; width:880px; padding:0;} #moduleWrap.smilereminderBottom.panels h1 {width:800px;} #moduleWrap.smilereminderBottom .panels {border:1px solid #dcdcdc;width:849px;margin:0 0 10px 0;} #moduleWrap.smilereminderBottom .panels h3 { padding:6px 8px 4px;background-color:#f7f7f7;color:#797a7b;font-size:18px;font-weight:bold;border:1px solid #FFF;} #moduleWrap.smilereminderBottom .panels h3 span {font-size:11px;color:#a2a2a2;} #moduleWrap.smilereminderBottom .panels div {border-top:1px solid #dcdcdc;} #moduleWrap.smilereminderBottom .panels blockquote {border:1px solid #fff;background:url(/smilereminder/images/smilereminderpod_bg.jpg) 0 0 repeat-x;padding:10px 8px;font-size:11px;color:#a2a2a2;line-height:13px;margin:0;} #moduleWrap.smilereminderBottom .footdisclaimer { clear:both;padding-top:15px;margin:15px; } /* START TBA CHANGES */ #new-header-image{background:url(/images/main.png) no-repeat top; width: 609px; height:106px; clear:both; position:relative; z-index:1; margin-left:18px} #new-header-image a{color:#306b7c; text-decoration:none; font-size:12px; padding-right:15px; background: url(/images/green-arrow.gif) right center no-repeat;} #new-header-image a:hover{text-decoration:underline} #header {height:106px!important} #header-dropdown {background-color:#4a9493; width:163px; color:#fff; padding:15px 8px 0px 10px; border: 1px solid #49a2a1; font-size:12px; float:right; margin-right:0px; margin-top:-10px; z-index:9999; -moz-box-shadow: 0px 0px 10px;-webkit-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.2);} #header-dropdown h2{font-size:13px; font-weight:bold; margin-bottom:10px} #header-dropdown li{background: url(/images/arrow.gif) no-repeat; list-style:none; background-position: 2px 5px;} #header-dropdown li{margin-bottom:8px; padding-left:10px} #header-dropdown a{color:#FFF; text-decoration:none;} #header-dropdown a:hover{color:#FFF; text-decoration:underline} #resource {width:609px!important; height:106px!important;} #logo {top:65px!important} #menu-new {font-family: Arial, Helvetica, sans-serif; margin:0 0 50px 0; position:relative; z-index:100;} body{ background-image:/common/css/img/images/bg3.jpg!important} #tba #container{ background-image:/common/css/img/images/bg-wrapper.jpg!important} /* Procedure Banners */ #tba_hero_banner {margin: 0 8px 0 12px; float: left; position: relative; overflow: hidden; width: 708px; height: 362px;border: 1px solid #b0b0b0; background: #e3e3e3 url(/images/hero_banner_bg.png) no-repeat right bottom} .tba_tag {position: absolute; left: 0; visibility: hidden;} #tba_tag_1 {top: 35px;} #tba_tag_2 {top: 66px;} #tba_tag_3 {top: 97px;} #tba_tag_4 {top: 128px;} #tba_hero_text {position: absolute; left: 30px; bottom: 80px; width:290px; display: none; font-size: 12px; color: #676767; line-height: 22px;} #tba_hero_text span {font-size: 15px; color: #202020;} .tba_hero {position: absolute; bottom: 0; display: none; opacity: 0;} #tba .homeMod { margin: -12px 0 0;} #tba .dentist { margin: -12px 0 0;} /*----Slider home page border with shadows---------------*/ #tba_hero_top { position:relative; left:-3px; width:966px; height:12px; background:url(/images/provider_banners/background/slider-top-border.png) no-repeat; } #tba #hero { position:relative; left:-3px; width:966px; height:365px; background:url(/images/provider_banners/background/slider-middle-border.png) repeat-y; margin:0; } #tba_hero_bottom { position:relative; left:-3px; width:966px; height:15px; background:url(/images/provider_banners/background/slider-bottom-border.png) no-repeat; margin-bottom:10px; } /* HTML 5 Video player */ #tba_playlist {margin-top: 80px;} #tba_playlist img {cursor: pointer;} #tba #video {margin-left: 95px;} #tba video {display: none;} #show-menu {display: none;}