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:#42576d 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:934px;height:80px;margin:auto;position:relative;} a#logo { float:left} a#logo, #logo span, span.logo_span {width:462px; height:80px;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 0;} .topR{width:471px;height:80px;float:left; background:url(../images/topR.png) no-repeat 0 0;} .navContanier{ width:958px; height:42px; background:url(../images/navContanier.png) no-repeat 0 0;} .header{} .headerMedia{width:959px;height:351px; background:url(../images/headerMeida.png) no-repeat 0 0; text-align:center} .tools{width:931px;height:51px; background:url(../images/tools.png) no-repeat 0 0; margin:auto; position:relative} .tools2{height:51px; margin:auto; position:relative; border-bottom:1px solid #fff} .seconderyHeader{ width:960px; height:112px;background:url(../images/seconderyHeader.jpg) no-repeat 0 0; position:relative} .seconderyHeader h1{ position:absolute; color:#feffff; font-size:32px; left: 32px; top: 27px; width: 679px; } .searchBox{ width:205px; height:35px; position: absolute; background:url(../images/searchBox.png) no-repeat 0 0; float:left; left: 709px; top: 7px; } .searchBox2{ width:205px; height:35px; position: absolute; background:url(../images/searchBox2.png) no-repeat 8px 2px; float:left; left: 446px; top: 7px; } .inputs{ width:132px; height:15px; background:transparent; border:0; font-size:11px } .inputs1{ width:90px; position:absolute; right:63px; top:14px; } .submit1 { width:36px; height:15px; position:absolute; right:4px; top:14px;} .box1Txt { height:195px;padding:10px 20px 0 160px; position:relative;color:#fff;background:url(../images/img1.jpg) no-repeat 0 17px;} .box2Txt { height:195px;padding:10px 20px 0 29px; position:relative;color:#fff;} .subLinksBox {height:266px;} .box3 {height:266px; padding:2px 3px 4px 34px} .subLinksCont { width:176px; height:165px; position:absolute; left: 91px; top: 62px; } .mainLinksCont{ width:176px; height:165px; position:absolute; left:32px; top: 56px; } .content{ width:930px; margin:auto; border:1px solid #FFF; border-bottom:none; border-top:none;background:url(../images/content.png); position:relative} .contentL{width:656px; float:left} .contentR{width:273px;font-size:12px; float:left} /**************************************************************************************************************************** * Inner Content >> css ****************************************************************************************************************************/ .contentArea{padding:0 25px 20px;color:#000;} *html .contentArea{ height:892px} .contentArea p{ margin:16px 0;font-size:0.90em;} .contentArea h1{font-size:1.50em; margin-top:20px; margin-bottom:20px} .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;} div.contentArea ol li {list-style: decimal inside;} 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 ****************************************************************************************************************************/ .contentArea li {font-size:0.9em;margin:6px 0;} .mainContent{width:886px; margin:auto; background:#bfd7de;padding:17px 24px 28px 19px; border:1px solid #fff; border-bottom:none; border-top:none} .mainContentL{width:426px;padding:0 20px 0 0;float:left} .mainContentR{width:431px;float:left} .mainContent h1{ color:#176ab3; font-size:22px;} .mainContent li{list-style: disc inside;} .bottom{background:url(../images/bottom.png); height:128px;} .footer{ width:930px; height:40px;padding:20px 0 0; margin:auto; text-align:center;} .footer img {margin:-5px 0 0 0} .footer a {color:#3c5165; text-decoration:none; font-size:10px; margin:22px;line-height:24px;} .footer a:hover { color:#e0eefb;} .copyRight{ width:760px; font-size:10px; padding:15px 20px; color:#cbdeeb; margin:auto; margin-top:16px; text-align:center; background:url(../images/copyRight.jpg) left no-repeat;} /**************************************************************************************************************************** * Ront Resize >> css ****************************************************************************************************************************/ .fontResize{ width:207px; height:39px; position:relative; background:url(../images/fontResize.png) no-repeat 0 2px; position:absolute; right:709px; top: 10px; } .fontResize2{ width:207px; height:39px; position:relative; background:url(../images/fontResize.png) no-repeat 0 2px; position:absolute; left:20px; top: 10px; } a.fontIncrease { width:21px; height:24px; display:block; position:absolute; right:32px; top:6px; background:#4780ac url(../images/fontBtnSet.png) no-repeat; } a:hover.fontIncrease { background-position:0 -24px;} a.fontDecrease { width:21px; height:24px; display:block; position:absolute; right:2px; top:6px; background:#4780ac url(../images/fontBtnSet.png) no-repeat -21px 0; } a:hover.fontDecrease { background-position:-21px -24px;} /**************************************************************************************************************************** * Menus >> css ****************************************************************************************************************************/ a#menu1 { top:80px; right:10px;} a#menu1, #menu1 span, span.menu1_span {width:138px; height:56px;display:block; position:absolute; 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:-138px 0;} a#menu2 { top:410px; right:10px;} a#menu2, #menu2 span, span.menu2_span {width:138px; height:56px;display:block; position:absolute; overflow:hidden;} a#menu2 span, span.menu2_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 0; cursor:pointer;} a#menu2:hover span, span.menu2_span_oo {background-position:-138px 0;} /**************************************************************************************************************************** * Replaces >> css ****************************************************************************************************************************/ /*****************************************************************************/ /** [VSLIDER] ****************************************************************/ .accordionBg{width:255px;height:678px;padding:5px 0 0; margin:auto;background-image:url(../images/accordionBg.png) 0 -5px;} /**************************************************************************************************************************** * Begin Glacial Accordion >> css ****************************************************************************************************************************/ .accordion{width:239px; margin:auto} .accordionContent{ height:457px;padding:10px;overflow:hidden; background:#fdfefe; position:relative} .accordionContent p{ width:188px; margin:auto;font-size:12px; font-weight:bold; color:#2e3337} .accordion a, .accordion span, .accordion h3 {width:239px;height:47px;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:239px;} #accordionMenu1 {background-position: -239px 0;} #accordionMenu1 span, span.accordionMenu1_span {background-position: 0 0;} #accordionMenu1 a:hover span, span.accordionMenu1_span_oo {background-position: -239px 0;} #accordionMenu2 {background-position: -239px -46px;} #accordionMenu2 span, span.accordionMenu2_span {background-position: 0 -46px;} #accordionMenu2 a:hover span, span.accordionMenu2_span_oo {background-position:-239px -46px;} #accordionMenu3 {background-position: -239px -92px;} #accordionMenu3 span, span.accordionMenu3_span {background-position: 0 -92px;} #accordionMenu3 a:hover span, span.accordionMenu3_span_oo {background-position: -239px -92px;} #accordionMenu4 {background-position: -239px -138px;} #accordionMenu4 span, span.accordionMenu4_span {background-position: 0 -138px;} #accordionMenu4 a:hover span, span.accordionMenu4_span_oo {background-position: -239px -138px;} /**************************************************************************************************************************** * END Glacial Accordion >> css ****************************************************************************************************************************/ /*****************************************************************************/ /** [HSLIDER] ****************************************************************/ .sliderWrapper{width:931px; height:221px; margin:auto;position:relative;background:url(../images/slideBg.png) no-repeat left -1px;} #slideLinks { background:url(../images/slideNav.png) 0 -57px no-repeat; margin:auto} #slideLinks, #slideLinks ul{ width:887px; height:57px; padding:0 0 0 24px; } #slideLinks li{width:214px; height:57px; float:left; margin:0 0 0 2px; 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:214px; height:57px;} #slideLinks a#slideMenu1 span, span.slideMenu1_span {background-position:-24px 0;} #slideLinks a#slideMenu1:hover span, span.slideMenu1_span_oo {background-position:-24px -57px;} #slideLinks a#slideMenu2, #slideMenu2 span, span.slideMenu2_span {width:214px; height:57px;} #slideLinks a#slideMenu2 span, span.slideMenu2_span {background-position:-240px 0;} #slideLinks a#slideMenu2:hover span, span.slideMenu2_span_oo {background-position:-240px -57px;} #slideLinks a#slideMenu3, #slideMenu3 span, span.slideMenu3_span {width:214px; height:57px;} #slideLinks a#slideMenu3 span, span.slideMenu3_span {background-position:-456px 0;} #slideLinks a#slideMenu3:hover span, span.slideMenu3_span_oo {background-position:-456px -57px;} #slideLinks a#slideMenu4, #slideMenu4 span, span.slideMenu4_span {width:214px; height:57px;} #slideLinks a#slideMenu4 span, span.slideMenu4_span {background-position:-672px 0;} #slideLinks a#slideMenu4:hover span, span.slideMenu4_span_oo {background-position:-672px -57px;} #slideLinks a#slideMenu5, #slideMenu5 span, span.slideMenu5_span {width:214px; height:57px;} #slideLinks a#slideMenu5 span, span.slideMenu5_span {background-position:-886px 0;} #slideLinks a#slideMenu5:hover span, span.slideMenu5_span_oo {background-position:-886px -57px;} #slideCont {width:864px;clear:both; position:relative; margin:auto; overflow:hidden;} #slideItems {width:3456px; position:relative;} #slideItems li { width:864px; height:140px;display:block; float:left;position:relative;overflow:hidden;} #slideItems p{ font-size:12px; font-weight:bold; color:#2e3337} 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] ****************************************************************************************************************************/ .contentArea img {border:1px solid #3C5165; padding:0}