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:#74a19c url(../images/bg.jpg) repeat-x;text-align:center; font-family:Arial;} #wrapper { width:1006px;position:relative; margin:auto;text-align:left } a, a:link, a:visited, a:active{ color: #000; } a:hover { color:#4A6F6A; text-decoration:none; } .top { width:954px;height:199px;margin:auto;position:relative;z-index:1000} .topL {width:13px;height:199px;background:url(../images/topLR.png);float:left} .topM {width:928px; height:169px; padding:30px 0 0 0;background:url(../images/topM.png);float:left; position:relative;} .topR {width:11px;height:199px;background:url(../images/topLR.png) -13px 0;float:left} .topML {width:393px; margin:0 0 0 12px; height:91px; background:url(../images/logo.png);float:left} .topMR {width:512px; margin:0 0 0 8px; height:116px;float:left} .topTool { height:68px; position:absolute; left: 419px; top: 84px; } .searchCont { width:177px; height:33px; background:url(../images/seacrhBox.png); position:absolute; left: 295px; top: 12px; } .search-inpt{ width:92px; height:18px; background:transparent; position:absolute; border:0; left: 76px; top: 10px; font-size:11px; color:#121e36 } .search-btn{ width:30px; height:20px; position:absolute; left: 180px; top: 8px; } .top2L {width:13px;height:199px;background:url(../images/top2LR.png);float:left} .top2M {width:928px; height:169px; padding:30px 0 0 0;background:url(../images/top2M.png);float:left; position:relative} .top2R {width:13px;height:199px;background:url(../images/top2LR.png) -13px 0;float:left} .header{ width:954px;height:277px;margin:auto; position:relative; z-index:900} .headerL {width:12px;height:277px;background:url(../images/headerLR.png);float:left} .headerM {width:933px; height:273px; padding:4px 0 0 0;background:url(../images/headerM.png);float:left;} .headerR {width:9px;height:277px;background:url(../images/headerLR.png) -14px 0;float:left} .header2{ width:954px;height:107px;margin:auto;} .header2L {width:10px;height:107px;background:url(../images/header2LR.png);float:left} .header2M {width:932px; height:100px; padding:7px 0 0; background:url(../images/heade2M.png);float:left} .header2R {width:11px;height:107px;background:url(../images/header2LR.png) -13px 0;float:left} .seconderyNav{width:233px;height:85px;float:left} .seconderyHeader{width:699px;height:94px;float:left} .headerMedia {width:465px;height:268px;float:left} .nav2Title {width:233px;height:41px;background:url(../images/nav2-3Title.png) 0 0;} .nav3Title {width:233px;height:41px;background:url(../images/nav2-3Title.png) 0 -41px;} .content{ width:940px;margin:auto;background:url(../images/content.gif); padding:0 7px 0 7px; text-align:left} .contentTop{ width:954px;height:6px; font-size:6px;margin:auto;background:url(../images/contentTopBottom.png);} .contentTop2{ width:954px;height:2px; font-size:6px;margin:auto;background:url(../images/contentTopBottom.png);} .contentBottom{ width:954px;height:5px; font-size:6px;margin:auto;background:url(../images/contentTopBottom.png) 0 -6px;} .content-in{ width:940px;margin:auto;background:#fff} .content-in2{ width:940px;margin:auto;background:#fff} .content-in p, .content-in2 p{ margin:0; padding:6px 0 6px 0} .leftCont{width:398px;float:left;padding:20px 0 0 20px} .rightCont{ width:506px;float:left;} .leftCont2{width:242px;float:left;} .rightCont2{ width:672px; padding:16px 10px 10px 16px;float:left;position:relative} .rightCont2 h1{ font-size:17px; color:#006898;} .subCall1{ width:240px;border:1px solid #b8bbc1; border-top:0px; border-left:px;} .subCall2{ width:240px;border:1px solid #b8bbc1; border-top:0px; border-left:px;} .footer{ width:954px; height:90px;margin:auto;} .footerL {width:13px;height:84px;background:url(../images/footerLR.png);float:left} .footerM {width:928px; height:84px;background:url(../images/footerM.png);float:left} .footerR {width:13px;height:84px;background:url(../images/footerLR.png) -13px 0;float:left} .footerMenu{ width:790px;height:84px; margin:auto; text-align:center} .footerMenu img { margin:16px 0 0 0} .footerMenu a { color:#000; text-decoration:none; font-size:11px; margin:11px; line-height:24px;} .footerMenu a:hover { color:#5f888a; } .copyRight{ color:#fff; font-size:10px; margin:auto;padding:18px 0 18px 0; text-align:center;} .box1Txt{ padding:8px 0 0 90px; height:309px; font-size:12px; color:#000; background:url(../images/img1.jpg) left 10px no-repeat} .box2L{ width:10px; height:259px; float:left;background:url(../images/box2LR.png)} .box2M{ width:373px; height:239px; padding:20px 0 0 0;float:left;background:url(../images/box2M.png)} .box2R{ width:10px; height:259px; float:left;background:url(../images/box2LR.png) -17px 0} .box2Txt{ padding:8px 0 0 0; font-size:12px; color:#000; } .box2Txtcat{ padding:0; font-size:12px; color:#000; } .box3{ height:92px; position:relative} .box4L{ width:14px; height:276px; float:left;background:url(../images/box4LR.png)} .box4M{width:461px; height:248px;padding:28px 0 0 16px; float:left;background:url(../images/box4M.png)} .box4R{ width:15px; height:276px; float:left;background:url(../images/box4LR.png) -22px 0} .box5{ height:82px; position: relative} .imgCont1{ width:238px; height:79px; background:url(../images/img3.jpg); float:left} .box6L{ width:14px; height:172px; float:left;background:url(../images/box6LR.png)} .box6M{ width:461px; height:150px;padding:19px 0 0 16px; float:left;background:url(../images/box6M.png); position:relative} .box6R{ width:15px; height:172px; float:left;background:url(../images/box6LR.png) -13px 0} .box4inL{ width:205px; height:180px; float:left;background:url(../images/img2.jpg) no-repeat} .box4inR{ width:230px; height:180px; padding:0 0 0 14px; float:left; font-size:12px; color:#000;} .subCall3L{ width:14px; height:914px; float:left;background:url(../images/box7LR.png)} .subCall3M{ width:196px; height:898px;padding:14px 10px 0 6px; float:left;background:url(../images/box7M.png)} .subCall3R{ width:16px; height:914px; float:left;background:url(../images/box7LR.png) -19px 0} *html .subCall3R {width:8px;background:url(../images/box7LR.png) -19px 0} .box7,.box8{ font-size:11px; color:#000; line-height:15px} /**************************************************************************************************************************** * form elements >> css ****************************************************************************************************************************/ .searchinput{ width:84px; height:14px; border:0px; position:absolute; font-size:11px; color:#0c2854; background:transparent; left: 564px; top: 58px; } .sButton{ width:36px; height:15px; border:0px; position:absolute; left: 670px; top: 57px; } /**************************************************************************************************************************** * Replace Contaniers >> css ****************************************************************************************************************************/ .replace4Cont{ width:268px;height:70px; padding:17px 0 0 10px} .replace7Cont{width:183px;height:64px; margin:auto; padding:16px 0 0 0;} .replace8Cont{width:203px;height:37px;} .replace9Cont{width:167px;height:19px;} /**************************************************************************************************************************** * Replaces >> css ****************************************************************************************************************************/ #replace1 { position:relative;width:478px;height:53px;padding:0;overflow:hidden; } #replace1 span, span.replace1 { position:absolute;top:0;left:0px;width:478px;height:53px;background:url(../images/adresReplace.png) 0 0} #replace2 { position:relative;width:323px;height:21px;padding:0;overflow:hidden; } #replace2 span, span.replace2 { position:absolute;top:0;left:0px;width:323px;height:21px;background:url(../images/replace1Set.png) 0 0} #replace3 { position:relative;width:376px;height:20px;padding:0;overflow:hidden; } #replace3 span, span.replace3 { position:absolute;top:0;left:0px;width:376px;height:20px;background:url(../images/replace1Set.png) 0 -40px} #replace4 { position:relative;width:268px;height:70px;padding:0;overflow:hidden; } #replace4 span, span.replace4 { position:absolute;top:0;left:0px;width:268px;height:70px;background:url(../images/replace1Set.png) 0 -102px} #replace5 { position:relative;width:166px;height:19px;padding:0;overflow:hidden; } #replace5 span, span.replace5 { position:absolute;top:0;left:0px;width:166px;height:19px;background:url(../images/replace1Set.png) 0 -21px} #replace6 { position:relative;width:278px;height:24px;padding:0;overflow:hidden; } #replace6 span, span.replace6 { position:absolute;top:0;left:0px;width:278px;height:24px;background:url(../images/replace1Set.png) 0 -78px} #replace7 { position:relative;width:183px;height:64px;padding:0;overflow:hidden; } #replace7 span, span.replace7 { position:absolute;top:0;left:0px;width:183px;height:64px;background:url(../images/replace1Set.png) 0 -172px} #replace8 { position:relative;width:203px;height:37px;padding:0;overflow:hidden; } #replace8 span, span.replace8 { position:absolute;top:0;left:0px;width:203px;height:37px;background:url(../images/replace1Set.png) 0 -236px} #replace9 { position:relative;width:167px;height:19px;padding:0;overflow:hidden; } #replace9 span, span.replace9 { position:absolute;top:0;left:0px;width:167px;height:19px;background:url(../images/replace1Set.png) 0 -273px} /**************************************************************************************************************************** * Menu Contaniers >> css ****************************************************************************************************************************/ .menu1Cont {width:124px; height:54px; position: absolute; left:0; top:0; } .menu2Cont {width:154px; height:54px; position: absolute; left:137px; top:1px; } .menu3Cont {height:58px; padding:42px 16px 0} .menu4Cont { width:212px; height:67px; position:absolute; left: 1px; top: 16px; } .menu5Cont { width:288px; height:69px; position:absolute; left: 218px; top: 12px; } .menu6Cont {width:132px; height:58px; float:left; margin:35px 0 0 3px} .menu7Cont {width:131px; height:57px;padding:31px 0 0 77px} .menu8Cont { width:200px; height:55px; position:absolute; left: 289px; top: 20px; } .menu9Cont { width:212px; height:67px; position:absolute; left: 1px; top: 14px; } .menu10Cont { width:212px; height:67px; position:absolute; left: 1px; top: 14px; } .menu11Cont {width:136px; height:66px; padding:42px 0 20px 0} .menu12Cont { width:131px; height:57px; position:absolute; left:335px; top:94px; } /**************************************************************************************************************************** * Menus >> css ****************************************************************************************************************************/ a#menu1, #menu1 span, span.menu1_span { display:block; position:relative; width:122px; height:54px; overflow:hidden;} a#menu1 span, span.menu1_span { position:absolute; left:0; top:0; background:url(../images/menu1Set.png) no-repeat 0 0px;} a#menu1:hover span, span.menu1_span_oo {background-position:-124px 0px;cursor:pointer} a#menu2, #menu2 span, span.menu2_span { display:block; position:relative; width:154px; height:54px; overflow:hidden;} a#menu2 span, span.menu2_span { position:absolute; left:0; top:0; background:url(../images/menu1Set.png) no-repeat 0 -54px;} a#menu2:hover span, span.menu2_span_oo {background-position:-154px -54px;cursor:pointer} a#menu3, #menu3 span, span.menu3_span { display:block; position:relative; width:131px; height:56px; overflow:hidden;} a#menu3 span, span.menu3_span { position:absolute; left:0; top:0; background:url(../images/menu1Set.png) no-repeat 0 -244px;} a#menu3:hover span, span.menu3_span_oo {background-position:-131px -244px;cursor:pointer} a#menu4, #menu4 span, span.menu4_span { display:block; position:relative; width:208px; height:67px; overflow:hidden;} a#menu4 span, span.menu4_span { position:absolute; left:0; top:0; background:url(../images/menu1Set.png) no-repeat -4px -108px;} a#menu4:hover span, span.menu4_span_oo {background-position:-214px -108px;cursor:pointer} a#menu5, #menu5 span, span.menu5_span { display:block; position:relative; width:288px; height:69px; overflow:hidden;} a#menu5 span, span.menu5_span { position:absolute; left:0; top:0; background:url(../images/menu1Set.png) no-repeat 0 -175px;} a#menu5:hover span, span.menu5_span_oo {background-position:-288px -175px;cursor:pointer} a#menu6, #menu6 span, span.menu6_span { display:block; position:relative; width:131px; height:58px; overflow:hidden;} a#menu6 span, span.menu6_span { position:absolute; left:0; top:0; background:url(../images/menu1Set.png) no-repeat 0 -360px;} a#menu6:hover span, span.menu6_span_oo {background-position:-131px -360px;cursor:pointer} a#menu7, #menu7 span, span.menu7_span { display:block; position:relative; width:131px; height:57px; overflow:hidden;} a#menu7 span, span.menu7_span { position:absolute; left:0; top:0; background:url(../images/menu1Set.png) no-repeat 0 -303px;} a#menu7:hover span, span.menu7_span_oo {background-position:-1ft:0; top:0; background:url(../images/menu1Set.png) no-repeat -131px -303px;} a#menu8, #menu8 span, span.menu8_span { display:block; position:relative; width:200px; height:55px; overflow:hidden;} a#menu8 span, span.menu8_span { position:absolute; left:0; top:0; background:url(../images/menu1Set.png) no-repeat 0 -418px;} a#menu8:hover span, span.menu8_span_oo {background-position:-200px -418px;cursor:pointer} a#menu9, #menu9 span, span.menu9_span { display:block; position:relative; width:212px; height:67px; overflow:hidden;} a#menu9 span, span.menu9_span { position:absolute; left:0; top:0; background:url(../images/menu2Set.png) no-repeat 0 0;} a#menu9:hover span, span.menu9_span_oo {background-position: -212px 0;cursor:pointer} a#menu10, #menu10 span, span.menu10_span { display:block; position:relative; width:200px; height:54px; overflow:hidden;} a#menu10 span, span.menu10_span { position:absolute; left:0; top:0; background:url(../images/menu2Set.png) no-repeat 0 -68px;} a#menu10:hover span, span.menu10_span_oo {background-position: -200px -68px;cursor:pointer} a#menu11, #menu11 span, span.menu11_span { display:block; position:relative; width:136px; height:66px; overflow:hidden;} a#menu11 span, span.menu11_span { position:absolute; left:0; top:0; background:url(../images/menu2Set.png) no-repeat 0 -122px;} a#menu11:hover span, span.menu11_span_oo {background-position: -136px -122px;cursor:pointer} a#menu12, #menu12 span, span.menu12_span { display:block; position:relative; width:131px; height:57px; overflow:hidden;} a#menu12 span, span.menu12_span { position:absolute; left:0; top:0; background:url(../images/menu1Set.png) no-repeat 0 -474px;} a#menu12:hover span, span.menu12_span_oo {background-position:-1ft:0; top:0; background:url(../images/menu1Set.png) no-repeat -131px -474px;} /******************/ div.rightCont2 blockquote,div.rightCont2 ul,div.rightCont2ol,div.rightCont2 dl {margin:1em;} div.rightCont2 ol,div.rightCont2 ul,div.rightCont2 dl {margin-left:3em;} div.rightCont2 ul li {list-style: disc inside;} div.rightCont2 ol li {list-style: decimal outside;} div.rightCont2 li {margin:0.5em 0; } div.rightCont2 dl dd {margin-left:1em;} /******************/ /***************Send To Friend*******************/ #recommendUsCell { display:none; cursor: default; padding:5px; border:1px solid #000; z-index:99;} .close_form, .close_form_oo { margin:0; padding:0 1px; border:1px solid #555; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; float:right; cursor:pointer; } .close_form { background-color:#F6F6F6; color:#CC0000; } .close_form_oo { background-color:#C90000; color:#FFF; } #recommendUsForm, #recommendUsForm * { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; } #recommendUsForm { clear:both; } recommendUsForm td { margin:2px 0; } #recommendUsForm .input_txt, #recommendUsForm .input_txtarea { border:1px solid #bbb; background-color:#F6F6F6; padding:2px; margin:1px 0; } #recommendUsForm .input_txt { width:145px; } #recommendUsForm .input_txtarea { width:300px; } #recommendUsForm a { color:#AE620D; font-family:Georgia,"Times New Roman",Times,serif; font-size:12px; text-decoration:none; } /***************Send To Friend*******************/ /*******hkn -> font size ***/ .rSizeCont{ width:138px; height:23px; position: relative; left: 440px; top:-6px; } #rSize { background:url(../images/fontSize2.gif) no-repeat 0 4px; height:16px; width:200px; position:relative; top:-30px; left:36px; } #rSizeBtn1 { position:absolute; width:29px; height:15px; left: 139px; top: 4px; } #rSizeBtn2 { position:absolute; width:28px; height:15px; left: 167px; top: 4px; } a#menuSize1, #menuSize1 span, span.menuSize1_span { display:block; position:relative; width:29px; height:15px; overflow:hidden; } a#menuSize1 span, span.menuSize1_span { position:absolute; left:0; top:0; background:url(../images/fontSize2.gif) no-repeat 0 -14px;} a#menuSize1:hover span, span.menuSize1_span_oo { background-position:0 -29px; cursor:pointer } a#menuSize2, #menuSize2 span, span.menuSize2_span { display:block; position:relative; width:29px; height:15px; overflow:hidden;} a#menuSize2 span, span.menuSize2_span { position:absolute; left:0; top:0; background:url(../images/fontSize2.gif) no-repeat -29px -14px;} a#menuSize2:hover span, span.menuSize2_span_oo { background-position:-29px -29px; cursor:pointer} /******************/ /*************Map Button*************/ a#download_map { display:block; position:relative; width: 209px; height: 51px; margin:0; padding:0; overflow:hidden; cursor:pointer; } a#download_map span, span.download_map { position: absolute; top:0; left:0; width:209px; height:51px; background: url(../images/map_buttons.png) left top no-repeat; cursor:pointer; } a#download_map:hover span { background-position:left bottom; } a#google_button { display:block; position:relative; width: 209px; height: 51px; margin:0; padding:0; overflow:hidden; cursor:pointer; } a#google_button span, span.google_button { position: absolute; top:0; left:0; width:209px; height:51px; background: url(../images/google_map_buttons.png) left top no-repeat; cursor:pointer; } a#google_button:hover span { background-position:left bottom; } /*************Map Button*************/ div#CatCenter {padding:4px; background-color:#FAFCFE; color:#006898; font-size:1.1em; border:1px solid #AACDEC; min-width:150px; min-height:100px; margin:5px 0 0 4px; line-height:28px; font-weight:bold;} div#CatCenter a {color:#006898;} /*******/ div#menulinks a {color:#006898;} div#menulinks { float:right; padding:4px; margin:5px 0 0 4px; line-height:28px; font-weight:bold; min-width:150px; border:1px solid #AACDEC; background-color:#FAFCFE; font-size:1.1em;} /**********/ #displaybox {position:relative;width:800px;} .displayboxclose {-moz-user-select:none;border:0 none;cursor:pointer;height:12px;left:780px;margin:0;padding:0 5px 7px 7px;position:absolute;top:1px;width:12px;z-index:10000;}