a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol,ul{list-style:none;}blockquote,q{quotes:none;}table,table td{padding:0;border:none;border-collapse:collapse;}img{vertical-align:top;}embed{vertical-align:top;}*{border:none}input,textarea{outline:none!important}article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block;}mark,rp,rt,ruby,summary,time{display:inline} @charset "utf-8"; /* CSS Document */ html{min-height:100%;min-width:980px; height:100%;} body{min-height:100%;min-width:980px; height:100%; overflow:auto; overflow: -moz-scrollbars-vertical; overflow-y: auto; overflow-y: scroll; margin:0; font-size: 14px; font-family: "Arial"; background:#fff;} p{ margin:0px;} table{color: #555; text-decoration: none; font-size: 12px; font-family: "Arial"; font-weight: normal; line-height:175%} a { color: #555; text-decoration: none; font-size:12px; font-family: Arial; font-weight: normal } h1{ font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-size:20px; line-height:20px; color:#ca3900; padding:0 0 10px 0; margin:0;} h2{ font-family: 'Roboto Condensed', sans-serif; font-weight:400;font-size:20px; line-height:20px; color:#ca3900; padding:20px 0 10px 0; margin:0;} .form_yazi {color: #fff; text-decoration: none; font-size: 12px; font-family: "Arial"; font-weight: normal;} .form_txt { color: #555; text-decoration: none; font-size: 14px; font-family: arial; font-weight:bold; border:1px #ccc solid; background:#fff; padding:4px 6px;} .form-sayi { color: #2a4f78; text-decoration: none; font-size: 16px; font-family: arial; font-weight:bold; border:1px #ccc solid; background:#E5F2FB; text-align:right; padding:4px 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .form_btn { overflow:visible; width:auto; background:url(images/theme/btn.png) repeat-x; border:none; padding:2px 15px; color:#fff; font:normal 13px arial, sans-serif !important; cursor:pointer; text-align:center; vertical-align:middle; line-height:18px; height:30px; } .form_btn2 { overflow:visible; width:auto; background:#ca3900; border:none; padding:7px 15px; color:#fff; font:normal 13px arial, sans-serif !important; cursor:pointer; text-align:center; vertical-align:middle; height:30px;} .yazi01 {color: #555; text-decoration: none; font-size: 12px; font-family: "Arial"; font-weight: normal; line-height:175%} .yazi02 {color: #ca3900; text-decoration: none; font-size: 14px; font-family: "Arial"; font-weight: bold; margin:0px;} .yazi03 {color: #cc0000; text-decoration: none; font-size: 12px; font-family: "Arial"; font-weight: bold;} .yazi_hata { padding:10px 15px 10px 40px; margin-bottom:10px; border:1px solid #e00b83; background:#fedaef url(images/admin/hata.png) no-repeat 15px center; color: #e00b83; text-decoration: none; font-size: 12px; font-family: sans-serif; font-weight:bold; line-height:100%} .yazi_tamam { padding:10px 15px 10px 40px; margin-bottom:10px; border:1px solid #399919; background:#dffcca url(images/admin/tamam.png) no-repeat 15px center; color: #399919; text-decoration: none; font-size: 12px; font-family: sans-serif; font-weight:bold; line-height:100%} #page_container{ position:relative; width:100%;} #header_container{ position:relative; width:100%; background:#FFF; height:80px;} #header_container #header{ position:relative; padding:0px; margin:0px; width:980px; height:100px; margin:0 auto;} #header_container #logo{ position:absolute; top:15px; left:40px; z-index: 101;} #banner_container{ position:relative; width:100%; /*background: #fdc62b url(images/theme/banner_bg.png); border-top:2px solid #fba61a; border-bottom:2px solid #fba61a;*/ padding:15px 0;} #banner_container #slider_container{ position:relative; padding:0px; margin:0px; width:978px; margin:0 auto; /*border:2px solid #fba61a;*/ background:#FFF; overflow:hidden;} #main_container{ position:relative; width:100%; display:inline-block; } #orta_container{ position:relative; width:980px; margin:0 auto; display:table; background:#fff;} #orta_container .orta_ust{ display:inline-block; width:980px; line-height:175%; padding:0px;margin:-20px -10px -10px;} #orta_container .orta_alt{ margin:-10px;} #orta_container .orta_bolum{ display:inline-block; width:270px; margin:20px;} #orta_container .bolum_baslik{ display:inline-block; font-family: 'Roboto Condensed', sans-serif; font-weight:400;font-size:20px; line-height:30px; color:#ca3900; margin:0 0 15px;} #orta_container .bolum_icerik{ padding:15px 0 0;} #orta_container .simge{ width:100%; position:absolute; top:-35px; height:140px;} #orta_container .orta_01{ background:url(images/theme/theme_01.png) no-repeat center center;} #orta_container .orta_02{ background:url(images/theme/theme_02.png) no-repeat center center;} #orta_container .orta_03{ background:url(images/theme/theme_03.png) no-repeat center center;} #orta_container .orta_04{ background:url(images/theme/theme_04.png) no-repeat center center;} #orta_container .orta_05{ background:url(images/theme/theme_05.png) no-repeat center center;} #orta_container .orta_06{ background:url(images/theme/theme_06.png) no-repeat center center;} #orta_container .bolum_button{ margin:10px 0 0 0;} .tablo_icerik { position:relative; float:left; width:920px;color: #555; text-decoration: none; font-size: 12px; font-family: "Arial"; font-weight: normal; line-height:175%; margin:0px 0 0 0; padding:30px;} .tablo_sol{position:relative; float:left; margin:0px; padding:0px; width:50%;} .tablo_sag{position:relative; float:right; margin:0px; padding:0px; width:50%; } .tablo_icerik_sol{ padding-right:15px;} .tablo_icerik_sag{ padding-left:15px;} .tablo_icerik_ic {margin:0 0 30px 0;} .tablo_icerik h1{ margin-bottom:10px;} .tablo_icerik div.resim{ float:left; position:relative; height:auto; margin:0 20px 10px 0;} .tablo_icerik div.resim .haber_resim{margin:0 0 0px 0;} .tablo_icerik .personel{ margin:0 0 20px 0; padding:0; display:inline-block; width:100%;} .personel div.resim{ float:right; text-align:right; position:relative; height:auto; margin:0 0 10px 20px;} .personel .personel_resim{margin:0 0 0px 0;} #main_container .tablo_icerik .harita_container{ display:block; margin:-30px;} #main_container .tablo_icerik #harita{ position:relative; margin:0; padding:0px; border:0px #fff solid; width:100%; height:300px;} #altbanner_container{ position:relative; width:100%; /*background:#f9a622 url(images/theme/alt_bg.png);*/} #sss_container .soru{ float:left; border-bottom:1px solid #dddddd; padding:7px 0; width:100%;} #sss_container .soru a{color: #555;margin:0px; float:left; background: url(images/theme/ico3.png) no-repeat left 5px; padding-left:20px;} #sss_container .soru a:hover{ color:#123;} #sss_container .soru_soru{color: #ca3900;font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:18px; margin:10px 0;} #ziyaretci_container .mesaj_container{ clear:both; border-bottom:1px solid #dddddd; padding:7px 0; width:100%;} #ziyaretci_container .mesaj_ad{color: #ca3900;font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:18px; margin:10px 0;} #ziyaretci_container .mesaj_tarih{color: #ca3900;font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:18px; margin:10px 0;} #slider_01 .mesaj_container{ clear:both; padding:0px 0; width:100%;} #slider_01 .mesaj_ad{color: #ca3900;font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:18px; margin:10px 0;} #slider_01 .mesaj_tarih{color: #ca3900;font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:18px; margin:10px 0;} #bayi_container .bayi{ float:left; border-bottom:1px solid #dddddd; padding:7px 0; width:100%; background: url(images/theme/ico3.png) no-repeat left 12px; padding-left:20px;} #bayi_container .bayi_il{ float:left; color: #555;font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:18px; width:200px;} #bayi_container .bayi_ad{ float:left; color: #555;font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:18px; width:350px;} #bayi_container .bayi_tel{ color: #555;font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:18px; text-align:right;} #bayi_container .bayi_adres{ width:100%; clear:both;} .site_container h1{ clear:both; float:none; margin:none; padding:15px 0 0 0; line-height:100%;} .site_container .site_kategori_link{ float:left; border-bottom:1px solid #dddddd; padding:7px 0; width:100%;} .site_container .site_kategori_link a{font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:18px; height:auto;color:#ca3900; margin:0px; background: url(images/theme/ico3.png) no-repeat left 5px; padding-left:20px;} .site_container .site_kategori_link a:hover{ color:#123;} .site_container .site_link{ float:left; border-bottom:1px solid #dddddd; padding:7px 0; width:100%;} .site_container .site_link a{color: #555;margin:0px; float:left; background: url(images/theme/ico3.png) no-repeat 20px 5px; padding-left:40px;} .site_container .site_link a:hover{ color:#123;} .hexagon { position: relative; width: 120px; height: 69.28px; background-color: #fb9a00; margin: 34.64px auto;} .hexagon:before,.hexagon:after { content: ""; position: absolute; width: 0; border-left: 60px solid transparent; border-right: 60px solid transparent;} .hexagon:before { bottom: 100%; border-bottom: 34.64px solid #fb9a00;} .hexagon:after { top: 100%; width: 0; border-top: 34.64px solid #fb9a00; margin-bottom:20px;} .arama_container{ position:relative; width:100%; float:left; display:block; margin:30px auto; color: #555;font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-style:normal;font-size:14px;} .arama_container div label{ margin:0 20px 0 0; padding:0} .arama_container .tarih{ position:relative; float:left; width:300px;} .arama_container .partino{ position:relative; float:left; width:300px;} .arama_container .arama_btn{ position:relative; float:left; } /*::::: AÇILIR ÜST MENÜ :::::*/ #nav {background: #fff; height:80px; float:right; margin:0 0 0px 0; padding:0 0 0 0px; position: relative; z-index: 1000;} #nav ul {position:relative;margin:0 auto;padding:0;height:80px;float:left;display:block;} #nav li {list-style:none;float:left;margin:0;padding:0 2px 0 0;line-height:80px;height:80px;} #nav li.son {/*background:none;*/} #nav span {float:left;padding:0 15px 0 15px;line-height:80px;height:80px;} #nav li a {text-transform:none; font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:18px; height:auto;color:#b53503;display:block;line-height:80px;height:80px;margin:0;padding:0px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;} #nav span:hover, #nav span.aktif {background: #ebebeb; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;} #nav span:hover > a, #nav span.aktif > a{ color:#000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;} /* First level dropdown */ #nav li ul {margin:0 0 0 -15px;background:#ebebeb;padding:10px;list-style:none;position:absolute; display:none;left:-999em;top:80px;width:215px;z-index:10;height:auto;} #nav li:hover ul, #nav li.sfhover ul {left:auto;} #nav li li {z-index:20;;position:relative;margin:0;padding:0px;width:215px;height:auto;line-height:12px;} #nav li li a {text-indent:0;border-bottom:1px solid #e0dede;font-weight:bold;padding:10px 10px 10px 10px;text-transform:none; font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:16px;height:auto;line-height:18px;color:#555;text-decoration:none;} #nav li:hover li a, #nav li.sfhover li a {color:#555;} #nav li li a:hover { background:#e0dede;color:#555; text-decoration:none;} #slider_01 ul, #slider_01 li{ margin:0; padding:0; list-style:none;} #slider_01{margin-top:0;} #slider_01 li{width:270px; height:160px; overflow:hidden;} #prevBtn, #nextBtn, #slider1next, #slider1prev{display:block; width:30px; height:18px; position:absolute; z-index:1000; } #nextBtn, #slider1next{margin-top:-130px; margin-left:500px; } #prevBtn, #slider1prev{margin-top:-130px; margin-left:470px;} #prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{ display:block; position:relative; width:20px; height:18px; background:url(images/theme/onceki.png) no-repeat 0 0;} #nextBtn a, #slider1next a{ background:url(images/theme/sonraki.png) no-repeat 0 0;} @media only screen and ( max-width: 50em ) /* 640 */ { html { min-width:100%;} body {min-width:100%;} #header_container #header, #orta_container .orta_ust,#orta_container .orta_alt, #orta_container{width:100%;} #banner_container #slider_container{ width:95%;} .tablo_icerik, #alt_banner{ clear:both; float:none; width:calc(100% - 70px);} .tablo_sol,.tablo_sag{width:100%;} .tablo_icerik_sol,.tablo_icerik_sag{ padding:0} #orta_container .orta_ust{margin:-20px -20px -10px;} #orta_container .orta_bolum,#alt_banner .bolum,#alt_banner .bolum1,#alt_banner .bolum2{ width:100%; margin-bottom:40px; clear:both;} #alt_banner .telefon{ display:none;} #header_container #logo{ top:5px; left:20px; z-index:10000;} #header_container #logo img{ height:50px;} #header_container,#header_container #header{ height:auto;} #nav { clear:both; float:none; height:auto;font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-style:normal;font-size:24px; color:#fff;} #nav #mobil_menu{ height:60px;} #nav #mobil_menu a{ position:absolute;background:url(images/theme/mobile_menu.png) no-repeat; width:32px; height:32px; display:block; right:15px; top:14px;} #nav ul { clear:both; float:none; height:auto;display:none;} #nav li { clear:both; float:none;line-height:40px;height:auto; padding:0;} #nav span {clear:both; float:none; display:block; padding:0 15px 0 15px; line-height:40px; height:auto; background:#fba61a; border-bottom:1px #f29700 solid; width:auto;} #nav li a {display:block; line-height:40px; height:40px; margin:0; padding:0px; color:#fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;} #nav li ul { position:relative; top:auto; left:auto; width:auto; margin:0 -15px;} #nav li li{ width:auto; } .enerji .bolum{ height:auto;} .enerji .bolum_container{ width:100%; float:none; clear:both;} #toPopup {margin-left: -45%;position: fixed;top: 10%; font-size: 14px;border: 3px solid #666;} div#popup_content {margin: 4px 7px;padding:10px;line-height:150%;} } /*** SKIN ***/ .sf-menu { float:left; margin-bottom:0em; } .sf-menu ul { } .sf-menu a { font-family: 'Roboto Condensed', sans-serif; line-height: 24px; font-weight:300; color: #fff; font-size: 24px; padding:0px; margin:0px 0 0 0px; padding:20px; 0 0 20px; height:100%; text-decoration:none; position:relative; overflow:hidden;} .sf-menu ._last { border: none;} .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ } .sf-menu li {} .sf-menu li li { } .sf-menu li li li { } .sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active { outline:0; } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right:2.25em; min-width:1px; } .sf-sub-indicator { position:absolute; display:block; right:.75em; top:1.05em;width:10px; height:10px; text-indent:-999em; overflow:hidden; background:none; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { top:.8em; background-position: 0 -100px;} /*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/ .sf-vertical, .sf-vertical li {width:215px;height:100px; background:url(images/theme/yan_menu_bg.png);} .sf-vertical li:hover { background:#2a3986; } .sf-vertical li:hover ul,.sf-vertical li.sfHover ul {left:215px; top:0px;} .sf-vertical .sf-sub-indicator { background-position: -10px 0; } .sf-vertical a > .sf-sub-indicator { background-position: 0 0; } .sf-vertical a:focus > .sf-sub-indicator,.sf-vertical a:hover > .sf-sub-indicator,.sf-vertical a:active > .sf-sub-indicator,.sf-vertical li:hover > a > .sf-sub-indicator,.sf-vertical li.sfHover > a > .sf-sub-indicator { background-position: -10px 0;} .sf-menu .menu_text{ font-family: 'Roboto Condensed', sans-serif; line-height: 18px; color: #fff; font-size: 14px; font-weight:300; position: absolute; width: auto; z-index: 2; text-align: left; margin:5px 0 0 0px } .sf-menu .submenu_1{ position:absolute; z-index:3; display: block; padding:15px; width: 200px; background:#2a3986;border: 0px solid rgba(222, 222, 222, 0.35);} .sf-menu .submenu_1 li{ position:relative; display:inline-block; float: left; width: 100%; border-bottom: 0px solid rgba(255, 255, 255, 0.25); height: 39px; background:none; } .sf-menu .submenu_1 li a{ border:none; margin:0px; padding:0 15px;border-bottom:1px solid #3c4b97; line-height: 39px; color: #ddd; font-family: 'Roboto Condensed', sans-serif;font-weight:400; font-size: 14px; display:inline-block; width:170px;text-align: left; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .sf-menu .submenu_1 li > a:hover, .submenu_1.sfHover > a{text-decoration:none; color:#fff; background:#3c4b97; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .sf-menu .submenu_1 .last{border: none;} .sf-menu .submenu_2{position:absolute; z-index:2; top: 0px; margin:-1px 0 0 0; display: block; width: 200px; background:#fff;border: 1px solid rgba(222, 222, 222, 0.35);} .sf-menu .submenu_2 li{ position:relative; display:inline-block; float: left; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.25); height: 39px; background:none; } .sf-menu .submenu_2 a{ border:none; margin:0px; padding:0 15px; line-height: 39px; color: #354079; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; display:inline-block; width: 100%; text-align: center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .sf-menu .submenu_2 li > a:hover, .submenu_2.sfHover > a{text-decoration:none; color:#fff; background:#48d3f6; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .sf-menu .submenu_2 .last{border: none;} #select_kategori{position:relative; margin:10px -4px 0; padding:0px; display:block; } /*::::: PIROBOX RULES::::::::*/ .piro_overlay { position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#000; display: none; z-index:99997; } .loading span{position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-15px;width:30px;height:30px;display:block;z-index:100008; background:none } .loading span span{position:absolute; display:block; width:30px;height:30px; z-index:100009;background: url(images/theme/ajax-loader.gif) center center no-repeat!important;background: url(images/theme/ajax-loader.gif) center center no-repeat;} /*.caption{position:absolute;bottom:0;left:0;margin:0;display:block; padding:0px; cursor:text; background:#222;}*/ .piro_nav{position:absolute;bottom:0;left:50%;margin:0;display:block; padding:0; background:none;} .caption p{ display:block; margin:0;padding:4px 28px 4px 38px; text-align:center; font-weight:normal; background:black; color:white; font-size:12px;} a.piro_close{position:absolute;top:20px;right:20px;height:35px;width:35px;background:url(images/theme/close_btn.png) no-repeat;cursor:pointer;z-index:100006;} a:hover.piro_close{background:url(images/theme/close_btn_h.png) no-repeat;} a.piro_next{position:absolute;top:50%;width:35px; height:35px;right:20px;text-indent:-999em;outline:none; display:block; margin:-18px 0 0 0;background:url(images/theme/next.png) center right no-repeat; border:none; cursor:pointer;z-index:1000000001} a:hover.piro_next{background:url(images/theme/next_h.png) center right no-repeat;} a.piro_prev{position:absolute;top:50%;width:35px; height:35px;left:20px; text-indent:-999em; outline:none;display:block;margin:-18px 0 0 0;background: url(images/theme/prev.png) center left no-repeat;border:none; cursor:pointer; z-index:1000000000} a:hover.piro_prev{background:url(images/theme/prev_h.png) center left no-repeat;} .pirobox_content {position:absolute; top:50%; left: 50%; padding:0; width: 800px; height: 600px; margin:-300px 0 0 -400px; display:block; z-index:99998;font-family:Trebuchet MS,Arial;} .pirobox_content tbody,th{margin:0;padding:0;border:none;} .pirobox_content img{ margin:0; padding:0; border:none;} .t_l{background:url(images/theme/t_l.png) no-repeat; width:20px; height:20px;} .t_r{background: url(images/theme/t_r.png) no-repeat; width:20px; height:20px;} .t_c{height:20px; background:url(images/theme/t_c.png) repeat-x;} .c_l{width:20px; background: url(images/theme/c_l.png) repeat-y;} .c_c{background:black; margin:0; padding:0;} .c_c div{width:760px; height:560px; margin:0; padding:0 0 0px 0;} .c_r{width:20px; background: url(images/theme/c_r.png) repeat-y;} .b_c{height:20px; background:url(images/theme/b_c.png) repeat-x;} .b_l{background:url(images/theme/b_l.png) no-repeat; width:20px; height:20px;} .b_r{background:url(images/theme/b_r.png) no-repeat; width:20px; height:20px;} .box_img{ position:absolute; z-index:99995; background: url(images/theme/img_bg.png);width: 100%; top:30px; left:30px; height: 100%; padding:0;} .err_mess{ position:absolute;bottom:20px; color:white; padding:0; margin:0 0 0 20px; display:block;} .err_mess a{color:red; font-weight:700;} .number{position:absolute;margin-left:3px;height:18px;width:30px; padding:3px;left:0;color:#666;bottom:1px; font-size:11px;} a.link_to {position:absolute;margin-right:6px;height:20px;width:20px;right:0;color:#999;bottom:3px; background:url(images/theme/link_out.png) no-repeat; text-indent:-999em;} a:hover.link_to { background:url(images/theme/link_out_h.png) no-repeat;} a.play{position:absolute;top:20px!important;top:20px;left:20px!important;left:20px; width:40px; height:40px; margin:0; outline:none; display:block;background:url(images/theme/play.png) no-repeat; text-indent:-999em; border:none;cursor:pointer;} a:hover.play{background:url(images/theme/play_h.png) no-repeat;} a.stop{position:absolute;top:20px!important;top:20px;left:20px!important;left:20px; width:40px; height:40px; margin:0; outline:none; display:block;background:url(images/theme/pause.png) no-repeat;text-indent:-999em; border:none;cursor:pointer;} a:hover.stop{background:url(images/theme/pause_h.png) no-repeat;} /*::::: PAYLAŞ ::::::::*/ div#paylas { position:relative; margin:0;padding:0; text-align:right;} /*::::: SAYFALAMA ::::::::*/ #sayfa_container{position:relative; width:100%; margin:0 -4px; padding:0px; float:left;} #sayfa_container .sayfa ul{ list-style:none; float:left; margin:0px; padding:0px;} #sayfa_container .sayfa ul li{list-style:none; float:left; margin:4px; padding:0px; width:25px; height:25px; line-height:25px; vertical-align:middle; text-align:center; background:#8e2709; color:#FFF; font-family:"Century Gothic"; font-weight:bold;} #sayfa_container .sayfa ul li:hover{background:#b53503 } #sayfa_container .sayfa ul li.selected{background:#b53503;} #sayfa_container .sayfa ul li.ilk_sayfa{ background:#8e2709 url(images/theme/first.png) center bottom no-repeat;} #sayfa_container .sayfa ul li.ilk_sayfa:hover{ background:#b53503 url(images/theme/first.png) no-repeat center bottom;} #sayfa_container .sayfa ul li.onceki_sayfa{ background:#8e2709 url(images/theme/left.png) center bottom no-repeat;} #sayfa_container .sayfa ul li.onceki_sayfa:hover{ background:#b53503 url(images/theme/left.png) no-repeat center bottom;} #sayfa_container .sayfa ul li.son_sayfa{ background:#8e2709 url(images/theme/last.png) no-repeat center bottom;} #sayfa_container .sayfa ul li.son_sayfa:hover{ background:#b53503 url(images/theme/last.png) no-repeat center bottom;} #sayfa_container .sayfa ul li.sonraki_sayfa{ background:#8e2709 url(images/theme/right.png) no-repeat center bottom;} #sayfa_container .sayfa ul li.sonraki_sayfa:hover{ background:#b53503 url(images/theme/right.png) no-repeat center bottom;} /*::::: ÜRÜNLER ::::::::*/ #urunler_container {position:relative; margin:-15px -15px; padding:0px;} #urunler{list-style:none; float:left; margin:0px; padding:0px;} #urun{ list-style:none; width:207px; height:360px; overflow:hidden; float:left; margin:15px 14px 15px 15px; padding:0px; vertical-align:top;color: #666; text-decoration: none; font-size: 13px; font-family: "Arial"; font-weight: normal; line-height:150%;} #urun h2{height:50px; padding:15px 0 0;} #urun img{ width:195px; height:145px; border:none; margin-bottom:10px; padding:5px; background:#eee;} #urun_galeri_container {position:relative; margin:20px -15px; padding:0px;} #urun_galeri{ list-style:none; float:left; margin:0px; padding:0px;} #urun_galeri .foto{ list-style:none; float:left; margin:15px; padding:3px; text-align:center; vertical-align:middle; background:#eee;} #urun_galeri .foto:hover{background:#b53503; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;} /*::::: ALBUM ::::::::*/ #album_container { position:relative; margin:20px -15px; padding:0px;} #album_container2 { position:relative; margin:-10px -15px; padding:0px;} #album{ list-style:none; float:left; margin:0px; padding:0px;} #referans_album{list-style:none; float:left; margin:0; padding:0px 0 0 0;} #foto{ list-style:none; float:left; margin:15px 14px 15px 15px; padding:5px; text-align:center; vertical-align:middle; background:#fff; border:1px solid #ddd;} #foto:hover{ background:#c7f0fa; border:1px solid #2a3986;} /*::::: ALTBANNER ::::::::*/ #alt_banner{ position:relative; width:calc(100% - 70px); max-width:920px; overflow:hidden; margin:0px auto; padding:30px; background:url(images/theme/alt_banner_bg.png) no-repeat top center;} #alt_banner .bolum{ float:left; color:#333; width:140px;margin:0px 0 20px 0px; line-height:18px; } #alt_banner .bolum1{ float:left; color:#333; width:230px;margin:0px 0 20px 0px; line-height:18px; } #alt_banner .bolum2{ float:left; color:#333; width:230px;margin:0px 0 20px 0px; line-height:18px; } #alt_banner .telefon{ position:absolute; right:50px; top:20px; width:300px; height:190px; background:url(images/theme/telefon2.png) no-repeat right; bottom:0px; } #alt_banner h2{ font-family: 'Roboto Condensed', sans-serif; font-weight:300; margin:0 0 10px 0; padding:0px; color:#333;} #alt_banner .bolum span{ color:#b2c1a3;} #alt_banner ul{ position:relative; float:left; margin:0px; padding:0; color: #62cefe; text-decoration: none; font-size: 12px; font-family: Arial; font-weight:bold; width:auto; height:100%;} #alt_banner ul.alt_banner_ilk{ margin:0 15px 0 0;} #alt_banner li{ list-style:none; margin:0px;} #alt_banner a{font-family:arial; font-size:12px; font-weight:normal; color:#333; text-decoration: none; line-height:150%;} #alt_banner a:hover{ text-decoration:underline; color:#000;} #alt_banner ul li a{background:url(images/theme/ico2.png) no-repeat left center; padding:0 0 0 20px;} #alt_banner_turkuaz{ float:left; width:100%; font-family:arial; font-size:12px; font-weight:normal; color:#666; text-decoration: none; line-height:150%; margin:20px 0 0 0;} #alt_banner_turkuaz a{ color:#666;} #alt_banner .social_container{ position:relative; top:20px;} /*::::: POPUP ::::::::*/ #backgroundPopup { z-index:10000;position: fixed;display:none;height:100%;width:100%;background:#000000; top:0px; left:0px;} #toPopup {font-family: 'Roboto Condensed', sans-serif;font-size: 18px; font-weight:300; background: none repeat scroll 0 0 #000;border: 10px solid #666;border-radius: 3px 3px 3px 3px;color: #fff;display: block;left: 50%; visibility:hidden; margin-left: -345px;position: fixed;top: 20%;width: 690px;z-index: 10001;} div.loader {background: url("images/theme/ajax-loader.gif") no-repeat scroll 0 0 transparent;height: 32px;width: 32px;display: none;z-index: 10002;top: 40%;left: 50%;position: absolute;margin-left: -10px;} div.close {background: url("images/theme/close_btn.png") no-repeat scroll 0 0 transparent;bottom: 24px;cursor: pointer;float: right;height: 30px;left: 27px;position: relative;width: 30px;} span.ecs_tooltip {background: none repeat scroll 0 0 #000000;border-radius: 2px 2px 2px 2px;color: #FFFFFF;display: none;font-size: 11px;height: 32px;opacity: 0.7;padding: 4px 3px 2px 5px;position: absolute;right: -62px;text-align: center;top: -61px;width: 93px;} span.arrow {border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 7px solid #000000;display: block;height: 1px;left: 40px;position: relative;top: 3px;width: 1px;} div#popup_content {margin: 4px 7px;padding:20px;line-height:150%;} /*::::: YUKARI DÜĞMESİ ::::::::*/ #back-top {z-index:10;position: fixed;bottom: 40px;margin-left: 990px;} #back-top a {width: 51px;display: block;text-align: center;font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;text-decoration: none;color: #333;/* background color transition */-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} #back-top a:hover {color: #fff;} /* arrow icon (span tag) */ #back-top span {width: 51px;height: 51px;display: block; padding:0px; margin-bottom: 7px;background:url(images/theme/icon_top.png) no-repeat center top;/* rounded corners -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;/* background color transition -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;*/} #back-top a:hover span {background:url(images/theme/icon_top.png) no-repeat center bottom;} /*::::: TAKVİM ::::::::*/ .ui-state-disabled { cursor: default !important; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/theme/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(images/theme/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/theme/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/theme/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; } .ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/theme/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(images/theme/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/theme/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(images/theme/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(images/theme/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(images/theme/ui-icons_ffffff_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/theme/ui-icons_ef8c08_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/theme/ui-icons_ef8c08_256x240.png); } .ui-state-active .ui-icon {background-image: url(images/theme/ui-icons_ef8c08_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(images/theme/ui-icons_228ef1_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/theme/ui-icons_ffd27a_256x240.png); } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } /* Overlays */ .ui-widget-overlay { background: #666666 url(images/theme/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/theme/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover {display: none; /*sorry for IE5*/display/**/: block; /*sorry for IE5*/position: absolute; /*must have*/z-index: -1; /*must have*/filter: mask(); /*must have*/top: -4px; /*must have*/left: -4px; /*must have*/width: 200px; /*must have*/height: 200px; /*must have*/ } .tp-simpleresponsive .caption { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position:absolute; } /****************************** - SHADOWS - ******************************/ .tp-bannershadow { position:absolute; margin-left:auto; margin-right:auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-bannershadow.tp-shadow1 { background:url(images/theme/shadow1.png) no-repeat; background-size:100%; width:890px; height:30px; bottom:-30px;} .tp-bannershadow.tp-shadow2 { background:url(images/theme/shadow2.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;} .tp-bannershadow.tp-shadow3 { background:url(images/theme/shadow3.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;} /************************* - CAPTIONS - **************************/ .caption.big_white { position: absolute; color: #fff; text-shadow: none; font-weight: 700; font-size: 36px; line-height: 36px; font-family: 'Roboto Condensed', sans-serif; padding: 4px 8px; margin: 0px; border-width: 0px; border-style: none; background-color:#000; letter-spacing: -1.5px; } .caption.big_orange { position: absolute; color: #e32107; text-shadow: none; font-weight: 700; font-size: 24px; line-height: 36px; font-family: 'Roboto Condensed', sans-serif; padding: 4px 8px 0; margin: 0px; border-width: 0px; border-style: none; background-color:#fff; letter-spacing: 0px; } .caption.big_red { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 24px; line-height: 36px; font-family: 'Roboto Condensed', sans-serif; padding: 4px 8px; margin: 0px; border-width: 0px; border-style: none; background-color:#e32107; letter-spacing: 0px; } .caption.big_purple { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 24px; line-height: 36px; font-family: 'Roboto Condensed', sans-serif; padding: 4px 8px; margin: 0px; border-width: 0px; border-style: none; background-color:#ce005c; letter-spacing: 0px; } .caption.big_yellow { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 24px; line-height: 36px; font-family: 'Roboto Condensed', sans-serif; padding: 4px 8px; margin: 0px; border-width: 0px; border-style: none; background-color:#fea10f; letter-spacing: 0px; } .caption.big_green { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 24px; line-height: 36px; font-family: 'Roboto Condensed', sans-serif; padding: 4px 8px; margin: 0px; border-width: 0px; border-style: none; background-color:#8db500; letter-spacing: 0px; } .caption.big_greenwhite{ position: absolute; color: #8db500; text-shadow: none; font-weight: 700; font-size: 24px; line-height: 36px; font-family: 'Roboto Condensed', sans-serif; padding: 4px 8px 0; margin: 0px; border-width: 0px; border-style: none; background-color:#fff; letter-spacing: 0px; } .caption.big_yellowwhite{ position: absolute; color: #fea10f; text-shadow: none; font-weight: 700; font-size: 24px; line-height: 36px; font-family: 'Roboto Condensed', sans-serif; padding: 4px 8px 0; margin: 0px; border-width: 0px; border-style: none; background-color:#fff; letter-spacing: 0px; } .caption.big_purplewhite{ position: absolute; color: #ce005c; text-shadow: none; font-weight: 700; font-size: 24px; line-height: 36px; font-family: 'Roboto Condensed', sans-serif; padding: 4px 8px 0; margin: 0px; border-width: 0px; border-style: none; background-color:#fff; letter-spacing: 0px; } .caption.big_bluewhite{ position: absolute; color: #003373; text-shadow: none; font-weight: 700; font-size: 24px; line-height: 36px; font-family: 'Roboto Condensed', sans-serif; padding: 4px 8px 0; margin: 0px; border-width: 0px; border-style: none; background-color:#fff; letter-spacing: 0px; }.caption.big_blue { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 24px; line-height: 36px; font-family: 'Roboto Condensed', sans-serif; padding: 4px 8px; margin: 0px; border-width: 0px; border-style: none; background-color:#003373; letter-spacing: 0px; } .caption.big_black { position: absolute; color: #000; text-shadow: none; font-weight: 700; font-size: 36px; line-height: 36px; font-family: 'Roboto Condensed', sans-serif; padding: 0px 4px; margin: 0px; border-width: 0px; border-style: none; background-color:#fff; letter-spacing: -1.5px; } .caption.medium_grey { position: absolute; color: #fff; text-shadow: none; font-weight: 700; font-size: 20px; line-height: 20px; font-family: Arial; padding: 2px 4px; margin: 0px; border-width: 0px; border-style: none; background-color:#888; white-space:nowrap; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); } .caption.small_text { position: absolute; color: #fff; text-shadow: none; font-weight: 700; font-size: 14px; line-height: 20px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); } .caption.medium_text { position: absolute; color: #fff; text-shadow: none; font-weight: 700; font-size: 20px; line-height: 20px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); } .caption.large_text { position: absolute; color: #fff; text-shadow: none; font-weight: 700; font-size: 40px; line-height: 40px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); } .caption.very_large_text { position: absolute; color: #fff; text-shadow: none; font-weight: 700; font-size: 60px; line-height: 60px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); letter-spacing: -2px; } .caption.very_big_white { position: absolute; color: #fff; text-shadow: none; font-weight: 700; font-size: 60px; line-height: 60px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; padding: 0px 4px; padding-top: 1px; background-color:#000; } .caption.very_big_black { position: absolute; color: #000; text-shadow: none; font-weight: 700; font-size: 60px; line-height: 60px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; padding: 0px 4px; padding-top: 1px; background-color:#fff; } .caption.boxshadow { -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .caption.black { color: #000; text-shadow: none; } .caption.noshadow { text-shadow: none; } .caption a { color: #ff7302; text-shadow: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .caption a:hover { color: #ffa902; } /****************************** - BUTTONS - *******************************/ .button { padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px; cursor:pointer; color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important; background:url(images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px; } .button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; background:url(images/gradient/g40.png) repeat-x top;} .purchase:hover, .button:hover, .button.big:hover { background-position:bottom, 15px 11px;} @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; } a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important;} a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } /* BUTTON COLORS */ .button.green, .button:hover.green, .purchase.green, .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .button.blue, .button:hover.blue, .purchase.blue, .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68;} .button.red, .button:hover.red, .purchase.red, .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212;} .button.orange, .button:hover.orange, .purchase.orange, .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00;} .button.darkgrey,.button.grey, .button:hover.darkgrey,.button:hover.grey, .purchase.darkgrey, .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222;} .button.lightgrey, .button:hover.lightgrey, .purchase.lightgrey, .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555;} /************************ - NAVIGATION - *************************/ /** BULLETS **/ .tp-bullets { z-index:100; position:absolute; bottom:10px; } .tp-bullets.simplebullets { bottom:10px;} .tp-bullets.simplebullets.navbar { bottom:-20px; background:url(images/theme/navigdots_bgtile.png); height:35px; padding:0px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;margin-top:-17px;} .tp-bullets.simplebullets .bullet { cursor:pointer; position:relative; background:url(images/theme/bullets.png) no-Repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:-12px;} .tp-bullets.simplebullets .bullet.last { margin-right:0px;} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(images/theme/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:-10px;} .tp-bullets.simplebullets.square .bullet.last { margin-right:0px;} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(images/theme/navigdots.png) no-Repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px;} .tp-bullets.simplebullets.navbar .bullet.first { margin-left:30px !important;} .tp-bullets.simplebullets.navbar .bullet.last { margin-right:30px !important;} .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background-position:top left; } /************************************* - TP ARROWS - **************************************/ .tp-leftarrow { z-index:100;cursor:pointer; position:relative; background:url(images/theme/arrow_left.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:-13px; } .tp-rightarrow { z-index:100;cursor:pointer; position:relative; background:url(images/theme/arrow_right.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:-13px;} .tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(images/theme/arrowleft.png) no-Repeat top left; width:9px; height:16px; float:left; margin-right:-20px; margin-top:-8px;} .tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(images/theme/arrowright.png) no-Repeat top left; width:9px; height:16px; float:left; margin-left:-20px; margin-top:-8px;} .tp-leftarrow.navbar.thumbswitharrow { margin-right:10px; } .tp-rightarrow.navbar.thumbswitharrow { margin-left:0px; } .tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; background:url(images/theme/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:-9px;} .tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; background:url(images/theme/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:-9px;} .tp-leftarrow.large { z-index:100;cursor:pointer; position:relative; background:url(images/theme/arrow_large_left.png) no-Repeat top left; width:46px; height:46px; margin-left:20px; margin-top:-23px; } .tp-rightarrow.large { z-index:100;cursor:pointer; position:relative; background:url(images/theme/arrow_large_right.png) no-Repeat top left; width:46px; height:46px; margin-left:-20px; margin-top:-23px; } .tp-leftarrow:hover, .tp-rightarrow:hover { background-position:bottom left; } /**************************************************************************************************** - TP THUMBS - ***************************************************************************************************** - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings) - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px) *****************************************************************************************************/ .tp-bullets.tp-thumbs { z-index:100; position:absolute; padding:0px 2px 2px;background-color:#fff; width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ } .fullwidthbanner-container .tp-thumbs { padding:2px;} .tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ overflow:hidden; position:relative;} .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute;} .tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */ cursor:pointer; overflow:hidden;background:none;margin:0;float:left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;} .tp-thumbs img { width:100%; } /************************************ - TP BANNER TIMER - *************************************/ .tp-bannertimer { width:100%; height:10px; background:url(images/theme/timer.png);position:absolute; z-index:200;} /*************************************** - RESPONSIVE SETTINGS - ****************************************/ @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .responsive .tp-bullets.tp-thumbs { width:300px !important; height:30px !important;} .responsive .tp-bullets.tp-thumbs .tp-mask { width:300px !important; height:30px !important;} .responsive .tp-bullets.tp-thumbs .bullet { width:60px !important;height:30px !important;} } @media only screen and (min-width: 0px) and (max-width: 479px) { .responsive .tp-bullets { display:none} .responsive .tparrows { display:none;} } /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive ul { list-style:none; padding:0; margin:0; } .tp-simpleresponsive >ul li{ list-stye:none; position:absolute; visibility:hidden; } /* CAPTION SLIDELINK **/ .caption.slidelink a div { width:10000px; height:10000px; } .tp-loader { background:url(images/theme/loader.gif) no-repeat 10px 10px; background-color:#fff; margin:-22px -22px; top:50%; left:50%; z-index:10000; position:absolute;width:44px;height:44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }