/********************************* Fonts Styles Starts ************************************************/ @font-face { font-family: 'MyriadProRegular'; src: url('/fonts/myriadpe-webfont.eot'); src: url('/fonts/myriadpe-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/myriadpe-webfont.woff') format('woff'), url('/fonts/myriadpe-webfont.ttf') format('truetype'), url('/fonts/myriadpe-webfont.svg#MyriadProRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaCyrUprightBold'; src: url('/fonts/helvetica-cyrillic-bold.eot'); src: url('/fonts/helvetica-cyrillic-bold.eot') format('embedded-opentype'), url('/fonts/helvetica-cyrillic-bold.woff') format('woff'), url('/fonts/helvetica-cyrillic-bold.ttf') format('truetype'), url('/fonts/helvetica-cyrillic-bold.svg#HelveticaCyrUprightBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNarrowRegular'; src: url('/fonts/helvtc.eot'); src: url('/fonts/helvtc.eot') format('embedded-opentype'), url('/fonts/helvtc.woff') format('woff'), url('/fonts/helvtc.ttf') format('truetype'), url('/fonts/helvtc.svg#HelveticaNarrowRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helvetica_lt_condensedbold'; src: url('/fonts/helvetica_lt_condensed_bold-webfont.eot'); src: url('/fonts/helvetica_lt_condensed_bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/helvetica_lt_condensed_bold-webfont.woff') format('woff'), url('/fonts/helvetica_lt_condensed_bold-webfont.ttf') format('truetype'), url('/fonts/helvetica_lt_condensed_bold-webfont.svg#helvetica_lt_condensedbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Helvetica'; src: url('/fonts/helvetica.eot'); src: url('/fonts/helvetica.eot?#iefix') format('embedded-opentype'), url('/fonts/helvetica.woff') format('woff'), url('/fonts/helvetica.ttf') format('truetype'), url('/fonts/helvetica.svg#helvetica') format('svg'); font-weight: normal; font-style: normal; } body { overflow-x: hidden; } .tel { display: none !important; } #dc_jqaccordion_widget-2-item { font: bold 14px Arial, sans-serif; border-top: 1px solid #111; border-right: 1px solid #111; border-left: 1px solid #111; } #dc_jqaccordion_widget-2-item ul, #dc_jqaccordion_widget-2-item ul li { margin: 0; padding: 0; border: none; list-style: none; } #dc_jqaccordion_widget-2-item ul a { padding: 10px 10px 10px 50px; background: #e3e6f6 !important; text-decoration:none; display: block; color: #151166; border-bottom: 1px solid #cbd0f3; position: relative; width:auto !important; } #dc_jqaccordion_widget-2-item ul a:hover { color:#021661 !important; } #dc_jqaccordion_widget-2-item ul ul a { background: #e3e6f6; } #dc_jqaccordion_widget-2-item ul a.dcjq-parent, #dc_jqaccordion_widget-2-item ul a.dcjq-parent:hover { background: #e3e6f6 !important; } #dc_jqaccordion_widget-2-item ul a .dcjq-icon { position: absolute; top: 50%; left: 14px; width: 34px; margin-top: -17px; height: 34px; background: url(/images/arrow_black_right.png) no-repeat 0 center; } #dc_jqaccordion_widget-2-item ul a.dcjq-parent.active .dcjq-icon { background: url(/images/arrow_black_down.png) no-repeat 0 center; } #dc_jqaccordion_widget-2-item ul a:hover, #dc_jqaccordion_widget-2-item ul .current_page_item > a, #dc_jqaccordion_widget-2-item > ul .current_page_item > a { background: #7573c6 !important; color: #fff; } #dc_jqaccordion_widget-2-item ul .current-menu-ancestor > a, #dc_jqaccordion_widget-2-item > ul .current-menu-ancestor > a { background: #7573c6 !important; } .mCustomScrollBox > .mCSB_scrollTools { height: 88% !important; right: 0; top: 20px !important; width: 16px; } #access { font: normal 14px 'MyriadProRegular'; display: block; float: left; margin: 0px; z-index: 9999999; position: absolute; padding: 0px 0px 0px 0px; } #access ul { list-style: none; margin: 0px; padding: 0px; } #access li { float: left; position: relative; font: normal 14px/24px 'MyriadProRegular'; } #access a { font: normal 14px/24px 'MyriadProRegular'; color: #666666; display: block; text-decoration: none; text-align: center; height: 32px; overflow: hidden; text-align: center; padding-bottom: 0px; } #access a:hover { color: #151166; text-decoration: none; } .menu-item-26 a { width: 52px; } .menu-item-26 a:hover { color: #151166; } .menu-item-35 a { width: 71px; } .menu-item-35 a:hover { color: #666; } .menu-item-34 a { width: 66px; } .menu-item-34 a:hover { color: #666; } .menu-item-33 a { width: 88px; } .menu-item-33 a:hover { color: #666; } .menu-item-32 a { width: 106px; } .menu-item-32 a:hover { color: #666; } .menu-item-31 a { width: 54px; } .menu-item-31 a:hover { } .menu-item-30 a { width: 68px; } .menu-item-30 a:hover { } .menu li a:hover, .menu li:hover > a, .menu > li:hover > a { color: #42aaed !important; } .menu .current-menu-item > a, .menu .current_page_item > a, .menu .current-menu-ancestor > a, .menu .current_page_ancestor > a { color: #42aaed !important; } #access ul ul { display: none; float: left; margin: 0px 0px 0px 0px !important; position: absolute; left: 0; top: 26px; z-index: 99999; height: auto; } #menu-item-34 ul li,#menu-item-33 ul li { width: 365px !important; } #access ul ul li { border-bottom: 1px solid #14245d; width: 250px; height: 52px; background: #192d74; } #access ul ul a { color: #ffffff; font: normal 14px/50px Verdana, Geneva, sans-serif; width: 97%; height: 52px; z-index: 99999; text-align: left !important; padding: 0px 0px 0px 8px; } #access ul ul li a:hover { color: #91b9f8 !important; background: url(/images/menu-hover-bg.gif) no-repeat left bottom; background-size: 100% auto; } #access ul li:hover > ul { display: block; } .menu ul li a:hover, .menu ul li:hover > a, .menu ul > li:hover > a, .menu > ul > li:hover > a { color: #ba423a; } .menu li .current-menu-item > a, .menu > li .current-menu-item > a, .menu li .current_page_item > a, .menu > li .current_page_item > a, .menu li .current-menu-ancestor > a, .menu > li .current-menu-ancestor > a, .menu li .current_page_ancestor > a, .menu > li .current_page_ancestor > a { color: #ba423a; background: url(/images/menu-hover-bg.gif) no-repeat left bottom !important; background-size: 100% auto !important; } /*.menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-4 current_page_item menu-item-526 { background-size:100% 100% !important; } .menu ul ul li a { background: url(/images/menu-hover-bg.gif) no-repeat left top !important; } .menu ul ul li a:hover, .menu ul ul li:hover > a, .menu ul ul > li:hover > a { background: url(/images/menu-hover-bg.gif) no-repeat left top !important; } .menu ul li .current-menu-item > a, .menu ul > li .current-menu-item > a, .menu > ul > li .current-menu-item > a, .menu ul li .current_page_item > a, .menu ul > li .current_page_item > a, .menu > ul > li .current_page_item > a { background: url(/images/menu-hover-bg.gif) no-repeat left top !important; }*/ body { margin: 0px 0px 0px 0px; overflow-y: scroll; *overflow-y:none; } #body-bg { background: url(/images/body-bg.gif) repeat-x 0 0 #d5dbf1; } #body-s-bg { background: url(/images/body-s-bg.gif) repeat-x 0 0 #f0f4f5; } #Container { width: 100%; margin: 0 auto; } .slide { width: 100%; height: 100%; } .slide-s { width: 95%; height: 130px; padding: 11px 0px 0px 8px; } /************************************* Home Page Styles ********************************************************/ #Header { margin: 0 auto; width: 960px; height: 118px; } #Logo { width: 368px; height: 65px; float: left; margin: 28px 0px 0px 0px; } #Appointment { width: 590px; height: 118px; float: left; } #Appointment img { float: left; margin: 5px 5px 0px 7px; } .appointment { width: 362px; height: 33px; float: right; margin: 15px 0px 37px 143px; } .app-left { width: 162px; height: 33px; float: left; border: 1px solid #dedede; font: normal 13px/33px HelveticaCyrUprightBold; color: #333333; } .app-left a { color: #333333; text-decoration: none; } .app-left a:hover { color: #333333; text-decoration: none; } .app-right { width: 191px; height: 33px; float: right; border: 1px solid #dedede; font: normal 24px/33px HelveticaCyrUprightBold; color: #333333; } .app-right a { color: #333333; text-decoration: none; } .app-right a:hover { color: #333333; text-decoration: none; } #Menu { width: 505px; height: 33px; float: left; } /**Header Ends**/ #Interactivity-Container { width: 100%; height: 368px; margin: 0px auto; overflow: hidden !important; position: relative; background: #d5dbf1; } #Interactivity-Container ul li{} #Interactivity { width: 960px; height: 100%; margin: 0px auto; } .intra-text { color: #151166; font: 25px/30px HelveticaCyrUprightBold; margin: 20px 605px 20px 0; position: absolute; z-index: 30; } .intra-text h2 { color: #d04f58; font-size: 14px; font-weight: normal; line-height: 21px; margin-top: 0px; } .intra-text-a h2{ color: #fff; font-size: 14px; font-weight: normal; line-height: 21px; margin-top: 0px; } #Interactivity .intra-a ul li{ margin-left:-24px; line-height:18px;} .intra-h { font: normal 14px/16px Verdana, Geneva, sans-serif; color: #282828; padding: 90px 669px 20px 0px; } .intra-h ul li{ margin-left:-25px;} .intra-text-a { font: normal 33px/38px HelveticaCyrUprightBold; color: #ffffff; margin: 28px 605px 20px 0px; position: absolute; z-index: 30; } .read-intra { font: normal 14px/16px "Arial Black", Gadget, sans-serif; color: #ffffff; padding: 0 0 0 21%; } .read-intra a { color: #ffffff; text-decoration: none; } .read-intra a:hover { color: #ffffff; text-decoration: none; } .read-intrap { font: normal 14px/16px "Arial Black", Gadget, sans-serif; color: #000000; padding: 0 0 0 21%; } .read-intrap a { color: #000000; text-decoration: none; } .read-intrap a:hover { color: #000000; text-decoration: none; } .intra-a { font: normal 14px/16px Verdana, Geneva, sans-serif; color: #f0f4f5; padding: 140px 605px 20px 0px; } .demo { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; } .demo1 { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; } .demo #div1 { background: url(/images/banner1-h-l-bg.jpg) no-repeat left top; } .demo #div2 { background: url(/images/banner2-h-l-bg.jpg) no-repeat left top; } .demo #div3 { background: url(/images/banner3-h-l-bg.jpg) no-repeat left top; } .demo #div4 { background: url(/images/banner4-h-l-bg.jpg) no-repeat left top; } .Inner-h-div1 { width: 100%; height: 100%; background: url(/images/banner1-h-r-bg.jpg) no-repeat right top; } .Inner-h-div2 { width: 100%; height: 100%; background: url(/images/banner2-h-r-bg.jpg) no-repeat right top; } .Inner-h-div3 { width: 100%; height: 100%; background: url(/images/banner3-h-r-bg.jpg) no-repeat right top; } .Inner-h-div4 { width: 100%; height: 100%; background: url(/images/banner4-h-r-bg.jpg) no-repeat right top; } .leftBGh-1 { width: 320px; height: 100%; position: absolute; display: block; margin: 0px 0px 0px -320px; background: url(/images/leftbg-h-1.jpg) right top; } .rightBGh-1 { width: 320px; height: 100%; position: absolute; margin: 0px 0px 0px 960px; background: url(/images/rightbg-h-1.jpg) no-repeat left top } .leftBGh-2 { width: 320px; height: 100%; position: absolute; display: block; margin: 0px 0px 0px -320px; background: url(/images/leftbg-h-2.jpg) right top; } .rightBGh-2 { width: 320px; height: 100%; position: absolute; margin: 0px 0px 0px 960px; background: url(/images/rightbg-h-2.jpg) no-repeat left top } .leftBGh-3 { width: 320px; height: 100%; position: absolute; display: block; margin: 0px 0px 0px -320px; background: url(/images/leftbg-h-3.jpg) right top; } .rightBGh-3 { width: 320px; height: 100%; position: absolute; margin: 0px 0px 0px 960px; background: url(/images/rightbg-h-3.jpg) no-repeat left top } .leftBGh-4 { width: 320px; height: 100%; position: absolute; display: block; margin: 0px 0px 0px -320px; background: url(/images/leftbg-h-4.jpg) right top; } .rightBGh-4 { width: 320px; height: 100%; position: absolute; margin: 0px 0px 0px 960px; background: url(/images/rightbg-h-4.jpg) no-repeat left top } #Intra-Button { width: 75px; height: 15px; position: absolute; margin: 320px 0px 0px 13px; z-index: 20; } #Intra-Button img { float: left; margin: 20px 4px 0px 0px !important; } /**Interactivity Ends**/ #Intra-Tabs { width: 960px; height: 140px; margin: 0px auto; border-top: 9px solid #d04f58; } .intra-tabs { width: 960px; height: 172px; position: absolute; z-index: 50; margin: -30px 0px 0px 0px; } .intra-tabs ul { list-style: none; margin: 0px; padding: 0px; } .intra-tabs ul li { float: left; width: 33%; } .intra-tabs ul li img { float: left; margin: 0px 0px 0px 73px; } .readmore{ font-size:13px; float:right;} .readmore a{ color:#000; text-decoration:none;} .readmore a:hover{ text-decoration:underline;} .readmore1{ font-size:13px; float:right;} .readmore1 a{ color:#fff; text-decoration:none;} .readmore1 a:hover{ text-decoration:underline;} /**Intra-Tabs Ends**/ #Warning-Main { width: 100%; height: 235px; } #Warnings { width: 960px; height: 235px; margin: 0px auto; border-top: 1px solid #c7c7c7; } #Warnings-Left { width: 711px; height: 233px; float: left; } .critical-text { font: normal 30px/35px HelveticaNarrowRegular; color: #151166; padding: 38px 0px 0px 0px; text-align: center; } .critical-text span { font: normal 30px/35px HelveticaNarrowRegular; color: #b72731; } .critical { font: normal 30px/35px 'HelveticaCyrUprightBold'; color: #151166; text-align: center; } .critical span { font: normal 25px/35px 'HelveticaCyrUprightBold'; } .warning-text { font: normal 13px/16px Arial, Helvetica, sans-serif; color: #151166; text-align: center; padding: 0px 87px 0px 85px; } .read-more-h { width: 109px; height: 24px; margin: 17px 0px 0px 0px; background: url(/images/read-more-bg.png) no-repeat left top; font: normal 14px/24px Arial, Helvetica, sans-serif; color: #f0f4f5; text-align: center; margin-left: 297px; } .read-more-h a { color: #f0f4f5; text-decoration: none; } .read-more-h a:hover { color: #d04f58; text-decoration: none; } #Warnings-Right { width: 249px; height: 51px; float: left; background: url(/images/guarantee-img-new.png) no-repeat left top; font: normal 14px/16px Arial, Helvetica, sans-serif; color: #333333; text-align: center; padding: 182px 0px 0px 0px; } #Warnings-Right span { font: normal 24px/26px Arial, Helvetica, sans-serif; } #Warnings-Right a { color: #333333; text-decoration: none; } #Warnings-Right a:hover { color: #333333; text-decoration: none; } /**Warnings Ends**/ #Video-Main { width: 100%; height: 398px; } #Video { width: 960px; height: 398px; margin: 0px auto; } .video-h img { float: left; margin: 70px 20px 0px 0px; } .video-h { width: 560px; height: 398px; float: left; } #Therapy-H { width: 400px; height: 398px; float: right; } /**Video Ends**/ #Our-Team { width: 560px; height: 399px; margin: 0px auto; float: left; } .our-team { width: 540px; height: 52px; font: normal 38px/52px 'HelveticaCyrUprightBold'; color: #f0f4f5; text-align: center; float: left; margin: 50px 0px 0px 0px; background: #3c9575; } .our-team a { color: #f0f4f5; text-decoration: none; } .our-team a:hover { color: #f0f4f5; text-decoration: none; } .our-team img { float: right; margin: 7px 17px 0px 0px; *margin:-48px 17px 0px 0px; } #dropdownwrap { width: 560px; height: 297px; float: left; display: block; } #dropdownwrap img { float: left; margin: 28px 10px 0px 2px; } .dr-name { font: normal 22px/24px 'HelveticaCyrUprightBold'; color: #ffffff; padding: 27px 5px 0px 0px; } .dr-name a { color: #3d3d3d; text-decoration: none; } .dr-name a:hover { color: #3d3d3d; text-decoration: none; } .dr-text { font: normal 13px/20px Arial, Helvetica, sans-serif; color: #ffffff; padding: 5px 20px 0px 0px; text-align: left; } .read-more-team { width: 109px; height: 24px; font: normal 14px/24px Arial, Helvetica, sans-serif; color: #f0f4f5; background: url(/images/read-more-team-bg.gif) no-repeat left top; float: right; margin: 6px 84px 0px 0px; text-align: center; } .read-more-team a { color: #f0f4f5; text-decoration: none; } .read-more-team a:hover { color: #213644; text-decoration: none; } .arrow { width: 300px; height: 30px; margin: 170px 0px 0px 251px; position: absolute; z-index: 100; } .arrow img { float: left; } /**Our team Ends**/ #Reading { width: 100%; height: 366px; overflow: hidden !important; } #Reading-Difficulties { width: 960px; height: 366px; margin: 0px auto; position: relative; } .leftBGh-r { width: 320px; height: 100%; position: absolute; display: block; margin: 0px 0px 0px -320px; } .rightBGh-r { width: 320px; height: 100%; position: absolute; margin: 0px 0px 0px 960px; } #Reading-Difficulties ul { list-style: none; margin: 0px; padding: 0px; } #Reading-Difficulties ul li { width: 16%; height: auto; float: left; } #Reading-Difficulties ul li img { /*float: left;*/ margin: 41px 0px 27px 0px; } .read-text { font: normal 17px/20px 'helvetica_lt_condensedbold'; color: #3d3d3d; padding: 10px 0px 17px 35px; text-align: center; float: left; } .read-text-a { font: normal 18px/20px 'helvetica_lt_condensedbold'; color: #3d3d3d; padding: 9px 0px 17px 50px; float: left; } .read-text-b { font: 18px/20px 'helvetica_lt_condensedbold'; color: #3D3D3D; float: left; padding: 10px 10px 12px 0px; text-align: center; } .read-description { font: normal 13px/15px Arial, Helvetica, sans-serif; color: #3d3d3d; padding: 48px 31px 0px 3px; text-align: center; } #Reading-Difficulties ul li a { color: #3d3d3d; text-decoration: none; } #Reading-Difficulties ul li a:hover { color: #17242b; text-decoration: none; } /**Reading-Difficulties Ends**/ #englishLanguage { margin:41px 0px 0px 0px; } #Programs-container { width: 100%; height: 288px; overflow: hidden; } #Programs { width: 960px; height: 288px; margin: 0px auto; position: relative; background: #d5dbf1; } .leftBGh-p { width: 320px; height: 100%; position: absolute; display: block; margin: 0px 0px 0px -320px; background: url(/images/programs-leftbg.gif) no-repeat right top; } .rightBGh-p { width: 320px; height: 100%; position: absolute; margin: 0px 0px 0px 960px; background: url(/images/programs-rightbg.gif) no-repeat left top; } #Programs ul { list-style: none; margin: 0px; padding: 0px; } #Programs ul li { width: 240px; height: 288px; float: left; background: url(/images/programs-list-bg.jpg) no-repeat left top; } .program-text { font: normal 18px/20px 'helvetica_lt_condensedbold'; color: #2b3939; text-align: center; padding: 41px 0px 14px 0px; } .program-details { font: normal 13px/15px Arial, Helvetica, sans-serif; color: #5a5a5a; text-align: center; padding: 0px 26px 0px 30px; } #Programs ul li a { color: #2b3939; text-decoration: none; } #Programs ul li a:hover { color: #2b26a7; text-decoration: none; } .read-more-p { width: 109px; height: 24px; margin: 17px 0px 0px 0px; background: url(/images/read-more-bg.png) no-repeat left top; font: normal 14px/24px Arial, Helvetica, sans-serif; color: #f0f4f5; text-align: center; margin: 17px 0px 0px 66px; } .read-more-p a { color: #f0f4f5 !important; text-decoration: none; } .read-more-p a:hover { color: #2b26a7; text-decoration: none; } /**Programs Ends**/ #Footer-Container { width: 100%; height: 273px; margin: 0px auto; background: #2b2875; clear: both; } #Footer { width: 960px; height: 273px; margin: 0px auto; } .footer-services { font: normal 14px/16px Arial, Helvetica, sans-serif; color: #ffffff; padding: 27px 0px 14px 13px; } .footer-services a { color: #ffffff; text-decoration: none; } .footer-services a:hover { color: #ffffff; text-decoration: none; } #Footer-Links { width: 20%; height: auto; float: left; } #Footer-Links ul { list-style: none; padding: 0px; margin: 0px; } #Footer-Links ul li { font: normal 13px/18px Arial, Helvetica, sans-serif; color: #99ccff; padding: 0px 0px 0px 13px; } #Footer-Links ul li a { color: #99ccff; text-decoration: none; } #Footer-Links ul li a:hover { color: #99ccff; text-decoration: none; } #Footer-Menu { width: 20%; height: auto; float: left; } #Footer-Menu ul { list-style: none; padding: 0px; margin: 0px; } #Footer-Menu ul li { font: normal 13px/18px Arial, Helvetica, sans-serif; color: #99ccff; padding: 0px 0px 0px 13px; } #Footer-Menu ul li a { color: #99ccff; text-decoration: none; } #Footer-Menu ul li a:hover { color: #99ccff; text-decoration: none; } #Social-Icons { width: 30%; height: auto; float: right; } #Footer-OTSP, #Social-Icons { width: 25% !important; float: left; } .follow-us { font: normal 16px/20px Arial, Helvetica, sans-serif; color: #f0f4f5; margin: 27px 35px 0px auto; text-align: right; } .social-icon img { float: right; margin: 26px 0px 0px 18px; } .addthis_button { margin: 0px 0px 0px 400px; float: left; } .CopyrightText { font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #f0f4f5; float: right; margin: 30px 0px 0px auto; } .CopyrightText a { text-decoration: none; color: #f0f4f5; } .CopyrightText a:hover { text-decoration: underline; color: #f0f4f5; } .ypo-logo img { float: right; margin: 22px 0px 0px 0px; } .footer-services-ostp{ font: normal 14px/16px Arial, Helvetica, sans-serif; color: #ffffff; padding: 27px 0px 14px 13px; } .otsp-logo { margin: 25px 0px auto 0px; } /**Sub_page Styles**/ #Interactivity-Container-s { width: 100%; height: 238px; margin: 0px auto; overflow: hidden !important; position: relative; background: #d5dbf1; } #Interactivity-s { width: 960px; height: 100%; margin: 0px auto; } .intra-text-s { font: normal 24px/32px HelveticaCyrUprightBold; color: #151166; margin: 70px 666px 20px 0px; position: absolute; z-index: 30; } .intra-text-s-a { font: normal 26px/32px HelveticaCyrUprightBold; color: #ffffff; margin: 70px 640px 20px 0px; position: absolute; z-index: 30; } .demo-s { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; } .demo1-s { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; } #div1, .demo1-s { background: url(/images/banner1-s-l-bg.jpg) no-repeat left top; } #div2, .demo1-s { background: url(/images/banner2-s-l-bg.jpg) no-repeat left top; } #div3, .demo1-s { background: url(/images/banner3-s-l-bg.jpg) no-repeat left top; } #div4, .demo1-s { background: url(/images/banner4-s-l-bg.jpg) no-repeat left top; } .Inner-s-div1 { width: 100%; height: 100%; background: url(/images/banner1-s-r-bg.jpg) no-repeat right top; } .Inner-s-div2 { width: 100%; height: 100%; background: url(/images/banner2-s-r-bg.jpg) no-repeat right top; } .Inner-s-div3 { width: 100%; height: 100%; background: url(/images/banner3-s-r-bg.jpg) no-repeat right top; } .Inner-s-div4 { width: 100%; height: 100%; background: url(/images/banner4-s-r-bg.jpg) no-repeat right top; } .leftBGs-1 { width: 320px; height: 100%; position: absolute; display: block; margin: 0px 0px 0px -320px; background: url(/images/leftbg-s-1.jpg) right top; } .rightBGs-1 { width: 320px; height: 100%; position: absolute; margin: 0px 0px 0px 960px; background: url(/images/rightbg-s-1.jpg) no-repeat left top } .leftBGs-2 { width: 320px; height: 100%; position: absolute; display: block; margin: 0px 0px 0px -320px; background: url(/images/leftbg-s-2.jpg) right top; } .rightBGs-2 { width: 320px; height: 100%; position: absolute; margin: 0px 0px 0px 960px; background: url(/images/rightbg-s-2.jpg) no-repeat left top } .leftBGs-3 { width: 320px; height: 100%; position: absolute; display: block; margin: 0px 0px 0px -320px; background: url(/images/leftbg-s-3.jpg) right top; } .rightBGs-3 { width: 320px; height: 100%; position: absolute; margin: 0px 0px 0px 960px; background: url(/images/rightbg-s-3.jpg) no-repeat left top } .leftBGs-4 { width: 320px; height: 100%; position: absolute; display: block; margin: 0px 0px 0px -320px; background: url(/images/leftbg-s-4.jpg) right top; } .rightBGs-4 { width: 320px; height: 100%; position: absolute; margin: 0px 0px 0px 960px; background: url(/images/rightbg-s-4.jpg) no-repeat left top } #Intra-Button-s { width: 75px; height: 15px; position: absolute; margin: 212px 0px 0px 13px; z-index: 20; } #Intra-Button-s img { float: left; margin: 0px 4px 0px 0px; } .read-intra-s { font: normal 14px/16px "Arial Black", Gadget, sans-serif; color: #ffffff; padding: 18% 0 0 15%; } .read-intra-s a { color: #ffffff; text-decoration: none; } .read-intra-s a:hover { color: #ffffff; text-decoration: none; } .read-intra-sp { font: normal 14px/16px "Arial Black", Gadget, sans-serif; color: #2b26a7; padding: 18% 0 0 15%; } .read-intra-sp a { color: #2b26a7; text-decoration: none; } .read-intra-sp a:hover { color: #2b26a7; text-decoration: none; } /**Interactivity Ends**/ #Content-Main { width: 960px; height: auto; margin: 0px auto; } /*----- Content Left Styles -----*/ #Content-Left { width: 734px; height: auto; float: left; } /*--- Navigation Starts ---*/ .navigation { padding: 20px 0px 5px 5px; } .navigation a { font-weight: normal; text-decoration: underline; } .navigation a:hover { font-weight: normal; text-decoration: underline; } /*--- Textmain Starts ---*/ #SideBar { width: 226px; height: auto; float: left; } #Meet-Dr-S { width: 100%; height: 179px; } .our-doctor-s { width: 219px; height: 32px; font: normal 18px/32px 'Helvetica'; color: #ffffff; background: #d04f58; margin: 19px 0px 0px 0px; padding: 0px 0px 0px 7px; } .our-doctor-s a { color: #ffffff; text-decoration: none; } .our-doctor-s a:hover { color: #ffffff; text-decoration: none; } .dr-barbara { width: 226px; height: 142px; font: normal 17px/22px 'Helvetica'; color: #192d74; padding: 0px 0px 0px 0px; background-color: #dfe3f6; } .dr-barbara span { font: normal 14px/18px 'Helvetica'; color: #333333; } .marilyn-s .read-more-s{ margin-top: 10px !important; margin-left: -3px !important; } .read-more-s { width: 109px; height: 24px; font: normal 14px/24px Arial, Helvetica, sans-serif; color: #f0f4f5; text-align: center; background: url(/images/read-more-s-bg.jpg) no-repeat left top; margin: 23px 0px 0px 0px; } .read-more-s a { color: #f0f4f5; text-decoration: none; } .read-more-s a:hover { color: #d04f58; text-decoration: none; } #dr-profile-s { width: 100%; height: 132px; background: url(/images/dr-profile-s-bg.jpg) no-repeat right top; } #Money-Back { width: 120px; height: 66px; font: normal 15px/20px 'HelveticaCyrUprightBold'; color: #ffffff; padding: 23px 0px 0px 106px; background: url(/images/money-back-s-bg.jpg) no-repeat left top; } #Money-Back a { color: #ffffff; text-decoration: none; } #Money-Back a:hover { color: #ebd75c; text-decoration: none; } #Warnings-S { width: 226px; } .therapy-text a { text-decoration: none !important; float: right; } .therapy-text a:hover{ color: #2B26A7;} #Warnings-S ul { list-style: none; margin: 0px; padding: 0px; } #Warnings-S ul li { height: 55px; background-color: #3c9575; margin-bottom: 6px; font: normal 15px/16px 'Helvetica'; color: #ffffff; padding: 25px 0px 0px 0px; } #Warnings-S ul li img { float: left; margin: -3px 10px 0px 16px; } #Warnings-S ul li a { color: #ffffff; text-decoration: none; } #Warnings-S ul li a:hover { color: #ffffff; text-decoration: none; } #Services-s { width: 226px; height: 450px; margin: 25px 0 110px; } #Services-s ul { list-style: none; margin: 0px; padding: 0px; } #Services-s ul li { height: 58px; font: normal 18px/20px 'helvetica_lt_condensedbold'; color: #3d3d3d; padding: 18px 0px 0px 0px; background: url(/images/services-s-list-bg.gif) no-repeat left top; } #Services-s ul li img { float: left; margin: -5px 15px 20px 16px; } #Services-s ul li a { color: #3d3d3d; text-decoration: none; } #Services-s ul li a:hover { color: #2b26a7; text-decoration: none; } .lang-s { height: 75px !important; font: normal 18px/20px 'helvetica_lt_condensedbold'; color: #3d3d3d; padding: 1px 0px 0px 0px !important; background: url(/images/services-s-list-bg.gif) no-repeat left top; } .lang-s img { float: left; margin: 8px 15px 20px 16px !important; } .lang-s a { color: #3d3d3d; text-decoration: none; } .lang-s a:hover { color: #2b26a7; text-decoration: none; } .trouble-s img { margin: -11px 10px 0 16px !important; } #Video-s { width: 226px; height: 80px; font: normal 25px/80px Arial, Helvetica, sans-serif; color: #ffffff; background: #2e5c9b; margin: 25px 0px 110px 0px; } #Video-s img { float: left; margin: 20px 8px 0px 15px; } #Video-s a { color: #ffffff; text-decoration: none; } #Video-s a:hover { color: #3c9575; text-decoration: none; } #Services-m { display: none; } #Mob-Reading { display: none; } #mheader { display: none; } /**Responsive Css**/ .dvd { width: 100%; height: auto; } .dvd img { box-shadow: 5px 5px 5px #000; border: 1px solid #CEDBE7; width: 75%; height: auto; } #videoYoutube { width: 63%; height: 282px; } @media screen and (max-width : 896px) { .docleft, .docleft1 { display: block !important; padding: 20px !important; width: 300px !important; margin: 10px auto !important; } .docright { display: block !important; padding: 10px 0px 10px 20px !important; width: 320px !important; margin: 10px auto !important; } #SideBar { width: 355px; height: auto; float: right; margin-top: -340px; } #Social-Icons { width: 51%; height: auto; float: none; } #Footer-Container { height: 400px; } #Footer-Links { width: 28%; height: auto; float: left; } #Footer-Links { width: 28%; height: auto; float: left; } #Footer-OTSP { width: 30%; float: left; margin: 10px; } #Footer { width: 830px; } } @media screen and (max-width : 801px) { #SideBar { width: 355px; height: auto; float: right; margin-top: 100px; width: 31%; } } @media screen and (max-width : 737px) { .docright { display: block !important; padding: 10px 0px 10px 20px !important; width: 295px !important; margin: 10px auto !important; } .docleft, .docleft1 { display: block !important; padding: 20px !important; width: 280px !important; margin: 10px auto !important; } #SideBar { width: 495px; float: right; margin-top: -380px; } .appointment { width: 362px; height: 33px; float: right; margin: 15px 0px 10px 143px !important; } #Footer-OTSP, #Social-Icons { width: 72% !important; float: left; } } @media screen and (max-width : 640px) { .docrow { float: none; display: block; width: 450px; } #Footer { width: 545px !important; height: 396px; } #Footer-Links { width: 33% !important; } #Footer-Menu { width: 26% !important; } #Footer-OTSP { width: 30% !important; float: left; margin: 10px; } } @media screen and (max-width : 480px) and (min-width : 320px) and (orientation : portrait) { .app-right { display: none; } .tel { display: block !important; } .early { margin: 15px 0 0 0px !important; text-align: center; width: 319px; } #body-bg { background: none; } #Header { width: 320px; height: 185px; } #Logo { width: 320px; height: 78px; margin: 0px 0px 0px 0px; } #Logo img { margin: 10px 0px 0px 0px; } #Appointment { width: 316px; height: 106px; } #Appointment img { margin: 5px 5px 0px 7px; } #Footer-OTSP { width: 100%; float: none; text-align: center; clear: both; } .appointment { float: left; margin: 15px 0px 25px 4px; width: 316px; } .app-left { width: 136px; font: normal 13px/33px HelveticaCyrUprightBold; margin-right: 4px; } .app-right { width: 170px; float: left; font: normal 21px/33px HelveticaCyrUprightBold; } #Menu { display: none; } #mheader { width: 101%; height: 34px; font: normal 15px/33px Verdana, Geneva, sans-serif; color: #ffffff; display: block; float: left; margin: 0px 0px 0px 0px; background: #151166; } #wrapper { margin: 0px 0px 0px 0px; left: 0; position: absolute; width: 100%; z-index: 300; } #Footer-OTSP, #Social-Icons { width: 72% !important; float: left; } .menu-m img { margin: 12px 10px 0px 5px !important; float: left; } #mheader a { color: #ffffff; text-decoration: none; } #mheader a:hover { color: #ffffff; text-decoration: none; } .menu-m { width: 30%; height: auto; float: none; margin: 0px auto; } /**Header Ends**/ #Interactivity-Container { width: 100%; height: 218px; margin: 0px auto; overflow: hidden !important; position: relative; background: #d5dbf1; } #Interactivity { width: 320px; height: 100%; margin: 0px auto; } .intra-text, .intra-a { display: none; } .intra-text-a { display: none; } .intra-h { display: none; } .demo #div1 { background: url(/images/banner1-mob-bg.jpg) no-repeat left top; } .demo #div2 { background: url(/images/banner1-mob-bg.jpg) no-repeat left top; } .demo #div3 { background: url(/images/banner1-mob-bg.jpg) no-repeat left top; } .demo #div4 { background: url(/images/banner1-mob-bg.jpg) no-repeat left top; } .Inner-h-div1 { background: none; } .Inner-h-div2 { background: none; } .Inner-h-div3 { background: none; } .Inner-h-div4 { background: none; } .leftBGh-1 { width: 120px; margin: 0px 0px 0px -120px; background: url(/images/leftbg-mob-1.jpg) right top; } .rightBGh-1 { width: 120px; margin: 0px 0px 0px 320px; background: url(/images/rightbg-mob-1.jpg) no-repeat left top } .leftBGh-2 { width: 120px; margin: 0px 0px 0px -120px; background: url(/images/leftbg-mob-1.jpg) right top; } .rightBGh-2 { width: 120px; margin: 0px 0px 0px 320px; background: url(/images/rightbg-mob-1.jpg) no-repeat left top } .leftBGh-3 { width: 120px; margin: 0px 0px 0px -120px; background: url(/images/leftbg-mob-1.jpg) right top; } .rightBGh-3 { width: 120px; margin: 0px 0px 0px 320px; background: url(/images/rightbg-mob-1.jpg) no-repeat left top } .leftBGh-4 { width: 120px; margin: 0px 0px 0px -120px; background: url(/images/leftbg-mob-1.jpg) right top; } .rightBGh-4 { width: 120px; margin: 0px 0px 0px 320px; background: url(/images/rightbg-mob-1.jpg) no-repeat left top } #Intra-Button { display: none; } .read-intrap { display: none; } .read-intra { display: none; } .read-intra-sp { display: none; } .read-intra-s { display: none; } /**Interactivity Ends**/ #Intra-Tabs { width: 320px; height: 80px; border-top: 5px solid #d04f58; } .intra-tabs { width: 320px; height: 90px; margin: -15px 0px 0px 0px; } .intra-tabs ul li { width: 33%; height: 86px; } .intra-tabs ul li img { margin: 0px 0px 0px 16px; width: 71%; height: 100%; } /**Intra-Tabs Ends**/ #Warning-Main { width: 100%; height: 555px; background: #cbd0f3; } #Warnings { width: 320px; height: 555px; margin: 0px auto; border-top: 1px solid #c7c7c7; } #Warnings-Left { width: 320px; height: 293px; float: none; margin: 0px auto; } .critical-text { font: normal 22px/28px HelveticaNarrowRegular; padding: 19px 0px 0px 0px; text-align: center; } .critical-text span { font: normal 22px/28px HelveticaNarrowRegular; color: #b72731; } .critical { font: normal 26px/32px 'HelveticaCyrUprightBold'; } .critical span { font: normal 21px/26px 'HelveticaCyrUprightBold'; } .warning-text { font: normal 13px/16px Arial, Helvetica, sans-serif; padding: 0px 37px 0px 25px; } .read-more-h { margin: 7px 0px 0px 93px; } #Warnings-Right { width: 237px; height: 66px; float: none; padding: 194px 0px 0px 0px; margin: 0px auto; } #Warnings-Right span { font: normal 24px/26px Arial, Helvetica, sans-serif; } /**Warnings Ends**/ #Video-Main { width: 100%; height: 508px; background: url(/images/video-mob-back-bg.gif) repeat-x left top; } #Video { width: 320px; height: 510px; margin: 0px auto; } .video-h img { float: left; margin: 45px 20px 0px 4px; width: 28%; height: auto; } .video-h { width: 320px; height: 241px; float: none; margin: 0px auto; } #Therapy-H { width: 320px; height: 237px; float: left; margin: 0px auto; } /**Video Ends**/ #Main { width: 1005; height: auto; background: #d5dbf1; } #Our-Team { width: 320px; height: 116px; } .our-team { width: 320px; height: 29px; font: normal 26px/29px 'HelveticaCyrUprightBold'; color: #f0f4f5; text-align: center; float: left; margin: 30px 0px 0px 0px; background: #3c9575; } .our-team img { float: right; margin: 7px 17px 0px 0px; *margin:-48px 17px 0px 0px; } #dropdownwrap { width: 320px; height: 138px; float: left; display: block; padding: 0px 0px 0px 0px; } #dropdownwrap img { margin: 28px 20px 0px 16px; } .dr-name { font: normal 14px/33px 'HelveticaCyrUprightBold'; padding: 20px 0 0 0; text-align: left; } .dr-text { font: normal 12px/16px Arial, Helvetica, sans-serif; text-align: center; padding: 0px; display: none; } .read-more-team { margin: 24px 62px 0 0; float: left; } /**Our team Ends**/ #Reading { display: block; height: 300px; } #Mob-Reading { display: none; } #Programs-container { width: 100%; height: 390px; } #Programs { width: 320px; height: 350px; } .leftBGh-p { width: 120px; margin: 0px 0px 0px -120px; background-size: 100% auto; } .rightBGh-p { width: 120px; margin: 0px 0px 0px 480px; background-size: 100% auto; } #Programs ul li { width: 50%; height: 188px; background-size: 100% auto; } .program-details { font: normal 12px/15px Arial, Helvetica, sans-serif; text-align: center; padding: 0px 3px 0px 5px; } .program-text { font: 12px/16px 'helvetica_lt_condensedbold'; padding: 20px 0 5px; text-align: center; } .read-more-p { background-size: 100% auto; font: 11px/18px Arial, Helvetica, sans-serif; height: 24px; margin: 5px 0 0 42px; text-align: center; width: 80px; } /**Programs Ends**/ #Footer-Container { width: 100%; height: auto; } #Footer { width: 320px; height: auto; } #Footer-Links { width: 50%; } #Footer-Menu { width: 50%; } #Social-Icons { width: 100%; float: none; text-align: center; } .follow-us { font: normal 16px/20px Arial, Helvetica, sans-serif; color:#f0f4f5; margin: auto; float: none; text-align: center; width: 100%; padding: 27px 0px 14px 13px; } .addthis_button { margin: 0px 0px 0px 180px; } .CopyrightText { float: none; margin: 16px 0px 0px auto; } .ypo-logo img { float: none; margin: 22px 0px 0px 6px; } .social-icon img { margin: 5px 0px 0 0; float: none; } /**Sub_page Styles**/ #body-s-bg { background: none; } #Interactivity-Container-s { width: 100%; height: 218px; } #Interactivity-s { width: 320px; } .intra-text-s { display: none; } .intra-text-s-a { display: none; } #div1, .demo1-s { background: url(/images/banner1-mob-bg.jpg) no-repeat left top; } #div2, .demo1-s { background: url(/images/banner1-mob-bg.jpg) no-repeat left top; } #div3, .demo1-s { background: url(/images/banner1-mob-bg.jpg) no-repeat left top; } #div4, .demo1-s { background: url(/images/banner1-mob-bg.jpg) no-repeat left top; } .Inner-s-div1 { background: none; } .Inner-s-div2 { background: none; } .Inner-s-div3 { background: none; } .Inner-s-div4 { background: none; } .leftBGs-1 { width: 120px; margin: 0px 0px 0px -120px; background: url(/images/leftbg-mob-1.jpg) right top; } .rightBGs-1 { width: 120px; margin: 0px 0px 0px 320px; background: url(/images/rightbg-mob-1.jpg) no-repeat left top } .leftBGs-2 { width: 120px; margin: 0px 0px 0px -120px; background: url(/images/leftbg-mob-1.jpg) right top; } .rightBGs-2 { width: 120px; margin: 0px 0px 0px 320px; background: url(/images/rightbg-mob-1.jpg) no-repeat left top } .leftBGs-3 { width: 120px; margin: 0px 0px 0px -120px; background: url(/images/leftbg-mob-1.jpg) right top; } .rightBGs-3 { width: 120px; margin: 0px 0px 0px 320px; background: url(/images/rightbg-mob-1.jpg) no-repeat left top } .leftBGs-4 { width: 120px; margin: 0px 0px 0px -120px; background: url(/images/leftbg-mob-1.jpg) right top; } .rightBGs-4 { width: 120px; margin: 0px 0px 0px 480px; background: url(/images/rightbg-m-1.jpg) no-repeat left top } #Intra-Button-s { display: none; } /**Interactivity Ends**/ #Content-Main { width: 320px; } /*----- Content Left Styles -----*/ #Content-Left { width: 99%; float: left; margin: 0px auto; } #SideBar { width: 100%; float: left; margin: 0px auto; } #Meet-Dr-S { width: 100%; height: 179px; } .our-doctor-s { font: 19px/32px 'Helvetica'; height: 32px; margin: 0 auto; padding: 0 0 0 6px; width: 300px; } .dr-barbara { width: 307px; padding: 0px 0px 0px 0px; float: none; margin: 0px auto; } .slide-s { width: 99%; height: 130px; padding: 11px 0px 0px 4px; } #Money-Back { width: 160px; height: 76px; font: normal 18px/22px 'HelveticaCyrUprightBold'; padding: 13px 0px 0px 146px; background: url(/images/money-back-m-bg.jpg) no-repeat left top; float: none; margin: 0px auto; } #Warnings-S { width: 306px; height: 210px; float: none; margin: 0px auto; } #Warnings-S ul { list-style: none; margin: 0px; padding: 0px; } #Warnings-S ul li { font: normal 17px/19px 'Helvetica'; height: 65px; } #Warnings-S ul li img { float: left; margin: -3px 6px 0px 17px; } #Services-s { display: none; } #Services-m { width: 310px; height: 550px; display: block; float: none; margin: 0px auto; } #Services-m ul { list-style: none; margin: 0px; padding: 0px; } #Services-m ul li { height: 68px; font: normal 18px/20px 'helvetica_lt_condensedbold'; color: #3d3d3d; padding: 10px 0px 0px 0px; background: url(/images/services-m-list-bg.jpg) no-repeat left top; } #Services-m ul li img { float: left; margin: 2px 15px 0px 16px; } #Services-m ul li a { color: #3d3d3d; text-decoration: none; } #Services-m ul li a:hover { color: #3d3d3d; text-decoration: none; } .trouble-m img { margin: -12px 10px 0px 16px !important; } #Video-s { width: 300px; height: 80px; float: none; margin: 0px auto; margin-bottom: 20px; } .GotoTop { display: none !important; } #videoYoutube { height: 296px !important; width: 100% !important; } #Reading-Difficulties { width: 320px; height: 300px; margin: 0px auto; background: url(/images/reading-bg.jpg) no-repeat left top #d5dbf1; position: relative; } #Reading-Difficulties ul { list-style: none; margin: 0px; padding: 0px; } #Reading-Difficulties ul li { width: 50%; height: auto; float: left; } #Reading-Difficulties ul li img { float: left; height: auto; margin: 18% 0 0 36% !important; width: 32%; } .read-text { color: #3D3D3D; float: left; font: 18px/20px 'helvetica_lt_condensedbold'; padding: 20px 0 17px 80px; } .read-text-a { font: normal 18px/20px 'helvetica_lt_condensedbold'; color: #3d3d3d; padding: 20px 0 17px 95px; float: left; } .read-text-b { font: 18px/20px 'helvetica_lt_condensedbold'; color: #3D3D3D; float: left; padding: 20px 0 17px 25px; text-align: center; } .read-description { color: #3D3D3D; font: 13px/15px Arial, Helvetica, sans-serif; padding: 163px 62px 0 72px; text-align: center; } #Reading-Difficulties ul li a { color: #3d3d3d; text-decoration: none; } #Reading-Difficulties ul li a:hover { color: #17242b; text-decoration: none; } /**Reading-Difficulties Ends**/ } @media screen and (max-width : 640px) and (min-width : 480px) and (orientation : landscape) { .early { margin: 10px 0 0 75px !important; } #body-bg { background: none; } .GotoTop { display: none !important; } #Header { width: 480px; height: 184px; } #Logo { width: 480px; height: 78px; margin: 0px 0px 0px 0px; } #Logo img { margin: 10px 0px 0px 100px; } #Appointment { width: 480px; height: 106px; } #Appointment img { margin: 5px 5px 0px 7px; } .appointment { float: left; margin: 15px 0px 25px 48px; } #Menu { display: none; } #mheader { width: 100%; height: 40px; font: normal 15px/33px Verdana, Geneva, sans-serif; color: #ffffff; display: block; float: left; margin: 0px 0px 0px 0px; background: #151166; } #wrapper { margin: 0px 0px 0px 0px; left: 0; position: absolute; width: 100%; z-index: 300; } .menu-m img { margin: 12px 10px 0px 5px !important; float: left; } #mheader a { color: #ffffff; text-decoration: none; } #mheader a:hover { color: #ffffff; text-decoration: none; } .menu-m { width: 20%; height: auto; float: none; margin: 0px auto; } /**Header Ends**/ #Interactivity-Container { width: 100%; height: 218px; margin: 0px auto; overflow: hidden; position: relative; background: #d5dbf1; } #Interactivity { width: 480px; height: 100%; margin: 0px auto; } .intra-text { display: none; } .intra-text-a, .intra-a, .intra-h { display: none !important; } .demo #div1 { background: url(/images/banner1-m-bg.jpg) no-repeat left top; } .demo #div2 { background: url(/images/banner1-m-bg.jpg) no-repeat left top; } .demo #div3 { background: url(/images/banner1-m-bg.jpg) no-repeat left top; } .demo #div4 { background: url(/images/banner1-m-bg.jpg) no-repeat left top; } .Inner-h-div1 { background: none; } .Inner-h-div2 { background: none; } .Inner-h-div3 { background: none; } .Inner-h-div4 { background: none; } .leftBGh-1 { width: 120px; margin: 0px 0px 0px -120px; background: url(/images/leftbg-m-1.jpg) right top; } .rightBGh-1 { width: 120px; margin: 0px 0px 0px 480px; background: url(/images/rightbg-m-1.jpg) no-repeat left top } .leftBGh-2 { width: 120px; margin: 0px 0px 0px -120px; background: url(/images/leftbg-m-1.jpg) right top; } .rightBGh-2 { width: 120px; margin: 0px 0px 0px 480px; background: url(/images/rightbg-m-1.jpg) no-repeat left top } .leftBGh-3 { width: 120px; margin: 0px 0px 0px -120px; background: url(/images/leftbg-m-1.jpg) right top; } .rightBGh-3 { width: 120px; margin: 0px 0px 0px 480px; background: url(/images/rightbg-m-1.jpg) no-repeat left top } .leftBGh-4 { width: 120px; margin: 0px 0px 0px -120px; background: url(/images/leftbg-m-1.jpg) right top; } .rightBGh-4 { width: 120px; margin: 0px 0px 0px 480px; background: url(/images/rightbg-m-1.jpg) no-repeat left top } #Intra-Button { display: none; } .read-intrap { display: none; } .read-intra { display: none; } .read-intra-sp { display: none; } /**Interactivity Ends**/ #Intra-Tabs { width: 480px; height: 80px; border-top: 5px solid #d04f58; } .intra-tabs { width: 480px; height: 90px; margin: -15px 0px 0px 0px; } .intra-tabs ul li { width: 33%; height: 86px; } .intra-tabs ul li img { margin: 0px 0px 0px 30px; width: 53%; height: 100%; } /**Intra-Tabs Ends**/ #Warning-Main { width: 100%; height: 555px; background: #cbd0f3; } #Warnings { width: 480px; height: 555px; margin: 0px auto; border-top: 1px solid #c7c7c7; } #Warnings-Left { width: 480px; height: 293px; float: none; margin: 0px auto; } .critical-text { font: normal 24px/28px HelveticaNarrowRegular; padding: 19px 0px 0px 0px; text-align: center; } .critical-text span { font: normal 24px/28px HelveticaNarrowRegular; color: #b72731; } .critical { font: normal 28px/32px 'HelveticaCyrUprightBold'; } .critical span { font: normal 25px/35px 'HelveticaCyrUprightBold'; } .warning-text { font: normal 13px/16px Arial, Helvetica, sans-serif; padding: 0px 87px 0px 85px; } .read-more-h { margin: 3px 0px 0px 181px; } #Warnings-Right { width: 249px; height: 66px; float: none; padding: 194px 0px 0px 0px; margin: 0px auto; } #Warnings-Right span { font: normal 24px/26px Arial, Helvetica, sans-serif; } /**Warnings Ends**/ #Video-Main { width: 100%; height: 508px; background: url(/images/video-mob-back-bg.gif) repeat-x left top; } #Video { width: 480px; height: 510px; margin: 0px auto; } .video-h img { float: left; margin: 65px 29px 0px 84px; width: 23%; height: auto; } .video-h { width: 480px; height: 228px; float: none; margin: 0px auto; } #Therapy-H { width: 480px; height: 237px; float: none; margin: 0px auto; } /**Video Ends**/ #Main { width: 1005; height: auto; background: #d5dbf1; } #Our-Team { width: 480px; height: 116px; } .our-team { width: 480px; height: 30px; font: normal 24px/30px 'HelveticaCyrUprightBold'; color: #f0f4f5; text-align: center; float: left; margin: 30px 0px 0px 0px; background: #3c9575; } .our-team img { float: right; margin: 7px 17px 0px 0px; *margin:-48px 17px 0px 0px; } #dropdownwrap { width: 480px; height: 151px; float: left; display: block; padding: 0px 0px 0px 0px; } #dropdownwrap img { margin: 18px 20px 0 20px; } .dr-name { font: normal 17px/40px 'HelveticaCyrUprightBold'; padding: 20px 5px 0px 0px; text-align: left; } .dr-text { font: normal 12px/16px Arial, Helvetica, sans-serif; text-align: center; padding: 20px 140px 0 0; display: none; } .read-more-team { margin: 21px 167px 0 0px; float: left; } /**Our team Ends**/ #Reading { display: block; height: 300px; } #Mob-Reading { display: none; } #Reading-Difficulties { width: 480px; height: 300px; margin: 0px auto; background: url(/images/reading-bg.jpg) no-repeat left top #d5dbf1; position: relative; } #Reading-Difficulties ul { list-style: none; margin: 0px; padding: 0px; } #Reading-Difficulties ul li { width: 50%; height: auto; float: left; } #Reading-Difficulties ul li img { float: left; height: auto; margin: 5% 0 0 36% !important; width: 32%; } .read-text { color: #3D3D3D; float: left; font: 18px/20px 'helvetica_lt_condensedbold'; padding: 20px 0 17px 139px; } .read-text-a { font: normal 18px/20px 'helvetica_lt_condensedbold'; color: #3d3d3d; padding: 20px 0 17px 171px; float: left; } .read-text-b { font: 18px/20px 'helvetica_lt_condensedbold'; color: #3D3D3D; float: left; padding: 20px 0 17px 60px; text-align: center; } .read-description { color: #3D3D3D; font: 13px/15px Arial, Helvetica, sans-serif; padding: 213px 62px 0 63px; text-align: center; } #Reading-Difficulties ul li a { color: #3d3d3d; text-decoration: none; } #Reading-Difficulties ul li a:hover { color: #17242b; text-decoration: none; } /**Reading-Difficulties Ends**/ #Programs-container { width: 100%; height: 528px; } #Programs { width: 480px; height: 350px; } .leftBGh-p { width: 120px; margin: 0px 0px 0px -120px; background-size: 100% auto; } .rightBGh-p { width: 120px; margin: 0px 0px 0px 480px; background-size: 100% auto; } #Programs ul li { width: 50%; height: 267px; } .program-details { font: normal 13px/15px Arial, Helvetica, sans-serif; color: #5a5a5a; text-align: center; padding: 0px 26px 0px 30px; } /**Programs Ends**/ #Footer-Container { width: 100%; height: 420px; } #Footer { width: 480px; height: 396px; } #Footer-Links { width: 50%; } #Footer-Menu { width: 50%; } #Social-Icons { width: 100%; } .follow-us { font: normal 16px/20px Arial, Helvetica, sans-serif; margin: 27px 0px 0px 115px; float: left; } .addthis_button { margin: 0px 0px 0px 218px; } .CopyrightText { float: left; margin: 16px 0px 0px 131px; } .ypo-logo img { float: left; margin: 22px 0px 0px 296px; } /**Sub_page Styles**/ #body-s-bg { background: none; } #Interactivity-Container-s { width: 100%; height: 218px; } #Interactivity-s { width: 480px; } .intra-text-s { display: none; } .intra-text-s-a { display: none; } #div1, .demo1-s { background: url(/images/banner1-m-bg.jpg) no-repeat left top; } #div2, .demo1-s { background: url(/images/banner1-m-bg.jpg) no-repeat left top; } #div3, .demo1-s { background: url(/images/banner1-m-bg.jpg) no-repeat left top; } #div4, .demo1-s { background: url(/images/banner1-m-bg.jpg) no-repeat left top; } .Inner-s-div1 { background: none; } .Inner-s-div2 { background: none; } .Inner-s-div3 { background: none; } .Inner-s-div4 { background: none; } .leftBGs-1 { width: 120px; margin: 0px 0px 0px -120px; background: url(/images/leftbg-m-1.jpg) right top; } .rightBGs-1 { width: 120px; margin: 0px 0px 0px 480px; background: url(/images/rightbg-m-1.jpg) no-repeat left top } .leftBGs-2 { width: 120px; margin: 0px 0px 0px -120px; background: url(/images/leftbg-m-1.jpg) right top; } .rightBGs-2 { width: 120px; margin: 0px 0px 0px 480px; background: url(/images/rightbg-m-1.jpg) no-repeat left top } .leftBGs-3 { width: 120px; margin: 0px 0px 0px -120px; background: url(/images/leftbg-m-1.jpg) right top; } .rightBGs-3 { width: 120px; margin: 0px 0px 0px 480px; background: url(/images/rightbg-m-1.jpg) no-repeat left top } .leftBGs-4 { width: 120px; margin: 0px 0px 0px -120px; background: url(/images/leftbg-m-1.jpg) right top; } .rightBGs-4 { width: 120px; margin: 0px 0px 0px 480px; background: url(/images/rightbg-m-1.jpg) no-repeat left top } #Intra-Button-s { display: none; } /**Interactivity Ends**/ #Content-Main { width: 480px; } /*----- Content Left Styles -----*/ #Content-Left { width: 98%; float: left; margin: 0px auto; } #SideBar { width: 100%; float: left; margin: 0px auto; } #Meet-Dr-S { width: 100%; height: 185px; } .our-doctor-s { font: 19px/32px 'Helvetica'; height: 32px; margin: 0 auto 0 82px; padding: 0 0 0 36px; width: 270px; } .dr-barbara { width: 306px; padding: 0px 0px 0px 0px; float: none; margin: 0px auto; margin-left: 82px; } .slide-s { height: 130px; padding: 11px 0 0 11px; width: 93%; } #Money-Back { width: 166px; height: 76px; font: normal 18px/22px 'HelveticaCyrUprightBold'; padding: 13px 0px 0px 151px; background: url(/images/money-back-m-bg.jpg) no-repeat left top; float: none; margin: 0px auto; } #Warnings-S { width: 307px; height: 185px; float: none; margin: 0px auto; margin-right: 90px; } #Warnings-S ul { list-style: none; margin: 0px; padding: 0px; } #Warnings-S ul li { font: normal 17px/19px 'Helvetica'; } #Warnings-S ul li img { float: left; margin: -3px 6px 0px 15px; } #Services-s { display: none; } #Services-m { width: 310px; height: 475px; display: block; float: none; margin: 0px auto; } #Services-m ul { list-style: none; margin: 0px; padding: 0px; } #Services-m ul li { height: 68px; font: normal 18px/20px 'helvetica_lt_condensedbold'; color: #3d3d3d; padding: 10px 0px 0px 0px; background: url(/images/services-m-list-bg.jpg) no-repeat left top; } #Services-m ul li img { float: left; margin: 2px 15px 0px 16px; } #Services-m ul li a { color: #3d3d3d; text-decoration: none; } #Services-m ul li a:hover { color: #3d3d3d; text-decoration: none; } .trouble-m img { margin: -12px 10px 0px 16px !important; } #Video-s { width: 300px; height: 80px; float: none; margin: 0px auto; margin-bottom: 20px; } #videoYoutube { height: 296px !important; width: 100% !important; } } @media screen and (max-width : 480px) { #Footer-Container { width: 100%; height: 620px !important; } #Footer-Links { width: 46% !important; } #Footer-OTSP { width: 60% !important; float: none; margin: 0 auto; /* display: block; */ clear: both; } .appointment { width: 362px; height: 33px; float: none; margin: 15px 0px 10px 60px !important; } .social-icon img { float: none; margin: 26px 16px 0px 18px; } .social-icon img { /* float: right; */ margin: 26px 16px 0px 18px; } } @media screen and (max-width : 415px) { .docrow { float: none; display: block; width: auto; } .docleft, .docleft1 { display: block !important; padding: 20px !important; width: 260px !important; margin: 10px auto !important; } .docright { display: block !important; padding: 10px 0px 10px 20px !important; width: 280px !important; margin: 10px auto !important; } #Footer-OTSP { width: 70% !important; float: none; /* margin: 0 auto; */ /* display: block; */ margin: 0; clear: both; } #Social-Icons { width: 75%; float: none; text-align: center; } #Footer-Container { width: 100%; height: 680px !important; } .otsp-logo { margin: 0px 0px auto 0px; } } @media screen and (max-width : 321px) { #Footer-Links { width: 36% !important; } #Footer-OTSP { width: 58% !important; float: none; /* margin: 0 auto; */ /* display: block; */ margin: 0; clear: both; } #Social-Icons { width: 55%; float: none; text-align: center; } } @media screen and (max-width : 963px) and (min-width : 600px) and (orientation : portrait) { .early a { background:url("/images/early-intervention.png") no-repeat 31px 6px !important; background-size:6.5%; font: 12px/34px "HelveticaCyrUprightBold" !important; height: 29px; text-align: center; text-decoration: none; padding-left:24px !important; } .early { margin-left: 0px !important; margin-top: 5px !important; width: 100% !important; } #body-bg { background: none; } #Header { width: 600px; } #Logo { width: 255px; } #Appointment { width: 342px; } #Appointment img { margin: 5px 5px 0px 7px; } .appointment { width: 286px; margin: 15px 0px 37px 0px; } .app-left { width: 128px; font: normal 12px/33px HelveticaCyrUprightBold; } .app-right { width: 150px; font: normal 18px/33px HelveticaCyrUprightBold; } #access a { font: normal 11px/32px 'MyriadProRegular'; } #access ul ul { display: none; float: left; margin: 0px 0px 0px 0px !important; position: absolute; left: 0; top: 26px; z-index: 99999; height: auto; } #access ul ul li { border-bottom: 1px solid #14245d; width: 230px; height: 35px; background: #192d74; } #access ul ul a { font: normal 11px/35px Verdana, Geneva, sans-serif; width: 96%; height: 35px; padding: 0px 0px 0px 8px; } #access ul ul li a:hover { color: #91b9f8 !important; background-size: 100% auto; } #access ul li:hover > ul { display: block; } .menu ul li a:hover, .menu ul li:hover > a, .menu ul > li:hover > a, .menu > ul > li:hover > a { color: #ba423a; } .menu li .current-menu-item > a, .menu > li .current-menu-item > a, .menu li .current_page_item > a, .menu > li .current_page_item > a, .menu li .current-menu-ancestor > a, .menu > li .current-menu-ancestor > a, .menu li .current_page_ancestor > a, .menu > li .current_page_ancestor > a { color: #ba423a; background: url(/images/menu-hover-bg.gif) no-repeat left bottom !important; background-size: 100% auto !important; } #Menu { width: 327px; } .menu-item-26 a { width: 30px; } .menu-item-35 a { width: 50px; } .menu-item-34 a { width: 48px; } .menu-item-33 a { width: 55px; } .menu-item-32 a { width: 75px; } .menu-item-31 a { width: 31px; } .menu-item-30 a { width: 50px; } /**Header Ends**/ #Interactivity-Container { width: 100%; height: 229px; } #Interactivity { width: 600px; } .intra-text { font: normal 20px/26px HelveticaCyrUprightBold; margin: 71px 400px 20px 0px; } .intra-h { display: none; } .intra-text-a { font: normal 20px/26px HelveticaCyrUprightBold; margin: 40px 384px 20px 0px; } .intra-a { display: none; } .demo #div1 { background-size: 50% auto; } .demo #div2 { background-size: 50% auto; } .demo #div3 { background-size: 50% auto; } .demo #div4 { background-size: 50% auto; } .Inner-h-div1 { background-size: 50% auto; } .Inner-h-div2 { background-size: 50% auto; } .Inner-h-div3 { background-size: 50% auto; } .Inner-h-div4 { background-size: 50% auto; } .leftBGh-1 { background-size: 62% auto; } .rightBGh-1 { margin: 0px 0px 0px 600px; background-size: 62% auto; } .leftBGh-2 { background-size: 62% auto; } .rightBGh-2 { margin: 0px 0px 0px 600px; background-size: 62% auto; } .leftBGh-3 { background-size: 62% auto; } .rightBGh-3 { margin: 0px 0px 0px 600px; background-size: 62% auto; } .leftBGh-4 { background-size: 62% auto; } .rightBGh-4 { margin: 0px 0px 0px 600px; background-size: 62% auto; } #Intra-Button { margin: 190px 0px 0px 13px; } #Intra-Button img { margin: 0px 4px 0px 0px; } .read-intra { padding: 25% 0 0 16%; } .read-intrap { padding: 25% 0 0 16%; } .intra-text-a { margin: 71px 384px 20px 0; } /**Interactivity Ends**/ #Intra-Tabs { width: 600px; } .intra-tabs { width: 600px; } .intra-tabs ul li img { margin: 0px 0px 0px 26px; } /**Intra-Tabs Ends**/ #Warning-Main { width: 100%; height: 235px; background: #e3e6f6; } #Warnings { width: 600px; } #Warnings-Left { width: 70%; } .critical-text { font: normal 20px/28px HelveticaNarrowRegular; padding: 38px 0px 0px 0px; } .critical-text span { font: normal 20px/28px HelveticaNarrowRegular; } .critical { font: normal 22px/28px 'HelveticaCyrUprightBold'; } .critical span { font: normal 20px/35px 'HelveticaCyrUprightBold'; } .warning-text { font: normal 11px/14px Arial, Helvetica, sans-serif; padding: 0px 82px 0px 24px; } .read-more-h { margin-left: 123px; } #Warnings-Right { width: 30%; height: 51px; font: normal 11px/16px Arial, Helvetica, sans-serif; padding: 150px 0px 0px 0px; background-size: 100% auto; } #Warnings-Right span { font: normal 20px/24px Arial, Helvetica, sans-serif; } /**Warnings Ends**/ #Video-Main { width: 100%; height: 288px; background: url(/images/video-t-bg.gif) repeat-x left top; background-size: 100% 100%; } #Video { width: 600px; height: 288px; background-size: 100% 12%; } .video-h img { width: 36%; height: auto; } .video-h { width: 58%; height: 288px; } #Therapy-H { width: 40%; height: 288px; } /**Video Ends**/ #Main { width: 100%; height: auto; background: #d5dbf1; } #Our-Team { width: 600px; height: 102px; background: #d5dbf1; } .our-team { width: 100%; font: normal 26px/39px 'HelveticaCyrUprightBold'; margin: 25px 0px 0px 0px; height: 39px; } .our-team img { float: right; margin: 7px 17px 0px 0px; *margin:-48px 17px 0px 0px; } #dropdownwrap { width: 100%; height: 274px; } #dropdownwrap img { float: left; margin: 14px 14px 0 3px; } .dr-name { font: normal 16px/20px 'HelveticaCyrUprightBold'; padding: 14px 0px 0px 0px; } .dr-text { font: normal 12px/16px Arial, Helvetica, sans-serif; padding: 3px 19px 0 0; } .dr-text span { display: none; } .read-more-team { font: normal 14px/24px Arial, Helvetica, sans-serif; margin: 6px 7px 0 0; } /**Our team Ends**/ #Reading { height: 280px; } #Reading-Difficulties { width: 600px; } .leftBGh-r { margin: 0px 0px 0px -320px; } .rightBGh-r { margin: 0px 0px 0px 600px; } #Reading-Difficulties ul { list-style: none; margin: 0px; padding: 0px; } #Reading-Difficulties ul li { width: 20%; height: auto; float: left; } #Reading-Difficulties ul li img { width: 80%; height: auto; } .read-text { font: normal 12px/18px 'helvetica_lt_condensedbold'; padding: 10px 37px 17px 35px; } .read-text-a { font: normal 12px/18px 'helvetica_lt_condensedbold'; padding: 11px 31px 17px 47px; } .read-text-b { font: 12px/18px 'helvetica_lt_condensedbold'; padding: 15px 30px 12px 0px; } .read-description { font: normal 11px/13px Arial, Helvetica, sans-serif; padding: 17px 20px 0px 3px; } /**Reading-Difficulties Ends**/ #englishLanguage { margin:28% 0 0 -12%; } #Programs-container { width: 100%; height: 200px; } #Programs { width: 600px; height: 200px; } .leftBGh-p { margin: 0px 0px 0px -320px; } .rightBGh-p { margin: 0px 0px 0px 600px; } #Programs ul li { width: 25%; height: 200px; background-size: 100% auto; } .program-text { font: normal 12px/18px 'helvetica_lt_condensedbold'; padding: 19px 0px 7px 0px; } .program-details { font: normal 11px/15px Arial, Helvetica, sans-serif; color: #5a5a5a; text-align: center; padding: 0px 1px 0px 0px; } #Programs ul li a { color: #2b3939; text-decoration: none; } #Programs ul li a:hover { color: #2b3939; text-decoration: none; } .read-more-p { background: url("/images/read-more-bg.png") no-repeat scroll left top / 100% auto rgba(0, 0, 0, 0); font: 10px/16px Arial, Helvetica, sans-serif; margin: 9px 0 0 38px; width: 75px; } /**Programs Ends**/ #Footer-Container { width: 100%; } #Footer { width: 600px; } #Social-Icons { width: 60%; } .follow-us { font: normal 16px/20px Arial, Helvetica, sans-serif; margin: 27px 0px 0px 73px; } .social-icon img { margin: 20px 0px 0px 20px; } .addthis_button { margin: 0px 0px 0px 170px; } .CopyrightText { margin: 30px 0px 0px 30px; } .ypo-logo img { margin: 22px 0px 0px 0px; } /**Sub_page Styles**/ #body-s-bg { background: #ffffff; } #Interactivity-Container-s { width: 100%; height: 148px; } #Interactivity-s { width: 600px; } .intra-text-s { font: normal 19px/26px HelveticaCyrUprightBold; margin: 30px 420px 20px 0px; } .intra-text-s-a { font: normal 26px/32px HelveticaCyrUprightBold; margin: 30px 300px 20px 0px; } #div1, .demo1-s { background-size: 50% auto; } #div2, .demo1-s { background-size: 50% auto; } #div3, .demo1-s { background-size: 50% auto; } #div4, .demo1-s { background-size: 50% auto; } .Inner-s-div1 { width: 100%; height: 100%; background-size: 50% auto; } .Inner-s-div2 { background-size: 50% auto; } .Inner-s-div3 { background-size: 50% auto; } .Inner-s-div4 { background-size: 50% auto; } .leftBGs-1 { margin: 0px 0px 0px -320px; background-size: 62% auto; } .rightBGs-1 { margin: 0px 0px 0px 600px; background-size: 62% auto; } .leftBGs-2 { margin: 0px 0px 0px -320px; background-size: 62% auto; } .rightBGs-2 { margin: 0px 0px 0px 600px; background-size: 62% auto; } .leftBGs-3 { margin: 0px 0px 0px -320px; background-size: 62% auto; } .rightBGs-3 { margin: 0px 0px 0px 600px; background-size: 62% auto; } .leftBGs-4 { margin: 0px 0px 0px -320px; background-size: 62% auto; } .rightBGs-4 { margin: 0px 0px 0px 600px; background-size: 62% auto; } #Intra-Button-s { margin: 124px 0px 0px 13px; } /**Interactivity Ends**/ #Content-Main { width: 600px; } /*----- Content Left Styles -----*/ #Content-Left { width: 62%; } #SideBar { width: 38%; } /*--- Navigation Starts ---*/ #videoYoutube { height: 265px; width: 100%; } .dr-text span{ display: none; } } .early { background: none repeat scroll 0 0 #ffffff; float: left; height: 34px; text-align: center; width: 319px; margin: 29px 0 0 43px; } .early a { background: url(/images/early-intervention.png) no-repeat 64px 6px ; color: #3d3d3d; display: block; font: 16px/34px "HelveticaCyrUprightBold"; height: 29px; text-align: center; text-decoration: none; } .therapy-text { color: #393939; font: 14px/16px Arial,Helvetica,sans-serif; padding: 20px 0 0 !important; text-align: justify; } .therapy-text { height: 42px !important; } #Therapy { width: 319px !important; } /********************************* Menu Styles Ends **************************************************/ .table-height { height: 100%; } img { border: 0px; } p, h1, h2, h3, h4, h5, h6 { margin: 12px 0px; padding: 0px; } ul, ol { margin: 0px 12px; padding: 6px 0px 6px 30px; } .hr { height: 8px; border-bottom: 1px solid #000000; } .videoBorder { border: 8px solid #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /*-------------------- Realtime Sitemap Styles --------------------*/ #wp-realtime-sitemap-menu { padding-top: 0px; } #wp-realtime-sitemap-menu h3 { display: none; } #wp-realtime-sitemap-menu ul { margin: 0px; padding: 0px; } #wp-realtime-sitemap-menu ul li { background: none; line-height: 24px; font-weight: bold; padding-left: 0px; } #wp-realtime-sitemap-menu ul ul { margin-left: 40px; } #wp-realtime-sitemap-menu ul ul li { font-weight: normal; } #wp-realtime-sitemap-menu h3 { display: none; } #wp-realtime-sitemap-menu li a { background: none !important; } #wp-realtime-sitemap-menu li { font-weight: bold; } #wp-realtime-sitemap-menu li li { font-weight: normal; } /*---------- Home-page Styles ----------*/ .hr { height: 8px; } /*---------- Sub-page Styles ----------*/ .navigation { font: normal 13px Verdana, Arial, Helvetica, sans-serif; color: #404041; text-decoration: none; padding: 20px 30px 5px 5px; } .navigation a { font-weight: normal; color: #404041; text-decoration: underline; } .socail-img{ width: 100%; float:left;} .socail-img ul.rev { list-style: outside none none; padding: 0; } .socail-img ul.rev li { list-style: outside none none !important; margin: 0 0 10px 2%; padding: 0; } .navigation a:hover { font-weight: normal; color: #404041; text-decoration: none; } .navigation span { color: #613f03; } .textMain { font: normal 0.85em/18px Verdana, Arial, Helvetica, sans-serif; color: #777979; padding: 5px 30px 30px 5px; text-decoration: none; text-align: justify; } .textMain a { color: #777979; text-decoration: underline; } .textMain a:hover { color: #777979; text-decoration: underline; } .textMain ul, textMain ol { padding: 0px; margin: 0px; list-style: none; } .textMain ul li { padding-bottom: 8px; background: url(/images/bullet-tm.gif) no-repeat 15px 11px; padding: 6px 0px 0 30px; list-style: none; } .textMain ul li ul { padding-bottom: 8px; background: none; padding: 6px 0px 0 20px; list-style: circle; } .textMain ul li ul li { padding-bottom: 8px; background: none; padding: 6px 0px 0 0px; list-style: circle; } .textMain ul li ul li ul li { padding-bottom: 8px; background: none; padding: 6px 0px 0 0px; list-style: square; } .textMain ul li:last-child { padding-bottom: 8px; } .textMain ol li { padding-bottom: 8px; } .textMain ol li:last-child { padding-bottom: 8px; } .textMain ul li p, textMain ol li p { padding-bottom: 0px; margin: 8px 0 0 0; } .textMain ul li ul, textMain ul li ol, textMain ol li ul, textMain ol li ol { padding-bottom: 0px; } .textMainBold { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #777979; text-decoration: none; text-align: justify; } .textMainBold a { color: #777979; text-decoration: underline; } .textMainBold a:hover { color: #777979; text-decoration: underline; } .textNormal { font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #777979; text-decoration: none; } .textNormal a { color: #777979; text-decoration: underline; } .textNormal a:hover { color: #777979; text-decoration: underline; } .textbold { font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #777979; text-decoration: none; } .PDFtext { font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #999999; } /************************************* Sub Page Headings Starts ********************************************************/ .textMain h1 { font: bold 24px/28px 'MyriadProRegular'; color: #192d74; padding: 0px 0px 15px 0px; } .textMain h2 { font: bold 15px/20px Verdana, Arial, Helvetica, sans-serif; color: #333333; text-decoration: none; } .textMain h2 a { color: #333333; text-decoration: underline; } .textMain h2 a:hover { color: #333333; text-decoration: none; } .textMain h3 { font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #4646f2; text-decoration: none; } .textMain h3 a { color: #4646f2; text-decoration: underline; } .textMain h3 a:hover { color: #4646f2; text-decoration: none; } /************************************* Form Styles ********************************************************/ .tableborder { border: 1px solid #837bbf; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; } .image-border { border: 1px solid #837bbf; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; } .formHead { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #fff; background: #837bbf; text-decoration: none; padding: 5px 10px; } .formHead a { color: #ffffff; text-decoration: underline; } .formHead a:hover { color: #ffffff; text-decoration: none; } .formlable { font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #3d3d3d; padding: 5px; } .mandatory { font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #FF8204; } .txtfield { font: normal 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; border: 1px solid #0B162A !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px !important; width: 175px !important; height: 20px; vertical-align: middle !important; padding: 2px 4px 2px 4px !important; } .textArea { font: normal 10px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; width: 175px; border: 1px solid #0B162A !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px !important; vertical-align: middle !important; padding: 4px !important; } textArea { font: normal 10px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; width: 85%; border: 1px solid #0B162A !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px !important; vertical-align: middle !important; padding: 4px !important; } .dropDown { width: 185px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; border: 1px solid #0B162A; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; } .dropDownF { font: normal 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; border: 1px solid #0B162A !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 185px; } .txtfield-c { width: 300px; height: 35px; padding: 2px 4px; margin: 0px auto; font: normal 18px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; vertical-align: middle; border: 1px solid #0B162A !important; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; } .txtfield-r { font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #7E7E7E; text-decoration: none; border: 1px solid #0B162A !important; width: 220px; height: 20px; vertical-align: middle; padding: 2px 4px 2px 4px; } .ftable { width: 33%; float: left; display: block; } .textArea-c { width: 300px; padding: 4px; font: 18px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; vertical-align: middle; border: 1px solid #0B162A !important; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; margin: 0px auto; } .button { height: 40px; background: #837BBF; color: #fff; padding: 0 10px; font: 19px 'MyriadProRegular'; text-decoration: none; cursor: pointer; border: none; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; float: left; margin-right: 6px; } .button1 { height: 40px; background: #837BBF; color: #fff; padding: 0 10px; font: 13px 'MyriadProRegular'; text-decoration: none; cursor: pointer; border: none; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; float: left; margin-right: 6px; } .wpcf7-submit button { font:13px !important; } #captchac img { width: 120px; height: auto; display: block; margin: 5px auto; } .div-button { margin: 20px auto 10px; width: 180px; } .div-button1 { margin: 20px auto 10px; width: 273px !important; } .txtfield-f { border-radius: 5px; font: 12px Verdana, Arial, Helvetica, sans-serif; height: 25px; margin: 0px auto; padding: 2px 4px; text-decoration: none; vertical-align: middle; width: 70%; } .txtfield-c, .txtfield-f, .txtfield-cf, .textArea-c, .textArea-f, .dropDownF, .feedback-form { border: 1px solid #534A97 !important; } .contact-form { height: auto; margin: 20px auto; width: 50%; padding: 0px; } .feedback-form { height: auto; margin: 0px auto; width: 90%; padding: 0px 0px 40px 0px; } .feedback-form ul { margin: 0px !important; padding: 0px !important; } .feedback-form li { background: none !important; float: left; line-height: 25px; margin: 10px 0 0 !important; padding: 5px !important; } .feedback-form .form-left { text-align: right; width: 30%; } .feedback-form .form-left1 { text-align: right; width: 35%; } .feedback-form .form-right { text-align: left; width: 60%; } .clear-float { clear: both; } .txtfield-cf { border-radius: 5px; display: block; font: 12px Verdana, Arial, Helvetica, sans-serif; height: 25px; margin: 0px auto; padding: 2px 4px; text-decoration: none; vertical-align: middle; width: 50%; } .txtfield-a { width: 96%; height: 20px; padding: 2px 4px; margin: 0px auto; font: normal 13px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; vertical-align: middle; border: 1px solid #9085e2 !important; background: #9085e2; color: #fff!important; *color:#fff!important; } .textArea-a { width: 96%; padding: 4px; font: 13px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; vertical-align: middle; border: 1px solid #9085e2 !important; margin: 0px auto; background: #9085e2; color: #fff !important; height: 62px; } .request-form { height: auto; width: 100%; padding: 0px; margin: 20px 0px 0px 0px; } .request-form textArea { border-radius: 0px !important; } .request-form p { margin: 0px 0px 3px 0px; padding: 0px; } #captchac-a img { width: 74px; height: auto; display: block; margin: -2px auto 5px auto; float: left; } .button-r { height: 24px; background: #9085e2; color: #fff; padding: 0 10px; font: normal 16px 'MyriadProRegular'; text-decoration: none; cursor: pointer; border: none; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; float: left; margin-right: 4px; } .txtfield-p { width: 68%; float: left; height: 20px; padding: 2px 4px; margin: 0px auto; font: normal 10px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; vertical-align: middle; border: 1px solid #9085e2 !important; background: #9085e2; color: #fff !important; } .div-button-r { margin: 11px auto 10px; width: 190px; float: left; } /************************************* Custom Styles ********************************************************/ /*--------------Tell A friend start--------------*/ #tell-a-friend-background { display: none; background: #000000; opacity: 0.8; filter: alpha(opacity=80); position: fixed; top: 0px; left: 0px; min-width: 100%; height: 100%; z-index: 1000; } #tell-a-friend-div { display: none; position: fixed; top: 5%; left: 50%; margin-left: -200px; width: 400px; background: #FFFFFF; padding: 10px 15px 10px 15px; border: 2px solid #CCCCCC; border-radius: 10px; z-index: 1001; } #tell-a-friend-div #close { width: 20px; height: auto; float: right; text-align: center; cursor: pointer; margin: 4px 22px 0px auto; border-radius: 50%; background-color: #C9C9D6; color: #000000; line-height: 20px; } #Form-Container { width: 350px; height: auto; margin: 0 auto; background: #EFEAF0; border: 5px solid #B4B4C3; border-radius: 8px; } .contact-us { font: normal 26px/26px 'MyriadProRegular'; color: #bec5c6; padding: 10px 0px 0px 10px; } .form-container { margin: 8px auto; text-align: center; } .button-s { font: normal 18px 'MyriadProRegular'; color: #2d2e32; background: #C9C9D6; text-decoration: none; border: 2px solid #B4B4C3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; height: 35px; cursor: pointer; text-align: center; } .txtfield-s { font: normal 18px 'MyriadProRegular'; color: #809aa7; text-decoration: none; border: 1px solid #B4B4C3 !important; width: 300px; height: 25px !important; vertical-align: middle; padding: 2px 4px 2px 4px; background: #C9C9D6; margin: 7px auto !important; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .textArea-s { font: normal 16px 'MyriadProRegular'; color: #809aa7; text-decoration: none; width: 300px; border: 1px solid #B4B4C3 !important; vertical-align: middle; padding: 4px; resize: none; height: 110px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #C9C9D6; margin: 7px auto !important; } #request-background { display: none; background: #000000; opacity: 0.8; filter: alpha(opacity=80); position: fixed; top: 0px; left: 0px; min-width: 100%; height: 100%; z-index: 1000; } #request-div { display: none; position: fixed; top: 5%; left: 50%; margin-left: -445px; width: 68%; background: #FFFFFF; padding: 3px 15px 10px 15px; border: 2px solid #CCCCCC; border-radius: 10px; z-index: 1001; } #request-div #close { width: 20px; height: auto; float: right; text-align: center; cursor: pointer; margin: 4px 22px 0px auto; border-radius: 50%; background-color: #C9C9D6; color: #000000; line-height: 20px; } /*-------------------- Contact Address Styles --------------------*/ .contact-address { width: 100%; margin: 10px auto 20px auto; box-shadow: 0px 5px 5px 0px #aaaaaa; -o-box-shadow: 0px 5px 5px 0px #aaaaaa; -moz-box-shadow: 0px 5px 5px 0px #aaaaaa; -ms-box-shadow: 0px 5px 5px 0px #aaaaaa; -webkit-box-shadow: 0px 5px 5px 0px #aaaaaa; height: 183px; } .address-text { padding: 10px; width: 40%; float: left; height: 100px; } .mappics { float: right; width: 48%; } .mappics img { margin: 10px 1px; float: left; border: 2px solid #837BBF; } .contact-ph ul { margin: 0px !important; padding: 0px !important; list-style: none; } .contact-ph li { margin: 0px !important; padding: 0px !important; float: left; width: 49.5%; background: none !important; text-align: center; } .telephone { color: #000033; font: 12px/28px Verdana, Arial, Helvetica, sans-serif; height: 100px; margin: 0; padding: 0; text-align: left; text-decoration: none; } .telephone ul { margin: 20px 0 0 !important; padding: 0; } .telephone li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; float: left; padding: 6px 0 0 !important; width: 50%; height: 42px; list-style: none; } .telephone a { color: #000033; display: block; padding: 2px 0 2px 45px; text-decoration: underline; } .telephone a:hover { color: #000033; padding: 2px 0 2px 45px; text-decoration: underline; } .textMain .online-appoint{ width:200px;} .textMain .online-appoint a.appointment-contact { background-color: #0b759f; background-image: url("/images/ish-online.png"); background-position: 6px 8px; background-repeat: no-repeat; border: medium none; border-radius: 0; color: #fff; cursor: pointer; margin-right: 10px !important; padding: 6px 10px 6px 24px; text-decoration: none; } .textMain .online-appoint a:hover { background:#3C9575;background-image: url("/images/ish-online.png");background-position: 6px 8px;background-repeat: no-repeat;} .listbg { font: normal 18px/20px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; list-style: none; margin: 0px; padding: 0px; height: 283px; } .listbg li { background-image: none !important; width: 48%; margin: 15px 0px 0px 0px !important; padding: 0px !important; text-align: center !important; } .listbg a { color: #fff !important; display: block; text-align: center; text-decoration: none !important; width: 320px; height: 40px; border: 1px solid #9d968d; padding: 15px 5px 0px 0px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background: #7573c6; } .listbg a:hover { text-decoration: none; color: #fff !important; display: block; background: #3c9575; border: 1px solid #3c9575; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; } .cervical-services { text-decoration: none; margin: 0px; padding: 15px 5px 0px 27px; height: auto; list-style: none; } .cervical-services li { background-image: none !important; width: 48%; margin: 15px 0px 0px 0px !important; padding: 0px !important; text-align: center !important; float: left; } .cervical-services a { color: #fff !important; display: block; text-align: center; text-decoration: none !important; width: 228px; height: 32px; border: 1px solid #9d968d; padding: 10px 5px 0px 0px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background: #313131; } .cervical-services a:hover { text-decoration: none; color: #fff !important; display: block; background: #bf1e2e; border: 1px solid #bf1e2e; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background: #bf1e2e; } /***Contact-Us Styles**/ #doccontainer { display: table; } #doccontainer img { border: 1px solid #000000; } .docrow { display: table-row; float: left; margin: 5px auto; position: relative; } .docleft, .docleft1 { border: 1px solid #485261; border-radius: 2px; display: table-cell; padding: 8px; width: 360px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; } .docleft1{ width: 328px !important;} .docmiddle { display: table-cell; width: 10px; } .docright { border: 1px solid #485261; border-radius: 2px; display: table-cell; padding: 8px; width: 360px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; } .map2 img { float: left; margin: -2.2% 0 0 0; } @media screen and (max-width : 480px) and (min-width : 320px) and (orientation : portrait) { .feedback-form { padding: 5%; width: 99%; } .feedback-form .form-left { text-align: left; width: 100%; } .feedback-form .form-right { width: 100%; } .txtfield-cf { margin: 0px; width: 70%; } .feedback-form li { float: left; line-height: 16px; margin: 0px !important; } .contact-form { width: 99%; } .contact-address { height: 380px !important; width: 96%; } .mappics { width: 99% !important; } .address-text { width: 95% !important; height: 171px; } .telephone li { width: 57%; } .mappics img { float: left; height: auto; margin: 6px 1px; width: 47% !important; } #braith-image img { width: 100% !important; height: auto; float: left; } .listbg a { width: 300px; } .listbg { height: auto; } } @media screen and (max-width : 640px) and (min-width : 480px) and (orientation : landscape) { .contact-form { width: 70%; } .mappics { float: right; width: 53%; height: 251px; } .mappics img { float: left; height: auto; margin: 10px 1px; width: 54%; } .address-text { float: left; padding: 10px; width: 40%; height: 215px; } #braith-image img { width: 100% !important; height: auto; float: left; } .listbg { float: none; margin: 0 auto; width: 75%; height: auto; } .contact-address { height: 273px; } } @media screen and (max-width : 963px) and (min-width : 600px) and (orientation : portrait) { .feedback-form { padding: 5%; width: 90%; } .feedback-form .form-left { text-align: left; width: 100%; } .feedback-form .form-right { width: 100%; } .txtfield-cf { margin: 0px; width: 70%; } .feedback-form li { float: left; line-height: 16px; margin: 0px !important; } .contact-form { width: 90%; } #request-div { margin-left: -281px; top: 21%; } .online-form .form-left { width: 19%; text-align: center; } .online-form .form-right { width: 58%; } .online-form .form-right1 { width: 55%; } #captchac-a img { width: 60px; } .txtfield-p { width: 59%; } .button-r, .button { float: left; margin-right: 2px; } .address-text { width: 94% !important; } .mappics img { float: left; margin: 10px 1px; width: 48% !important; height: auto; } .mappics { float: left; width: 100%; } .contact-address { height: 323px; } .telephone li { width: 51%; } #braith-image img { width: 100% !important; height: auto; float: left; } .listbg { height: auto; } } @media screen and (max-width : 801px) { #Footer-OTSP, #Social-Icons { width: 384px; float: left; } #Footer-Container, #Footer { height: 580px; } } /* @media screen and (max-width : 801px) { #Footer-OTSP, #Social-Icons { width: 21%; float: left; }*/ } @media screen and (max-width : 740px) { .CopyrightText { float: none; margin: 10px auto; display: block; text-align: center; position: relative; top: 117px; } .follow-us { margin: 27px 0px 0px 259px; float: left; } .follow-us { margin: 27px 0px 0px 195px; float: left; } #Social-Icons { position: relative; right: -150px; top: -75px; } .CopyrightText { top: -111px; width: 238px; right: -130px; } } /************************************* Custom Styles ********************************************************/ #nav-posts .prev{ float:left;} #nav-posts .next{ float:right;}