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:125%;} 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 ****************************************************************************************************************************/ div#sitemap ul,div#content ol {margin:1em;} div#sitemap ol,div#content ul {margin-left:2em;} div#sitemap ul li {list-style: disc outside;} div#sitemap ol li {list-style: decimal outside;} div#sitemap li {margin:0.5em 0; } a{color:#000000} a:hover{color:#000099} 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:190px;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/btnSetNews.png) no-repeat 0 0px; padding:0 0 0 20px; color:#6f6f6f; font-size:12px; text-decoration:none} .grayBox1 a:hover{ background-position:0 -50px} .boxShadow{margin:6px; height:19px; background:url(../images/site/boxShadow.png); margin-top:0px;} /*.advSearch {margin-top:10px;}*/ .advSearch a {color:#7f7f7f; font-size:13px;position:absolute; left:20px; top:167px} .advSearch a:hover {color:#2e2e2e} .searchBtn{ width:71px; height:23px; position:absolute; left: 127px; top:160px; 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:12px 10px 12px 8px} .txtCont2{ padding:0 10px 8px 10px} .txtCont2 p{ margin:12px 0 12px 0} .color1{color:#000000} .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:15px 10px 0 6px; color:#000000; font-size:12px; line-height:18px;} .contentIn h6{ color:#405f75; font-size:14px;} .guiname{ color:#dc342b; font-size:19px; padding:0 0 0 30px; background:url(../images/guiname.png) no-repeat 0 2px} .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:149px;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:26px; padding:3px 0 0 5px; background:url(../images/site/pageTitleM.png); float:left} .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} .selectCont1,.selectCont2,.selectCont3,.selectCont4 { padding:2px 0 5px 18px; position:relative;} .selectCont1 {z-index:100} .selectCont2 {z-index:99} .selectCont3 {z-index:98} .selectCont4 {z-index:97} .selectContJ{padding:4px 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: 374px; 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; } /**************************************************************************************************************************** * 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} .exchngCont{ padding:0 0 0 19px; font-weight:bold; line-height:18px;} .exchng{ font-size:12PX; color:#405f75} .exchng2{ font-size:12PX; color:#7e7e7e} 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;} /*** Property list**************************************************/ .listLoop{background:#e0e0e0 url(../images/site/listLoop.png) repeat-x; border:1px solid #cfcfcf; margin:8px 0 0 0;} .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; position:relative} .listInfoTitle a{color:#405f75; font-size:12px; text-decoration:none; font-weight:bold} .listInfoTitle a:hover{color:#6396bd;} .listInfoTitle h1{ color:#689cc0; font-size:12px; position:absolute; left:345px; top: 0px; 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} /***********************************/ div#sc_inner blockquote,div#sc_inner ul,div#sc_inner ol,div#sc_inner dl {margin:1em;} div#sc_inner ol,div#sc_inner ul,div#sc_inner dl {margin-left:2em;} div#sc_inner ul li {list-style: disc inside;} div#sc_inner ol li {list-style: decimal inside;} div#sc_inner li {margin:0.5em 0; } div#sc_inner dl dd {margin-left:1em;} /***********************************/ /*****************Glacialslide ******************/ .glacialslide { cursor: url(/glacialslide/graphics/zoomin.cur); pointer; outline: none; } .glacialslide img { border: 2px solid gray; } .glacialslide:hover img { border: 2px solid white; } .glacialslide-image { border: 2px solid white; } .glacialslide-image-blur { } .glacialslide-caption { display: none; border: 2px solid white; border-top: none; font-family: Verdana, Helvetica; font-size: 10pt; padding: 5px; background-color: white; color: black;text-align:center; } .glacialslide-display-block { display: block; } .glacialslide-display-none { display: none; } .glacialslide-loading { display: block; color: white; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border-top: 1px solid white; border-bottom: 1px solid white; background-color: black;/* padding-left: 22px; background-image: url(/glacialslide/graphics/loader.gif); background-repeat: no-repeat; background-position: 3px 1px; */ } a.glacialslide-credits, a.glacialslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; } a.glacialslide-credits:hover, a.glacialslide-credits:hover i { color: white; background-color: gray; } /*****************Glacialslide ******************/ #ne_form table tr td {padding:5px;} #ne_form input { width:300px; border:1px solid #CCCCCC; } #ne_form #ne_message { width:300px; border:1px solid #CCCCCC; } #ne_form input#ne_submit {width:80px;}