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:#2e1142 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:86px;position:relative} a#logo { float:left} a#logo, #logo span, span.logo_span {width:320px; height:86px;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:640px;height:86px;float:left; background:url(../images/topR.png) no-repeat 0 0;} .header{width:950px; padding:0 0 0 10px} .headerMedia{width:722px;height:497px; float:left} .seconderyHeader{ width:724px; height:165px;} .content{ width:960px;position:relative} .contentL{width:215px;padding:3px 0 0;float:left} .contentR{width:724px;font-size:13px; float:left} .contentRBottom{width:714px; height:47px;background:url(../images/contentRBottom.png) no-repeat 0 0;} h1, h2, h3, h4, h5, h6, strong {font-weight:bold;} h1, h2, h3 {margin:1em 0;} h3 {font-size:108%;} /**************************************************************************************************************************** * Inner Content >> css ****************************************************************************************************************************/ .contentArea{width:662px; min-height:1070px; border-right:1px solid #a08aaf;border-left:1px solid #a08aaf;background:#33104d;padding:0 25px 20px;color:#fff; position:relative;} *html .contentArea{ height:1070px; margin-top:-5px;} .contentArea p{ margin:16px 0; font-size:1.1em;} .contentArea h1{font-size:1.50em; margin-top:20px; margin-bottom:20px} .contentArea img {margin:20px 27px; border:1px solid silver;} .contentArea a{ color:#DB734E; text-decoration:none;} .contentArea a:hover{color:#f1defe} .fixFF{ height:6px; font-size:6px} 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 outside; font-size:1.1em;} div.contentArea ol li {list-style: decimal outside; font-size:1.1em;} 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:960px;} .mainContentL{width:480px; height:100px; background:#c3e6d9; float:left} .mainContentR{width:480px; height:100px; background:#e0e6c3; float:left} .bottom{background:#301344 url(../images/bottom.png); height:223px; } .footer{ width:960px; height:146px;margin:auto; text-transform: uppercase; text-align:center; background:url(../images/footer.png) no-repeat;padding:20px 0 0; position:relative;} .footer img {margin:-5px 0 0 0} .footer a { color:#FFF;text-decoration:none; font-size:9px; margin:2px;line-height:24px; font-weight:bold} .footer a:hover { color:#5c113b;} .copyRight{ width:760px; font-size:10px; padding:15px 20px; color:#cbdeeb; margin:auto; margin-top:6px; text-align:center; background:url(../images/copyRight.jpg) left no-repeat;} .copyRight a{ color:#33104d} /* *************************************************************************************************************************** * 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 {right:30px;top:360px;} a#menu1, #menu1 span, span.menu1_span {width:147px; height:32px;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:-147px 0;} a#menu2 {right:30px;top:428px;} a#menu2, #menu2 span, span.menu2_span {width:147px; height:32px;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 -33px; cursor:pointer;} a#menu2:hover span, span.menu2_span_oo {background-position:-147px -33px;} a#menu3 { } a#menu3, #menu3 span, span.menu3_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu3 span, span.menu3_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -102px; cursor:pointer;} a#menu3:hover span, span.menu3_span_oo {background-position:-254px -102px;} a#menu4 { } a#menu4, #menu4 span, span.menu4_span {width:253px; height:50px;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 0 -153px; cursor:pointer;} a#menu4:hover span, span.menu4_span_oo {background-position:-254px -153px;} a#menu5 { } a#menu5, #menu5 span, span.menu5_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu5 span, span.menu5_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -204px; cursor:pointer;} a#menu5:hover span, span.menu5_span_oo {background-position:-254px -204px;} a#menu6 { } a#menu6, #menu6 span, span.menu6_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu6 span, span.menu6_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -255px; cursor:pointer;} a#menu6:hover span, span.menu6_span_oo {background-position:-254px -255px;} a#menu7, #menu7 span, span.menu7_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu7 span, span.menu7_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -306px; cursor:pointer;} a#menu7:hover span, span.menu7_span_oo {background-position:-254px -306px;} a#menu8 { } a#menu8, #menu8 span, span.menu8_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu8 span, span.menu8_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -357px; cursor:pointer;} a#menu8:hover span, span.menu8_span_oo {background-position:-254px -357px;} a#menu9 { } a#menu9, #menu9 span, span.menu9_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu9 span, span.menu9_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -408px; cursor:pointer;} a#menu9:hover span, span.menu9_span_oo {background-position:-254px -408px;} a#menu10 { } a#menu10, #menu10 span, span.menu10_span {width:253px; height:50px;display:block; position:relative; overflow:hidden;} a#menu10 span, span.menu10_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -459px; cursor:pointer;} a#menu10:hover span, span.menu10_span_oo {background-position:-254px -459px;} /**************************************************************************************************************************** * Replaces >> css ****************************************************************************************************************************/ #replace1 {width:459px; height:43px;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 } #replace2 {width:151px; height:50px;position:relative; overflow:hidden; } #replace2 span, span.replace2 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -51px; } #replace3 {width:151px; height:50px;position:relative; overflow:hidden; } #replace3 span, span.replace3 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -102px; } #replace4 {width:151px; height:50px;position:relative; overflow:hidden; } #replace4 span, span.replace4 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -153px; } #replace5 {width:151px; height:50px;position:relative; overflow:hidden; } #replace5 span, span.replace5 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -204px; } #replace6 {width:151px; height:50px;position:relative; overflow:hidden; } #replace6 span, span.replace6 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -255px } #replace7 {width:151px; height:50px;position:relative; overflow:hidden; } #replace7 span, span.replace7 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -306px } #replace8 {width:151px; height:50px;position:relative; overflow:hidden; } #replace8 span, span.replace8 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -357px } #replace9 {width:151px; height:50px;position:relative; overflow:hidden; } #replace9 span, span.replace9 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -408px } #replace10 {width:151px; height:50px;position:relative; overflow:hidden; } #replace10 span, span.replace10 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -459px; } /*****************************************************************************/ /** [VSLIDER] ****************************************************************/ .vSliderWrapper{width:930px; height:431px;padding:20px 0 0 13px;background:url(../images/vSliderBg.png) no-repeat 0 0;} .vSliderL{width:357px;height:283;float:left} .vSliderR{ width:571px; float:left;color:#000;} ul#vSlideItems {height:300px;position: relative} ul#vSlideItems li {width:537px;} ul#vSlideItems a {color:#DB734E; text-decoration:none;} ul#vSlideLinks { width:357px;overflow:hidden;background:url(../images/vSlideMenu.jpg) no-repeat -359px 0; margin:0; padding:0; } ul#vSlideLinks li{width:357px; height:68px; padding:0; margin:0; overflow:hidden; line-height:2px; font-size:2px; } a#vSlideMenu1, #vSlideMenu1 span, span.vSlideMenu1_span {width:357px; height:68px;display:block; position:relative; overflow:hidden;} a#vSlideMenu1 span, span.vSlideMenu1_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.jpg) no-repeat 0 0; cursor:pointer;} a#vSlideMenu1:hover span, span.vSlideMenu1_span_oo { background-position: -359px 0;} a#vSlideMenu2, #vSlideMenu2 span, span.vSlideMenu2_span {width:357px; height:68px;display:block; position:relative; overflow:hidden;} a#vSlideMenu2 span, span.vSlideMenu2_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.jpg) no-repeat 0 -68px; cursor:pointer;} a#vSlideMenu2:hover span, span.vSlideMenu2_span_oo { background-position: -359px -68px;} a#vSlideMenu3, #vSlideMenu3 span, span.vSlideMenu3_span {width:357px; height:68px;display:block; position:relative;overflow:hidden;} a#vSlideMenu3 span, span.vSlideMenu3_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.jpg) no-repeat 0 -136px; cursor:pointer;} a#vSlideMenu3:hover span, span.vSlideMenu3_span_oo {background-position: -359px -136px;} a#vSlideMenu4, #vSlideMenu4 span, span.vSlideMenu4_span {width:357px; height:68px;display:block; position:relative;overflow:hidden;} a#vSlideMenu4 span, span.vSlideMenu4_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.jpg) no-repeat 0 -204px; cursor:pointer;} a#vSlideMenu4:hover span, span.vSlideMenu4_span_oo {background-position: -359px -204px;} a#vSlideMenu5, #vSlideMenu5 span, span.vSlideMenu5_span {width:357px; height:68px;display:block; position:relative;overflow:hidden;} a#vSlideMenu5 span, span.vSlideMenu5_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.jpg) no-repeat 0 -272px; cursor:pointer;} a#vSlideMenu5:hover span, span.vSlideMenu5_span_oo {background-position: -359px -272px;} a#vSlideMenu6, #vSlideMenu6 span, span.vSlideMenu6_span { width:357px; height:68px;display:block; position:relative; overflow:hidden;} a#vSlideMenu6 span, span.vSlideMenu6_span { position:absolute; left:0; top:0; background:url(../images/vSlideMenu.jpg) no-repeat 0 -340px; cursor:pointer;} a#vSlideMenu6:hover span, span.vSlideMenu6_span_oo {background-position: -359px -340px;} /**************************************************************************************************************************** * Begin Glacial Accordion >> css ****************************************************************************************************************************/ .accordion{width:203px;padding:4px;border:0; } .accordionContent{ height:464px;padding:8px;overflow:hidden; background:#33104d;border-left:1px solid #a679c6;border-right:1px solid #a679c6; position:relative; color:#fff} .accordion a, .accordion span, .accordion h3 {width:203px;height:51px;margin:0;padding:0;display:block;position:relative;overflow:hidden;} .accordion a {color:#DB734E; text-decoration:none;} .accordion span, .accordion h3 { background:url(../images/accordionMenu.png) -203px 0 no-repeat;} .accordion span {position:absolute; left:0; top:0; cursor:pointer;} .accordion h3 { width:203px;} #accordionMenu1 {background-position: -203px -1px;} #accordionMenu1 span, span.accordionMenu1_span {background-position: 0 -1px;} #accordionMenu1 a:hover span, span.accordionMenu1_span_oo {background-position: -203px -1px;} #accordionMenu2 {background-position: -203px -52px;} #accordionMenu2 span, span.accordionMenu2_span {background-position: 0 -52px;} #accordionMenu2 a:hover span, span.accordionMenu2_span_oo {background-position:-203px -52px;} #accordionMenu3 {background-position: -203px -103px;} #accordionMenu3 span, span.accordionMenu3_span {background-position: 0 -103px;} #accordionMenu3 a:hover span, span.accordionMenu3_span_oo {background-position: -203px -103px;} #accordionMenu4 {background-position: -203px -154px;} #accordionMenu4 span, span.accordionMenu4_span {background-position: 0 -154px;} #accordionMenu4 a:hover span, span.accordionMenu4_span_oo {background-position: -203px -154px;} #accordionMenu5 {background-position: -203px -205px;} #accordionMenu5 span, span.accordionMenu5_span {background-position: 0 -205px;} #accordionMenu5 a:hover span, span.accordionMenu5_span_oo {background-position: -203px -205px;} /**************************************************************************************************************************** * END Glacial Accordion >> css ****************************************************************************************************************************/ .fontResize{ width:181px; height:38px; position:absolute; background:url(../images/ai_font_resizer.png) no-repeat; left: 515px; top:5px; } a#font_resize_increase { width:13px; height:13px; position:absolute; display:block; background:url(../images/ai_font_resizer.png) no-repeat -133px -13px; font-size:8px; left: 133px; top: 13px; } a#font_resize_decrease { width:11px; height:5px; position:absolute; display:block; background:url(../images/ai_font_resizer.png) no-repeat -158px -17px; font-size:8px; left: 158px; top: 17px; } /**************************************************************************************************************************** * Buttons for Ajax >> css ****************************************************************************************************************************/ a:link.btn1, a:visited.btn1 { display:block; width:147px; height:32px; background:transparent url('../images/btn-learnmore.png') no-repeat top left; background-position: 0px 0px; } a:hover.btn1 { background-position: 0px -32px; } a:link.btn2, a:visited.btn2 { display:block; width:147px; height:32px; background:transparent url('../images/btn-directions1.png') no-repeat top left; background-position: 0px 0px; } a:hover.btn2 { background-position: 0px -32px; } a:link.btn3, a:visited.btn3 { display:block; width:147px; height:32px; background:transparent url('../images/btn-appointment1.png') no-repeat top left; background-position: 0px 0px; } a:hover.btn3 { background-position: 0px -32px; } a:link.btn4, a:visited.btn4 { display:block; width:147px; height:32px; background:transparent url('../images/btn-directions2.png') no-repeat top left; background-position: 0px 0px; } a:hover.btn4 { background-position: 0px -32px; } a:link.btn5, a:visited.btn5 { display:block; width:147px; height:32px; background:transparent url('../images/btn-appointment2.png') no-repeat top left; background-position: 0px 0px; } a:hover.btn5 { background-position: 0px -32px; } #seminar_calendar {left:474px; top:52px;} a#seminar_calendar, #seminar_calendar span, span.seminar_calendar_span {width:137px;height:30px;display:block; position:relative; overflow:hidden;} a#seminar_calendar span, span.seminar_calendar_span { position:absolute; left:0; top:0; background:url(../images/ai_topR_button.jpg) no-repeat 0 0;} a#seminar_calendar:hover span, span.seminar_calendar_span_oo { background-position:-0 -30px; cursor:pointer} #searchbox{float:right;padding-right:35px;padding-top:55px;} #searchbox label{font-weight:bold;color:#fff;} /* Erhan Akkaya eklenen siniflar - 09-06-2010 */ .accordionContent p{font-size:10pt;} a#facebookBtn { left:400px; top:90px} a#facebookBtn, #facebookBtn span, span.facebookBtn_span {width:166px;height:40px;display:block; position:absolute; overflow:hidden;} a#facebookBtn span, span.facebookBtn_span { position:absolute; left:0; top:0; background:url(../images/facebook_btn.jpg) no-repeat 0 0;}