body { font:13px/1.22 arial, helvetica, clean, sans-serif; *font-size:small; *font:x-small; } /**************************************************************************************************************************** * Reset css start ****************************************************************************************************************************/ html { } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; } li { list-style:none; } caption, th { text-align:left; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } q:before, q:after { content:''; } abbr, acronym { border:0; font-variant:normal; } sup { vertical-align:text-top; } sub { vertical-align:text-bottom; } input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; } input, textarea, select { *font-size:100%; margin:0; padding:0 } legend { color:#000; } /**************************************************************************************************************************** * New Body >> css ****************************************************************************************************************************/ body { background:#e4f4ff url(../images/bg.png) repeat-x; margin:0; padding:0 } .mainContanier {width:960px;text-align:left;background:url(../images/mainBg.jpg) no-repeat;border-top:0px; margin:auto} .top{width:960px;height:147px;position:relative} a#logo { float:left} a#logo, #logo span, span.logo_span {width:370px; height:147px;display:block; position:relative; overflow:hidden;} a#logo span, span.logo_span { position:absolute; left:0; top:0; background:url(../images/logo.png) no-repeat 0 0; cursor:pointer;} a#logo:hover span, span.logo_span_oo {background-position:0 0x;} .topR{width:590px;height:147px;float:left;} .topRT{width:590px;height:42px;background:url(../images/topRT.png) no-repeat 0 0;} .header{} .headerMedia{width:960px;height:380px;background:url(../images/headerMedia.jpg) no-repeat 0 0;} .listCalls{ width:960px; height:190px;} .listCalls ul li{ width:240px; height:190px; float:left} .seconderylistCalls{ width:960px; height:116px;} .seconderylistCalls ul li{ width:240px; height:116px; float:left} .content{ width:960px; margin:auto;background:url(../images/content.png) no-repeat left top; padding:15px 0 0 0; position:relative} .contentL{width:662px; min-height:645px; float:left;background:#fff url(../images/contentL.png) no-repeat left top;} *html .contentL{height:645px} .contentL h1{width:621px;height:21px;padding:20px;font-size:22px;background:url(../images/h1.jpg) no-repeat left top; color:#fff} .contentR{width:280px;font-size:12px; float:left} /**************************************************************************************************************************** * Inner Content >> css ****************************************************************************************************************************/ .contentArea{padding: 25px 20px;color:#000;} *html .contentArea{ height:892px} .contentArea p{ margin:16px 0;font-size:0.90em;} .contentArea img {padding:4px;margin:20px 27px;} .contentArea a{ color:#164878} .contentArea a:hover{color:#470b0b} div.contentArea blockquote,div.contentArea ul,div.contentArea ol,div.contentArea dl {margin:0;} div.contentArea ol,div.contentArea ul,div.contentArea dl {margin-left:2em;} div.contentArea ul li {list-style: disc inside; font-size:0.9em;} div.contentArea ol li {list-style: decimal inside; font-size:0.9em;} div.contentArea li {margin:0.patients3em 0; list-style-position:inside;list-style-type:disc;} div.contentArea dl dd {margin-left:1em;} /**************************************************************************************************************************** * ********* Inner Content >> css ****************************************************************************************************************************/ .goTop { text-align:right; padding:0 0 30px 0} .goTop a { padding:0 0 0 22px;line-height:24px;background:url(../images/goTop.gif) no-repeat;} .goTop a:hover { color:#470b0b; background-position:0 -40px;} /**************************************************************************************************************************** * ********* Inner Content >> css ****************************************************************************************************************************/ .mainContent{width:941px; margin:auto} .mainContentL{width:404px; height:411px; padding:20px 30px; float:left;background:url(../images/mainContentL.png) no-repeat left top; font-size:12px; text-align:justify} .mainContentR{width:464px; height:451px;margin:0 0 0 12px; float:left;background:url(../images/mainContentR.png) no-repeat 0 85px;} .bottom{background:#272727; height:212px;} .footer{ width:768px; height:68px;padding:20px 0 0; margin:auto; text-align:center; background:url(../images/footer.png) left bottom no-repeat;} .footer img {margin:-5px 0 0 0} .footer a {color:#fff; text-decoration:none; font-size:10px; margin:8px;line-height:24px;} .footer a:hover { color:#5c113b;} .btn-facebook { position:relative;padding-top:6px;} .copyRight{ width:790px; font-size:10px; padding:0 20px; color:#fff; margin:auto; margin-top:10px; text-align:center; } .copyRight2{ width:790px; font-size:10px; padding:0 20px; color:#fff; margin:auto; margin-top:14px; text-align:center; font-style:italic} /**************************************************************************************************************************** * searchBox >> css ****************************************************************************************************************************/ .searchBox{ width:241px; height:36px; background:url(../images/searchBox.png) no-repeat; position:absolute; left:718px; top: 2px; } .searchInput{ width:98px; height:18px; background:none; border:0; position:absolute; left:77px; top: 9px; } .searchBtn{ background:none; border:0; position:absolute; left:202px; top: 11px; } /**************************************************************************************************************************** * Ront Resize >> css ****************************************************************************************************************************/ .fontResize{ width:230px; height:46px; position:relative; background:#4780ac url(../images/fontResize.png) no-repeat 10px 12px; position:absolute; right:288px; top: 8px; } a.fontIncrease { width:29px; height:29px; display:block; position:absolute; right:50px; top:10px; background:#4780ac url(../images/fontBtnSet.png) no-repeat;} a:hover.fontIncrease { background-position:0 -29px;} a.fontDecrease {width:29px; height:29px; display:block; position:absolute; right:10px; top:10px; background:#4780ac url(../images/fontBtnSet.png) no-repeat -29px 0;} a:hover.fontDecrease { background-position:-29px -29px;} /**************************************************************************************************************************** * Menus >> css ****************************************************************************************************************************/ a#menu1 { } a#menu1, #menu1 span, span.menu1_span {width:240px; height:190px;display:block; position:relative; overflow:hidden;} a#menu1 span, span.menu1_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 0; cursor:pointer;} a#menu1:hover span, span.menu1_span_oo {background-position:0 -190px ;} a#menu2 { } a#menu2, #menu2 span, span.menu2_span {width:240px; height:190px;display:block; position:relative; overflow:hidden;} a#menu2 span, span.menu2_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat -240px 0; cursor:pointer;} a#menu2:hover span, span.menu2_span_oo {background-position:-240px -190px ;} a#menu3 { } a#menu3, #menu3 span, span.menu3_span {width:240px; height:190px;block; position:relative; overflow:hidden;} a#menu3 span, span.menu3_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat -480px 0; cursor:pointer;} a#menu3:hover span, span.menu3_span_oo {background-position:-480px -190px ;} a#menu4 { } a#menu4, #menu4 span, span.menu4_span {width:240px; height:190px;display:block; position:relative; overflow:hidden;} a#menu4 span, span.menu4_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat -720px 0; cursor:pointer;} a#menu4:hover span, span.menu4_span_oo {background-position:-720px -190px ;} a#menu5 { margin:auto} a#menu5, #menu5 span, span.menu5_span {width:235px; height:40px;display:block; position: relative; overflow:hidden;} a#menu5 span, span.menu5_span { position:absolute; left:0; top:0; background:url(../images/menuSet2.png) no-repeat 0 0; cursor:pointer;} a#menu5:hover span, span.menu5_span_oo {background-position:-235px 0;} a#menu6 { margin:auto} a#menu6, #menu6 span, span.menu6_span {width:237px; height:50px;display:block; position: relative; overflow:hidden;} a#menu6 span, span.menu6_span { position:absolute; left:0; top:0; background:url(../images/menuSet2.png) no-repeat 0 -40px; cursor:pointer;} a#menu6:hover span, span.menu6_span_oo {background-position:-237px -40px;} a#menu7, #menu7 span, span.menu7_span { width:240px; height:116px;display:block; position:relative; overflow:hidden;} a#menu7 span, span.menu7_span { position:absolute; left:0; top:0; background:url(../images/menuSet3.png) no-repeat 0 0; cursor:pointer;} a#menu7:hover span, span.menu7_span_oo {background-position:0px -116px;} a#menu8 { } a#menu8, #menu8 span, span.menu8_span { width:240px; height:116px;display:block; position:relative; overflow:hidden;} a#menu8 span, span.menu8_span { position:absolute; left:0; top:0; background:url(../images/menuSet3.png) no-repeat -240px 0; cursor:pointer;} a#menu8:hover span, span.menu8_span_oo {background-position:-240px -116px;} a#menu9 { } a#menu9, #menu9 span, span.menu9_span { width:240px; height:116px;block; position:relative; overflow:hidden;} a#menu9 span, span.menu9_span { position:absolute; left:0; top:0; background:url(../images/menuSet3.png) no-repeat -480px 0; cursor:pointer;} a#menu9:hover span, span.menu9_span_oo {background-position:-480px -116px;} a#menu10 { } a#menu10, #menu10 span, span.menu10_span { width:240px; height:116px;display:block; position:relative; overflow:hidden;} a#menu10 span, span.menu10_span { position:absolute; left:0; top:0; background:url(../images/menuSet3.png) no-repeat -720px 0; cursor:pointer;} a#menu10:hover span, span.menu10_span_oo {background-position:-720px -116px;} /**************************************************************************************************************************** * Replaces >> css ****************************************************************************************************************************/ #replace1 {width:380px; height:30px;position:relative; overflow:hidden; } #replace1 span, span.replace1 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 0 } /**************************************************************************************************************************** * Begin Glacial Accordion >> css ****************************************************************************************************************************/ .accordion{width:266px; margin:auto;background:url(../images/accordion.png) no-repeat} .accordionContent{ width:246px;height:520px;padding:10px;overflow:hidden;background:url(../images/accordionContent.png) no-repeat; } .accordion a, .accordion span, .accordion h3 {width:266px;height:35px;margin:0;padding:0;display:block;position:relative;overflow:hidden;} .accordion span, .accordion h3 { background-image:url(../images/accordionMenu.png); } .accordion span {position:absolute; left:0; top:0; cursor:pointer;} .accordion h3 { width:266px;} #accordionMenu1 {background-position: -266px 0;} #accordionMenu1 span, span.accordionMenu1_span {background-position: 0 0;} #accordionMenu1 a:hover span, span.accordionMenu1_span_oo {background-position: -266px 0;} #accordionMenu2 {background-position: -266px -35px;} #accordionMenu2 span, span.accordionMenu2_span {background-position: 0 -35px;} #accordionMenu2 a:hover span, span.accordionMenu2_span_oo {background-position:-266px -35px;} #accordionMenu3 {background-position: -266px -70px;} #accordionMenu3 span, span.accordionMenu3_span {background-position: 0 -70px;} #accordionMenu3 a:hover span, span.accordionMenu3_span_oo {background-position: -266px -70px;} #accordionMenu4 {background-position: -266px -105px;} #accordionMenu4 span, span.accordionMenu4_span {background-position: 0 -105px;} #accordionMenu4 a:hover span, span.accordionMenu4_span_oo {background-position: -266px -105px;} /**************************************************************************************************************************** * END Glacial Accordion >> css ****************************************************************************************************************************/ /*****************************************************************************/ /** [HSLIDER] ****************************************************************/ .sliderWrapper{width:464px; margin:auto;position:relative; } #slideLinks { background:url(../images/slideNav.png) 0 -85px no-repeat;} #slideLinks, #slideLinks ul{ width:464px; height:85px;} #slideLinks li{width:116px; height:85px; float:left;list-style:none} #slideLinks li a, #slideLinks a span {display:block; position:relative; overflow:hidden;} #slideLinks a span {position:absolute; left:0; top:0; background:url(../images/slideNav.png) no-repeat left top; cursor:pointer;} #slideLinks a#slideMenu1, #slideMenu1 span, span.slideMenu1_span {width:116px; height:85px;} #slideLinks a#slideMenu1 span, span.slideMenu1_span {background-position:0 0;} #slideLinks a#slideMenu1:hover span, span.slideMenu1_span_oo {background-position:0 -85px;} #slideLinks a#slideMenu2, #slideMenu2 span, span.slideMenu2_span {width:116px; height:85px;} #slideLinks a#slideMenu2 span, span.slideMenu2_span {background-position:-116px 0;} #slideLinks a#slideMenu2:hover span, span.slideMenu2_span_oo {background-position:-116px -85px;} #slideLinks a#slideMenu3, #slideMenu3 span, span.slideMenu3_span {width:116px; height:85px;} #slideLinks a#slideMenu3 span, span.slideMenu3_span {background-position:-232px 0;} #slideLinks a#slideMenu3:hover span, span.slideMenu3_span_oo {background-position:-232px -85px;} #slideLinks a#slideMenu4, #slideMenu4 span, span.slideMenu4_span {width:116px; height:85px;} #slideLinks a#slideMenu4 span, span.slideMenu4_span {background-position:-348px 0;} #slideLinks a#slideMenu4:hover span, span.slideMenu4_span_oo {background-position:-348px -85px;} #slideCont {width:464px; clear:both; position:relative; overflow:hidden; } #slideItems { width:6188px; position:relative;} #slideItems li {width:430px; height:332px;padding:16px;margin:0 8px 0 0;display:block; float:left;position:relative;overflow:hidden;} a#slidePrevious { width:33px; height:68px; display:block; position:absolute; background:url(../images/sliderArrows.png) no-repeat left top; left: -33px; top: 107px; } a:hover#slidePrevious { background-position:0 -69px} a#slideNext { width:33px; height:68px; display:block; position:absolute; background:url(../images/sliderArrows.png) no-repeat -34px 0; right:-33px; top: 107px; } a:hover#slideNext { background-position:-34px -69px} a#slide-previous-link, a#slide-next-link { display:block; position:absolute; width:40px; height:40px; overflow:hidden; top:130px; } a#slide-previous-link {left:5px;} a#slide-next-link {left:883px;} /**************************************************************************************************************************** * END [HSLIDER] ****************************************************************************************************************************/ /*******************************************************TAB MENU*********************************************************************/ #tab_menu, #tab_menu *, .tab_menus, .tab_menus *, #tab_menu1, #tab_menu1 *, #tab_menu2, #tab_menu2 * {margin:0;padding:0;} #tab_menu, .tab_menus, #tab_menu1, #tab_menu2 { float:left;} #tab_panels { clear:both;} #tab_menu ul, .tab_menus ul, #tab_menu1 ul, #tab_menu2 ul { position:relative; width:295px; list-style:none; margin:0;padding:0; border:1px solid #e7e6e6; } #tab_menu li, .tab_menus li, #tab_menu1 li, #tab_menu2 li { display:block;position:relative;margin:0;padding:0; list-style-type:none; list-style-position:outside;} #tab_menu li a, .tab_menus li a, #tab_menu1 li a, #tab_menu2 li a { display:block; position:relative; margin:0; padding: 0 0 2px 32px; cursor:pointer; color:#3e3e3e;text-decoration:none; background:#e9e9e9 url(../images/main_tablinks_off.gif) no-repeat left top; line-height:25px; min-height:29px;} *html #tab_menu li a, *html .tab_menus li a, *html #tab_menu1 li a, *html #tab_menu2 li a {height:29px;} #tab_menu li a:hover, .tab_menus li a:hover, #tab_menu1 li a:hover, #tab_menu2 li a:hover { text-decoration:underline; color:#34505e; background:#d9d9d9 url(../images/main_tablinks_over.gif) no-repeat left top; } #tab_menu li.tab_selected a, .tab_menus li.tab_selected a, #tab_menu1 li.tab_selected a, #tab_menu2 li.tab_selected a { color:#3e3e3e; background:#dadada url(../images/main_tablinks_on.gif) no-repeat left top;} .tab_panel { padding:10px; } .tab_menus, #tab_menu1, #tab_menu2 { position:relative;} .tab_menus ul, #tab_menu1 ul, #tab_menu2 ul { width:165px; border:0px none; } .tab_menus li, #tab_menu1 li, #tab_menu2 li { position:static;} /*******************************************************TAB MENU*********************************************************************/ .glacialslide-html{background-color:#FFF;} .glacialslide-html-blur{border:2px solid gray;} .glacialslide-html-content{position:absolute;display:none;} .glacialslide-loading{display:block;color:#000;font-size:8pt;font-family:sans-serif;font-weight:700;text-decoration:none;border:1px solid #000;background-color:#FFF;padding:2px;} .glacialslide-move{cursor:move;} .glacialslide-display-block{display:block;} .glacialslide-display-none{display:none;} .control{float:right;display:block;font-size:9pt;font-weight:700;text-decoration:none;text-transform:uppercase;color:#999;margin:0 5px;} .control:hover{color:#000!important;}