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:#fff url(../images/bg.png) repeat-x; margin:0; padding:0 } h1 {font-size:138.5%;} h2 {font-size:123.1%;} h3 {font-size:108%;} h1,h2,h3 {margin:1em 0;} h1,h2,h3,h4,h5,h6,strong {font-weight:bold;} .mainContanier {width:960px;text-align:left;;border-top:0px; margin:auto} .top{width:925px;height:66px; margin:auto;position:relative} a#logo { float:left} a#logo, #logo span, span.logo_span {width:260px; height:66px;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:660px;height:66px;float:left; background:url(../images/topR.png) no-repeat 0 0;} .header{} .headerMedia{width:960px;height:177px;} .seconderyHeader{ width:960px; height:123px;} .content{ position:relative} .contentL{width:277px;background:#d8e5ed repeat; float:left; display:inline;} .contentR{width:683px;background:url(../images/contentR.png) no-repeat 0 1px; font-size:13px; float:left; display:inline;} .contentR h1{ height:49px;font-size:18px; margin:20px 20px 20px 15px} .contentRBottom{ height:81px;background:url(../images/contentRBottom.png); } /**************************************************************************************************************************** * Inner Content >> css ****************************************************************************************************************************/ .contentArea{padding:0 35px 20px 15px ;background:url(../images/contentArea.png); min-height:550px;} *html .contentArea{ height:550px} .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 outside;} div.contentArea ol li {list-style: decimal outside;} div.contentArea li {margin:0.3em 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:852px;margin:auto;padding:10px 36px;background:#f3f8e5 url(../images/mainContent.png) no-repeat top center; color:#505050; font-size:12px;} .mainContentL{width:480px; height:100px; background:#c3e6d9; float:left} .mainContentR{width:480px; height:100px; background:#e0e6c3; float:left} .bottom{padding:24px;background:#fff url(../images/bottom.png) no-repeat top center;} .footer{ width:960px; height:40px;padding:20px 0 0; margin:auto; text-align:center;} .footer img {margin:-5px 0 0 0} .footer a {color:#1e5288; text-decoration:none; font-size:10px; margin:8px;line-height:24px;} .footer a:hover { color:#1387ff;} .copyRight{ width:760px; font-size:10px; padding:15px 20px; color:#6a6663; margin:auto; margin-top:16px; text-align:center; background:url(../images/copyRight.jpg) left no-repeat;} .searchBox{ width:213px; height:32px; background:url(../images/searchBox.png) left no-repeat; position: absolute; top:15px; right:182px; font-size:11px; } .searchInput{ width:107px; height:13px; position: absolute; left: 64px; top: 11px; border:0; background:none } .searchBtn{ position: absolute; left: 177px; top: 8px; } .searchBoxSub{ width:191px; height:32px; background:url(../images/searchBoxSub.png) left no-repeat; position: absolute; top:13px; right:18px; font-size:11px; } .slideBox1{ width:184px; float:left} .slideBox2{ width:208px; margin:14px 14px 0 0; float:left; position:relative} .slideBox3{ width:487px; margin:10px 0 0 0; float:left} /**************************************************************************************************************************** * Menus >> css ****************************************************************************************************************************/ a#menu1 { top:3px; right:0; } a#menu1, #menu1 span, span.menu1_span {width:164px; height:61px;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:-164px 0;} a#menu2 {left:13px;top:138px;} a#menu2, #menu2 span, span.menu2_span {width:173px; height:48px;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 -61px; cursor:pointer;} a#menu2:hover span, span.menu2_span_oo {background-position:-173px -61px;} a#menu3 {right:25px;top:148px;} a#menu3, #menu3 span, span.menu3_span {width:173px; height:48px;display:block;position:absolute; overflow:hidden;} a#menu3 span, span.menu3_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -107px; cursor:pointer;} a#menu3:hover span, span.menu3_span_oo {background-position:-173px -107px;} a#menu3_1 {right:25px;top:170px;} a#menu3_1, #menu3_1 span, span.menu3_1_span {width:173px; height:35px;display:block;position:absolute; overflow:hidden;} a#menu3_1 span, span.menu3_1_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -372px; cursor:pointer;} a#menu3_1:hover span, span.menu3_1_span_oo {background-position:-173px -372px;} a#menu4 {right:25px;top:148px;} a#menu4, #menu4 span, span.menu4_span {width:173px; height:48px;display:block;position:absolute; overflow:hidden;} a#menu4 span, span.menu4_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -155px; cursor:pointer;} a#menu4:hover span, span.menu4_span_oo {background-position:-173px -155px;} a#menu5 {right:25px;top:148px;} a#menu5, #menu5 span, span.menu5_span {width:173px; height:48px;display:block;position:absolute; overflow:hidden;} a#menu5 span, span.menu5_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -202px; cursor:pointer;} a#menu5:hover span, span.menu5_span_oo {background-position:-173px -202px;} a#menu6 {right:25px;top:148px;} a#menu6, #menu6 span, span.menu6_span {width:173px; height:48px;display:block;position:absolute; overflow:hidden;} a#menu6 span, span.menu6_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -248px; cursor:pointer;} a#menu6:hover span, span.menu6_span_oo {background-position:-173px -248px;} a#menu6_1 {right:25px;top:148px;} a#menu6_1, #menu6_1 span, span.menu6_1_span {width:173px; height:37px;display:block;position:absolute; overflow:hidden;} a#menu6_1 span, span.menu6_1_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -335px; cursor:pointer;} a#menu6_1:hover span, span.menu6_1_span_oo {background-position:-173px -335px;} a#menu7 {right:52px;top:236px;} a#menu7, #menu7 span, span.menu7_span {width:134px; height:39px;display:block;position:absolute;overflow:hidden;} a#menu7 span, span.menu7_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -296px; cursor:pointer;} a#menu7:hover span, span.menu7_span_oo {background-position:-134px -296px;} 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:172px; height:13px;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:116px; height:17px;position:relative; overflow:hidden; } #replace2 span, span.replace2 { position:absolute; top:0; left:0px;width:100%; height:100%;background:url(../images/replaceSet1.png) 0 -13px; } #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] ****************************************************************/ /**************************************************************************************************************************** * Begin Glacial Accordion >> css ****************************************************************************************************************************/ .accordion{width:241px; height:588px; padding:0 18px;background:url(../images/accordionBg.png); float:left;} .accordionContent{ height:259px;padding:10px;overflow:hidden; background:#eee; position:relative} .accordion a, .accordion span, .accordion h3 {width:239px;height:32px;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 -32px;} #accordionMenu2 span, span.accordionMenu2_span {background-position: 0 -32px;} #accordionMenu2 a:hover span, span.accordionMenu2_span_oo {background-position:-239px -32px;} #accordionMenu3 {background-position: -239px -64px;} #accordionMenu3 span, span.accordionMenu3_span {background-position: 0 -64px;} #accordionMenu3 a:hover span, span.accordionMenu3_span_oo {background-position: -239px -64px;} #accordionMenu4 {background-position: -239px -96px;} #accordionMenu4 span, span.accordionMenu4_span {background-position: 0 -96px;} #accordionMenu4 a:hover span, span.accordionMenu4_span_oo {background-position: -239px -96px;} #accordionMenu5 {background-position: -239px -128px;} #accordionMenu5 span, span.accordionMenu5_span {background-position: 0 -128px;} #accordionMenu5 a:hover span, span.accordionMenu5_span_oo {background-position: -239px -128px;} #accordionMenu6 {background-position: -239px -160px;} #accordionMenu6 span, span.accordionMenu6_span {background-position: 0 -160px;} #accordionMenu6 a:hover span, span.accordionMenu6_span_oo {background-position: -239px -160px;} #accordionMenu7 {background-position: -239px -192px;} #accordionMenu7 span, span.accordionMenu7_span {background-position: 0 -192px;} #accordionMenu7 a:hover span, span.accordionMenu7_span_oo {background-position: -239px -192px;} #accordionMenu8 {background-position: -239px -224px;} #accordionMenu8 span, span.accordionMenu8_span {background-position: 0 -224px;} #accordionMenu8 a:hover span, span.accordionMenu8_span_oo {background-position: -239px -224px;} #accordionMenu9 {background-position: -239px -256px;} #accordionMenu9 span, span.accordionMenu9_span {background-position: 0 -256px;} #accordionMenu9 a:hover span, span.accordionMenu9_span_oo {background-position: -239px -256px;} /**************************************************************************************************************************** * END Glacial Accordion >> css ****************************************************************************************************************************/ /*****************************************************************************/ /** [HSLIDER] ****************************************************************/ .sliderWrapper{width:960px; height:318px; margin:auto;position:relative;background:url(../images/slideBg.png) no-repeat 0 0;} #slideLinks{ background:url(../images/slideNav.jpg) 0 -56px no-repeat;} #slideLinks2{ background:url(../images/slideNav2.jpg ) 0 -56px no-repeat;} #slideLinks, #slideLinks ul{ width:924px; height:56px; margin:auto} #slideLinks2, #slideLinks2 ul{ width:924px; height:56px; margin:auto} #slideLinks li,#slideLinks2 li{width:187px; height:56px; float:left;list-style:none} #slideLinks li a, #slideLinks a span ,#slideLinks2 li a{display:block; position:relative; overflow:hidden;} #slideLinks a span ,#slideLinks2 a span{position:absolute; left:0; top:0; background:url(../images/slideNav.jpg) no-repeat left top; cursor:pointer;} #slideLinks2 a span{position:absolute; left:0; top:0; background:url(../images/slideNav2.jpg ) no-repeat left top; cursor:pointer;} #slideLinks a#slideMenu1, #slideMenu1 span, span.slideMenu1_span {width:187px; height:56px;} #slideLinks a#slideMenu1 span, span.slideMenu1_span {background-position:0 0;} #slideLinks a#slideMenu1:hover span, span.slideMenu1_span_oo {background-position:0 -56px;} #slideLinks a#slideMenu2, #slideMenu2 span, span.slideMenu2_span {width:187px; height:56px;} #slideLinks a#slideMenu2 span, span.slideMenu2_span {background-position:-187px 0;} #slideLinks a#slideMenu2:hover span, span.slideMenu2_span_oo {background-position:-187px -56px;} #slideLinks a#slideMenu3, #slideMenu3 span, span.slideMenu3_span {width:187px; height:56px;} #slideLinks a#slideMenu3 span, span.slideMenu3_span {background-position:-374px 0;} #slideLinks a#slideMenu3:hover span, span.slideMenu3_span_oo {background-position:-374px -56px;} #slideLinks a#slideMenu4, #slideMenu4 span, span.slideMenu4_span {width:187px; height:56px;} #slideLinks a#slideMenu4 span, span.slideMenu4_span {background-position:-561px 0;} #slideLinks a#slideMenu4:hover span, span.slideMenu4_span_oo {background-position:-561px -56px;} #slideLinks a#slideMenu5, #slideMenu5 span, span.slideMenu5_span {width:176px; height:56px;} #slideLinks a#slideMenu5 span, span.slideMenu5_span {background-position:-748px 0;} #slideLinks a#slideMenu5:hover span, span.slideMenu5_span_oo {background-position:-748px -56px;} #slideLinks2 a#slideMenu6, #slideMenu6 span, span.slideMenu6_span {width:187px; height:56px;} #slideLinks2 a#slideMenu6 span, span.slideMenu6_span {background-position:0 0;} #slideLinks2 a#slideMenu6:hover span, span.slideMenu6_span_oo {background-position:0 -56px;} #slideLinks2 a#slideMenu7, #slideMenu7 span, span.slideMenu7_span {width:187px; height:56px;} #slideLinks2 a#slideMenu7 span, span.slideMenu7_span {background-position:-187px 0;} #slideLinks2 a#slideMenu7:hover span, span.slideMenu7_span_oo {background-position:-187px -56px;} #slideLinks2 a#slideMenu8, #slideMenu8 span, span.slideMenu8_span {width:187px; height:56px;} #slideLinks2 a#slideMenu8 span, span.slideMenu8_span {background-position:-374px 0;} #slideLinks2 a#slideMenu8:hover span, span.slideMenu8_span_oo {background-position:-374px -56px;} #slideLinks2 a#slideMenu9, #slideMenu9 span, span.slideMenu9_span {width:187px; height:56px;} #slideLinks2 a#slideMenu9 span, span.slideMenu9_span {background-position:-561px 0;} #slideLinks2 a#slideMenu9:hover span, span.slideMenu9_span_oo {background-position:-561px -56px;} #slideLinks2 a#slideMenu10, #slideMenu10 span, span.slideMenu10_span {width:176px; height:56px;} #slideLinks2 a#slideMenu10 span, span.slideMenu10_span {background-position:-748px 0;} #slideLinks2 a#slideMenu10:hover span, span.slideMenu10_span_oo {background-position:-748px -56px;} #slideLinks2 a#slideMenu11, #slideMenu11 span, span.slideMenu11_span {width:141px; height:56px;} #slideLinks2 a#slideMenu11 span, span.slideMenu11_span {background-position:-935px 0;} #slideLinks2 a#slideMenu11:hover span, span.slideMenu11_span_oo {background-position:-935px -56px;} #slideCont {width:922px; height:206px;clear:both; position:relative; overflow:hidden; margin:auto } #slideItems { width:9320px; position:relative;} #slideItems p{ margin:0; padding:3px 0 } #slideItems li { width:922px; height:206px;margin:0 10px 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] ****************************************************************************************************************************/ h3 {font-size:14px; font-weight:bold;} /************/ .askFormInpt{width:210px;height:16px; background:#D2DCE8; border:1px solid #000;padding:5px 0 0 3px; font-size:11px } .askFormTxtA {width:210px; height:85px; background:#D2DCE8;border:1px solid #000;OVERFLOW: auto;padding:1px 0 0 3px; font-size:11px} #formBox1 {padding:3px; 0} #formBox2 {padding:3px; 0} #formBox2 {padding:3px; 0} .submitbtn {float:right; margin:55px 15px 0 0} *html .submitbtn {float:right; margin-top:-40px;} .textfield {width:200px;height:15px;padding:3px 8px;margin:3px;border:0;border:1px solid #000;background:#D2DCE8} .txtArea {width:200px;height:32px;padding:8px;margin:3px;border:1px solid #000;background:#D2DCE8} .qcButton {margin:16px 0 0 40px;} #f_t_buttonsCont {height:10px; margin:0 auto; padding:10px 0 0; position:relative; text-align:center; width:0;} a#facebook_btn {top:10px; left:0;} a#facebook_btn, #facebook_btn span, span.facebook_btn_span {width:32px;height:31px;display:block; position:absolute; overflow:hidden;} a#facebook_btn span, span.facebook_btn_span { position:absolute; left:0; top:0; background:url(../images/f_t_buttons.jpg) no-repeat 0 0;} a#twitter_btn {top:10px; left:48px;} a#twitter_btn, #twitter_btn span, span.twitter_btn_span {width:31px;height:31px;display:block; position:absolute; overflow:hidden;} a#twitter_btn span, span.twitter_btn_span { position:absolute; left:0; top:0; background:url(../images/f_t_buttons.jpg) no-repeat -41px 0;} .erhan{width:0px; height:0px; margin:0px; padding:0px; line-height:0px; font-size:0px; clear:both;}