/* NON-HEADER */
*{padding:0; margin:0;}
body {
    margin: 0;
    border: 0;
	font-size:0.8em; 
	background-color:rgb(255,255,255); 
	font-family:Arial,"Trebuchet ms",Helvetica,verdana, sans-serif;
	line-height: 1.4em;
    background: url(images/bg-blue.gif) center repeat-y #22304E;
    }
/*Font-size: 1.0em = 10px when browser default size is 16px*/

h1 {
  margin-top: 1.1250em;  margin-bottom: 0.0000em;
}

h1 { 
font-size: 1.3333em; /* 16px */
line-height: 1.1250em; /* 18px */
border-bottom:1px solid #ddd;
margin:5px 0px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}

h2,
h3,
h4,
h5,
h6{ transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; font-size: 1.25em; /* 16px */
line-height: 1.10em; /* 18px */}
h1,h2,h3,h4:hover{color:#63b1be; margin: 5px 0;}


#baslik-bg {
padding-left: 10px;
background:url(images/ana-menu-bg.gif) repeat-x top left;
height:30px;
}



/****************************
    ANA MENU
****************************/

#ana-menu {
    height: 30px;
    width: 100%;
    margin: 0;
    background-image: url(images/ana-menu-bg.gif);
    float:left;
    position:relative; 
    z-index:300;
    }
#ana-menu a.on,
#ana-menu a.on:hover {
    color: #FFF;
    margin: 0 0 0 -2px;
    padding: 0 10px 0 12px;
    background: #233559;
    position: relative;
    z-index: 2;
    }

/*IE6*/
#ana-menu a.on:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
#ana-menu a.on:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

/* IE6 only */
#ana-menu table {
	border-collapse:collapse; 
	margin:-1px -10px -1px -1px; 
	font-size:1em; 
	width:0; 
	height:0;
}

/****************************
    ANA ALT MENU
****************************/

#ana-altmenu {
    height: 20px;
    margin: 0;
    padding: 0 0 0 5px;
    background-image: url(images/ana-altmenu-bg.gif);
    clear:both;
    }

#ana-altmenu li {
    padding: 0;
    float: left;
    list-style: none;
    }


.page-container { width: 886px; margin:0px auto; margin-top:10px; margin-bottom:10px;  font-size:1.0em; background-color: ghostwhite;}
.main { clear:both; padding-bottom:30px; }

