/*** SHUMANAY CSS STYLES ********************************************/ /*** Container Scrolling Issue Fix ***/ html body { height: 100%;} body{overflow-y: scroll !important;} #s4-workspace { height: auto !important; overflow: hidden; position: relative; } #findDentist a, #findDentist a:visited { color: #f6f6f6; } #ms-designer-ribbon { z-index:900000000; } .ms-srch-sb-searchImg { top:0; left:0; } .mainContent { z-index:1; } #mapmodals { z-index:9999999999; } #ms-designer-ribbon { z-index:8888888888; } /* Fix the issue where you can not click on the breadcrumb */ #s4-workspace {position: absolute !important;} #s4-workspace #s4-bodyContainer #headerBG {position: relative; z-index:auto;} #s4-workspace #s4-bodyContainer #breadCrumbsMaster {margin-top: 15px; position: relative;} #s4-workspace #s4-bodyContainer .navbar {position: relative !important; z-index:300;} #navCus input[type="button"], #navCus input[type="reset"], #navCus input[type="submit"], #navCus button {min-width: 1em; float: left; margin-right: 0;} #navCus input[type="button"]:hover, #navCus input[type="reset"]:hover, #navCus input[type="submit"]:hover, #navCus button:hover {background-color: transparent; border-color: transparent;} #logoBGContainer.header {margin-right: 0; padding-right: 0;} .loginBtn {margin: 25px 0 0;height: 35px;width: 35px;} div#actionContainer div.search.hidden-xs, div#actionContainer div.search.hidden-sm { display: none !important; } #actionContainer .search.hidden-xs.hidden-sm.opensearchBtn.hide.show { display: block !important; } #myCarousel {display: none !important;padding-top: 3px;} .navbar-collapse { max-height: none; } .navbar-collapse.potato.collapse.in {background-color: #FEFEFE; padding: 0; max-height: none} .ms-core-listMenu-horizontalBox ul, .ms-core-listMenu-horizontalBox li, .ms-core-listMenu-horizontalBox .ms-core-listMenu-item, .ms-core-listMenu-horizontalBox > ul > li > table {display: block;} .ms-core-listMenu-horizontalBox ul, .ms-core-listMenu-horizontalBox li, .ms-core-listMenu-horizontalBox .ms-core-listMenu-item, .ms-core-listMenu-horizontalBox > ul > li > table { display: block; } /*** Menu Drop Downs ***/ #headerHolder #navCus .ms-core-listMenu-horizontalBox ul li a, #headerHolder #navCus .ms-core-listMenu-horizontalBox > ul > li > span:nth-child(1) {height: 60px;display: block;} #navCus ul.dynamic li {float: none;} /*** hover dropdowns ***/ /* only show sub headers not the items as well */ li.dynamic.dynamic-children ul.dynamic > li.dynamic {display: none;} .dynamic.dynamic-children {height: 40px;} #navCus li.static.dynamic-children > ul.dynamic > li > a {height: 35px !important;} #headerHolder #navCus li.static.dynamic-children > ul.dynamic {top: 0px !Important;background-color:#1b386d; z-index:10000; position:absolute; } #navCus ul.dynamic li.dynamic.dynamic-children a {height: 10px !Important; background-color:#1b386d;} #navCus ul.dynamic li.dynamic.dynamic-children {float: none;} /*** search ***/ div#actionContainer div.search {display: block !important;} #SearchBox {margin-right: 50px; margin-top:0px;} #SearchBox #ctl00_ctl49_csr_sbox {width: 260px;} #SearchBox #ctl00_ctl49_csr_sboxdiv {width: 190px;} .findDentistResultsLeft #panel1 h2 { font-size: 11px; text-align: left; padding: 6px 0 7px 10px; color: #f6f6f6; font-weight: bold; } /* search results pager styler */ .ms-srch-result {padding-left: 10px;} .ms-promlink-button {padding: 0px;} /*** SEARCH RESULTS PAGE STYLING ** ************************************************/ .denisResults h3.ms-srch-ellipsis { color: #1b376c; font-size: 20px; font-weight: bold; text-transform: capitalize; } .denisResults h3.ms-srch-ellipsis a, .denisResults h3.ms-srch-ellipsis a:visited { color: #1b376c; text-decoration: none; } .denisResults .ms-srch-item-path { color: #c41230; } .denisResults .ms-srch-item:hover, .denisResults .ms-srch-resultHover:hover, .denisResults .edisc-SearchResultItemContainer:hover { background-color: #f5f5f5; border: 1px solid #ddd; cursor: pointer; } .denisResults #PagingSelf a { color: #c41230 !important; } /* Desktops and Laptops ----------- */ @media (min-width : 992px) { #navCus ul.dynamic li.dynamic a { border-bottom: 2px solid white; font-weight: bold; display: block; height: 20px; margin-bottom: 10px; color: white; width: 100% !important; } div#myCarousel.show {display: block !important} /* Fix the issue where you can not click on the breadcrumb */ #s4-workspace {position: absolute !important;} #s4-workspace #s4-bodyContainer #headerBG {position: relative; z-index:auto;} #s4-workspace #s4-bodyContainer #breadCrumbsMaster {margin-top: 15px; position: relative;} #s4-workspace #s4-bodyContainer .navbar {position: absolute !important;} /** menu **/ [data-name="TopNavigationNoFlyoutWithStartNode"].navbar-collapse {padding: 0;} #navCus input[type="button"], #navCus input[type="reset"], #navCus input[type="submit"], #navCus button {min-width: 1em;} #navCus input[type="button"]:hover, #navCus input[type="reset"]:hover, #navCus input[type="submit"]:hover, #navCus button:hover {background-color: transparent; border-color: transparent;} .ms-core-listMenu-horizontalBox ul, .ms-core-listMenu-horizontalBox li, .ms-core-listMenu-horizontalBox .ms-core-listMenu-item, .ms-core-listMenu-horizontalBox > ul > li > table { display: inline-block; } /*** Menu Drop Downs ***/ #headerHolder #navCus li.static.dynamic-children > ul.dynamic {width: 700px;} #headerHolder #navCus .ms-core-listMenu-horizontalBox ul li a, #headerHolder #navCus .ms-core-listMenu-horizontalBox > ul > li > span:nth-child(1) {height: 87px;display: table;} #navCus ul.dynamic > li.dynamic > ul.dynamic > li.dynamic > a { height: 10px !important;} #navCus ul.dynamic li.dynamic a {height: 20px !important;} #navCus ul.dynamic > li.dynamic > ul.dynamic {top: 0 !important;} /** hover drop downs **/ #headerHolder #navCus li.static.dynamic-children:hover > ul.dynamic { top: 78px !Important; } /* only show sub headers not the items as well */ li.dynamic.dynamic-children ul.dynamic > li.dynamic {display: block;} .dynamic.dynamic-children {height:auto;} /*** search ***/ #SearchBox #ctl00_ctl49_csr_sbox {width: 142px;} #SearchBox #ctl00_ctl49_csr_sboxdiv {width: 172px;} div#actionContainer div.search.hidden-xs, div#actionContainer div.search.hidden-sm {display: block !important;z-index:1000000; position:relative;} } /* CSS Document */ @media (max-width:385px) { #actionContainer {float: left!important;width: 35px !important;margin: 0 0 0 9px !important;padding: 0 !important;} #loginButIcon {display:block; float:none !important;margin:3px 0 0 5px !important ;} #searchButIcon {display:block; float:none;margin:3px 0 0 1px !important;} #iWantTo1 {width:100% !important;} } @media (max-width:490px) { /*#loginButIcon {float: right;padding: 10px 6px 5px 0; margin:0px !important;} #actionContainer {float: left;width: 65px;} #searchButIcon {margin: 0px !important;}*/ #headerBG {width:501px!important;height:71px !important;} #logoBG {width:185px !important; height:85px !important;} .logoImg img {width:130px !important; height:57px !important;} #smallNavBut {padding:20px 0 0 0 !important;} #loginButIcon {float:right;margin:20px 0 0 0;} #searchButIcon {float:right;margin:20px 20px 0 0;} #myCarousel > div > div.item > div > div > p:nth-child(3) {display:none !important;} .carousel-indicators {display:none;} .carousel-caption {width:70% !important;} #address {float: left;width: 100% !important;line-height: 10px; text-align:center; border-bottom:2px solid white; border-right:0; padding:0 0 20px 0px !important;padding-left:0px !important; margin:0 !important;} #address p br {display: none;} #addressI {width: 100% !important;padding:0 !important; margin:0 !important;} #addy1 {float: none !important; line-height:20px;} #addy2 {float: none !important;padding: 0 0 0 10px;} #contactUs {float:left !important;width: 100% !important;margin: 0 !important;padding: 10px 0 10px 0 !important;border-right: 0;text-align: center;} #contactUs1 {margin: 0 !important; padding: 0 !important;} #iWantTo {float: left;margin: 0;width: 100%;border-top:2px solid white; padding:10px 0 5px 0;} #iWantTo1 {margin: 0 !important;padding-left: 0% !important;} #iWantTo h4 {float: none;text-align: center;margin:10px 0 0 0;} #iWantToDet p {padding-top: 9px;text-align: center;text-indent:0px !important;} #iWantToDet p br {display: none;text-indent: 10px;} #findCaption {line-height: 12px !important;padding: 62px 0 10px 0;} } @media (max-width:501px) { #headerBG {width:100%!important;height:71px !important;} #smallNavBut {display:none;} #smallNavBut1 {display:block !important; float:left; padding:15px 0 0 0;} } @media (max-width:533px) { #leftContent {width:100% !important; float:left !important;margin-top:10px !important;} #rightContent {width:100% !important;float:left !important;padding: 0 15px !important;margin: 0 auto;} #memberPlanLogo img {width: 200px !important;} .breadCrumbSection {display:none;} .carousel {display:none;} #homeContent {padding-top: 0px !important;} } @media (max-width:610px) { #smallNavBut {width: 33% !important;margin-left: 0px !important;} #headerBG {width:501px;height:71px !important;} #logoBG {width:185px !important; height:85px !important;} .logoImg img {width:130px !important; height:57px !important;} #actionContainer {float:right;} #loginButIcon {float:right;margin:20px 0 0 0;} #searchButIcon {float:right;margin:20px 20px 0 0;} #myCarousel > div > div.item > div > div > p:nth-child(3) {display:none !important;} .carousel-indicators {display:none;} .carousel-caption {width:70% !important;} #contentMember {width: 290px !important;margin: 10px auto 0 auto !important; float:none !important;} #contentProvider {width: 290px !important;margin: 10px auto 0 auto !important; float:none !important;} #contentDentist {width: 290px !important;margin: 10px auto 0 auto !important; float:none !important;} #contentContact {width: 290px !important;margin: 10px auto 0 auto !important; float:none !important;} #address {float: left;width: 100% !important;line-height: 10px; text-align:center; border-bottom:2px solid white; border-right:0; padding:0 0 20px 0px !important;padding-left:0px !important; margin:0 !important;} #address p br {display: none;} #addressI {width: 100% !important;padding:0 !important; margin:0 !important;} #addy1 {float: none !important; line-height:20px;} #addy2 {float: none !important;padding: 0 0 0 10px;} #contactUs {float:left !important;width: 100% !important;margin: 0 !important;padding: 10px 0 10px 0 !important;border-right: 0;text-align: center;} #contactUs1 {margin: 0 !important; padding: 0 !important;} #iWantTo {float: left;margin: 0;width: 100%;border-top:2px solid white; padding:10px 0 5px 0;} #iWantTo1 {margin: 0 !important;padding-left: 0% !important;} #iWantTo h4 {float: left;width:100%;margin-bottom:10px;} #iWantToDet p {padding-top: 9px;text-indent: 15px !important;} #iWantToDet p br {display: none;text-indent: 10px;} .leftArea {width:100% !important;} .rightArea {width:100% !important;} #quickNote {display:none;} .findDentistRight {width:100% !important;} .findDentistleft {display:none;} } @media (min-width:611px) and (max-width:664px) { #smallNavBut {width: 40% !important;margin-left: 5% !important;} #headerBG {width:100%;height:71px !important;} .mainContent {margin-top:20px;} #logoBG {width:185px !important; height:85px !important;} .logoImg img {width:130px !important; height:57px !important;} #loginButIcon {float:right;margin:20px 0 0 0;} #searchButIcon {float:right;margin:20px 20px 0 0;} #myCarousel > div > div.item > div > div > p:nth-child(3) {display:none !important;} .carousel-indicators {display:none;} .carousel-caption {width:66% !important;} #contentMember {width: 290px !important;margin: 10px auto 0 auto !important; float:none !important;} #contentProvider {width: 290px !important;margin: 10px auto 0 auto !important; float:none !important;} #contentDentist {width: 290px !important;margin: 10px auto 0 auto !important; float:none !important;} #contentContact {width: 290px !important;margin: 10px auto 0 auto !important; float:none !important;} #address {float: left;width: 100% !important;line-height: 10px; text-align:center; border-bottom:2px solid white; border-right:0; padding:0 0 20px 0px !important;padding-left:0px !important; margin:0 !important;} #addressI {width: 100% !important;padding:0 !important; margin:0 !important;} #address p br {display: none;} #addy1 {float: none !important; line-height:20px;} #addy2 {float: none !important;padding: 0 0 0 10px;} #contactUs {float:left !important;width: 100% !important;margin: 0 !important;padding: 10px 0 10px 0 !important;border-right: 0;text-align: center;} #contactUs1 {margin: 0 !important; padding: 0 !important;} #iWantTo {float: left;margin: 0;width: 100%;border-top:2px solid white; padding:10px 0 5px 0;} #iWantTo1 {margin: 0 !important;padding-left: 0% !important;} #iWantTo h4 {float: none;text-align: center;margin:10px 0 0 0;} #iWantToDet p {padding-top: 9px;text-align: center;text-indent:0px !important;} #iWantToDet p br {display: none;text-indent: 10px;} } @media (max-width:767px) { /*#loginButIcon {float: right;padding: 10px 6px 5px 0; margin:0px !important;} #actionContainer {float: left;width: 65px;} #searchButIcon {margin: 0px !important;}*/ #headerBG {width:100%;height:71px !important;} #logoBG {width:185px !important; height:85px !important;} .logoImg img {width:130px !important; height:57px !important;} #smallNavBut {padding:20px 0 0 0 !important;} #loginButIcon {float:right;margin:20px 0 0 0;} #searchButIcon {float:right;margin:20px 20px 0 0;} #myCarousel > div > div.item > div > div > p:nth-child(3) {display:none !important;} .carousel-indicators {display:none;} .carousel-caption {width:66% !important;} #myCarousel > div > div.item h1 {font-size:28px !important;} #actionContainer {float:right;} } @media (max-width:800px) { #Buttons{display:none; visibility:collapse;} #ResButtons { margin-top: -35px; margin-right: 200px; width: 100px; float: right; } #navCus ul.dynamic li.dynamic a { border-bottom: 2px solid white; font-weight: bold; display: block; height: 20px; margin-bottom: 10px; color: white; width: 68%; } .loginBut, .search { display:none; visibility:collapse; } #lineNum {font-size: 22px;line-height: 10px;} #lineNumTitle {display:block; width:100%; margin:0 auto;} #headerBG {width:100%;height:71px !important;} #leftContent {width:24%;float:left;} #rightContent {width:72%;float:right;} #logoBG {width:185px !important; height:85px !important;} .logoImg img {width:130px !important; height:57px !important;} #logoBGContainer {float:left;position:relative !important;} #quickLuanchSectionMove {display:none; float:right;} #smallNavBut {padding:20px 0 0 0;z-index:6;margin-left:0;position: relative; width:50%; float:left;} #smallNavBut p a{padding:5px 30px; width:100%;} #smallNavBut1 {display:none;} #actionContainer {float:left;} #navCus {display:block;} #logoBG {width:228px;background:#f2f2f2; !important} #breadCrumbsMaster {margin-left: 20px;} .carousel {padding-top:71px !important;} #myCarousel > div > div.item > div > div > p:nth-child(2) {display:none;} #myCarousel > div > div.item > div > div > p:nth-child(3) {display:none !important;} .carousel-indicators {display:none;} .loginBut {display:block; float:left; margin-top:-65px; margin-left:300px;} div#actionContainer div.search {display:none;} #loginButIcon {float:right;margin:20px 0 0 0;} #searchButIcon {float:right;margin:20px 20px 0 0;} #contentMember {width: 43% ;margin: 10px auto 0 5%;} #contentProvider {width: 43% ;margin: 10px auto 0 4%;} #contentDentist {width: 43% ;margin: 10px auto 0 5%;} #contentContact {width: 43% ;margin: 10px auto 0 4%;} #footer .container div.col-md-4 h4 {font-size:15px;} #address {width: 48%; margin-left:2%;} #addressI {margin: 0 0 0 10px;width: 245px;} #contactUs {width: 48%;margin:0 !important;border-right:0;float:right !important;} #contactUs1 {margin: 0 0 0 26px ; padding:0 !important;} #iWantTo {width: 100% !important; border-top:2px solid white; float:left;} #iWantTo1 {margin: 0 auto !important;width:360px;} #iWantTo h4 {float: left; width:100%;margin-bottom: 10px !important;} #iWantToDet p {padding-top: 9px;text-indent: 15px !important;} #iWantToDet p br {display: none;text-indent: 10px;} #panel1 h2 {background: #c51230 url("../../../../images/collapseIcon.png") no-repeat 187px;} .panelcollapsed h2 {background: #c51230 url("../../../../images/expandIcon.png") no-repeat 190px !important;} #panel2 h2 {background: #0096c1 url("../../../../images/collapseIcon.png") no-repeat 187px !important;} #panel2.panelcollapsed h2 {background: #0096c1 url("../../../../images/expandIcon.png") no-repeat 190px !important;} #panel3 h2 {background: #1b386d url("../../../../images/collapseIcon.png") no-repeat 187px !important;} #panel3.panelcollapsed h2 {background: #1b386d url("../../../../images/expandIcon.png") no-repeat 190px !important;} #panel4 h2 {background: #92c83e url("../../../../images/collapseIcon.png") no-repeat 187px !important;} #panel4.panelcollapsed h2 {background: #92c83e url("../../../../images/expandIcon.png") no-repeat 190px !important;} #panel5 h2 {background: #e37426 url("../../../../images/collapseIcon.png") no-repeat 187px;} #panel5.panelcollapsed h2 {background: #e37426 url("../../../../images/expandIcon.png") no-repeat 190px !important;} #bodyPanel.panelcollapsed h2 {background: #5482ad url("../../../../images/expandIcon.png") no-repeat 510px !important;} #bodyPanel h2 {background: #5482ad url("../../../../images/collapseIcon.png") no-repeat 507px;} /*.fullScreen div#memberPlanInfo div#bodyPanel h2 {background-position: 670px !important;}*/ #providerLineNum {display:none;} .contentImgDividers {margin-left: 4%;} .contentMemberSmall {display:none;text-align:center;padding-top:9%;} .contentDentistBG .contentImgDividers1 {margin-left: 4%;} .contentDentistSmall {display:none !important;text-align:center;padding-top:9%;} .contentImgDividers2 {margin-top:5%;} .contentContactBG .contentImgDividers2 {display:block;} .contentContactSmall {display:none !important;text-align:center;padding-top:9% !important;} #breadMove {padding-left: 188px !important; margin:-15px 0 0 0 !important;} #breadMove {padding-left: 225px !important; margin:0px !important;} #denisMap1 {display:none;} #denisMap2 {display:none;} #denisMap3 {display:block;} #contactRight {width:67% !important;float:left;} #navCusSmallRes {display:none;} #findArea {height:342px;} #FindDentist1 {min-width:100%;} #FindDentist2 {float: left;width: 100%;} #contactRight {width:100% !important;} #contactUsInfo800 {display:block !important;} #contactUsInfoBIG {display:none;} .leftArea {width:40%;} .rightArea {width:35%;} #findCaption {line-height: 30px;} div#selScheme {float: left;} .divSchemeOpt{float: right;} .footerContactInputs{width: 100%;} /* ------------------- nav ----------------------------- */ #navCus { margin-left: 50px} #navCus ul.ms-core-listMenu-root > li.dynamic-children > ul.dynamic { padding: 10px 20px 35px 7px !important; } #navCus .ms-core-listMenu-horizontalBox ul li a, #navCus .ms-core-listMenu-horizontalBox > ul > li > span:nth-child(1) { font-size:13px; font-weight:bold; display:block; /*width:85px;*/ height:87px; display:table; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(1) > a { border-top: 5px solid #c41230!important; line-height: 18px; color: #1b376c !important; background: url("../images/homeIcon.png") no-repeat; background-position: 13px 30px; padding-left: 32px; padding-top:30px; display:table; width:100% !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(1) > a:hover { border-top: 5px solid #c41230!important; color:white !important; background: #1b376c url("../images/homeIconON.png") no-repeat !important; background-position: 13px 30px !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li.dynamic-children:nth-child(2) > span { border-top: 5px solid #1b386d!important; line-height: 18px; color: #1b376c !important; background-position: 13px 30px; padding:20px 2px 0 12px; display:table; width:100% !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li.dynamic-children:nth-child(2) > span:hover { color:white !important; background: #1b376c !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(3) > a { border-top: 5px solid #92c83e!important; line-height: 18px; color: #1b376c !important; background-position: 13px 30px; padding:20px 2px 0 12px; display:table; width:100% !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(3) > a:hover { color:white !important; background: #1b376c !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(4) > a { border-top: 5px solid #e37426!important; line-height: 18px; color: #1b376c !important; background-position: 13px 30px; padding:20px 2px 0 12px; display:table; width:100% !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(4) > a:hover { color:white !important; background: #1b376c !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(5) > a { border-top: 5px solid #5482ad!important; line-height: 18px; color: #1b376c !important; background-position: 13px 30px; padding:20px 2px 0 12px; display:table; width:100% !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(5) > a:hover { color:white !important; background: #1b376c !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(6) > a { border-top: 5px solid #0096c1!important; line-height: 18px; color: #1b376c !important; background-position: 13px 30px; padding:20px 2px 0 12px; display:table; width:100% !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(6) > a:hover { color:white !important; background: #1b376c !important; } /* ----------------- second level nav - */ #navCus ul.dynamic li { list-style: none; float: left; padding: 10px 10px 0 30px !important; width: 105% !important; background-color: #1b386d; margin-left:-7px; } #headerHolder #navCus li.static.dynamic-children > ul.dynamic { top: 0px !Important; background-color: #1b386d; z-index: 10000; position: absolute; width:100% !Important; max-width:100% !Important; min-width:100% !Important; } } @media (min-width:767px) and (max-width:959px) { #Buttons{display:none; visibility:collapse;} #ResButtons { margin-top: -35px; margin-right: 200px; width: 100px; float: right; } .mainContent {margin-top:20px;} .loginBut, .search { display:none; visibility:collapse; } #lineNum {font-size: 22px;line-height: 10px;} #lineNumTitle {display:block; width:100%; margin:0 auto;} #headerBG {width:100%;height:71px !important;} #leftContent {width:24%;float:left;} #rightContent {width:72%;float:right;} #logoBG {width:185px !important; height:85px !important;} .logoImg img {width:130px !important; height:57px !important;} #logoBGContainer {float:left;position:relative !important;} #quickLuanchSectionMove {display:none; float:right;} #smallNavBut {padding:20px 0 0 0;z-index:6;margin-left:0;position: relative; width:50%; float:left;} #smallNavBut p a{padding:5px 30px; width:100%;} #smallNavBut1 {display:none;} #actionContainer {float:left;} #navCus {display:block;} #logoBG {width:228px;background:#f2f2f2; !important} #breadCrumbsMaster {margin-left: 20px;} .carousel {padding-top:71px !important;} #myCarousel > div > div.item > div > div > p:nth-child(2) {display:none;} #myCarousel > div > div.item > div > div > p:nth-child(3) {display:none !important;} .carousel-indicators {display:none;} .loginBut {display:block; float:left; margin-top:-65px; margin-left:300px;} div#actionContainer div.search {display:none;} #loginButIcon {float:right;margin:20px 0 0 0;} #searchButIcon {float:right;margin:20px 20px 0 0;} #contentMember {width: 43% ;margin: 10px auto 0 5%;} #contentProvider {width: 43% ;margin: 10px auto 0 4%;} #contentDentist {width: 43% ;margin: 10px auto 0 5%;} #contentContact {width: 43% ;margin: 10px auto 0 4%;} #footer .container div.col-md-4 h4 {font-size:15px;} #address {width: 48%; margin-left:2%;} #addressI {margin: 0 0 0 10px;width: 245px;} #contactUs {width: 48%;margin:0 !important;border-right:0;float:right !important;} #contactUs1 {margin: 0 0 0 26px ; padding:0 !important;} #iWantTo {width: 100% !important; border-top:2px solid white; float:left;} #iWantTo1 {margin: 0 auto !important;width:360px;} #iWantTo h4 {float: left; width:100%;margin-bottom: 10px !important;} #iWantToDet p {padding-top: 9px;text-indent: 15px !important;} #iWantToDet p br {display: none;text-indent: 10px;} #panel1 h2 {background: #c51230 url("../../../../images/collapseIcon.png") no-repeat 187px;} .panelcollapsed h2 {background: #c51230 url("../../../../images/expandIcon.png") no-repeat 190px !important;} #panel2 h2 {background: #0096c1 url("../../../../images/collapseIcon.png") no-repeat 187px !important;} #panel2.panelcollapsed h2 {background: #0096c1 url("../../../../images/expandIcon.png") no-repeat 190px !important;} #panel3 h2 {background: #1b386d url("../../../../images/collapseIcon.png") no-repeat 187px !important;} #panel3.panelcollapsed h2 {background: #1b386d url("../../../../images/expandIcon.png") no-repeat 190px !important;} #panel4 h2 {background: #92c83e url("../../../../images/collapseIcon.png") no-repeat 187px !important;} #panel4.panelcollapsed h2 {background: #92c83e url("../../../../images/expandIcon.png") no-repeat 190px !important;} #panel5 h2 {background: #e37426 url("../../../../images/collapseIcon.png") no-repeat 187px;} #panel5.panelcollapsed h2 {background: #e37426 url("../../../../images/expandIcon.png") no-repeat 190px !important;} #bodyPanel.panelcollapsed h2 {background: #5482ad url("../../../../images/expandIcon.png") no-repeat 510px !important;} #bodyPanel h2 {background: #5482ad url("../../../../images/collapseIcon.png") no-repeat 507px;} /*.fullScreen div#memberPlanInfo div#bodyPanel h2 {background-position: 670px !important;}*/ #providerLineNum {display:none;} .contentImgDividers {margin-left: 4%;} .contentMemberSmall {display:none;text-align:center;padding-top:9%;} .contentDentistBG .contentImgDividers1 {margin-left: 4%;} .contentDentistSmall {display:none !important;text-align:center;padding-top:9%;} .contentImgDividers2 {margin-top:5%;} .contentContactBG .contentImgDividers2 {display:block;} .contentContactSmall {display:none !important;text-align:center;padding-top:9% !important;} #breadMove {padding-left: 188px !important; margin:-15px 0 0 0 !important;} #breadMove {padding-left: 225px !important; margin:0px !important;} #denisMap1 {display:none;} #denisMap2 {display:none;} #denisMap3 {display:block;} #contactRight {width:67% !important;float:left;} #navCusSmallRes {display:none;} #findArea {height:342px;} #FindDentist1 {min-width:100%;} #FindDentist2 {float: left;width: 100%;} #contactRight {width:100% !important;} #contactUsInfo800 {display:block !important;} #contactUsInfoBIG {display:none;} .leftArea {width:40%;} .rightArea {width:35%;} #findCaption {line-height: 30px;} div#selScheme {float: left;} .divSchemeOpt{float: right;} .footerContactInputs{width: 100%;} /* ------------------- nav ----------------------------- */ #navCus { margin-left: 175px; width:500px; } #navCus ul.ms-core-listMenu-root > li.dynamic-children > ul.dynamic { padding: 10px 20px 35px 7px !important; } #navCus .ms-core-listMenu-horizontalBox ul li a, #navCus .ms-core-listMenu-horizontalBox > ul > li > span:nth-child(1) { font-size:13px; font-weight:bold; display:block; /*width:85px;*/ height:87px; display:table; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(1) > a { border-top: 5px solid #c41230!important; line-height: 18px; color: #1b376c !important; background: url("../images/homeIcon.png") no-repeat; background-position: 13px 30px; padding-left: 32px; padding-top:30px; display:table; width:55px; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(1) > a:hover { border-top: 5px solid #c41230!important; color:white !important; background: #1b376c url("../images/homeIconON.png") no-repeat !important; background-position: 13px 30px !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li.dynamic-children:nth-child(2) > span { border-top: 5px solid #1b386d!important; line-height: 18px; color: #1b376c !important; background-position: 13px 30px; padding:20px 2px 0 12px; display:table; width:45px; } #navCus .ms-core-listMenu-horizontalBox > ul > li.dynamic-children:nth-child(2) > span:hover { color:white !important; background: #1b376c !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(3) > a { border-top: 5px solid #92c83e!important; line-height: 18px; color: #1b376c !important; background-position: 13px 30px; padding:20px 2px 0 12px; display:table; width:45px; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(3) > a:hover { color:white !important; background: #1b376c !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(4) > a { border-top: 5px solid #e37426!important; line-height: 18px; color: #1b376c !important; background-position: 13px 30px; padding:20px 2px 0 12px; display:table; width:45px; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(4) > a:hover { color:white !important; background: #1b376c !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(5) > a { border-top: 5px solid #5482ad!important; line-height: 18px; color: #1b376c !important; background-position: 13px 30px; padding:20px 2px 0 12px; display:table; width:45px; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(5) > a:hover { color:white !important; background: #1b376c !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(6) > a { border-top: 5px solid #0096c1!important; line-height: 18px; color: #1b376c !important; background-position: 13px 30px; padding:20px 2px 0 12px; display:table; width:45px; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(6) > a:hover { color:white !important; background: #1b376c !important; } } @media (min-width:890px) and (max-width:959px) { #headerBG {width: 100%;} #breadCrumbsMaster {margin-left: 275px;} #loginButIcon {float:right; margin:30px 0 0 0;} #searchButIcon {float:right; margin:30px 20px 0 0;} #homeContent {width: 100% !important;} #contentMember {width: 22% !important;margin-right:20px;} #contentProvider {width: 22% !important;margin-right:20px;} #contentDentist {width: 22% !important;margin-right:20px;} #contentContact {width: 22% !important;margin-right:20px;} #footer .container div.col-md-4 h4 {font-size:16px;} #address {width: 338px;} #contactUs {width: 338px; padding:0 50px 0 0 !important;margin:0 !important;} #iWantTo {width: 200px;} #panel1 h2 {background: #c51230 url("../../../../images/collapseIcon.png") no-repeat 187px;} .panelcollapsed h2 {background: #c51230 url("../../../../images/expandIcon.png") no-repeat 190px !important;} #panel2 h2 {background: #0096c1 url("../../../../images/collapseIcon.png") no-repeat 187px !important;} #panel2.panelcollapsed h2 {background: #0096c1 url("../../../../images/expandIcon.png") no-repeat 190px !important;} #panel3 h2 {background: #1b386d url("../../../../images/collapseIcon.png") no-repeat 187px !important;} #panel3.panelcollapsed h2 {background: #1b386d url("../../../../images/expandIcon.png") no-repeat 190px !important;} #panel4 h2 {background: #92c83e url("../../../../images/collapseIcon.png") no-repeat 187px !important;} #panel4.panelcollapsed h2 {background: #92c83e url("../../../../images/expandIcon.png") no-repeat 190px !important;} #panel5 h2 {background: #e37426 url("../../../../images/collapseIcon.png") no-repeat 187px;} #panel5.panelcollapsed h2 {background: #e37426 url("../../../../images/expandIcon.png") no-repeat 190px !important;} #bodyPanel.panelcollapsed h2 {background: #5482ad url("../../../../images/expandIcon.png") no-repeat 675px !important;} #bodyPanel h2 {background: #5482ad url("../../../../images/collapseIcon.png") no-repeat 672px !important;} .fullScreen div#memberPlanInfo div#bodyPanel h2 {background-position: 880px !important;} #lineNum {font-size: 22px;line-height: 30px;} #lineNumTitle {display:none; width:70%; margin:0 auto;} #providerLineNum {display:block;} .cap-overlay > div > p {display: none !important;} .contentImgDividers {margin-left: 0px !important;margin-right:10px !important;} .contentMemberBG {padding: 0 15px 0 15px !important;} .contentMemberSmall {display:block;text-align:center;padding-top:9%;} .contentDentistBG .contentImgDividers1 {display:block;margin-left: 0px !important;margin-right:10px !important;} .contentDentistBG {padding: 0 15px 0 15px !important;} .contentDentistSmall {display:block !important;text-align:center;padding-top:9%;} .contentContactBG {padding: 0 15px 0 15px !important;} .contentContactBG .contentImgDividers2 {display:none;} .contentContactSmall {display:block !important;text-align:center;padding-top:9%;} #breadMove {padding-left: 225px !important; margin:0px !important;} #denisMap1 {display:none;} #denisMap2 {display:block;} #denisMap3 {display:none;} #navCusSmallRes {display:none;} div#selScheme {float: left;width: 100%;} .divSchemeOpt{float: left;width: 100%;} .divSchemeOpt input[type="button"]{margin-left:93px;} .footerContactInputs{width: 159px;} } @media (min-width:960px) and (max-width:1025px) { #Buttons{float:right;margin-right:-50px; margin-top:-50px;} #ResButtons{display:none; visibility:collapse;} #headerBG {width: 100%;} .container {width: 970px !important;} #leftContent {width:24%;float:left;} #rightContent {width:72.8%;float:right;} #logoBG {width:228px !important;background:#f2f2f2; !important} #navCus {margin-left: 238px !important;float: left;} div#navCus ul#navContainer {width:470px !important;} #navCus .ms-core-listMenu-horizontalBox ul li a, #navCus .ms-core-listMenu-horizontalBox > ul > li > span:nth-child(1) {width:78px;border-color: transparent !important;} /* #actionContainer {width: 200px; float:right; padding-right:40px !important;} .loginBut {margin: 0px 0 0 0 !important; float: right !important;} div#actionContainer div.search {float: right !important;margin: 2px 0 0 0 !important;} */ div#navCus nav {width: 472px !important;} #loginButIcon {display:none;} #searchButIcon {display:none;} #breadCrumbsMaster {margin-left: 275px;} #contentHomeImgs {padding-left: 5%;} .yamm-content {width:560px !important;margin-left: -80px;} #smallNavBut {display:none;} #smallNavBut1 {display:none;} #contentHomeImgs {padding-left: 0 !important;width: 1000px !important;} #homeContent {width: 100% !important;} #contentMember {width: 22% !important;margin-right:20px;} #contentProvider {width: 22% !important;margin-right:20px;} #contentDentist {width: 22% !important;margin-right:20px;} #contentContact {width: 22% !important;margin-right:20px;} #footer .container div.col-md-4 h4 {font-size:16px;} #footerContainer {padding-left: 0 !impround: #1b376c url("../images/homeIconON.png") no-repeat !important; background-position: 13px 30px !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li.dynamic-children:nth-child(2) > span { border-top: 5px solid #1b386d!important; line-height: 18px; color: #1b376c !important; background-position: 13px 30px; padding:20px 2px 0 12px; display:table; width:75px !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li.dynamic-children:nth-child(2) > span:hover { color:white !important; background: #1b376c !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(3) > a { border-top: 5px solid #92c83e!important; line-height: 18px; color: #1b376c !important; background-position: 13px 30px; padding:20px 2px 0 12px; display:table; width:75px !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(3) > a:hover { color:white !important; background: #1b376c !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(4) > a { border-top: 5px solid #e37426!important; line-height: 18px; color: #1b376c !important; background-position: 13px 30px; padding:20px 2px 0 12px; display:table; width:75px !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(4) > a:hover { color:white !important; background: #1b376c !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(5) > a { border-top: 5px solid #5482ad!important; line-height: 18px; color: #1b376c !important; background-position: 13px 30px; padding:20px 2px 0 12px; display:table; width:75px !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(5) > a:hover { color:white !important; background: #1b376c !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(6) > a { border-top: 5px solid #0096c1!important; line-height: 18px; color: #1b376c !important; background-position: 13px 30px; padding:20px 2px 0 12px; display:table; width:75px !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(6) > a:hover { color:white !important; background: #1b376c !important; } .navbar-toggle { display:none; visibility:collapse; } } @media (min-width:1026px) and (max-width:1199px) { #Buttons{float:right;margin-right:-30px; margin-top:-50px;} #ResButtons{display:none; visibility:collapse;} #headerBG {width: 100%;} #leftContent {width:24%;float:left;} #rightContent {width:72.8%;float:right;} #logoBG {width:228px !important;background:#f2f2f2; !important} #logoBGContainer {width:260px;} #actionContainer {margin-top:5px;margin-left: 0px !important;width: 200px !important;float: right !important;} div#actionContainer div.search {float: right !important;margin: 2px 0 0 5px !important;} .loginBut {margin-left:-4px;} #navCus {width: 500px !important; margin-left:238px;} #loginButIcon {display:none;} #searchButIcon {display:none;} #navCus .ms-core-listMenu-horizontalBox ul li a, #navCus .ms-core-listMenu-horizontalBox > ul > li > span:nth-child(1) {width:78px;} div#navCus ul#navContainer {width:470px; !important} #breadCrumbsMaster {margin-left: 275px;} #contentHomeImgs {padding-left: 5%;} .yamm-content {margin-left: -80px;} #smallNavBut {display:none;} #smallNavBut1 {display:none;} #contentHomeImgs {padding-left: 0 !important;width: 1000px !important;} #contentMember {width: 22% !important;margin-right:20px;} #contentProvider {width: 22% !important;margin-right:20px;} #contentDentist {width: 22% !important;margin-right:20px;} #contentContact {width: 22% !important;margin-right:20px;} #footer .container div.col-md-4 h4 {font-size:16px;} #address {width: 326px;} #contactUs {width: 326px;} #contactUs1 {margin: 0 0 0 17px !important;} #iWantTo {width: 200px;} #iWantTo1 {margin: 0 0 0 29px !important;} #panel1 h2 {background: #c51230 url("../../../../images/collapseIcon.png") no-repeat 187px;} .panelcollapsed h2 {background: #c51230 url("../../../../images/expandIcon.png") no-repeat 190px !important;} #panel2 h2 {background: #0096c1 url("../../../../images/collapseIcon.png") no-repeat 187px;} #panel2.panelcollapsed h2 {background: #0096c1 url("../../../../images/expandIcon.png") no-repeat 190px !important;} #panel3 h2 {background: #1b386d url("../../../../images/collapseIcon.png") no-repeat 187px;} #panel3.panelcollapsed h2 {background: #1b386d url("../../../../images/expandIcon.png") no-repeat 190px !important;} #panel4 h2 {background: #92c83e url("../../../../images/collapseIcon.png") no-repeat 187px;} #panel4.panelcollapsed h2 {background: #92c83e url("../../../../images/expandIcon.png") no-repeat 190px !important;} #panel5 h2 {background: #e37426 url("../../../../images/collapseIcon.png") no-repeat 187px;} #panel5.panelcollapsed h2 {background: #e37426 url("../../../../images/expandIcon.png") no-repeat 190px !important;} #bodyPanel.panelcollapsed h2 {background: #5482ad url("../../../../images/expandIcon.png") no-repeat 675px !important;} #bodyPanel h2 {background: #5482ad url("../../../../images/collapseIcon.png") no-repeat 672px !important;} .fullScreen div#memberPlanInfo div#bodyPanel h2 {background-position: 880px !important;} #lineNum {font-size: 22px !important;line-height: 0px;} #lineNumTitle {display:block; width:70%; margin:0 auto;} #providerLineNum {display:block;} .cap-overlay > div > p {display: none;} .contentMemberBG .contentImgDividers {display:block;margin-left: 0px !important;margin-right:10px !important;} .contentMemberSmall {display:none;text-align:center;padding-top:9%;} .contentDentistBG .contentImgDividers1 {display:block;margin-left: 0px !important;margin-right:10px !important;} .contentDentistSmall {display:none !important;text-align:center;padding-top:9%;} .contentContactBG .contentImgDividers2 {display:block;margin-left: 0px !important;margin-right:10px !important;} .contentContactSmall {display:none !important;text-align:center;padding-top:9%;} #breadMove {padding-left: 225px !important; margin:0px !important;} #denisMap1 {display:none;} #denisMap2 {display:block;} #denisMap3 {display:none;} #navCusSmallRes {display:none;} .leftArea {width:40% !important;} .rightArea {width:40% !important;} #findArea {height:222px;} #FindDentist1 {/*min-width:103px;*/} #FindDentist2 {float: right;width: 85%;} #contactRight {width:71%;} #findCaption {line-height: 30px;} div#selScheme {float: left;width: 100%;} .divSchemeOpt{float: left;width: 100%;} .divSchemeOpt input[type="button"]{margin-left:93px;} .footerContactInputs{width: 159px;} /* ------------------- nav ----------------------------- */ #navCus { width: 550px !important; margin-left: 240px;} #navCus ul.ms-core-listMenu-root > li.dynamic-children > ul.dynamic { padding: 10px 20px 35px 7px !important; } #navCus .ms-core-listMenu-horizontalBox ul li a, #navCus .ms-core-listMenu-horizontalBox > ul > li > span:nth-child(1) { font-size:13px; font-weight:bold; display:block; /*width:85px;*/ height:87px; display:table; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(1) > a { border-top: 5px solid #c41230!important; line-height: 18px; color: #1b376c !important; background: url("../images/homeIcon.png") no-repeat; background-position: 13px 30px; padding-left: 32px; padding-top:30px; display:table; width:85px !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(1) > a:hover { border-top: 5px solid #c41230!important; color:white !important; background: #1b376c url("../images/homeIconON.png") no-repeat !important; background-position: 13px 30px !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li.dynamic-children:nth-child(2) > span { border-top: 5px solid #1b386d!important; line-height: 18px; color: #1b376c !important; background-position: 13px 30px; padding:29px 2px 0 12px; display:table; width:85px !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li.dynamic-children:nth-child(2) > span:hover { color:white !important; background: #1b376c !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(3) > a { border-top: 5px solid #92c83e!important; line-height: 18px; color: #1b376c !important; background-position: 13px 30px; padding:29px 2px 0 12px; display:table; width:85px !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(3) > a:hover { color:white !important; background: #1b376c !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(4) > a { border-top: 5px solid #e37426!important; line-height: 18px; color: #1b376c !important; background-position: 13px 30px; padding:29px 2px 0 12px; display:table; width:85px !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(4) > a:hover { color:white !important; background: #1b376c !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(5) > a { border-top: 5px solid #5482ad!important; line-height: 18px; color: #1b376c !important; background-position: 13px 30px; padding:29px 2px 0 12px; display:table; width:85px !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(5) > a:hover { color:white !important; background: #1b376c !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(6) > a { border-top: 5px solid #0096c1!important; line-height: 18px; color: #1b376c !important; background-position: 13px 30px; padding:29px 2px 0 12px; display:table; width:85px !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(6) > a:hover { color:white !important; background: #1b376c !important; } } @media (min-width:1200px){ #actionContainer {width:200px;} #Buttons {margin-left:00px; margin-top:-50px;} #ResButtons{display:none; visibility:collapse;} #headerBG {width: 100%;} #leftContent {width:22%;float:left;} #rightContent {width:74.8%;float:right;} #logoBG {width:258px !important;background:#f2f2f2; !important} #logoBGContainer {width:288px;} .loginBut {margin-bottom:10px;} div#actionContainer div.search { } #navCus .ms-core-listMenu-horizontalBox ul li a, #navCus .ms-core-listMenu-horizontalBox > ul > li > span:nth-child(1) {width:83px;} div#navCus ul#navContainer {width:500px; !important} #navCus {width: 550px !important; margin-left:270px;} #actionContainer {padding-top:10px;display:block;} #loginButIcon {display:none;} #searchButIcon {display:none;} #contentHomeImgs {padding-left: 5%;} #smallNavBut {display:none;} #smallNavBut1 {display:none;} #breadCrumbsMaster{margin-left:307px;} #contentHomeImgs {width:1226px !important; padding:0px !important;} #contentMember {width: 22% !important;margin-right:20px;} #contentProvider {width: 22% !important;margin-right:20px;} #contentDentist {width: 22% !important;margin-right:20px;} #contentContact {width: 22% !important;margin-right:20px;} #address {width: 320px;} #contactUs {width: 385px;} #iWantTo {width: 30%;} #iWantTo1 {margin:0 0 0 50px;} #panel1 h2 {background: #c51230 url("../../../../images/collapseIcon.png") no-repeat 227px;} .panelcollapsed h2 {background: #c51230 url("../../../../images/expandIcon.png") no-repeat 230px !important;} #panel2 h2 {background: #0096c1 url("../../../../images/collapseIcon.png") no-repeat 227px;} #panel2.panelcollapsed h2 {background: #0096c1 url("../../../../images/expandIcon.png") no-repeat 230px !important;} #panel3 h2 {background: #1b386d url("../../../../images/collapseIcon.png") no-repeat 227px;} #panel3.panelcollapsed h2 {background: #1b386d url("../../../../images/expandIcon.png") no-repeat 230px !important;} #panel4 h2 {background: #92c83e url("../../../../images/collapseIcon.png") no-repeat 227px;} #panel4.panelcollapsed h2 {background: #92c83e url("../../../../images/expandIcon.png") noortant;} #address {width: 338px;} #contactUs {width: 338px;margin:0 0 0 17px !important;} #iWantTo {width: 200px;} #panel1 h2 {background: #c51230 url("../../../../images/collapseIcon.png") no-repeat 187px;} .panelcollapsed h2 {background: #c51230 url("../../../../images/expandIcon.png") no-repeat 190px !important;} #panel2 h2 {background: #0096c1 url("../../../../images/collapseIcon.png") no-repeat 187px !important;} #panel2.panelcollapsed h2 {background: #0096c1 url("../../../../images/expandIcon.png") no-repeat 190px !important;} #panel3 h2 {background: #1b386d url("../../../../images/collapseIcon.png") no-repeat 187px !important;} #panel3.panelcollapsed h2 {background: #1b386d url("../../../../images/expandIcon.png") no-repeat 190px !important;} #panel4 h2 {background: #92c83e url("../../../../images/collapseIcon.png") no-repeat 187px !important;} #panel4.panelcollapsed h2 {background: #92c83e url("../../../../images/expandIcon.png") no-repeat 190px !important;} #panel5 h2 {background: #e37426 url("../../../../images/collapseIcon.png") no-repeat 187px!important;} #panel5.panelcollapsed h2 {background: #e37426 url("../../../../images/expandIcon.png") no-repeat 190px !important;} #bodyPanel.panelcollapsed h2 {background: #5482ad url("../../../../images/expandIcon.png") no-repeat 675px !important;} #bodyPanel h2 {background: #5482ad url("../../../../images/collapseIcon.png") no-repeat 672px !important;} .fullScreen div#memberPlanInfo div#bodyPanel h2 {background-position: 880px !important;} #lineNum {font-size: 22px;line-height: 30px !important;} #lineNumTitle {display:none; width:70%; margin:0 auto;;} #providerLineNum {display:block;} .cap-overlay > div > p {display: none;} .contentMemberBG .contentImgDividers {display:block;margin-left: 0px !important;margin-right:10px !important;} .contentMemberSmall {display:none;text-align:center;padding-top:9%;} .contentDentistBG .contentImgDividers1 {display:block;margin-left: 0px !important;margin-right:10px !important;} .contentDentistSmall {display:none !important;text-align:center;padding-top:9%;} .contentContactBG .contentImgDividers2 {display:block;} .contentContactSmall {display:none !important;text-align:center;padding-top:9%;} #breadMove {padding-left: 225px !important; margin:0px !important;} #denisMap1 {display:none;} #denisMap2 {display:block;} #denisMap3 {display:none;} #navCusSmallRes {display:none;} #findArea {height:222px;} #FindDentist1 {/*min-width:103px;*/} #FindDentist2 {float: right;width: 85%;} #contactRight {width:67%;} .leftArea {width:35% !important;} .rightArea {width:35% !important;} #findCaption {line-height: 30px;} div#selScheme {float: left;width: 100%;} .divSchemeOpt{float: left;width: 100%;} .divSchemeOpt input[type="button"]{margin-left:93px;} .footerContactInputs{width: 159px;} /*#address {width: 328px !important;} #contactUs {margin: 0 0 0 -13px !important;width: 347px !important;} #iWantTo {margin: 0 0 0 0 !important;width: 252px !important;} #iWantTo1 {margin: 0 0 0 29px !important;}*/ /* ------------------- nav ----------------------------- */ #navCus { margin-left: 230px;} #navCus ul.ms-core-listMenu-root > li.dynamic-children > ul.dynamic { padding: 10px 20px 35px 7px !important; } #navCus .ms-core-listMenu-horizontalBox ul li a, #navCus .ms-core-listMenu-horizontalBox > ul > li > span:nth-child(1) { font-size:13px; font-weight:bold; display:block; /*width:85px;*/ height:87px; display:table; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(1) > a { border-top: 5px solid #c41230!important; line-height: 18px; color: #1b376c !important; background: url("../images/homeIcon.png") no-repeat; background-position: 13px 30px; padding-left: 32px; padding-top:30px; display:table; width:85px !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(1) > a:hover { border-top: 5px solid #c41230!important; color:white !important; backg-repeat 230px !important;} #panel5 h2 {background: #e37426 url("../../../../images/collapseIcon.png") no-repeat 227px;} #panel5.panelcollapsed h2 {background: #e37426 url("../../../../images/expandIcon.png") no-repeat 230px !important;} #bodyPanel.panelcollapsed h2 {background: #5482ad url("../../../../images/expandIcon.png") no-repeat 818px !important;} #bodyPanel h2 {background: #5482ad url("../../../../images/collapseIcon.png") no-repeat 98.5% !important;} .fullScreen div#memberPlanInfo div#bodyPanel h2 {background-position: 1070px !important;} #lineNum {font-size: 22px;line-height: 30px;} #lineNumTitle {display:none; width:100%;} #providerLineNum {display:block;} .cap-overlay > div > p {display: block;} .contentMemberBG .contentImgDividers {display:block;margin-left: 10px;margin-right:20px;} .contentMemberSmall {display:none !important;text-align:center;padding-top:9%;} .contentDentistBG .contentImgDividers1 {display:block;margin-left: 10px !important;margin-right:20px !important;} .contentDentistSmall {display:none !important;text-align:center;padding-top:9%;} .contentImgDividers2 {margin-top:5%;} .contentContactBG .contentImgDividers2 {display:block;} .contentContactSmall {display:none !important;text-align:center;padding-top:9%;} #breadMove {padding-left: 250px !important; margin:0px !important;} #denisMap1 {display:block;} #denisMap2 {display:none;} #denisMap3 {display:none;} #navCusSmallRes {display:none;} .leftArea {width:40% !important;} .rightArea {width:40% !important;} #findArea {height:222px;} #FindDentist1 {/*min-width:103px;*/} #FindDentist2 {float: right;width: 85%;} #contactRight {width:71%;} #findCaption {line-height: 30px;} div#selScheme {float: left;} .divSchemeOpt{float: right;} .footerContactInputs{width: 360px;} } /* ------- Home Content Area ------- .contentImgDividers2 { float: left; font-size: 12px; margin: 5px 0 0 26px !important; } .contentContactBG { background: rgba(84, 130, 173, 0.9); height: 50px !important; }*/ #s4-bodyContainer { padding-bottom:0px; } #s4-workspace { overflow: auto; position: relative; background-color: #fafafa; } .containerTop { padding-top:110px; padding-bottom:30px; } .ms-WPBorder { border: 0; } .ms-webpart-chrome-title { /*display: none;*/ } #homeContentArea div.article { padding:0px; } .row { margin:0px !important; } /*-- 2 Column layout --*/ .layoutLeftPanel { float:left; width:29%; } .layoutRightPanel { float:right; width:70%; } .layoutPanelContainer{ display:inline-block; width:100%; } /*--------------------------------------*/ /*-- Master Page--*/ #breadCrumbsMaster{ color:#1c386d; font-size:12px; margin-top:10px; } a.#breadCrumbsMaster:link{ color:yellow; } /*---------------------------------------*/ .ms-signInLink { /*display: none !important;*/ } body { background-color:#fafafa; min-width:320px; font-size:12px !important; } .container { background-color:white; padding-left:0px !important; padding-right:0px !important; /*padding-bottom:30px;*/ } a { color: #1b386d; text-decoration: none; } #loginDeets { margin:0 auto; width:100%; } #loginDeets p { font-size:12px; } #loginBut { padding:2px 0; width:100%; border-radius:3px; } .loginBOX { width: 100%; border-radius: 3px; border-width: 1px; padding: 5px 10px; margin-bottom: 10px; } .header { float:left; } #headerContainer.row { margin: 0 -15px; } #headerBG { background: #fff; width: 100%; height: 87px; z-index: 19; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4); position:absolute; } #headerHolder { background-color:transparent; } /* Logo Area */ #logoBGContainer { z-index:5; position: absolute; /*width:288px;*/ } #logoBG { /*background:#ffffff; width:265px;*/ height:110px; border:1px solid #aaaaaa; border-radius:0 0 5px 5px; padding-top:15px; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4); } .logoImg img { display:block; margin:0 auto; width:168px; } #logoImgContainer { margin:0 auto; width:168px; } #quickLuanchSectionMove { display:none; margin-top:-26px; } #quickLuanchSectionMove #memberPlanLogo img { width:180px; } #quickLuanchSectionMoveBut { padding:20px; width:66px !important; } #qls_dialogPOPContainer { display:none; width:100%; height:auto; position:absolute; z-index:20; background:rgba(0, 0, 0, 0.6); top:0; left:0; bottom:0; right:0; } #qls_dialogPOP { width:300px; background:white; padding: 14px 0 22px 0; margin:10% auto; border-radius:10px; box-shadow:0px 0px 25px; } #qls_dialogPOP .memberLogo { width: 100%; padding: 0 0 20px 0; margin: 0 auto; text-align: center; } /*#qls_dialogPOP #quickLuanchSection .quickLaunchDeets div h2 { background-position: 261px !important; }*/ #pls_dialogPOP_Close { float: right; font-family: cursive; font-size: 12px; font-weight: bold; margin-left: -10px; } /* Navigation */ @media (min-width:360px) { #bodyContent { padding:0 20px 80px 20px !important; } #headerBG { width:100%; min-width:320px !important; } #navCusSmallRes .yamm-content { width: 203px !important; margin: 0 auto 0 -45px; opacity:0.97; } #navCusSmallRes .contentDropDown li p { display:none; } #navCusSmallRes { line-height: 20px; z-index: 17; width: 100%; background-color: white; padding: 0px; position: absolute; display:none; } #navCusSmallRes_close a { text-align: center; color: white; width: 100%; height: 23px !important; line-height: 10px; font-size: 10px; text-transform: capitalize; padding: 6px 0 0 0 !important; background-color: #1b386d; } #navCusSmallRes_Nav { margin-bottom:0px; } #navCusSmallRes_NavContainer { width: 100%; margin: 0; font-size: 12px; } #navCusSmallRes a:link { /*color:#ffffff;*/ font-weight:bold; display:block; height:55px; padding:18px 0 0 9px; } #navCusSmallRes ul { list-style-type:none; padding:0; } #navCusSmallRes li { float:left; width:33.3%; } #navCusSmallResDropDown { position:absolute; z-index:18; } #navCusSmallRes_NavContainer.nav .open>a, #navCusSmallRes_NavContainer.nav .open>a:hover, #navCusSmallRes_NavContainer.nav .open>a:focus { height:55px !important; color:white !important; } #nav1small a { border-top:5px solid #c41230; line-height:20px; color:#1b376c !important; background:url("../../../../images/homeIcon.png") no-repeat; background-position: 22px 19px; padding-left:28px !important; } #nav1small a:hover{ background:#1b386d url("../../../../images/homeIconON.png") no-repeat; background-position: 22px 19px; color:white !important; text-decoration:none; height:60px; } #nav2small { border-top:5px solid #1b386d; color:#1b376c !important; } #nav2small a:hover{ background:#1b386d; color:white !important; text-decoration:none; height:55px; } #nav3small { border-top:5px solid #92c83e; color:#1b376c !important; } #nav3small a:hover{ background:#1b386d; color:white !important; text-decoration:none; height:55px; } #nav4small { border-top:5px solid #e37426; color:#1b376c !important; } #nav4small a:hover{ background:#1b386d; color:white !important; text-decoration:none; height:55px; } #nav5small { border-top:5px solid #5482ad; color:#1b376c !important; } #nav5small a:hover{ background:#1b386d; color:white !important; text-decoration:none; height:55px; } #nav6small { border-top:5px solid #0096c1; color:#1b376c !important; } #nav6small a:hover{ background:#1b386d; color:white !important; text-decoration:none; height:55px; } } @media (max-width:360px) { #bodyContent { padding:0 10px 80px 10px !important; } #leftContent { width:100% !important; } #rightContent { width:100% !important; float:left !important; padding: 0 15px !important; margin: 0 auto; } #headerBG { width:100% !important; min-width:320px !important; } #homeContent {padding-top: 00px !important; margin-top:-50px !important;} #navCusSmallRes .yamm-content { width: 203px !important; margin: 0 auto 0 -45px; opacity:0.97; } #navCusSmallRes .contentDropDown li p { display:none; } #navCusSmallRes { line-height: 20px; z-index: 17; width: 100%; background-color: white; padding: 0px; position: absolute; display:none; } #navCusSmallRes_close a { text-align: center; color: white; width: 100%; height: 23px !important; line-height: 10px; font-size: 10px; text-transform: capitalize; padding: 6px 0 0 0 !important; background-color: #1b386d; } #navCusSmallRes_Nav { margin-bottom:0px; } #navCusSmallRes_NavContainer { width: 100%; margin: 0; font-size: 12px; } #navCusSmallRes a:link { /*color:#ffffff;*/ font-weight:bold; display:block; height:55px; padding:18px 0 0 9px; } #navCusSmallRes ul { list-style-type:none; padding:0; } #navCusSmallRes li { float:left; width:33.3%; } #navCusSmallResDropDown { position:absolute; z-index:18; } #navCusSmallRes_NavContainer.nav .open>a, #navCusSmallRes_NavContainer.nav .open>a:hover, #navCusSmallRes_NavContainer.nav .open>a:focus { height:55px !important; color:white !important; } #nav1small a { border-top:5px solid #c41230; line-height:20px; color:#1b376c !important; background:url("../../../../images/homeIcon.png") no-repeat; background-position: 22px 19px; padding-left:28px !important; } #nav1small a:hover{ background:#1b386d url("../../../../images/homeIconON.png") no-repeat; background-position: 22px 19px; color:white !important; text-decoration:none; height:60px; } #nav2small { border-top:5px solid #1b386d; color:#1b376c !important; } #nav2small a:hover{ background:#1b386d; color:white !important; text-decoration:none; height:55px; } #nav3small { border-top:5px solid #92c83e; color:#1b376c !important; } #nav3small a:hover{ background:#1b386d; color:white !important; text-decoration:none; height:55px; } #nav4small { border-top:5px solid #e37426; color:#1b376c !important; } #nav4small a:hover{ background:#1b386d; color:white !important; text-decoration:none; height:55px; } #nav5small { border-top:5px solid #5482ad; color:#1b376c !important; } #nav5small a:hover{ background:#1b386d; color:white !important; text-decoration:none; height:55px; } #nav6small { border-top:5px solid #0096c1; color:#1b376c !important; } #nav6small a:hover{ background:#1b386d; color:white !important; text-decoration:none; height:55px; } #smallNavBut {display:none;} #smallNavBut1 {display:block; float:left; padding:15px 0 0 0;} #actionContainer {float: left;width: 35px;margin: 0 0 0 9px;padding: 0; } #loginButIcon {display:block; float:none;margin:3px 0 0 5px !important ;} #searchButIcon {display:block; float:none;margin:3px 0 0 1px !important;} .carousel {display:none;} #contentHomeImgs {margin: 74px auto 0 auto !important;} #iWantTo h4 {float: none;text-align: center;margin:10px 0 0 0;} #iWantToDet p {padding-top: 9px;text-align: center;text-indent:0px !important;} #addy1 {margin:0 !important;} #addy1 {padding:0 0 0 0 !important;} } #searchButIconBox { display:none; } .ms-core-listMenu-horizontalBox > .ms-core-listMenu-root > .ms-listMenu-editLink { /*display:none;*/ float:right; } span.ms-metadata.ms-verticalAlignMiddle { font-size: 10px; } #navCus .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item { margin-right:0px !important; border:0px; } /* down arrow for navigation */ #navCus .ms-core-listMenu-horizontalBox .dynamic-children .additional-background, #navCus .ms-core-listMenu-horizontalBox .dynamic-children .dynamic .additional-background { padding-right: 0px !important; background:none; cursor: pointer; } #zz1_navCus, #zz11_navCus, #zz12_navCus, #zz13_navCus { float:left; line-height:20px; z-index: 16; /*margin-top:-20px;*/ /*margin-left: 290px;*/ } #navCus ul.ms-core-listMenu-root > li.dynamic-children > ul.dynamic { padding: 10px 20px 35px 7px !important; } #navCus .ms-core-listMenu-horizontalBox ul li a, #navCus .ms-core-listMenu-horizontalBox > ul > li > span:nth-child(1) { font-size:13px; font-weight:bold; display:block; /*width:85px;*/ height:87px; display:table; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(1) > a { border-top: 5px solid #c41230!important; line-height: 18px; color: #1b376c !important; background: url("../images/homeIcon.png") no-repeat; background-position: 13px 30px; padding-left: 32px; padding-top:30px; display:table; width:100px; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(1) > a:hover { border-top: 5px solid #c41230!important; color:white !important; background: #1b376c url("../images/homeIconON.png") no-repeat !important; background-position: 13px 30px !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li.dynamic-children:nth-child(2) > span { border-top: 5px solid #1b386d!important; line-height: 18px; color: #1b376c !important; background-position: 13px 30px; padding:29px 2px 0 12px; display:table; width:105px; } #navCus .ms-core-listMenu-horizontalBox > ul > li.dynamic-children:nth-child(2) > span:hover { color:white !important; background: #1b376c !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(3) > a { border-top: 5px solid #92c83e!important; line-height: 18px; color: #1b376c !important; background-position: 13px 30px; padding:29px 2px 0 12px; display:table; width:115px; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(3) > a:hover { color:white !important; background: #1b376c !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(4) > a { border-top: 5px solid #e37426!important; line-height: 18px; color: #1b376c !important; background-position: 13px 30px; padding:29px 2px 0 12px; display:table; width:110px; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(4) > a:hover { color:white !important; background: #1b376c !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(5) > a { border-top: 5px solid #5482ad!important; line-height: 18px; color: #1b376c !important; background-position: 13px 30px; padding:29px 2px 0 12px; display:table; width:100px; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(5) > a:hover { color:white !important; background: #1b376c !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(6) > a { border-top: 5px solid #0096c1!important; line-height: 18px; color: #1b376c !important; background-position: 13px 30px; padding:29px 2px 0 12px; display:table; width:100px; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(6) > a:hover { color:white !important; background: #1b376c !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(1) > a.selected { color:white !important; background: #1b376c url("../images/homeIconON.png") no-repeat !important; background-position: 13px 30px !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li > a.selected { color:white !important; background: #1b376c !important; } #navCus .ms-core-listMenu-horizontalBox > ul { list-style-type:none; padding:0; list-style-type: none; padding: 0; z-index: 100000; display: block; position: relative; width:650px; border: 0px solid transparent !important; margin-left:50px; } #navCus .ms-core-listMenu-horizontalBox > li a { border:0px; margin-right:0px; } #navCus .ms-core-listMenu-horizontalBox > li li { float:left; width:85px; } #navCus .ms-core-listMenu-horizontalBox > a { outline:0px; } #navCus ul.dynamic { width: 580px !important; padding: 10px 10px 15px 10px !important; background-color: #1b386d; margin-top: -1px; border: 0; box-shadow: 0 0 0 0; /*top: 88px !important;*/ left: 0px !important; display: none; } #navCus ul.root li.dynamic-children:hover ul.dynamic { display: block !important; background-color:#1b386d; width:100%; } #navCus ul.dynamic li { list-style: none; float: left; padding: 10px 0 0 30px; width: 30%; background-color:#1b386d; } #navCus ul.dynamic li.dynamic a { border-bottom: 2px solid white; font-weight: bold; display: block; height: 20px; margin-bottom: 10px; color: white; width: 68%; } #navCus ul.dynamic > li.dynamic > ul.dynamic { background-color: transparent; width: 180px !important; margin: -20px 0 50px -30px; left: 0 !important; /*top: 0 !important;*/ border: 0; box-shadow: 0 0 0 0; position: relative; padding-bottom: 50px !important; } #navCus ul.dynamic > li.dynamic > ul.dynamic > li.dynamic > a { border-bottom: 0; font-weight: normal; display: block; height: 10px; color: white; padding: 0; margin-bottom: 8px; } #nav1 a { border-top:5px solid #c41230; line-height:38px; color:#1b376c !important; background:url("../../../../images/homeIcon.png") no-repeat; background-position: 13px 28px; } #nav1 a:hover{ background:#1b386d url("../../../../images/homeIconON.png") no-repeat; background-position: 13px 28px; color:white !important; text-decoration:none; height:86px; } #homeNavImgIcon { margin-top:-3px; } #homeNavImgIcon a:hover { margin-top:-3px; } #nav2 { border-top:5px solid #1b386d; color:#1b376c !important; } #nav2 a:hover{ background:#1b386d; color:white !important; text-decoration:none; } #nav3 { border-top:5px solid #92c83e; color:#1b376c !important; } #nav3 a:hover{ background:#1b386d; color:white !important; text-decoration:none; } #nav4 { border-top:5px solid #e37426; color:#1b376c !important; } #nav4 a:hover{ background:#1b386d; color:white !important; text-decoration:none; } #nav5 { border-top:5px solid #5482ad; color:#1b376c !important; } #nav5 a:hover{ background:#1b386d; color:white !important; text-decoration:none; } #nav6 { border-top:5px solid #0096c1; color:#1b376c !important; } #nav6 a:hover{ background:#1b386d; color:white !important; text-decoration:none; } #navContainer { width:510px; } .contentDropDown p a { padding: 0 !important; color: white; display: inline !important; font-weight: normal !important; } .contentDropDown p a:hover { font-weight: normal !important; text-decoration:underline !important; background-color: transparent !important; } /*.contentDropDown li p:hover { background-color: rgba(255, 255, 255, 0.4); }*/ /* Navigation SubMenus */ /* .ms-core-listMenu-horizontalBox .dynamic-children ul { width: 765px !important; padding: 10px 10px 15px 10px !important; background-color: #1b386d; margin: 16px 8px; border: 0; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); } .dropdown-menu { color:white; } .dropdown-menu li { width: 180px !important; } .ms-core-listMenu-horizontalBox .dynamic-children ul li { float:left; width:170px; padding: 0; border-bottom:2px solid white; font-weight:bold; display:block; height:20px; margin-left:10px; margin-bottom:90px; color:white; } .ms-core-listMenu-horizontalBox .dynamic-children ul li a { font-weight:bold; padding:0 !important; color:white; margin-bottom:10px !important; height:0px !important; } .ms-core-listMenu-horizontalBox .dynamic-children ul li a:hover { text-decoration:none; } .ms-core-listMenu-horizontalBox .dynamic-children ul li ul { width: 170px !important; margin: 25px 0 80px -190px; background-color: transparent; } .ms-core-listMenu-horizontalBox .dynamic-children ul li ul li { font-size: 12px; line-height: 12px; border: 0px; margin: 0 0 0 20px; } .ms-core-listMenu-horizontalBox .dynamic-children ul li ul li a { font-weight:normal; }*/ /* Navigation out of book */ /*edit links font*/ nav#topnav .nav .ms-metadata { font-size: inherit; font: inherit; color: #fff; } /*images within nav should not use respponsive properties*/ nav#topnav .noindex img {max-width: none;} nav#topnav .noindex .ms-navedit-hidespan {display: block;} /*force the edit node text icon into a box*/ nav#topnav .noindex a.ms-navedit-hidelink { padding: 21px 0px 0px !important; margin: 0px !important; display: block !important; overflow: hidden !important; height: 17px !important; } /*remove border added to node table*/ nav#topnav .noindex .ms-core-listMenuEdit, nav#topnav .nav .ms-core-listMenuEdit:hover { border: none; } /*edit node text padding*/ nav#topnav .noindex .ms-navedit-hiddenAppendArea { padding: 20px 10px 10px; color: #F3E4C8; } /*edit link node text on dynamic menus requires background*/ nav#topnav .noindex .dynamic .ms-navedit-deletelinkCell { background: #333333 none; } /*add a link should float left*/ nav#topnav .noindex .ms-navedit-addNewLink { display: inline-block !important; } /*bump save and cancel buttons down*/ nav#topnav .noindex .ms-navedit-editButton { margin-top: 20px; } nav#topnav .noindex .ms-core-listMenu-horizontalBox span.ms-list-addnew-imgSpan16 { vertical-align: middle; margin-right: 5px; } /*reset the first node to not show a home icon, rather text*/ nav#topnav .noindex ul.root > li.ms-navedit-dropNode:first-child { height: auto; padding: 0px; } nav#topnav .noindex ul.root > li.ms-navedit-dropNode:first-child a { background: transparent none; height: auto; overflow: visible; padding: 21px 20px; text-indent: 0; white-space: nowrap; width: auto; } /*end quick edit mode*/ /*top nav*/ /*center menu*/ nav#topnav .ms-core-listMenu-horizontalBox { display: block; z-index:1000000000; } /*hide or provide padding for downdown arrow*/ nav#topnav .ms-core-listMenu-horizontalBox .dynamic-children.additional-background { padding-right: 20px; /*background: transparent none;*/ /*unhide to hide the down arrow*/ } /*remove border from menu items*/ nav#topnav .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item { border: none; outline:none; } /*correct location of dropdown menu*/ nav#topnav .nav ul.root > li ul { border: none; top: 54px !important; } /*fix height of dropdown menu list items*/ nav#topnav .nav ul.root > li ul li a { height: 25px; } /* Responsive nav out of the book */ @media (max-width: 979px) { #Buttons{display:none; visibility:collapse;} #ResButtons{ margin-top:-35px;margin-right:200px; width:100px; float:right;} /*allow the top nav container to grow as menu grows*/ nav#topnav { height: auto; } nav#topnav .navbar-inverse .navbar-inner { border: none; height: auto; } nav#topnav .navbar .nav { float: none; margin: 0px; } /*remove the right border, add a top border, and have each nav item display one per line*/ nav#topnav .nav ul.root > li { border-right: none; border-top: 1px solid #2F2F2F; display: block; float: none; height: auto; background: #000 none; } nav#topnav .nav ul.root > li:first-child, nav#topnav .nav ul.root > li a { padding: 15px 20px; border-top: none; } /*for links with dynamic children, provide remove from drop-down arrow*/ nav .navbar .nav .dynamic-children.additional-background { padding-right: 10% !important; width: 90%; display: block; background-image: url('/_layouts/15/images/menu-down.gif'); } /*turn off any hover event*/ nav#topnav .nav ul.root > li:hover > ul, nav#topnav .nav ul.root ul > li:hover > ul { display: none; } /*do not allow inline editing of links while in mobile view*/ .ms-core-listMenu-horizontalBox > .ms-core-listMenu-root > .ms-listMenu-editLink { display: none !important; } /*set dynamic menus to not float*/ nav#topnav .nav ul.root ul.dynamic, nav#topnav .nav ul.root ul.dynamic ul.dynamic { float: none !important; left: auto !important; top: auto !important; position: relative !important; } nav#topnav .nav ul.root > li ul li a { padding: 15px 20px; border-top: none; } } /* END Responsive nav out of the book */ /* END Navigation out of book */ /* Bootstrap Menu elements */ .nav .open>a, .nav .open>a:hover, .nav .open>a:focus { background-color: #1b386d; color: #ffffff; height:82px !important; } .nav>li>a:hover, .nav>li>a:focus { text-decoration: none; background-color: #FFF; height:82px; } /* Top Search */ /*.search { float:left; margin:30px 10px 0 0; }*/ /* Login But Top */ /*.loginBut { margin:30px 0 0 0; }*/ #jumbotron { height:415px; } /* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */ /* Carousel base class */ .btn { padding:6px;12px; } .carousel { /*height: 440px;*/ margin-top:0px !important; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);padding-top:82px; } .carousel-control { } /* Since positioning the image, we need to help out the caption */ .carousel-caption { margin-left: 2%; float:right; } .carousel-caption p{ font-weight:bold; } .carousel-caption div { color: #1b386d; font-weight: bold; font-size: 14px; text-align: right; } .carousel-caption a:visited { color: white; } /* Declare heights because of positioning of img element */ .carousel .item { /*height: 440px;*/ /*padding-top:18.5%;*/ background-color: transparent !important; /*top:-10px;*/ } .carousel-inner { padding:0 !important; top:0; margin-top:0px; overflow: visible; /*display:inline-block;*/ } .carousel-inner > .item > img { position: static; top: 0; left: 0; min-width: 100%; /*height: 440px;*/ } #carouselImg { z-index: -10; position: static; } .glyphicon-chevron-left:before, .glyphicon-chevron-right:before { content:none !important; } #myCarousel > div > div.item h1 { text-align: right; font-weight: bold; font-size: 35px; color: #1b386d; text-shadow: 0 1px 2px rgba(0,0,0,.4) } #myCarousel > div > div.item > div > div > p:nth-child(2) { text-align: right; } #myCarousel > div > div.item > div > div > p:nth-child(3) { text-align: right; } .carousel-caption .btn { float: right; display:none; } .btn-primary { color: #fff; background-color: #c41230; border-color: #99051e; } .btn-lg { font-size: 14px; line-height: 1.33; border-radius: 6px; } #myCarousel > a.right.carousel-control span { background:url("../../../../images/nextBut.png") no-repeat; width:34px; height:34px; opacity:1 !important; } #myCarousel > a.left.carousel-control span { background:url("../../../../images/prevBut.png") no-repeat; width:34px; height:34px; opacity:1 !important; } /* END CUSTOMIZE THE CAROUSEL -------------------------------------------------- */ /* Content -------------------------------------------------- */ .cap-overlay { width: 100% !important; display:none; } a.hcaption img { width: 100%; } #homeContent { padding-bottom:20px; /*padding-top:87px;*/ margin-top:-1px; } #homeContentMain{ padding-bottom:20px; padding-top:0px; margin-top:20px; } .homepageContent.container { padding-left: 15px !important; padding-right: 15px !important; } .contentImgDividers { /*width:110px;*/ display:block; float:left; font-size:12px; margin-left: 10px; margin-right:20px; } .contentImgDividers1 { /*width:200px;*/ display:block; float:left; font-size:12px; margin-left: 10px; } .contentImgDividers2 { width:94%; display:block; float:left; font-size:12px; /*margin-top:5%;*/ } #contentHomeImgs { margin:0 auto; } #contentHomeImgs > div > div > a > img { width: 100%; } /* Home Content Area Member Block */ #contentMember { background-color:#1b386d; color:white; padding:1px; float:left; } #contentMember h4 { padding:0 0 0 15px; } .contentMemberBG { background:rgba(27, 56, 109, 0.9); height:140px; padding:10px 5px 10px 15px; margin-top:0px; } .contentMemberBG a { color:white; } /* Home Content Area Provider Block */ #contentProvider { background-color:#92c83e; color:white; padding:1px; float:left; } #contentProvider h4 { padding:0 0 0 15px; } .contentProviderBG { background:rgba(146, 200, 62, 0.9); height:140px; padding:10px 5px 10px 15px; margin-top:0px; } .contentProviderBG a { color:white; } /* Home Content Area Dentest Block */ #contentDentist { background-color:#e37426; color:white; padding:1px; float:left; } #contentDentist h4 { padding:0 0 0 15px; } .contentDentistBG { background:rgba(227, 116, 38, 0.9); height:140px; padding:10px 5px 10px 15px; margin-top:0px; } .contentDentistBG a { color:white; } /* Home Content Area Contact Block */ #contentContact { background-color:#5482ad; color:white; padding:1px; float:left; } #contentContact h4 { padding:0 0 0 15px; } .contentContactBG { background:rgba(84, 130, 173, 0.9); height:140px; padding:10px 5px 10px 15px; margin-top:0px; } .contentContactBG a { color:white; } .drop-panel { padding:0px !important; } /* QuickLaunch Expand and Collapse Section */ .panel, .panelcollapsed { background: transparent; margin: 8px 0 0 -1px; padding: 0; width: 97%; border:0; -webkit-box-shadow: 0 0 0 !important; box-shadow:0 0 0 !important; } .panel h2, .panelcollapsed h2 { font-size: 10px; font-weight: bold; margin: 0px; padding: 5px 10px; color:white; text-align:left; } #panel1 h2 { background: #c51230 url("../../../../images/collapseIcon.png") no-repeat 96.5% center !important; cursor:pointer; } #panel1.panelcollapsed h2 { background: #c51230 url("../../../../images/expandIcon.png") no-repeat 96% center !important; cursor:pointer; } #panel2 h2 { background: #0096c1 url("../../../../images/collapseIcon.png") no-repeat 96.5% center !important; cursor:pointer; } #panel2.panelcollapsed h2 { background: #0096c1 url("../../../../images/expandIcon.png") no-repeat 96% center !important; cursor:pointer; } #panel3 h2 { background: #1b386d url("../../../../images/collapseIcon.png") no-repeat 96.5% center !important; cursor:pointer; } #panel3.panelcollapsed h2 { background: #1b386d url("../../../../images/expandIcon.png") no-repeat 96% center !important; cursor:pointer; } #panel4 h2 { background: #92c83e url("../../../../images/collapseIcon.png") no-repeat 96.5% center !important; cursor:pointer; } #panel4.panelcollapsed h2 { background: #92c83e url("../../../../images/expandIcon.png") no-repeat 96% center !important; cursor:pointer; } #panel5 h2 { background: #e37426 url("../../../../images/collapseIcon.png") no-repeat 96.5% center !important; cursor:pointer; } #panel5.panelcollapsed h2 { background: #e37426 url("../../../../images/expandIcon.png") no-repeat 96% center !important; cursor:pointer; } #bodyPanel { background-color:#f6f6f6; border:1px solid #dddddd; margin:2px 0 0 0; } #bodyPanel.panel, #bodyPanel.panelcollapsed { width:100%; } #bodyPanel h2 { background: #5482ad url("../../../../images/collapseIcon.png") no-repeat 97.5% center; font-size: 14px; cursor:pointer; } #bodyPanel.panelcollapsed h2 { background: #5482ad url("../../../../images/expandIcon.png") no-repeat 98.5% center !important; font-size: 14px; cursor:pointer; } #bodyPanelContent { font-size: 12px; font-weight: normal; } .panel h2:hover, .panelcollapsed h2:hover { /*background-color: #A9BCEF;*/ } .panelcontent { overflow: hidden; text-align: left; padding: 5px 5px 5px 15px; font-size: 10px; font-weight: bold; } .panelcollapsed .panelcontent { display: none; } /* QuickLaunch Expand and Collapse Section END */ /* ---------------------- LeftNav Accordian --------------------------- */ div#ctl00_PlaceHolderLeftNavBar_QuickLaunchNavigationManager { border: 1px solid #dddddd; border-radius: 5px; background-color: #f6f6f6; /* min-height: 250px; */ padding-bottom: 8px; } #leftContent .ms-core-listMenu-verticalBox ul li { margin: 8px 0 0 -1px; padding: 0; width: 97%; border: 0; -webkit-box-shadow: 0 0 0 !important; box-shadow: 0 0 0 !important; } #leftContent #sideNavBox { margin:0px; width:100%; float: none; } #leftContent #sideNavBox .static { font-size: 10px; font-weight: bold; margin: 0px; /*padding: 2px 4px 2px 5px;*/ color: white; text-align: left; outline:0px; cursor: pointer; } #leftContent #sideNavBox .static a { color: #1b386d; } #leftContent .ms-core-listMenu-verticalBox .ms-core-listMenu-root li.father { margin: 8px 0 0 0 !important; } #leftContent .ms-core-listMenu-verticalBox .ms-core-listMenu-root li.father ul { background-color: #f6f6f6; } #leftContent .ms-core-listMenu-verticalBox .ms-core-listMenu-root li.father ul li a { padding-left:30px !important; border-left: 1px solid #dddddd; } #leftContent .ms-core-listMenu-verticalBox .ms-core-listMenu-root li.father ul li a:hover { background-color:#f6f6f6; } /* Color coding father list items */ #leftContent .ms-core-listMenu-verticalBox .ms-core-listMenu-root .selected { background: transparent; } #leftContent .ms-core-listMenu-verticalBox .ms-core-listMenu-root .father:nth-child(1) { background: #c51230 url("../images/expandIcon.png") no-repeat 96% 8px !important; color:white; } #leftContent .ms-core-listMenu-verticalBox .ms-core-listMenu-root .father:nth-child(2) { background: #0096c1 url("../images/expandIcon.png") no-repeat 96% 8px !important; } #leftContent .ms-core-listMenu-verticalBox .ms-core-listMenu-root .father:nth-child(2) { background: #0096c1 url("../images/collapseIcon.png") no-repeat 96% 9px; } #leftContent .ms-core-listMenu-verticalBox .ms-core-listMenu-root .father:nth-child(3) { background: #1b386d url("../images/expandIcon.png") no-repeat 96% 8px !important; } #leftContent .ms-core-listMenu-verticalBox .ms-core-listMenu-root .father:nth-child(3) { background: #1b386d url("../images/collapseIcon.png") no-repeat 96% 9px; } #leftContent .ms-core-listMenu-verticalBox .ms-core-listMenu-root .father:nth-child(4) { background: #92c83e url("../images/expandIcon.png") no-repeat 96% 8px !important; } #leftContent .ms-core-listMenu-verticalBox .ms-core-listMenu-root .father:nth-child(4) { background: #92c83e url("../images/collapseIcon.png") no-repeat 96% 9px; } #leftContent .ms-core-listMenu-verticalBox .ms-core-listMenu-root .father:nth-child(5) { background: #0096c1 url("../images/expandIcon.png") no-repeat 96% 8px !important; } #leftContent .ms-core-listMenu-verticalBox .ms-core-listMenu-root .father:nth-child(5) { background: #0096c1 url("../images/collapseIcon.png") no-repeat 96% 9px; } /* Color Coding Static Link Items - IF FIRST ITEM IS A LINK DISPLAY SAME STYLE LAYOUT AS FATHER ITEM */ #leftContent .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > .static > a { color:white !important; } #leftContent .ms-core-listMenu-verticalBox .ms-core-listMenu-root > .static:nth-child(1) { background: #c51230 url("../images/expandIcon.png") no-repeat 96% 8px; margin: 8px 0 0 -1px !important; } #leftContent .ms-core-listMenu-verticalBox .ms-core-listMenu-root > .static:nth-child(2) { background: #0096c1 url("../images/expandIcon.png") no-repeat 96% 8px; margin: 8px 0 0 -1px !important; } #leftContent .ms-core-listMenu-verticalBox .ms-core-listMenu-root > .static:nth-child(3) { background: #1b386d url("../images/expandIcon.png") no-repeat 96% 8px; margin: 8px 0 0 -1px !important; } #leftContent .ms-core-listMenu-verticalBox .ms-core-listMenu-root > .static:nth-child(4) { background: #92c83e url("../images/expandIcon.png") no-repeat 96% 8px; margin: 8px 0 0 -1px !important; } #leftContent .ms-core-listMenu-verticalBox .ms-core-listMenu-root > .static:nth-child(5) { background: #0096c1 url("../images/expandIcon.png") no-repeat 96% 8px; margin: 8px 0 0 -1px !important; } /* Static Link Items Hover Over */ #leftContent li > a.ms-core-listMenu-item:hover { background-color: rgba( 205,230,247,0.2) !important; } /* Removing styling on the edit-link-node */ #leftContent .ms-core-listMenu-verticalBox .ms-core-listMenu-root .ms-listMenu-editLink.ms-navedit-editArea { background: none !important; margin: 8px 0 0 -1px !important; } #navCus .ms-core-listMenu-horizontalBox ul li.ms-listMenu-editLink.ms-navedit-editArea a, #navCus .ms-core-listMenu-horizontalBox ul li.ms-listMenu-editLink.ms-navedit-editArea span { height:0px; } /* ---------------------- END LeftNav Accordian --------------------------- */ /* Body Content */ #bodyContent { /*width:100%;*/ padding:95px 10px 80px 10px; font-size:12px; } #bodyContent h1 { font-size: 24px; color: #1b376c; text-transform: capitalize; font-weight: bold; padding: 10px 0 20px 0; } #leftContent { /*width:25%; float:left;*/ text-align:center; margin:20px 0 auto 0; } #rightContent { /*width:74%; float:right;*/ padding-right: 10px; } #quickLuanchSection { width:90%; margin:0 auto; } .memberLogo { width:100%; padding:0 0 20px 0; } .quickLaunchDeets { border:1px solid #dddddd; border-radius:5px; background-color:#f6f6f6; /*min-height:250px;*/ padding-bottom:8px; } #quickLaunchButtons { width:100%; height: 65px; margin:20px auto 0 auto; } #quickLaunchBut1 img { float:left; opacity:0.6; width:27%; height:auto; margin:0 9% 0 0; } #quickLaunchBut1 img:hover { opacity:1; } #quickLaunchBut2 img { float:left; opacity:0.6; width:27%; height:auto; margin:0 9% 0 0; } #quickLaunchBut2 img:hover { opacity:1; } #quickLaunchBut3 img { float:left; opacity:0.6; width:27%; height:auto; margin:0 0 0 0; } #quickLaunchBut3 img:hover { opacity:1; } #filterResults { font-size:12px; font-weight:normal; width:100%; min-width:200px; color:#112f66; } #filterResults a:hover { font-weight:normal; color:#c41230; } #filterResults a:hover { font-weight:bold; color:#c41230; text-decoration:none; } #filterResults ul { list-style:none; margin-left:0; padding-left:1em; } #filterResults ul li:before { display:inline-block; content:"-"; width:1em; margin-left:-1em; } #providerLineNum { border:1px solid #dddddd; border-radius:2px; background-color:#f6f6f6; height:60px; margin-top:20px; } #lineNumIcon { float:left; width:25%; padding: 14px 21px; } #lineNumDeets { float:right; width:75%; text-align:center; } #lineNum { /*font-size:22px;*/ color:#112f66; font-weight:bold; /*line-height: 10px;*/ padding-top: 14px; } #lineNumTitle { font-size:10px; color:#aaaaaa; font-weight:bold; } #quickNote { background:#e5e5e5; border-radius:5px; width:92%; color: #112f66; font-size: 10px; font-weight:bold; text-align: left; padding: 24px 30px 24px 10px; } #quickNoteTitle { font-size:18px; font-weight:bold; } .breadCrumbSection { /*width:100%;*/ } #breadMove { padding-left:250px; } #memberPlanInfo { width:100%; padding: 10px 0; } #memberPlanLogo img { width: 75%; } #findDentist { width:100%; } #FindDentist1 { float:left; width:15%; display:block; padding:5px 10px 5px 10px; background-color:#0096c1; color:white; font-weight:bold; } #FindDentist2 { /*float:right; width:85%;*/ background-color:#5482ad; padding:5px 10px 5px 10px; font-weight:bold; color:white; } #findCaption { background-color: #e5e5e5; text-align: center; color: #112f66; font-weight: bold; /*line-height: 30px; padding: 62px 0 10px 0;*/ } #findArea { background-color:#f6f6f6; border-right:2px; border-left:2px; border-bottom:2px; border-top:0px; border-color:#black; padding:20px 20px; text-transform:capitalize !important; /*height:222px;*/ } #practiceNameAndCity { text-transform:capitalize !important; } #findArea img { width:100%; } .leftArea { float:left; /*width:40%;*/ margin-right:45px; margin-bottom:20px; } .rightArea { float:left; width:40%; margin-right:30px; margin-bottom:20px; } .fullScreen { width:95%; margin:0 auto; margin-bottom: 40px; } #findButton { float: right; width: 100%; margin: 35px 0 0 0; text-align: right; display: inline-block; } #findButton a { padding:5px 20px; } input.DenisSearch_Box { /*background: #c41230 url("../../images/findIconWhite.png") no-repeat 95% center;*/ border-radius: 2px; color: white; font-weight: bold; padding: 6px 10px; width: 172px; height:32px; -webkit-appearance: none; border-width: 0px; background-color: #c41230; } .ms-srch-sb-border, .ms-srch-sb-borderFocused { background-color:#c41230 !important; color:#fff !important; height:25px; border:none; width:124px; } .ms-srch-sbLarge { height:35px !important; background-color:#c41230 !important; color:#fff !important; width:200px; } .ms-srch-sbLarge .ms-srch-sb-searchLink { margin-top:-30px; float:right; } .ms-srch-sbLarge>input { color:#fff; } .ms-srch-sb-border:hover { background-color:#c41230; color:#fff !important; height:25px; border:none; } .helpertext {color:#fff;} .ms-srch-sb>input { color:#fff !important; padding-top:5px; width:100px; text-align:center; } /* DenisSearch_Box = Search Box */ #ctl00_ctl49_csr_sboxdiv { width:172px; height:22px; background-color:#c41230; border-radius:2px; border:0px; } #ctl00_ctl49_csr_sbox { width:142px; height:32px; color:white; font-weight:bold; } .ms-srch-sb-searchImg { display: block; -moz-box-sizing: border-box; box-sizing: border-box; background: url("../images/searchbut.png") no-repeat; width: 13px; /* Width of new image */ height: 13px; /* Height of new image */ padding-left: 13px; /* Equal to width of new image */ position:initial; } .ms-srch-sb > .ms-srch-sb-searchLink { /* margin-left: -1px; */ height: 20px; width: 20px; margin-top: 5px; margin-left:100px; margin-top:-15px; } .ms-srch-sb-searchLink:hover { background-color:transparent; } /* END DenisSearch_Box = Search Box */ input#DentistSearch_Box { background: #c41230 url("../../../../images/findIconWhite.png") no-repeat 95% center; border-radius: 2px; color: white; font-weight: bold; padding: 5px 10px; width: 250px; -webkit-appearance: none; border-width: 0px; } select#DentistSearch_Box, #DentistSearch_Box_Option, #provinceDropDown, #cityDropDown { /*background: #c41230 url("../../../../images/searchArrowDrop.png") no-repeat 95% center;*/ background-color: #c41230; border-radius: 2px; color: white; font-weight: bold; padding: 10px 10px; width: 100%; border-width: 0px; } option { text-transform: capitalize; } #DentistSearch_Box > option:hover { color:#990000; background-color:#fff; } .findDentistResultsLeft { margin-bottom:20px !important; } /* About us Table */ #bodyContent table tbody tr td { padding: 5px 10px; } /* END About us Table */ /* DentistSearch Results Table Style */ #dentistSearchTable th { text-align: left; background-color: #5482ad; padding: 5px 7px; color:white; } #dentistSearchTable tbody td { border:1px white solid; color:#555555; } #dentistSearchTable td { text-align: left; padding: 5px 7px; } #dentistSearchTable tr:nth-child(odd) { background-color:#eeeeee; } /*table { width: 100%; border-collapse: collapse; } Zebra striping tr:nth-of-type(odd) { background: #eee; } th { background: #5482ad; color: white; font-weight: bold; } td, th { padding: 5px 7px; border: 1px solid #ccc; text-align: left; }*/ @media (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { /* Force table to not be like tables anymore */ table#dentistSearchTable, #dentistSearchTable thead, #dentistSearchTable tbody, #dentistSearchTable th, #dentistSearchTable td, #dentistSearchTable tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ #dentistSearchTable thead tr { position: absolute; top: -9999px; left: -9999px; } #dentistSearchTable tr { border: 1px solid #ccc; } #dentistSearchTable td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; } #dentistSearchTable td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } /* Label the data */ #dentistSearchTable td:nth-of-type(1):before { content: "Practise Number"; } #dentistSearchTable td:nth-of-type(2):before { content: "Practise Name"; } #dentistSearchTable td:nth-of-type(3):before { content: "Address"; } #dentistSearchTable td:nth-of-type(4):before { content: "Telephone"; } #dentistSearchTable td:nth-of-type(5):before { content: "Email"; } #dentistSearchTable td:nth-of-type(6):before { content: "Find Location"; } } /* ----------------END------------------ */ #contactUsTitle { width:100%; display:block; border-bottom:1px solid #1b376c; color:#1b376c; font-weight:bold; } .denisMap { opacity:0.6; width:100%; } .denisMap:hover{ opacity:1; width:100%; } #contactLeft { padding:0 20px; float:left; } #contactRight { width:71%; float:left; } #contactUsInfo { width:100%; padding:0 0 10px 0; height:308px; } #contactRight img { background:url("../../../../images/contactMap.jpg") no-repeat top center; width:100%; height:230px; margin:0 0 25px 0; padding:0; display:block; text-indent:-9999px; opacity:0.7; } #contactRight img:hover { opacity:1; } #contactUsInfo800 { display:none; width:100%; text-align:left; } .directorsQuickDeets { width:100% } .directorsImg { float:left; width:34%; } .directorDeets { float:left; width:66%; height:76px; padding:9px 10px 0 10px; margin-bottom:10px; } .directorName { font-size:13px; font-weight:bold; color:#000000; margin:0px !important; } p.directorTitle { font-size:10px; font-weight:bold; color:#1b376c; margin:0px; } .directorReadMore { text-align:left; padding-top:0px; } .managementQuickDeets { width:100%; } .managerDeets { float:left; width:97%; padding:5px; border-bottom:1px solid #dddddd; } .managerName { font-size:13px; font-weight:bold; color:#000000; margin:0px; } .managerTitle { font-size:10px; font-weight:bold; color:#1b376c; margin:0px; } /* END Content -------------------------------------------------- */ /* Footer -------------------------------------------------- */ #footer { background-color:#1b386d; width:100%; padding:10px; color:white; margin-top:-20px; } #footer p { font-size:12px; } #footerContainer { background-color:transparent; } #footer .container div.col-md-4 h4 { text-transform:capitalize; line-height:30px; padding: 0 0 5px 0; font-weight:bold; } #footer .container div.col-md-4 h4 img { margin-top: -4px; } #searchDropImg { padding:0 0 5px 0; } #contactUsDet { padding:0 0 0 10px; } .footerDivider { border-right:2px solid white; } #addy1 { margin:0 30px 0 10px; display: block; float: left; } #addy2 { display: block; float: left; } #addressI { margin:0 0 0 10px; } #address { float:left; display:block; /*width:340px;*/ } #contactUs { float:left; margin:0 0 0 17px; /*width:340px;*/ } #memberSelection { color:#112f66; border-radius: 3px; border-color:#112f66; width: 225px; height: 26px; } .memberOptionSel { color: #112f66; border-radius: 3px; border-color: #112f66; width: 159px; height: 26px; margin-bottom: 5px; } .footerContactInputs { color: #112f66; border-radius: 3px; border-color: #112f66; /*width: 360px;*/ margin-bottom: 5px; } } #iWantToDet { width:360px !important; } #iWantTo1 { margin:0 0 0 40px; width: 360px; } #contactUs1 { margin:0 0 0 5px; } .footerContainer h4 { margin-left:11px; } #iWantTo { float:left; margin:0 0 0 0; width:220px } #bottomFooterContainer { background-color:#d2d2d2; } #bottomFooter { background:#d2d2d2; color:#1b386d; text-align:right; font-weight:bold; padding-top:8px; /*margin-bottom:25px;*/ bottom:0px; } #bottomFooterContainer > p { font-size: 12px; padding-right: 8px; } #bottomFooter a, #bottomFooter a:link, #bottomFooter a:hover { color: #1b386d;} .watermark {color:#999 !important;} .error{border-color:red !important; } } /* END Footer -------------------------------------------------- */ @media (min-width:800px) and (max-width:1600px) { #navCus ul.dynamic li.dynamic a { border-bottom: 2px solid white; font-weight: bold; display: block; height: 20px; margin-bottom: 10px; color: white; width: 100%; } } @media (min-width:767px) and (max-width:800px) { /* ------------------- nav ----------------------------- */ #navCus { margin-left: 50px; z-index:20000; } #navCus ul.ms-core-listMenu-root > li.dynamic-children > ul.dynamic { padding: 10px 20px 35px 7px !important; } #navCus .ms-core-listMenu-horizontalBox ul li a, #navCus .ms-core-listMenu-horizontalBox > ul > li > span:nth-child(1) { font-size:13px; font-weight:bold; display:block; /*width:85px;*/ height:87px; display:table; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(1) > a { border-top: 5px solid #c41230!important; line-height: 18px; color: #1b376c !important; background: url("../images/homeIcon.png") no-repeat; background-position: 13px 30px; padding-left: 32px; padding-top:30px; display:table; width:100% !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(1) > a:hover { border-top: 5px solid #c41230!important; color:white !important; background: #1b376c url("../images/homeIconON.png") no-repeat !important; background-position: 13px 30px !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li.dynamic-children:nth-child(2) > span { border-top: 5px solid #1b386d!important; line-height: 18px; color: #1b376c !important; background-position: 13px 30px; padding:20px 2px 0 12px; display:table; width:100% !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li.dynamic-children:nth-child(2) > span:hover { color:white !important; background: #1b376c !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(3) > a { border-top: 5px solid #92c83e!important; line-height: 18px; color: #1b376c !important; background-position: 13px 30px; padding:20px 2px 0 12px; display:table; width:100% !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(3) > a:hover { color:white !important; background: #1b376c !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(4) > a { border-top: 5px solid #e37426!important; line-height: 18px; color: #1b376c !important; background-position: 13px 30px; padding:20px 2px 0 12px; display:table; width:100% !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(4) > a:hover { color:white !important; background: #1b376c !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(5) > a { border-top: 5px solid #5482ad!important; line-height: 18px; color: #1b376c !important; background-position: 13px 30px; padding:20px 2px 0 12px; display:table; width:100% !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(5) > a:hover { color:white !important; background: #1b376c !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(6) > a { border-top: 5px solid #0096c1!important; line-height: 18px; color: #1b376c !important; background-position: 13px 30px; padding:20px 2px 0 12px; display:table; width:100% !important; } #navCus .ms-core-listMenu-horizontalBox > ul > li:nth-child(6) > a:hover { color:white !important; background: #1b376c !important; } /* ----------------- second level nav - */ #navCus ul.dynamic li { list-style: none; float: left; padding: 10px 10px 0 30px !important; width: 105% !important; background-color: #1b386d; margin-left:-7px; } #headerHolder #navCus li.static.dynamic-children > ul.dynamic { top: 0px !Important; background-color: #1b386d; z-index: 10000; position: absolute; width:100% !Important; max-width:100% !Important; min-width:100% !Important; } } /* ---------------- content changes ---------------- */ select #DentistSearch_Box { /* background: #c41230 url("../../../../images/searchArrowDrop.png") no-repeat 95% center; */ background-color: #c41230; border-radius: 2px; color: white; font-weight: bold; padding: 10px 10px; width: 100%; border-width: 0px; }