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, em, 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: url(../images/site/bg.png); text-align:center; margin:0; padding:0 } .mainContanier{ width:952px;position:relative;margin:auto;text-align:left} .header{ width:952px; height:155px;position:relative;margin:auto;text-align:left;position: relative; z-index:1000;background: url(../images/site/content.png) 1PX 0} .content{ width:922px; padding:0 16px 0 14px;background: url(../images/site/content.png)} .contentL{ width:234px;text-align:left; float:left;position: relative; z-index:1} .contentR{ width:678px; padding:0 0 0 10px;text-align:left; float:left} .title1{height:33px; padding:10px 0 0 14px;background: url(../images/site/title1.png); border:1px solid #cfcfcf; margin:6px; text-align:left;} .grayBox,.grayBox1{ height:198px;background:#f0f3f6; border:1px solid #e5e7ea;margin:6px; margin-bottom:0px; position:relative;z-index:400 } .grayBox1{ height: auto; padding:12px 6px 12px 16px;} .grayBox1 a{ height: 18px; display:block;background:url(../images/site/btnSet1.png) no-repeat 0 -120px; padding:0 0 0 20px; color:#6f6f6f; font-size:12px; text-decoration:none} .grayBox1 a:hover{ background-position:0 -138px} .boxShadow{margin:6px; height:19px; background:url(../images/site/boxShadow.png); margin-top:0px;} .advSearch a {color:#7f7f7f; font-size:13px;position:absolute; left:20px; top:170px} .advSearch a:hover {color:#2e2e2e} .searchBtn{ width:71px; height:23px; position:absolute; left: 127px; top:166px; background:url(../images/site/searchButton.png); border:0px; font-size:11px; font-weight:bold; color:#fff} .box2{ height:200px;background:url(../images/site/box2.png) repeat-x bottom;margin:0 6px 0 6px} .weather{ height:59px; padding:12px 0 0 12px; background:url(../images/site/weatherBg.png); border:1px solid #eee; margin:0 6px 0 6px} .weather-in{ height:53px;background:url(../images/site/weatherTitle.png) no-repeat 0 8px; color:#405f75; font-size:13px; font-weight:bold; padding:7px 0 0 38px} .weather-in h4{color:#6f6f6f; font-size:12px; padding:8px 0 0 ;} .weather-in img{margin: 0 0 -6px 0} .toolNav{ margin:6px 0 0 0} .toolNavL{ width:5px; height:45px;float:left; background:url(../images/site/toolNavLR.png);} .toolNavM{width:666px; height:45px;float:left; background:url(../images/site/toolNavM.png);} .toolNavR{width:5px; height:45px;float:left; background:url(../images/site/toolNavLR.png) -5PX 0;} .toolTitle{width:261px; height:36px; margin:5px 0;background:url(../images/site/toolTitle.png) no-repeat; float:left} #toolNavCont { text-align: left; float:left; overflow: hidden; width:381px; margin:2px 0 0 16px} #toolNavCont ul { height: 38px; float:left; } #toolNavCont ul li { float: left; margin-left: 5px; } #toolNavCont ul li a { background:url(../images/site/toolNav.png); display: block; height: 40px; } #toolNavCont li .n1-1 { width: 79px; background-position:0 0; } #toolNavCont li .n1-1:hover, #toolNavCont li.selected .n1-1:hover { background-position:0 -43PX; } #toolNavCont li .n1-2 { width: 95px; background-position:-79px 0; } #toolNavCont li .n1-2:hover, #toolNavCont li.selected .n1-2:hover { background-position: -79px -43px; } #toolNavCont li .n1-3 { width: 83px; background-position: -174px 0; } #toolNavCont li .n1-3:hover, #toolNavCont li.selected .n1-3:hover { background-position: -174px -43px; } #toolNavCont li .n1-4 { width: 104px; background-position: -257px -0px; } *html #toolNavCont li .n1-4 { width:90px;} #toolNavCont li .n1-4:hover, #toolNavCont li.selected .n1-4:hover { background-position: -257px -43px; } #toolNavCont ul li a:hover { } #toolNavCont li span { display: none; } /* PreSelection */ #toolNavCont li.selected .n1-1,#toolNavCont li.selected .n1-2,#toolNavCont li.selected .n1-3,#toolNavCont li.selected .n1-4 { background-position: 0px 0px;} .txtCont1{ padding:8px 10px} .txtCont2{ padding:0 10px 8px 10px} .txtCont2 p{ margin:12px 0 12px 0} .color1{color:#5f5549} .font11{ font-size:11px; line-height:18px} .spotTop{ height:29px; position:relative} .spotBoxL{background:url(../images/site/spotBox.png) no-repeat right 42px;} .spotBoxM{ background:url(../images/site/spotBox.png) no-repeat right 42px;} .spotBoxL,.spotBoxM,.spotBoxR{width:224px; min-height:172px; float:left; padding:28px 0 0 0;} *html .spotBoxL,.spotBoxM,.spotBoxR{height:225px} .spotBox h1{ font-size:12px;font-weight:bold;color:#5f5549; text-align:center;} .spotBox h2{ font-size:11px;font-weight:bold;color:#728c39; text-align:center; margin:0 0 2px 0} .spotBox a{color:#5f5549; text-decoration:none} .spotBox img{ width:136px; height:85px; border:1px solid #d8d5d5; padding:6px; margin:4px 0 } .spotContanier{ height:252px;background:url(../images/site/spotContanier.png);} .bottom{ width:952px;height:30px; margin:auto;background:url(../images/site/bottom.png);} .contentIn{ padding:8px; color:#5f5549; font-size:12px; line-height:18px;} .footer{ width:934px;height:150px; margin:auto;} .footerL{ width:10px;height:150px;background:url(../images/site/footerLR.png) 0 -1px; float:left} .footerM{ width:911px;height:150px;background:url(../images/site/footerM.png) 0 -1px; float:left} .footerR{ width:10px;height:150px;background:url(../images/site/footerLR.png) -10px -1px; float:left} .footerMenu { width:750px; margin:auto; margin-top:8px; display:block} .footerMenu img { margin-top:14px; margin-bottom:-2px } .footerMenu a { color:#5f5549; text-decoration:none; font-size:11px; margin:4px; line-height:24px;} .footerMenu a:hover { color:#000;} .copyRight{ width:600px; padding:15px 0 0 0;color:#8e8e8e; font-size:11px; text-align:center; margin:auto; line-height:18px} .copyRight a{ color:#8e8e8e; font-size:11px;} .copyRight a:hover{ color:#777676; font-size:11px;} .pageTitle{ padding:5px 0 0 0; color:#405f75; font-size:13px;} .pageTitleL{ width:8px; height:29px; background:url(../images/site/pageTitleLR.png) no-repeat; float:left} .pageTitleM{ width:657px; height:22px; padding:7px 0 0 5px; background:url(../images/site/pageTitleM.png); float:left; positon:relative} .pageTitleR{ width:8px; height:29px; background:url(../images/site/pageTitleLR.png) no-repeat -4px; float:left} /* main nav */ .mainNav { width:932px; height:32px; margin:0 0 0 10px; background:url(../images/site/mainNav_bg.gif) repeat-x;} .mainNav-left { background:url(../images/site/mainNav_l.gif) no-repeat; width:6px; height:32px; float:left; } .mainNav-right { background:url(../images/site/mainNav_r.gif) no-repeat; width:6px; height:32px; float:right;} .mainNav-bg { background:url(../images/site/mainNav_bg.gif) repeat-x; height:32px; float:left } /* main nav */ .top{ height:123px;} .topL{ width:215px;height:123px;background:url(../images/site/nokta_logo.png) no-repeat; float:left; margin:0 0 0 10px;} .topR{ width:717px;height:123px;background:url(../images/site/topR.jpg) no-repeat; float:left} .topTxt{ height:28px;} .topNav{width:490px; float:right} .mainNav-left2 { background:url(../images/site/mainNav2_l.gif) no-repeat; width:8px; height:32px; float:left; } .mainNav-right2 { background:url(../images/site/mainNav_r2.gif) no-repeat; width:6px; height:32px; float:right; } .spotTitle{z-index:99} .mapLink{width:144px;height:29px;background:url(../images/mapLink.png) no-repeat; position:absolute; top:12px; left:518px;font-weight:bold} .mapLink a {width:118px;height:23px; padding:6px 0 0 28px; display:block; color:#786952; font-size:12px; text-decoration:none} .mapLink a:hover{color:#405f75} .mapLink1{width:144px;height:29px;background:url(../images/mapLink.png) no-repeat; position:absolute; top:262px; left:263px;font-weight:bold} .mapLink1 a {width:118px;height:23px; padding:6px 0 0 28px; display:block; color:#786952; font-size:12px; text-decoration:none} .mapLink1 a:hover{color:#405f75} .selectCont1,.selectCont2,.selectCont3,.selectCont4 {padding:4px 0 5px 18px} .selectCont1 {z-index:100} .selectCont2 {z-index:99} .selectCont3 {z-index:98} .selectCont4 {z-index:97} .selectContJ{padding:10px 0 5px 18px} .elSelect { width:183px; height:23px; background:url("../images/site/select_bg.gif") no-repeat 0% 0%; } .elSelect .selected { background-color:#fff !important; color:#5099c3 !important; } .elSelect .clear { clear:both; } .elSelect .selectedOption { float:left; padding:5px 0 0 6px; width:154px; font-weight:bold; font-size:12px; color:#496772; overflow:hidden; } .elSelect .dropDown { width: 23px; height: 23px; float: right; background:url("../images/site/select_arrow.gif") no-repeat 0% 0%; } .elSelect .optionsContainerTop { position:absolute; background:url("../images/site/top_center.gif") repeat-x 0% 0%; width:100%; height:5px; } .elSelect .optionsContainerTop div { background:url("../images/site/top_left.gif") no-repeat 0% 0%; width:100%; height:5px; } .elSelect .optionsContainerTop div div { background:url("../images/site/top_right.gif") no-repeat 100% 0%; width:100%; height:5px; } .elSelect .optionsContainerBottom { position:absolute; margin:-5px 0 0 0; background:url("../images/site/bottom_center.gif") repeat-x 0% 0%; width:100%; height:5px; } .elSelect .optionsContainerBottom div { background:url("../images/site/bottom_left.gif") no-repeat 0% 0%; width:100%; height:5px; } .elSelect .optionsContainerBottom div div { background:url("../images/site/bottom_right.gif") no-repeat 100% 0%; width:100%; height:5px; } .elSelect .optionsContainer { position:absolute; display:none; } .elSelect .option { padding:4px 0 5px 5px; background-color:#ECF1F2; border-left:solid 1px #749490; border-right:solid 1px #749490; text-align:left; font-weight:bold; font-size:12px; color:#496772; } .elSelect .disabled { background-color:#C0CCCF; border-left:solid 1px #749490; border-right:solid 1px #749490; color:#90A4AA; } .elSelect span { display:block; margin:-20px 0 0 250px; font-size:10px; } .browseLink{ position:absolute; left: 545px; top: 7px; } .browseLink a{ color:#466881; font-size:12px; font-weight:bold;} .browseLink a:hover{ color:#1f4059} .member{ position:absolute; color:#405f75; height:18px; background: url(../images/site/top-icons.gif) 0 -4px no-repeat; padding:2px 0 0 30px; left:245px; top:6px; font-size:12px; } .certified{ position:absolute; background: url(../images/site/top-icons.gif) 0 -29px no-repeat; padding:2px 0 0 26px; color:#1f4059; left:674px; top: 5px; width: 290px; } .exchngCont{ padding:0 0 0 19px; font-weight:bold; line-height:18px;} .exchng{ font-size:12PX; color:#405f75} .exchng2{ font-size:12PX; color:#7e7e7e} /**************************************************************************************************************************** * Replace Contaniers >> css ****************************************************************************************************************************/ .spotTitle { width:221px; height:29px; position:absolute} /**************************************************************************************************************************** * Replaces >> css ****************************************************************************************************************************/ #replace1 { position:relative;width:177px; height:28px;padding:0;overflow:hidden; } #replace1 span, span.replace1 { position: absolute; top:0; left:0px;width:177px;height:28px; background:url(../images/site/replace1Set.png) 0 0} #replace2 { position:relative;width:84px; height:26px;padding:0;overflow:hidden; } #replace2 span, span.replace2 { position: absolute; top:0; left:0px;width:84px; height:26px; background:url(../images/site/replace1Set.png) 0 -28px} #replace3 { position:relative;width:221px; height:29px;padding:0;overflow:hidden; } #replace3 span, span.replace3 { position: absolute; top:0; left:0px;width:221px; height:29px;background:url(../images/site/replace1Set.png) 0 -54px} #replace4 { position:relative;width:175px; height:29px;padding:0;overflow:hidden; } #replace4 span, span.replace4 { position: absolute; top:0; left:0px;width:175px; height:29px; background:url(../images/site/replace1Set.png) 0 -82px} /**************************************************************************/ /*** menu Contaniers **************************************************/ .menu1Cont { width:225px; height:116px; z-index:1; position:relative left:-1px} .menu2Cont { width:225px; height:58px;margin:8px 0 0 0} .menu3Cont {width:223px; height:30px;margin:8px 0 8px 6px} /**************************************************************************/ /*** Menus **************************************************/ a#menu1, #menu1 span, span.menu1_span { display:block; position:relative;width:225px; height:58px; overflow:hidden; } a#menu1 span, span.menu1_span { position:absolute; left:0; top:0; background:url(../images/site/btnSet1.png) no-repeat 0 0px; } a#menu1:hover span, span.menu1_span_oo { background-position:-225px 0px; cursor:pointer } a#menu2, #menu2 span, span.menu2_span { display:block; position:relative;width:225px; height:58px; overflow:hidden; } a#menu2 span, span.menu2_span { position:absolute; left:0; top:0; background:url(../images/site/btnSet1.png) no-repeat 0 -58px; } a#menu2:hover span, span.menu2_span_oo { background-position:-225px -58px; cursor:pointer} a#menu3, #menu3 span, span.menu3_span { display:block; position:relative;width:223px; height:30px; overflow:hidden; } a#menu3 span, span.menu3_span { position:absolute; left:0; top:0; background:url(../images/site/btnSet1.png) no-repeat 0 -160px; } a#menu3:hover span, span.menu3_span_oo { background-position:-223px -160px; cursor:pointer} a#menu4, #menu4 span, span.menu4_span { display:block; position:relative;width:101px; height:23px; overflow:hidden; } a#menu4 span, span.menu4_span { position:absolute; left:0; top:0; background:url(../images/site/btnSet2.png) no-repeat 0 0; } a#menu4:hover span, span.menu4_span_oo { background-position:0px -23px; cursor:pointer} /*** info nav**************************************************/ #infoNav {width:670px; height:82px; background:url(../info_nav_bg.png); text-align: left;overflow: hidden; margin:2px 0 0 0} #infoNav ul { height:75px; float:left; } #infoNav ul li { float: left; margin-left: 5px; } #infoNav ul li a { background:url("../images/site/infoNav.png"); display: block} #infoNav li .n2-1 { width: 108px; height:75px; background-position:0 0} #infoNav li .n2-1:hover, #infoNav li.selected .n2-1:hover { background-position:0 -79PX} #infoNav li .n2-2 { width: 90px;height:75px; background-position:-121px 0} #infoNav li .n2-2:hover, #infoNav li.selected .n2-2:hover { background-position: -121px -79px} #infoNav li .n2-3 { width:105px;height:75px; background-position: -220px 0} #infoNav li .n2-3:hover, #infoNav li.selected .n2-3:hover { background-position: -220px -79px} #infoNav li .n2-4 { width: 118px;height:75px; background-position: -325px -0px} #infoNav li .n2-4:hover, #infoNav li.selected .n2-4:hover { background-position: -325px -79px} #infoNav li .n2-5 { width: 113px;height:75px; background-position: -443px -0px} #infoNav li .n2-5:hover, #infoNav li.selected .n2-5:hover { background-position: -443px -79px} #infoNav li .n2-6 { width:99px;height:75px; background-position: -556px -0px} #infoNav li .n2-6:hover, #infoNav li.selected .n2-6:hover { background-position: -556px -79px} #infoNav ul li a:hover {} #infoNav li span { display: none;} /* PreSelection */ div.contentL blockquote,div#contentL ul,div#contentL ol,div#contentL dl {margin:1em;} div.contentL ol,div#contentL ul,div#contentL dl {margin-left:2em;} div.contentL ul li {list-style: disc inside; font-size:12px; color:#656554; } div.contentL ol li {list-style: decimal inside;} div.contentL li {margin:0.5em 0; font-size:12px; color:#656554; } div.contentL dl dd {margin-left:1em;} /**************************************************************************/ /*** Search Location **************************************************/ .subNavContMn{position:absolute;top:-25px; left:508px;} #subNavContMn ul{ height:21px;} #subNavCont li.top { width:165px;display:block;height:21px;background: url(../images/site/locFilter.png);} #subNavCont li a.top_link {display:block;height:21px; line-height:21px; color:#5599b3; text-decoration:none; font-size:12px; font-weight:bold; padding:0; cursor:pointer; padding:0 0 0 24px;} #subNavCont li a.top_link span {float:left; display:block; padding:0 11px; height:21px; background: url(../images/site/three_0.gif) right top no-repeat;} #subNavCont li:hover a.top_link {color:#737373; background:url(../images/site/locFilter.png) 0 -21px;} #subNavCont li:hover {position:relative; z-index:200;} #subNavCont li:hover ul.subNav {left:1px; top:21px; background:;white-space:nowrap; min-width:162px; height:auto; z-index:11000;} #subNavCont li:hover ul.subNav li {display:block; height:23px; position:relative; float:left; min-width:162px; width:90px; font-weight:bold;} #subNavCont li:hover ul.subNav li a {display:block; min-width:162px; font-size:12px; height:19px; padding:4px 0 0 0;line-height:14px; text-indent:5px; color:#737373; text-decoration:none;border:1px solid #a0a0a2;background:url(../images/site/subNavA.png);} #subNavCont li:hover ul.subNav li a:hover {background:url(../images/site/subNavAHover.png);color:#f5f5f5; border:1px solid #a0a0a2;} #subNavCont ul, #subNavCont li:hover ul ul, #subNavCont li:hover li:hover ul ul, #subNavCont li:hover li:hover li:hover ul ul, #subNavCont li:hover li:hover li:hover li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} /*** Property list**************************************************/ .listLoop{background:#e0e0e0 url(../images/site/listLoop.png);min-height:139px; border:1px solid #666666; margin:8px 0 0 0;position:relative} .listImgCont{width:142px; height:92px; padding:5px 0 0 6px; margin:5px 0 0 6px; border:1px solid #cfcfcf;background:#e1e1e1; float:left; } .listInfo{width:498px;margin:5px 0 0 6px; float:left} .listInfoContL{width:72px; height:21px; float:left; background:url(../images/site/listBorder.png) left bottom no-repeat; color:#808080; font-size:11px;} .listInfoContR{width:426px; height:21px; float:left; background:url(../images/site/listBorder.png) -80px bottom no-repeat; color:#808080; font-size:11px;} .listInfoTitle{ height:28px; color:#405f75; font-size:12px; } .listInfoTitle a{color:#405f75; font-size:12px; text-decoration:none; font-weight:bold} .listInfoTitle a:hover{color:#6396bd;} *html .listInfoContL{width:70px;} *html .listInfoContR{width:420px;} *html .listInfo{width:490px;} *html .listLoop{height:139px;} *html .content{ width:922px; padding:0 14px 0 14px;} .listInfoTitle a{color:#405f75; font-size:12px; text-decoration:none; font-weight:bold} .propid a{color:#405f75; font-size:12px; text-decoration:none; font-weight:bold;position:absolute; left:400px; top:6px;} *html .propid a{color:#405f75; font-size:12px; text-decoration:none; font-weight:bold;position:absolute; left:50px; top:0px;} .propid a:hover{color:#6396bd;} .listInfoTitle h1{ color:#689cc0; font-size:12px; position:absolute; left:454px; top: 5px; width: 148px; } .listInfoTitle span{color:#505050; font-size:12px} .friendForm h1{font-size:15px; color:#343434; font-weight:bolder;} .friendInput{border:1px solid #666; height:20px; width:160px; font-size:11px; color:#343434;} .friendBtn{ width:71px; height:23px; position:absolute; left: 120px; top:170px; background:url(../images/site/searchButton.png); border:0px; font-size:11px; font-weight:bold; color:#fff} .inputElement{ width:246px; height:20px; border:1px solid #9c9c9c; background:#fff;font-weight:normal;} #BookaViewingForm{ font-size:12px; font-weight:bold;}