.main-content { /*font-size: 10px;*/ background: #FFF; display:inline; /*Fix IE floating margin bug*/; margin: 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; }
.main-subcontent {display:inline /*Fix IE floating margin bug*/; float:left; width:185px; margin:0 0 0 0px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:right; width:185px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/* HEADER */
.headad { float: right; height: 90px; width: 728px; }
.header {width: 886px; font-family:"trebuchet ms",arial,sans-serif;}
.header-top { width: 100%; height:92px; background:rgb(240,240,240) url(images/bg_head_top.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-middle {width: 100%; background:rgb(230,230,230) url(images/bg_head_middle.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-bottom {width: 100%; background:rgb(255,255,255) url(images/bg_head_breadcrumbs.jpg) repeat-y;}
.header-breadcrumbs {width: 100%; clear:both; padding:0 0 1.0em 0; }

/********************/
/*  HEADER SECTION  */
/********************/
.sitelogo {width:80px; height:72px; position:absolute; z-index:1; margin:10px 0 0 10px; background:url(images/logo.png); }
.sitename {width:134px; height:45px; position:absolute; z-index:1; margin:10px 0 0 90px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitename .h1 { font-family: Century Gothic,verdana,arial,sans-serif; font-size:240%;}
.sitename .h2 {margin:-4px 0 0 0; color:rgb(100,100,125); font-size:120%;}
.sitename a {text-decoration:none; color:rgb(50,50,50);}
.sitename a:hover {text-decoration:none; color:rgb(100,100,100);}

.alphabet{margin:0 0 10px;overflow:hidden;}
.alphabet a{transition:background-color 0.3s ease-in-out;-moz-transition:background-color 0.3s ease-in-out;-webkit-transition:background-color 0.3s ease-in-out;}
.alphabet a{width:20px;float:left;color:#333;cursor:pointer;height:20px;border:1px solid #CCC;display:block;padding:2px 2px;font-size:14px;text-align:center;line-height:20px;text-shadow:0 1px 0 rgba(255, 255, 255, .5);border-right:none;text-decoration:none;background-color:#F1F1F1;}
.alphabet a.first{border-radius:3px 0 0 3px;}
.alphabet a.last{border-right:1px solid silver;border-radius:0 3px 3px 0;}
.alphabet a:hover,
.alphabet a.active{background:#FBF8E9;font-weight:bold;}

ul, li { list-style:none; }
ul .normal { list-style:none; margin:0.5em 10px 1.0em 20px;}
ul .normal li { list-style:none; margin-left: 10px; padding-left: 20px; background: url("images/ayrinti.gif") no-repeat left top;}
#cat { list-style:none; margin-left: 10px; padding-left: 20px; background: url("images/dd.gif") no-repeat left top;}


.nav0 { position:relative; z-index:2;}
.nav0 ul {float:right; padding:0 20px 0 0;}
.nav0 li {display:inline; list-style:none;}
.nav0 li a {padding:0 0 0 3px;}
.nav0 a:hover {text-decoration:none;}
.nav0 a img {height:14px; border:none;}

.nav1 {width:330px; position:absolute; z-index:3; margin:-5px 0 0 550px;}
.nav1 ul {float:right; padding:0 15px 0 0; font-weight:bold;}	
.nav1 li {display:inline; list-style:none;}
.nav1 li a {display:block; float:left; padding:2px 5px 2px 5px; COLOR: #666666; text-decoration:none; font-size:0.7em; font-weight: 600; }
.nav1 a:hover {text-decoration:none; color:rgb(50,50,50);}
.nav1 a	{ FONT-WEIGHT: normal; FONT-SIZE: 6px; COLOR: #666666 }

.sitemessage {z-index:1; margin:0px 5px 0 5px; color:rgb(234,239,247); /*xoverflow:visible !important /*Activate if Firefox print problems*/; overflow:hidden /*IE6*/;}
.sitemessage h1 {width:350px; text-align:right; font-size:150%;}
.sitemessage h2 {float:right; width:270px; margin:8px 0 0 0; text-align:right; line-height:100%; font-size:120%;}
.sitemessage h3 {float:right; width:270px; margin:10px 0 0 0; text-align:right; font-size:110%;}
.sitemessage h3 a {text-decoration:none; color:rgb(234,239,247);}
.sitemessage h3 a:hover {text-decoration:none; color:rgb(50,50,50);}


.nav2 { float:left; width:100%; border:none; background:rgb(220,220,220) url(images/bg_head_bottom_nav.jpg) repeat-x; color:rgb(75,75,75); font-size:0.9em;} /*Color navigation bar normal mode*/
.nav2 ul {list-style-type:none;}
.nav2 ul li {float:left; position:relative; z-index:1000; border-right:solid 1px rgb(175,175,175);}
.nav2 ul li ul {display:none; border:none;}
.nav2 ul li ul {margin-left:-30px; padding:0 30px 30px 30px; background:url(images/bg_head_bottom_nav_hover.gif) top center;} /*Sticky hover zones*/
.nav2 ul li a {float:left; display:block; height:30px; line-height:30px; padding:0 8px 0 8px; text-decoration:none; font-weight:bold; color: rgb(100,100,100);}
.nav2 ul li:hover {width:auto;}
.nav2 table {position:absolute; z-index:999; top:0; left:0; border-collapse:collapse;}

/*Non-IE6*/
.nav2 ul li:hover a {background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; position:absolute; z-index:998; top:29px; margin-top:0.1em; left:0;}
.nav2 ul li:hover ul li ul {display: none;}
.nav2 ul li:hover ul li a {display:block; width:13em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

/*IE6*/
.nav2 ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {display:block; position:absolute;z-index:997; top:29px; t\op:30px; left:0; marg\in-top:0.1em;}
.nav2 ul li a:hover ul li a {display:block; w\idth:10em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a ul {visibility:hidden; height:0px; width:0px; position:absolute; z-index: 997;}
.nav2 ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

.nav0 .searchform {float:right; width:145px; padding:0 0px 0px 0px !important /*Non-IE6*/; padding:0 12px 0px 0px /*IE6*/;}
.nav0 .searchform form fieldset {float:right; border:none;}
.nav0 .searchform input.field {width:10.0em; padding:0.2em 0 0.2em 0; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:0.7em; }
.nav0 .searchform input.button {width:5.0em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:120%;}
.nav0 .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* ALBUM */
#album .cell {
    width: 120px;
    height: 150px;
    margin: 0 8px 9px 0;
    padding: 5px;
    text-align: center;
    background-color: #FFF;
    border: 1px solid #CCC;
    float: left;
    display: inline;
    overflow: hidden;
    }

#album .cell.last {
    margin-right: 0;
    }

#album .thumb {
    height: 82px;
    }

#album .thumb img {
    margin: 0 auto;
    }

#album .thumb a img {
    border: 1px solid #CCC;
    }

#album .thumb a:hover img {
    border: 1px solid #930;
    }

#album .kapak {
    font-size: 11px;
    display: block;
    }

#album .tanim {
    font-size: 10px;
    color: #666;
    }
    
#album .pagenav {
    margin-bottom: 5px;
    float:left;

    }

/* IE 6 */
#ana-menu .select :hover .sub { width: expression(document.getElementById('ana-menu').offsetWidth); }



p { padding: 4px 0 4px 2px; }

.editor 
{ width: 96%;
 }

.block-body {
	BORDER: #d6d6d6 1px solid;
	MARGIN: 1px 1px 2px 1px; 
	PADDING: 5px 2px 5px 2px; 
	BACKGROUND-COLOR: #ffffff;
}
.block-body H3 {
	PADDING: 5px 0 5px 0;
	MARGIN: 0px; 
	FONT-SIZE: 16px; 
	COLOR: #ff7010; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	LETTER-SPACING: -1px
}

.titledcontainer {
	TEXT-ALIGN: justify;
	BORDER: #d6d6d6 1px solid; 
	PADDING: 5px; 
	MARGIN: 1px 1px 4px 1px; 
	BACKGROUND-COLOR: #eff1f1
}

.title, h1, h2 {
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	font-size: 140%; 
	LETTER-SPACING: -1px; 
	FONT-WEIGHT: 600; 
	COLOR: #36496F; 
	BORDER: #d6d6d6 1px solid; 
	/* MARGIN: 0 0 10px 0; */
	PADDING: 2px 5px 2px 5px; 
	BACKGROUND: url(images/tracking-dropdown-bg.gif) repeat-x center top; 
}

.button {
	line-height: 20px;
	text-decoration: none;
	padding: 2px 12px 2px 12px;
	border: #FFF 1px solid;
	margin-right: 2px;
	background: #CCF;
	color: #000;
	}
.button:hover {
	border: #256C92 1px solid;
	background: #FFF;
	color: #369;
}
.button_active {
	text-decoration: none;
	padding: 2px 12px 2px 12px;
	border: #256C92 1px solid;
	margin-right: 2px;
	background: #FFF;
	color: #369;
}

.inputbutton {
	line-height: 20px;
	text-decoration: none;
	border: #BDBDBD 1px solid;
	margin-right: 2px;
	background: #EAEAEA;
	color: #233559;
}
.inputbutton:hover {
	BORDER: #999 1px solid;	BACKGROUND-COLOR: #f9fdff
}

.inputtext {
	BORDER: #BDBDBD 1px solid; 
	PADDING: 3px; 
	FONT-SIZE: 11px; 
	FONT-FAMILY: "lucida grande",tahoma,verdana,arial,sans-serif;
	background: #EAEAEA;
	COLOR:  #233559;
}

.inputtext:hover {
	BORDER: #999 1px solid;	BACKGROUND-COLOR: #f9fdff
}


SELECT {
	BORDER: #BDBDBD 1px solid;
	background: #EAEAEA;
	COLOR:  #233559;
	PADDING: 3px; 
	FONT-SIZE: 11px;
	FONT-FAMILY: "lucida grande",tahoma,verdana,arial,sans-serif;
}
SELECT:hover {
	BORDER: #999 1px solid;	
	BACKGROUND: #f9fdff
}


TEXTAREA {
	BORDER: #BDBDBD 1px solid;
	PADDING: 3px;
	FONT-SIZE: 11px;
	FONT-FAMILY: "lucida grande",tahoma,verdana,arial,sans-serif;
	background: #EAEAEA;
	COLOR:  #233559;
}

TEXTAREA:hover {
	BORDER: #999 1px solid;
	BACKGROUND-COLOR: #f9fdff
}

.error_msg {
	FONT-SIZE: 10px; 
	COLOR: red; 
	FONT-FAMILY: Arial, Helvetica, sans-serif
}
.error_msg2 {
	BORDER-TOP: #cc0000 5px solid; 
	FONT-SIZE: 12px; 
	MARGIN: 10px 0px; 	COLOR: #cc0000; 
	PADDING: 10px; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #fff
}
.confirm_send {
	BORDER: #090 1px solid; 
	FONT-WEIGHT: 700; 
	FONT-SIZE: 12px; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-ALIGN: center;
	BACKGROUND: #fff; 
	MARGIN: 10px 0px; 
	COLOR: #333; 
	PADDING: 5px;
}
.input-warning {
	FONT-WEIGHT: 700
}
.small-warning {
	FONT-SIZE: 9px; COLOR: red
}



#footer { width: 886px; margin-bottom: 10px; clear:both; padding:1.1em 0 0; background:rgb(225,225,225) url(images/bg_foot.jpg) no-repeat; font-size:0.7em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}


#footer A {
	COLOR: #6699FF; TEXT-DECORATION: none
}
#footer A:hover {
	TEXT-DECORATION: underline
}

#footer A:hover {
	TEXT-DECORATION: underline
}