/* * @author Yadigar Onur FIÇICI * @copyright 2010 * @Create 24/03/2010 * @Mail yadigar[dot]onur[at]ficici.net # yadigar.onur@ficici.net */ 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:#0077ff;-moz-outline-style:none;text-decoration:none;} a:link,a:visited,a:active{text-decoration:none;} a:hover{text-decoration:none;color:#0055ff;} img{border:none;text-decoration:none;} ul{padding:0;margin:0;} ul li{padding:0;line-height:30px; margin:0;} ul ul{padding-left:20px;} 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:1em 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; } .fl{float: left;} .fr{float: right;} .bld{font-weight:bold;} .crs{cursor: pointer;} .clr{clear:both;} .cen{text-align:center;} .pngfix { } /*Arrow Button*/ .Button { cursor:pointer; width:150px; height:42px; background:url(../images/Ar-Button.png) no-repeat; position:absolute; color:#FFF; } .Button .BText { width:100px; height:15px; } .Button:hover { color:#fac908; } h1 { font-size:17px; color:#0053a7; } h2 { font-size:12px; color:#0053a7; font-weight:bold; margin:0 0 10px 0; } /* Form */ #Form { width:400px; height:auto; margin:0 auto; } .Form { width:auto; height:auto; margin:5px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; } #Online { margin:5px; } #Online .KK { margin:10px; width:150px; float:left; } .clear {clear: both;} #contact input { background:url(../images/Form.png) repeat-x; padding:2.5px; border:1px solid #CCC; color:#333; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; } /* Start Site*/ body { background:#235e82; margin:0; font-family: Arial, Helvetica, sans-serif; } body a { font-weight:bold; text-decoration:none; color:#FFF; } body a:hover { color:#fac908; } p a { color:#000; } p a:hover { color:#0053a7; } #wrapper { width:900px; height:auto; margin:0 auto; } #top { width:900px; height:365px; background:url(../images/top.png) no-repeat top; } #top #menu { width:758px; height:62px; margin:0 auto; } #top #menu .url { margin:10px 0 0 5px; text-align:center; } #top #menu .url a { text-decoration:none; font-weight:bold; color:#FFFFFF; } #top #menu .url a:hover { color:#fac908; } #top #menu .urla { margin:10px 0 0 5px; text-align:center; } #top #menu .urla a { text-decoration:none; font-weight:bold; color:#fac908; } #top #menu .urla a:hover { color:#FFFFFF; } #top #box { width:900px; height:161px; margin:37px 0 0 0; } #top #box #nicdur { width:107px; height:161px; background:url(../images/nicdur.png) no-repeat; } #top #box #logo { width:292px; height:161px; background:url(../images/logo.png) no-repeat center; } #top #box #Omer { width:231px; height:161px; } #top #box #Omer .Text { width:auto; height:auto; font-size:14px; color:#FFF; margin:128px 0 0 0; } #top #box #Phone { width:260px; height:161px; text-align:right; margin:0 10px 0 0; color:#FFF; } #top #box #Phone .Topic { margin:27px 0 0 0; font-size:15.4px; } #top #box #Phone .Text { margin:10px 0 0 0; font-size:18px; } #top #box #Phone .Text span { font-size:12px; } #top #box2 { width:900px; height:105px; } #top #box2 #sales { width:398px; height:105px; background:url(../images/sepet.gif) no-repeat center; } #top #box2 #nicdur { width:232px; height:105px; background:url(../images/yan-nicdur.png) no-repeat center; } #top #box2 #contact { width:260px; height:105px; text-align:right; margin:0 10px 0 0; color:#FFF; } #top #box2 #contact .Topic { margin:0 0 5px 0; font-size:15.4px; } #top #box2 #contact .Text { margin:0 0 5px 0; font-size:13px; } #Main { width:900px; height:auto; background:url(../images/Main-Center.png) repeat-y; } #Main #Top { width:900px; height:16px; background:url(../images/Main-Top.png) no-repeat; } #Main #Center { width:900px; height:auto; } #Main #Center .Text { width:380px; height:auto; margin: 0 1px 0 10px; } #Main #Center .CenterBox { width:239px; height:auto; color:#333; } #Main #Center .CenterBox .Box1 {width:auto; height:auto; background:url(../images/CenterBox.png) repeat-y; } #Main #Center .CenterBox .Box1 .Text { width:209px; height:auto; margin:-10px 15px 0 15px; padding: 0 0 5px 0; font-size:20px; line-height:1.5em; } #Main #Center .CenterBox .Box1Bot { width:auto; height:42px; background:url(../images/CenterBox-Bot.png) no-repeat top; } #Main #Center .CenterBox .Box2 { width:230px; height:auto; margin: 0 0 0 3px; } #Main #Center .CenterBox .Box2 .Box-L { width:19px; height:109px; background:url(../images/Box-L.png) no-repeat; } #Main #Center .CenterBox .Box2 .Box-C { width:192px; height:109px; background:url(../images/Box-C.png) repeat-x; } #Main #Center .CenterBox .Box2 .Box-C .Topic { width:auto; height:34px; color:#FFF; font-size:17px; line-height:2.4em; } #Main #Center .CenterBox .Box2 .Box-C .Text { width:auto; height:auto; color:#333; margin:5px 0 0 0; } #Main #Center .CenterBox .Box2 .Box-R { width:19px; height:109px; background:url(../images/Box-R.png) no-repeat; } #Main #Center .Comment { width:260px; height:auto; margin:5px; color:#FFF; } #Main #Center .Comment .Answer { color:#fac908; } #Main #Center hr { border-top:1px solid #000; border-bottom:1px solid #00376f; } #Main #Bottom { width:900px; height:15px; background:url(../images/Main-Bottom.png) no-repeat; } #Footer { width:900px; height:60px; background:#0068d2; } #Footer .Text { width:auto; height:auto; padding:10px; color:#FFF; } #Footer .Text-R { width:auto; height:auto; text-align:right; padding:0 10px 0 10px; color:#FFF; } .commentdate { width:auto; height:auto; margin:5px 5px 0 5px; text-align: right; } .commenthr { margin:5px 0 5px 0; } .Comment2 a { color:#000; } .Comment2 a:hover { color:#000; }