html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input
{
margin:0px; padding:0px; text-decoration:none; list-style:none; outline:none; border:none; font-family:Arial, Helvetica, sans-serif; font-size:8pt;
}
@font-face {
font-family:'ITC Avant Garde Gothic';
src: url(../Font/avgr45w.eot) /* EOT file for IE */
}
@font-face {
font-family:'ITC Avant Garde Gothic';
src: url(../Font/avgr45w.ttf) /* TTF file for CSS3 browsers */
}
@font-face {
font-family:'ITC Avant Garde Gothic';
src: url(../Font/avgr65w.eot) /* EOT file for IE */
}
@font-face {
font-family:'ITC Avant Garde Gothic';
src: url(../Font/avgr65w.ttf) /* TTF file for CSS3 browsers */
}
html { width:100%; height:100%;background: url(../Images/bg_repeat.jpg) repeat-y top center}
body { width:100%; height:1050px; background: url(../Images/bg.jpg) no-repeat top center}
/* --- Top Section --- */
div#Header { width:100%; z-index:999; }
div#Header_Dt { width:100%; height:59px; margin:0px auto 0px auto; position:relative; z-index:9999; }
div#Header_Bg { width:960px; height:59px; margin:0px auto 0px auto; position:relative; z-index:999; }
ul.Top_Menu { width:auto; height:33px; right:-4px; top:2px; padding:2px 24px 1px 15px; float:right; z-index:999; position:absolute;background: url(../Images/topmenu_bg.png) no-repeat top center }
ul.Top_Menu li { display: inline-block;float: left;font-family: Arial; font-weight:normal; font-size: 11px;color:#9eb2d5;margin-left: 0px;padding-left:6px;margin-top: 7px;position: relative;left:0px; }
ul.Top_Menu li a { font-size:11px; font-family:Arial; padding:0 5px 0 5px; color:#9eb2d5; position:relative; top:0px; }
ul.Top_Menu li a:hover { color:#fff;}
div.phone {float: right;width: 144px;height: 77px; background:url(../Images/phone_icon.png) no-repeat left center; }
div.phone h2 {float: left;width: 100px;text-decoration: underline; font-family:'ITC Avant Garde Gothic'; font-size:14px; color:#8c0303;margin-left: 29px;margin-top: 20px;font-weight: normal;}
div.phone span {float: left; letter-spacing:-1px; font-family:'ITC Avant Garde Gothic'; font-size:20px; color:#5d5d5d;margin-left: 29px;}
div.phone span strong { font-family:'ITC Avant Garde Gothic'; font-size:14px; color:#5d5d5d;font-weight: normal;}
div.Logo { width: 230px;float: left;height: 80px;position: absolute;top: -2px;left: -73px; z-index: 999;}
div.Logo a { display:block; }
ul.Main_Menu { float:right; position: absolute;z-index: 9999;height: 50px;top:0px;right:60px;}
ul.Main_Menu li { background:url(../Images/menu_ayrac.png) no-repeat left top; display:inline-block; float:left; cursor:pointer; padding: 0 0 0 0px;height: 50px; }
ul.Main_Menu li a { display: block;margin: 20px 0 0 0;padding:0px 13px 0px 13px;float: left;cursor: pointer;}
ul.Main_Menu li:first-child { background:none;}
ul.Main_Menu li:last-child a span { display: block;font-size: 14px;color: #10182f;font-weight: bold;height: 50px; line-height:22px; font-family: Calibri;padding: 0 15px 0 15px ;cursor: pointer;top:-4px;position: relative;}
ul.Main_Menu li a span { display: block;font-size: 14px;color: #10182f;font-weight: bold; line-height:22px; font-family:Calibri;padding: 0 15px 0 15px ;cursor: pointer;top:-4px;position: relative;}
ul.Main_Menu li a em { display:none;}
ul.Main_Menu li .Main_Menu_Icon { float:left; margin:6px 6px 0px 0px; width:22px; height:21px;}
ul.Main_Menu li .Main_Menu_Text { float:left; position: relative; top:0px;}
ul.Main_Menu li:hover {}
ul.Main_Menu li a:hover { height:35px}
ul.Main_Menu li a.active {height:35px}
ul.Main_Menu li a:hover span { color: #fff;}
ul.Main_Menu li a.select span { display:block; font-size:13px; color:#8c0303; }
ul.Main_Menu li a.select em, ul.Main_Menu li a:hover em {color: #151231; }
/* --- Top Section End --- */
/* --- Main Section --- */
div#Main_Content { width:980px; min-height:530px; height:auto; position:relative; margin:21px auto 0px auto; z-index: 99;}
div.Banner { width:1127px; height:313px;position:relative; margin:0px auto; z-index:1}
div.banner_mask { width:1336px; height:313px;position:absolute; float:right;background: url(../Images/banner_mask.png); z-index:999;left:0px;top:0px;}
div.Sections { width:980px; height:auto;float: left;position: relative;z-index: 99999;}
div.SectionLeft { width:625px;position: relative;float: left;left:0px;margin-right: 29px; }
div.SectionLeft ul li h2#Pages_Mini_Title { display:none}
div.SectionLeft ul { }
div.SectionLeft ul li p {text-align:center; float: left;position: relative;width: 625px;color: #3e3e53;font-weight: normal;font-size: 11px;line-height: 19px;margin:0px 0px 0px 6px;font-family:Arial;}
div.SectionLeft div.img { float: left; position: relative;left:0px;top:0px;margin:0px; z-index:99;}
div.SectionLeft ul li p b { color: #202c4d;font-weight: bold;font-size: 15px;width: 625px;float: left;margin: 6px 0 0px 0px;font-family:Calibri; text-align:left;text-align:justify; }
div.SectionLeft ul li p span { color: #4b4b4b;font-weight: normal;font-size: 13px;width: 625px;float: left;margin: 6px 0 0px 0px;font-family:Calibri; text-align:left;text-align:justify; }
div.left_maske { display:none}
div.SectionLeft ul li { color: #202c4d;font-weight: bold;font-size: 15px;font-family:Calibri;}
div.SectionLeft ul li b a.anasayfa { width: 650px;color: #2B87AA;font-weight: bold;font-size: 15px;font-family: Calibri;text-decoration:underline;}
a.anasayfa { width: 650px;color: #2B87AA;font-weight: bold;font-size: 15px;font-family: Calibri;text-decoration:underline;}
div.SectionLeft ul li b a.anasayfa:hover { text-decoration:underline;}
div.SectionLeft ul li b b {color: #202c4d;font-weight: bold;font-size: 15px;width: 625px;float: left;margin: 6px 0 0px 0px;font-family: Calibri;text-align: left;}
div.SectionLeft ul li ul { float:left;margin-top: 15px;width: 626px; margin-bottom: 15px;}
div.SectionLeft ul li ul li { font-size: 12px; line-height:25px; font-family:Calibri; font-weight:bold; color:#4b4b4b;width:625px; }
div.SectionLeft ul li b h4 { color: #202c4d;font-weight: bold;font-size: 15px;width: 625px;float: left;margin: 6px 0 0px 0px;font-family: Calibri;text-align: left;}
div.SectionRight { width:281px;position: relative;float: left;height:auto;top:0px; min-height:577px; background: url(../Images/section_right_line.png) left 20px no-repeat;}
div.SectionRight h1 { margin:0px 0px 0px 24px;float: left;position: relative;background: url(../Images/left_h2.png) no-repeat right; text-align: left; width:380px;color: #26a0ac;font-weight: normal;font-size: 15px;padding:0px 0px 0 0px;margin-left:23px;font-family:Neo Sans Pro;z-index: 999; }
div.SectionRight li { float:left; width:300px; position: relative;margin-left: 15px;margin-bottom: 15px; }
div.SectionRight ul {}
div.SectionRight a p {text-align: center;float: none;position: relative;color: #3e3e53;font-weight: normal;font-size: 11px;line-height: 19px;margin: 0px 0px 0px 0px;font-family: Arial;}
h2#title {color: #fff;font-weight: bold;font-size: 16px;width: 194px;float: left;margin:-10px 0 0px 40px; text-transform:uppercase; font-family:Calibri;height: 40px; position:relative;z-index:99;}
div.SectionRight img { position: absolute;top:-102px;z-index: 0; left: 0px;}
div.SectionRight ul li .img img { position:relative;top: 0px;z-index: 0; }
div.SectionRight ul li a .left_maske { position:absolute;top: 0px;z-index: 99; /*background: url(../Images/left_mask.png) left top no-repeat;*/ width:134px; height:81px; display:block}
div.SectionRight div.img { float: left; position:relative; left:0px; top:0px; margin: 0px;margin-right: 19px; margin-top: 31px;}
ul#PageSubPage_Detail li img { float: left; position:relative; left:0px; top:0px; margin: 0px;margin-right: 19px; margin-top: 31px; width:200px; height:75px}
ul#PageSubPage_Detail li p { display:none}
h2#page_title { color: #202c4d;font-weight: bold;font-size: 15px;margin: 6px 0 0px 0px;font-family: Calibri;text-align: left;text-transform: uppercase; position: absolute; top: 0px;}
h2#Product_Title { display:none}
div.SectionRight a span { float: left;margin: 17px;color: #202c4d;font-weight: bold;font-size: 15px;font-family: Calibri;text-decoration:underline;background: url(../Images/arrow.png) no-repeat right center;width: 218px; }
/* --- Main Section End --- */
/* --- Section --- */
div#Footer ul li h2#Pages_Mini_Title {display:block; font-family:Arial; font-size:11px; color:#48494a; text-align:left;text-transform: none;letter-spacing:normal;position:relative; font-weight:normal;line-height: 21px;}
div.footer h3 {float:left; display:inline-block; font-family:Calibri; font-size:12px; color:#373737;margin-top: 17px; font-weight:bold;width: 140px;background: url(../Images/footer_li.png) center left no-repeat;height: 13px;padding-left: 10px;}
div#Footer { width:100%; height:auto; float:left; padding-top:0px;margin-top: 40px; background: url(../Images/footer_bg.png) top center no-repeat;}
div#Footer_bg { width:980px; margin:0px auto; position:relative; z-index:1; }
div#Footer_bg ul { display: inline-block;width: 147px; float:left; margin:0px 0px 0px 2px;}
div#Footer_bg ul li {width: 150px;float: left;background: url(../Images/footer_li_icon.png) center left no-repeat;height: 19px;padding-left: 10px;}
div.Footer_bg ul li:first-child { background:none }
div#Footer_bg ul li a { float:left; font-family:Lucida Sans Unicode; letter-spacing:-1px; font-size:12px; color:#747474; line-height:20px; }
div#Footer_bg ul li span { display:block; font-family:Arial; font-size:11px; color:#48494a; text-align:left;text-transform: none;letter-spacing:normal;position:relative; font-weight:normal;line-height: 20px;}
div#Footer_bg ul li a:hover { text-decoration:underline; }
div.Copy { float: right; margin:33px 0px 0px 0px; width:1001px;background: url(../Images/footer_copy.png) top center no-repeat; padding-top:10px; padding-left:5px}
div.Copy div { width:100%; float:left; color:#373737; margin-bottom: 20px; font-family:Calibri;font-weight:bold; font-size:12px}
div.Copy span { float: left;padding-left: 22px;}
div.Copy p { float: left;padding-left: 18px;font-family:'Times New Roman'; font-weight:bold;font-size:10px;}
a.Ref_Logo {background:url(http://www.gncdigital.org/unknown/mini_h.png) no-repeat center top; width:11px; height:86px; position:fixed; top:450px; right:0px;margin-top: 25px;margin-right: 14px;}
a.Ref_Logo:hover {background:url(http://www.gncdigital.org/unknown/mini_h_over.png) no-repeat center top;}
div.Copy ul#SocialMedia { width: 106px;position: relative;float: right;right: 18px; }
ul#SocialMedia li#face { float:left; padding:0px ; margin-left:0px;width: 29px; }
ul#SocialMedia li#twt { float:left; padding:0px ; margin-left:0px;width: 29px; }
ul#SocialMedia li:hover { opacity:0.7;filter:alpha(opacity=70);}
ul#SocialMedia li a.face { background:url(../images/face.png) no-repeat; width:31px; height:32px;float:left; }
ul#SocialMedia li a.twt { background:url(../images/twt.png) no-repeat; width:31px; height:32px;float:left; }
ul#SocialMedia li { background:none;}
ul#SocialMedia li#mail { float:left; padding:0px ; margin-left:0px;width: 29px; }
ul#SocialMedia li a.mail { background:url(../images/mail_icon.png) no-repeat; width:31px; height:32px;float:left; }
/* --- Footer Section End --- */
ul#menu, ul#menu ul{
padding: 0;
margin: 0 auto;
list-style: none;
}
ul#menu li {
float: left;
position: relative;
min-width: 126px;
height: 48px;
background:url(../Images/menu_ayrac.png) no-repeat left top;
}
ul#menu li:first-child {
background:none
}
ul#menu li:first-child a:hover {
background:url(../images/span.png) repeat-x left top;
}
ul#menu li:last-child a:hover {
background:url(../images/span.png) repeat-x left top;
}
ul#menu li ul {
display: none;
position: absolute;
top: 19px; /* yukseklik 15px + sonradan eklenecek paddingler 4px toplam 19px */
left: 0;
}
ul#menu li > ul {
top: auto;
left: auto;
min-width: 200px;
margin-top:-1px
}
ul#menu li a {
font: bold 14px Calibri;
display: block;
border-width: 1px;
margin: 0;
padding: 2px 3px;
color: #202c4d;
line-height: 50px;
text-align: center;
height: 45px;
text-decoration: none;
position: relative;
z-index: 2;
}
ul#menu li a:hover {
color: #fff;
}
ul#menu li a:active {
color: #fff;
background:url(../images/span.png) repeat-x left top;
}
ul#menu li ul li {
height:35px;
position: relative;
background: none;
}
ul#menu li ul li.span_bg {
position: absolute;
background: url(../images/span.png) repeat-x left top;
min-height: 75px;
height: 15px;
z-index:1;
float: left;
top:-49px;}
ul#menu li ul li a {
font: bold 11px arial, helvetica, sans-serif;
text-align:left;
line-height:30px;
color:#fff;
min-width: 174px;
padding-left:33px;
height:auto;
border-bottom:1px solid #598ac5
}
ul#menu li ul li a:hover {
color: #fff;
background:url(../images/ul-li.png) repeat-x left top;
}
ul#menu li:hover ul, ul#menu li.over ul {
display: block;
background:url(../images/drop_ul_bg.png) repeat-x left top;
}
/*burasssıı*/
.jMenu {
display: table;
margin: 0;
padding: 0
}
/* First level */
.jMenu li {
display: table-cell;
margin: 0;
min-width: 126px;
height: 48px;
background:url(../Images/menu_ayrac.png) no-repeat left top;
text-align: center
}
.jMenu li:first-child {
background:none}
.jMenu li a {
padding: 10px;
display: block;
background-color: transparent;
color:#202c4d;
text-transform: uppercase;
cursor: pointer;
font-size: 14px;
font-family:Calibri;
font-weight:bold
}
.jMenu li a.fNiv {
color:#000;
height: 45px;
line-height: 39px;
position: relative;
z-index: 9999;
}
/* Lower levels */
.jMenu li ul {
display: none;
position: absolute;
z-index:1;
padding: 0;
margin: 0;
background-image: url('../images/drop_ul_bg.png');
margin-top:22px;
margin-left: 2px;
}
.jMenu li ul li ul {
margin-top: 0px;
margin-left: 0px;
}
div.span_bg {
position: absolute;
background: url(../images/span.png) no-repeat left top;
min-height:53px;
height: 15px;
z-index:1;
float: left;
top:-53px;}
.jMenu li ul li {
background-color:;
display: block;
border-bottom: 1px solid #598ac5;
padding: 0;
min-width: initial;
height: auto;
text-align:left;
background:none;
}
.jMenu li ul li.arrow {
background-image: url('../images/arrow_down.png');
background-repeat: no-repeat;
background-position: center center;
height: 6px;
padding: 0;
border-bottom: none;
padding-bottom: 10px
}
.jMenu li ul li a {
font-size: 13px;
text-transform: none;
padding: 7px;
display: block;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
font-family:Calibri;
color:#fff;
}
.jMenu li ul li a.isParent {
background-image: url('../images/arrow_right.png');
background-repeat: no-repeat;
background-position: right center;
}
.jMenu li ul li a:hover {
background:url('../images/ul-li.png') repeat-x;
}