/*-------------------------------------------------------------- # Developer : Arif Cakiroglu # # Theme : Birel teknoloji # # License : http://dev.arifcakiroglu.com/license # # Website : http://www.arifcakiroglu.com # # Update : 07.04.2010 14:24 # # # # Copyright (C) 2010-2011 # ---------------------------------------------------------------*/ html,body,div,span,applet,object,iframe,caption,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var, h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,legend {vertical-align: baseline;font-size: 100%;outline: 0;padding: 0;margin: 0;border: 0;} :focus {outline: 0;} body {background: white;line-height: 1;color: black;} ol,ul {list-style: none;} table{border-collapse: separate;border-spacing: 0;} caption,th,td {font-weight: normal;} blockquote:before,blockquote:after,q:before,q:after {content: "";} blockquote,q {quotes: "" "";} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix {display: inline-block;} .clr {font-size : 1px;} * html .clearfix {height: 1%;} .clearfix {display: block; } .clear {clear: both;} html {min-height:100%;border-bottom:1px ;} body {margin:0;padding:0;font-size:12px;font-family:Arial, Verdana, sans-serif;line-height: 15px;} a{outline:none;cursor:pointer;color:#d80303;-moz-outline-style:none;text-decoration:none; font:normal 11px arial;} a:link,a:visited,a:active{text-decoration:none;} a:hover{text-decoration:none;color:#343434;} img{border:none;text-decoration:none;} ul{padding:0;margin:0;} ul li{padding:0; margin:0;} ul ul{} ul li a{text-decoration:none;} ol li{line-height:170%;} th {padding:4px;text-align:left;} p, pre, blockquote, h1, h2, h3, h4, h5, h6{margin:0;padding:0;} h1 { font-size:200%; } h2 { font-size:175%; } h3 { font-size:150%; } h4 { font-size:125%; } h5 { font-size:115%; } h1,h2,h3,h4,h5{margin:0;} fieldset{border:none;padding:5px 0;} fieldset a{font-weight:bold;} input, select, button{font-size:11px;font-weight:normal;} hr {border-right:0;border-left:0;border-bottom:0;height:1px;} .clearfix{ clear:both; } label{cursor:pointer;} /* Shortcut */ .fl{float: left;} .fr{float: right;} .bld{font-weight:bold;} .crs{cursor: pointer;} .clr{clear:both;} /* Start Site*/ h1{font:bold 14px arial;} body.bluesoft{background:#e7fdff url(../images/softblue/bg.jpg) center top no-repeat;} div#wrapper{width:980px; height:auto; margin:0 auto; } div.head_desc {width:500px; height:25px; padding:3px 0 0 0;} div.head_desc h1{font:normal 11px arial; color:#323232;} div.q_contact {width:350px; height:42px;} div#head_div { width:980px; height:70px;} div#logo {width:330px; height:70px;} div#logo a{width:330px; height:70px; display: block; text-indent: -9999px;} /*Start Main*/ div#menu {width:650px; height:70px;} div#menu ul {color:#716f6d; margin:20px 0 0 0; position: relative; width:auto; height:35px;} div#menu ul li {float:left; margin:0 0 0 6px;position:relative; } div#menu ul li a.normal {background:url(../images/softblue/button_icon_tools.png) 0 -161px no-repeat; text-shadow:#fff 1px 1px; font:bold 11px arial; width:81px; height:28px; padding:13px 0 0 0; text-align: center;display:block;} div#menu ul li a:hover.normal {color:#343434;text-decoration: none;background-position:-91px -162px;} div#menu ul li.drop_menu {z-index:99999; background:url(../images/softblue/button_icon_tools.png) 0 -161px no-repeat;width:81px; height:27px;padding:0 0 13px 0;text-align: center;} div#menu ul li.drop_menu a.drop_link {text-shadow:#fff 1px 1px; font:bold 11px arial;display:block; padding:13px 0 0 0;} div#menu ul li:hover.drop_menu {background-position:-189px -204px;} div#menu ul li:hover.drop_menu a.drop_link {color:#343434;} div#menu ul li ul.drop_right {display: none; cursor: default; } div#menu ul li:hover ul.drop_right {display: block; width:240px; height:auto; background:url(../images/softblue/button_icon_tools.png) 0 100% no-repeat; position: absolute; top:27px; right:0; padding:0 15px 15px; } div#menu ul li:hover.right span.topbg {position: absolute; top:40px; right:0; display: block; width:270px; height:8px; background:url(../images/softblue/button_icon_tools.png) 0 -243px no-repeat;} div#menu ul li:hover ul.drop_right li {width:auto; height:auto; padding:3px 0; margin:0;display:block; float: none;text-align: left;} div#menu ul li:hover ul.drop_right li h3 {color:#484848; font:bold 11px arial;width:auto; height:auto; display:block; padding:5px 0;} div#menu ul li:hover ul.drop_right li a {width:auto; height:auto; padding:0; margin:0;} div#menu ul li:hover ul.drop_right li label {color:#7a7a7a; font:bold 11px arial; line-height: 22px; } div#menu ul li:hover ul.drop_right li .textbox {width:147px; height:21px; margin:0; padding:1px 2px; border:none;color:#7a7a7a; font:normal 11px arial; background:url(../images/softblue/button_icon_tools.png) 0 -343px no-repeat;} div#menu ul li:hover ul.drop_right li .error {background-position:0 -317px ;} div#menu ul li:hover ul.drop_right .remember {margin:0 0 0 88px; text-align: left;} div#menu ul li:hover ul.drop_right .remember label {margin:7px 0 0 5px; color:#7e8182; font:normal 11px arial; float: left;} div#menu ul li:hover ul.drop_right li .register, div#menu ul li:hover ul.drop_right li .lostpass {display:block; font:normal 10px arial; color:#af0101;} div#menu ul li:hover ul.drop_right li .register:hover, div#menu ul li:hover ul.drop_right li .lostpass:hover {text-decoration:underline; color:#5e5e5e;} div#menu ul li:hover ul.drop_right li span.dot {margin:0 0 0 42px;} div#menu ul li ul.drop_left {display: none; padding:0 0 10px 0;} div#menu ul li:hover ul.drop_left {display: block; width:270px; height:auto; background:url(../images/softblue/button_icon_tools.png) -3px 100% no-repeat; position: absolute; top:28px; left:0; } div#menu ul li:hover.left span {position: absolute; top:40px; left:0; display: block; width:270px; height:8px; background:url(../images/softblue/button_icon_tools.png) -3px -290px no-repeat;} div#menu ul li:hover ul.drop_left li {width:auto; height:auto; padding:0; margin:0 7px 0 2px; display:block; float: none;text-align: left;} div#menu ul li:hover ul.drop_left li:hover {background:#abe0e5;} div#menu ul li:hover ul.drop_left li a {color:#469ca4; display: block; padding:3px 0 3px 15px; border-bottom:#fff 1px solid;} div#menu ul li:hover ul.drop_left li a:hover {color:#22777f;text-shadow:#92dbe2 1px 1px;border-bottom:#55a8b0 1px solid;} /*End Main*/ /*Start Main*/ div#main{width:687px; height:auto; margin:0 0 15px 0;} div#main #main_inner {width:645px; height:auto; margin:0 auto; padding:10px 21px 0; background:url(../images/softblue/softblue_main_bg3.png) no-repeat;} div#main #main_inner h2.slogan{font:bold italic 12px georgia; color:#656161; margin:0 0 5px 0;} /*Top Slide*/ div#main #main_inner #slider {width:645px; height:163px; background:url(../images/softblue/main_top_slide.png) no-repeat; position: relative;} div#main #main_inner #slider .aktif {display:block} div#main #main_inner #slider .pasif {display:none} div#main #main_inner #slider #slide_img {width:177px; height:150px; float:left; margin:0 0 0 5px;} div#main #main_inner #slider #slide_desc {float:left; width:400px; height:auto; margin:10px 0 0 0; color:#b60909;} div#main #main_inner #slider #slide_desc a {} div#main #main_inner #slider #slide_desc h2 {font:bold italic 12px georgia;} div#main #main_inner #slider #slide_desc p {text-indent: 25px; margin:10px 0 0 0; color:#323232;} div#main #main_inner #slider #slide_nav {width: auto; height:30px; z-index:999; position: absolute; bottom:20px; right:10px;} div#main #main_inner #slider #slide_nav .left {background:url(../images/softblue/button_icon_tools.png) 0 -102px no-repeat; width:auto; height:30px; } div#main #main_inner #slider #slide_nav .right {background:url(../images/softblue/button_icon_tools.png) -265px -102px no-repeat; width:10px; height:30px;} div#main #main_inner #slider #slide_nav ul {margin:7px 0 0 7px;} div#main #main_inner #slider #slide_nav ul li {float:left;width:auto; height:auto; margin:0 2px 0 0; } div#main #main_inner #slider #slide_nav ul li a {background:url(../images/softblue/button_icon_tools.png) -20px -135px no-repeat; font:bold 11px arial; display:block; width:15px; height:15px; padding:0; text-align: center;display:block; text-indent: -9999px;} div#main #main_inner #slider #slide_nav ul li a:hover, div#main #main_inner #slider #slide_nav ul li a.active {background-position:-1px -135px ;} /*End Top Slide*/ /*Start News*/ div#main #main_inner .news {width:645px; height:auto; margin:10px 0 0 0; color:#696262;} div#main #main_inner .ustMenum {width:645px; height:auto; margin:10px 0 0 0; color:#696262;display:none;} div#main #main_inner h3 {padding:0 0 0 25px; font:bold italic 14px georgia; color:#1b6e87; background:url(../images/softblue/button_icon_tools.png) -284px 3px no-repeat;} div#main #main_inner .news p {font:normal 11px arial; text-indent: 22px; padding:0 5px; margin:5px 0 0 0;} div#main #main_inner .news p .SolAlan {width:177px;height:150px;float:left;} div#main #main_inner .news p .SagAlan {width:293px;float:left;height:140px;padding-top:10px;} div#main #main_inner .news div {font:normal 11px arial; text-indent: 22px; padding:0 5px; margin:5px 0 0 0;} div#main #main_inner .news ul {color:#716f6d; margin:10px 0 0 0;} div#main #main_inner .news ul li {float:left; } div#main #main_inner .news ul li a.print, div#main #main_inner .news ul li a.share {font:bold 11px arial;padding:0 10px 0 18px; line-height:18px; display:block;color:#716f6d; background:url(../images/softblue/button_icon_tools.png) no-repeat;} div#main #main_inner .news ul li a:hover {color:#b60909;} div#main #main_inner .news ul li a.print {background-position:-284px -36px;} div#main #main_inner .news ul li a.share {background-position:-284px -16px;} div#main #main_inner .ustMenum .more {float:right;} div#main #main_inner .ustMenum .more2 {float:left;width:480px;padding:10px; } div#main #main_inner .ustMenum #baslikIl {color:#1b6e87;font-weight:bold; } div#main #main_inner .ustMenum a.more_link,.button {background: #f6f6f6 url(../images/softblue/highlight.png) repeat-x left top;border:1px solid #e1e1e1;display: block;padding:5px 7px;line-height: 1em;-moz-border-radius: 2px;-webkit-border-radius:2px;border-radius:2px;margin-bottom:1px;width:110px} div#main #main_inner .ustMenum a:hover.more_link,.button:hover {background: #eee url(../images/softblue/highlight.png) repeat-x left top;border:1px solid #aaa;color:#666;margin-bottom:1px;width:110px} div#main #main_inner .news .more {float:right; } div#main #main_inner .news a.more_link,.button {background: #f6f6f6 url(../images/softblue/highlight.png) repeat-x left top;border:1px solid #e1e1e1;display: block;padding:5px 7px;line-height: 1em;-moz-border-radius: 2px;-webkit-border-radius:2px;border-radius:2px;} div#main #main_inner .news a:hover.more_link,.button:hover {background: #eee url(../images/softblue/highlight.png) repeat-x left top;border:1px solid #aaa;color:#666;} /*End News*/ /*Start Main Slider*/ div#main #main_inner #main_slider {width:645px; height:250px; margin:15px 0 0 0;} div#main #main_inner #main_slider h3 {margin:0 0 10px 0;} div#main #main_inner #main_slider ul.product_screen {margin:0 auto; width:638px; height:auto;} div#main #main_inner #main_slider ul.product_screen li {font:normal 11px arial; color:#000; margin:0 0 0 15px; background:#fff; width:192px; height:180px;cursor: pointer; float:left;} div#main #main_inner #main_slider ul.product_screen li:hover{background:#d8f6fa;} div#main #main_inner .ustMenum #baslikiK {color:#1b6e87;font-weight:bold; } div#main #main_inner #main_slider .product_img {width:190px; height:142px; border:1px solid #afb3b2; text-align: center; background:#fff;} div#main #main_inner #main_slider ul.product_screen h2 {color:#333; font-weight:bold;font:bold 11px arial; padding:5px 3px 2px;} div#main #main_inner #main_slider ul.product_screen p {padding:0 3px;} div#main #main_inner #main_slider ul.product_screen span {font-weight:bold; color:#b60909;} div#main #main_inner #main_slider ul.nav {float:right;} div#main #main_inner #main_slider ul.nav li {float:left;width:auto; height:auto; margin:0 2px 0 0; } div#main #main_inner #main_slider ul.nav li a {font:bold 11px arial; display:block; width:28px; height:22px; padding:6px 0 0 0; text-align: center;} div#main #main_inner #main_slider ul.nav li a:hover, div#main #main_inner #main_slider ul.nav li a.active {background:url(../images/softblue/button_icon_tools.png) -28px -28px no-repeat;} div#main #main_inner #main_slider ul.nav li a.active:hover {background-position:-28px 0 ;} div#main #main_inner #main_slider ul.nav li a.provius, div#main #main_inner #main_slider ul.nav li a.next {background:url(../images/softblue/button_icon_tools.png);display:block; text-indent: -9999px;} div#main #main_inner #main_slider ul.nav li a.provius {background-position:0 -28px;} div#main #main_inner #main_slider ul.nav li a.provius:hover {background-position:0 0;} div#main #main_inner #main_slider ul.nav li a.next {background-position:-56px -28px;} div#main #main_inner #main_slider ul.nav li a.next:hover {background-position:-56px 0;} /*End Main Slider*/ div#main #main_bottom {width:687px; height:20px;background:url(../images/softblue/softblue_main_bg.png)0px 100% no-repeat; font-size:0px;} /*End Main*/ /*Start Main2*/ div#main2{width:980px; height:auto; margin:0 0 15px 0;} div#main2 #main_inner2 {width:980px; height:auto; margin:0 auto; padding:10px 21px 0; background:url(../images/softblue/softblue_main_bg2.png) no-repeat;} div#main #main_inner h2.slogan{font:bold italic 12px georgia; color:#656161; margin:0 0 5px 0;} div#main #main_inner2 .news {width:645px; height:auto; margin:10px 0 0 0; color:#696262;} div#main2 #main_inner2 .ustMenum {width:960px; height:auto; margin:10px 0 0 0; color:#696262;} div#main2 #main_inner2 h3 {padding:0 0 0 25px; font:bold italic 14px georgia; color:#1b6e87; background:url(../images/softblue/button_icon_tools.png) -284px 3px no-repeat;} div#main2 #main_inner2 .ustMenum .more {float:left; } div#main2 #main_inner2 .ustMenum .more2 {float:left;width:750px;padding:10px; } div#main2 #main_inner2 .ustMenum .more3 {width:930px;padding:10px; } div#main2 #main_inner2 .ustMenum a.more_link,.button {background: #f6f6f6 url(../images/softblue/highlight.png) repeat-x left top;border:1px solid #e1e1e1;display: block;padding:5px 7px;line-height: 1em;-moz-border-radius: 2px;-webkit-border-radius:2px;border-radius:2px;margin-bottom:1px;width:150px} div#main2 #main_inner2 .ustMenum a:hover.more_link,.button:hover {background: #eee url(../images/softblue/highlight.png) repeat-x left top;border:1px solid #aaa;color:#666;margin-bottom:1px;width:150px} .button2 {background: #f6f6f6 url(../images/softblue/highlight.png) repeat-x left top;border:1px solid #e1e1e1;display: block;padding:5px 7px;line-height: 1em;-moz-border-radius: 2px;-webkit-border-radius:2px;border-radius:2px;margin-bottom:1px;} .button2:hover {background: #eee url(../images/softblue/highlight.png) repeat-x left top;border:1px solid #aaa;color:#666;margin-bottom:1px;} div#main2 #main_inner2 .ustMenum #baslikUr {color:#1b6e87;font-weight:bold; } div#main2 #main_inner2 .ustMenum #baslik {color:#1b6e87;font-weight:bold; } div#main2 #main_inner2 .ustMenum #baslikRef {color:#1b6e87;font-weight:bold; } div#main2 #main_inner2 .ustMenum #icerikRef {} div#main2 #main_inner2 .ustMenum #icerikRef img {padding:2px;border:1px solid #666;float:left;margin-left:20px;} div#main2 #main_bottom2 {width:980px; height:20px;background:url(../images/softblue/softblue_main_bg2.png)0px 100% no-repeat; font-size:0px;} /*End Main2*/ /*Start Right Bar*/ div#left_bar {width:293px; height:auto;} div#left_bar .flash_div{background: white; width:250px; height:210px; border:#c7ecef 5px solid;} div#left_bar .adds {width:281px; height:auto;background: white;border:#c7ecef 5px solid; padding:1px;} div#left_bar .adds img {float:left; padding:0 5px 0 0;} div#left_bar .adds h3 a {width:auto; height:auto; float:left; display:block; font:bold 11px arial;} div#left_bar .adds p {height:auto;} div#left_bar .adds .adss_div {height:auto; border-bottom:#c7ecef 2px dotted; padding:10px 0 0 0; } div#left_bar .adds .adss_div:hover {} div#left_bar .share_button {width:287px; height:42px; margin:5px auto;} div#left_bar .share_button a {display: block; text-indent: -9999px; width:100%; height:100%;background: url(../images/softblue/share-button-tools.png) no-repeat;} div#left_bar .share_button a.tweet {background-position:0 0;} div#left_bar .share_button a.fb {background-position:0 -49px;} div#left_bar .share_button a.rss {background-position:0 -98px;} div#left_bar .share_button a.ff {background-position:0 -147px;} div#left_bar .share_button a:hover.tweet {background-position:0 -196px;} div#left_bar .share_button a.fb:hover {background-position:0 -245px;} div#left_bar .share_button a.rss:hover {background-position:0 -294px;} div#left_bar .share_button a.ff:hover {background-position:0 -343px;} /*End Right Bar*/ /*Start Footer*/ div#footer{width:980px; height:208px; background: url(../images/softblue/footer_menu_bg.png) no-repeat; margin:0 0 10px 0;} div#footer .box{width:185px; height:167px; margin:9px 37px 0 9px; padding:23px 0 0 20px;} div#footer .orange {background: url(../images/softblue/footer_menu_bg.png) 0 -215px no-repeat;} div#footer .blue {background: url(../images/softblue/footer_menu_bg.png) -205px -215px no-repeat;} div#footer .green {background: url(../images/softblue/footer_menu_bg.png) -410px -215px no-repeat;} div#footer .yellow {background: url(../images/softblue/footer_menu_bg.png) -615px -215px no-repeat; margin-right:0px;} div#footer ul {margin:15px 0 0 0;} div#footer ul li {height: 20px; width:160px;} div#footer ul li a {color:#5c5454; font:normal 10px arial; padding:5px 0 0 10px; display:block; width:150px; height:15px; } div#footer p {color:#5c5454; font:normal 10px arial; display:block; width:150px; height:15px; margin:2px 0 0 0;} div#footer h3 {color:#5c5454; font:normal 10px arial; display:block; width:150px; height:15px; margin:15px 0 0 0;} div#footer span {float:right; padding:5px 0;} div#footer .orange ul li:hover {background:#f5d0a4 url(../images/softblue/footer_menu_bg.png) -829px -209px no-repeat;} div#footer .blue ul li:hover {background:#a2eff5 url(../images/softblue/footer_menu_bg.png) -829px -231px no-repeat;} div#footer .green ul li:hover {background:#c4f197 url(../images/softblue/footer_menu_bg.png) -829px -252px no-repeat;} div#footer .yellow ul li:hover {background:#ebe69a url(../images/softblue/footer_menu_bg.png) -829px -274px no-repeat;} div#footer h2{font:normal 11px arial;} div#footer .orange h2{color:#98420c;} div#footer .blue h2{color:#098289;} div#footer .green h2{color:#325b0a;} div#footer .yellow h2{color:#6b650d;} /*End Footer */ /*Bottom Footer*/ div#bottom_div{width:100%; height:auto;} div#bottom_div #link_colon{width:100%; height:22px; } div#bottom_div #copyright{width:450px; height:auto;} div#bottom_div #quick_link{width:400px; height:auto; margin:0 0 15px 0;} div#bottom_div #quick_link ul {float:right;} div#bottom_div #quick_link ul li {float:left; color:#939393; } div#bottom_div #quick_link ul li a {padding:0 15px 0;} div#bottom_div #bottom_img{width:100%; height:50px; padding:35px 0 0 0;} /*End Footer*/ ::-moz-selection {background:#91c4f6;color:#000;} ::selection {background:#e8bb8f;color:#000;} code::-moz-selection {background: #e8bb8f;} code::selection {background: #e8bb8f;} .radius2{-moz-border-radius: 2px;-webkit-border-radius:2px;border-radius:2px;} .radius3{-moz-border-radius: 3px;-webkit-border-radius:3px;border-radius:3px;} .radius5{-moz-border-radius: 5px;-webkit-border-radius:5px;border-radius:5px;} #iframeYukleniy { position:absolute;left:-480px;top:-130px; width:31px;padding:73px 304px;height:31px; background-repeat: no-repeat; z-index: 10003; display:none; } #iframeYukleniy2 { position:absolute; width:31px;padding:134px 304px;height:31px; background-repeat: no-repeat; display:none; z-index: 10003; } #iframeKarart {left:-480px;top:-110px; width: 640px; height:157px; position: absolute; z-index: 10002; background-color: #e3fdfe; display:none; opacity:0.6; filter:alpha(opacity=60); } #iframeKarart2 { width: 640px; height:300px; position: absolute; z-index: 10002; background-color: #e3fdfe; display:none; opacity:0; filter:alpha(opacity=60); }