@charset "utf-8";
@import url(reset.css);

a,div { behavior: url(Scripts/iepngfix.htc) }

/* CSS Document */

/* COLORS -----------

Dark Blue	#580e00
Black		#000000
Gray		#666666
Light Gray	#999999
Dark Gray	#323232
White		#FFFFFF

-------------------*/
/* BODY */
body { background:#7a0000 url(../images/bg.jpg) center top repeat-x; font-size:11px; line-height:18px; font-family:Tahoma,Arial,Helvetica,Sans-serif; color:#666666; }
h1 { font-size:15px; color:#580e00; font-weight:bold; line-height:30px; padding:0; margin:0; }
h2 { font-size:14px; color:#999; font-weight:bold; line-height:30px; padding:0; margin:0; }
h3 { font-size:22px; color:#580e00; font-weight:bold; line-height:24px; padding:0; margin:0; }
h4 { font-size:14px; color:#580e00; font-weight:bold; line-height:20px; text-transform:uppercase; padding:0; margin:0; border-bottom:1px solid #580e00; }
h5 { font-size:14px; color:#FFFFFF; font-weight:bold; line-height:20px; text-transform:uppercase; padding:0; margin:0; border-bottom:1px solid #666666; }
h6 { font-size:14px; color:#666666; font-weight:bold; line-height:30px; text-transform:uppercase; padding:0; margin:0; }
p { line-height:14px; padding:0px 0px 10px 0px; }
em { font-weight:bold; color:#999999; }

.left {float:left;}
.right {float:right;}

/* DEFAULT ANCHORS */
a {	color:#580e00; text-decoration:none; }
a:hover { color:#CCC; }
a {border:none; }
a img {/*border:3px solid #580e00;*/
border:solid #ec002a 1px;
padding:5px;
}
#hasereimg {border:none!important;padding:0!important; margin-top:15px;}

#pcsimg {  border:none!important; padding:0!important; }
a:active, a:focus{ outline:none;}

/* CUSTOM ANCHORS */
a.tiklayiniz { color:#000; text-transform:uppercase; line-height:20px; padding:1px 4px 0px 4px; background-color:#580e00; }
a.tiklayiniz:hover { color:#FFFFFF; background-color:#262626; }

.button, .button:hover, .button span {
	background:transparent url(../images/bar-bg.jpg) no-repeat scroll 0 0;
}
.button {
	color:#003041;
background-position:100% -126px !important;
clear:none;
display:inline;
float:left;
margin:2px 0;
padding:0 17px 0 0;
position:relative;
text-decoration:none !important;
}
.button span {
background-position:0px -126px !important;
clear:none;
cursor:pointer;
display:block;
float:left;
line-height:16px;
margin:0;
padding:3px 6px 6px 9px;
position:relative;
}

.button:hover {
	
	color:#fff;
background-position:100% -149px !important;
}
.button:hover span {
background-position:0px -149px !important;
}


a.menu { 

background:transparent url(../images/linkicon.png) no-repeat scroll 0 0;
color:#FFFFFF;
line-height:30px;
padding:0 27px;
vertical-align:top;
}
* html a.menu { 

margin-left:-12px;
margin-right:-18px;
padding:0px 0px 0px 30px;
}

#header a.active { 
background:transparent url(../images/linkicon.png) no-repeat scroll 0 0;
color:#FFFFFF;
line-height:30px;
padding:0 27px;
vertical-align:top;
font-weight:bold;
font-size:14px;
}

#header a.active:hover { color:#fff; }

#menu_anchors { float:right; padding-top:32px;}
a.menu:hover { color:#FFFFFF; background-position:0px -30px;}
a.btn { color:#FFFFFF; font-size:9px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; padding:3px 4px; background:url(../images/btn_bg.jpg) left #580e00; border:1px solid #000000; }
a.btn1 { color:#FFFFFF; background:url(../images/list_btn_arrow_over.gif) left no-repeat #444444; margin:0; padding:1px 4px 1px 14px; border:1px solid #666666; font-size:10px; text-transform:uppercase; letter-spacing:1px; }
a.btn1:hover { color:#FFFFFF; background:url(../images/list_btn_arrow_over.gif) left no-repeat #666666; border:1px solid #666666; }
a.btn2 { color:#FFFFFF; background:url(../images/list_btn_arrow_over.gif) left no-repeat #444444; margin:0; padding:1px 4px 1px 14px; border:1px solid #580e00; font-size:10px; text-transform:uppercase; letter-spacing:1px; }
a.btn2:hover { color:#FFFFFF; background:url(../images/list_btn_arrow_over.gif) left no-repeat #580e00; border:1px solid #580e00; }

/* FLOATS */
.flleft { float: left; }
.flright { float: right; }
.leftimg { float: left; margin:0px 15px 5px 0px; }
.rightimg { float: right; margin:0px 0px 5px 15px; }

/* E-Bülten */
#ebulten { width:216px;height:110px;display:block;background:transparent url(../images/e-bulten_bg.jpg) no-repeat scroll 0 0;padding:7px;}

#katalogindir {padding-bottom:20px; }

/* BREAKS */
.force_break { clear:both; }
.soft_break { clear:both; }
.hr_break { clear:both; height:1px; }

/* STRUCTURE */
#container { width:985px; height:100%; min-height:100%; margin:0 auto; padding-bottom:50px;  }
#subcontainer { width:985px; height:100%; min-height:100%; margin:0 auto; padding-bottom:50px; }
#contentbg { width:985px; height:100%; min-height:100%; }
/*
#contentbg #head{background:transparent url(../images/rowbg.png) no-repeat;height:10px;width:100%;}
#contentbg #foot{background:transparent url(../images/rowbg-bottom.png) no-repeat;height:10px;width:100%;}
#contentbg #subhead{background:transparent url(../images/bluerowbg.png) no-repeat;height:10px;width:100%;}
*/
#contentbg #cbody{background:white; padding:17px;}
* html #contentbg #cbody{margin-top:-3px; padding:17px;}

#subcontainer #cbody{ padding-bottom:7px!important;}

.one_column { width:216px; }
.onetwo_column { width:311px; }
.two_column { width:461px; }
.three_column { width:706px; }
.four_column { width:951px; }

.root_one_column { width:223px; }
.root_two_column { width:477px; }
.root_three_column { width:731px; }
.root_four_column { width:985px; }

/* COLUMN SPECS */
.margin_left { padding-left:15px; }
.margin_right { padding-right:15px; }
.border_left { background:url(../images/border.gif) top left repeat-y; margin-left:20px; padding-right:15px; }
.border_right { background:url(../images/border.gif) top right repeat-y; margin-right:25px; padding-left:0px; }

/* HEADER */
#header { height:100px; background: url(../images/header_tagline.jpg) bottom right no-repeat;position:relative; top:10px; }
#header #tepe {
	height:20px;
	clear:both;
	}
.tepelink { color:#FFF; background:#333; line-height:14px; letter-spacing:1px; padding:7px; display:block; float:right; margin-left:5px; }
.logo { padding:10px 0px 0px 0px;  border:none;}


#header a.menu { font-size:14px; font-weight:bold; }
#cbody #supertitle { font-size:14px; color:#580e00; font-weight:bold; line-height:20px; padding:0 0 0 3px; margin:0;  clear:both; display:block; }
#cbody #title { font-size:35px; color:#ec002a; line-height:30px;font-weight:normal; padding:0 0 30px; margin:0;  clear:both; display:block; }

/* BAR */
#navbar {display:block;background:url(../images/bar-bg.jpg) no-repeat 0px -44px;width:951px;height:35px;color:#580e00;float:left;font-size:15px;font-weight:bold;line-height:35px;}
#navbar #leftbar {background:transparent url(../images/bar-bg.jpg) no-repeat scroll 0 0;color:white;float:left;font-size:15px;font-weight:bold;height:35px;line-height:35px;padding:0 20px;width:auto;}
#navbar span {float:left;background:url(../images/bar-bg.jpg) no-repeat 0px -88px;width:32px;height:35px;margin:0 20px 0 0; }

#navbar ul li { display:inline; }
#navbar li a { background:transparent url(../images/blueslashes.jpg) no-repeat scroll right 3px;
color:#cc2229;
font-size:15px;
font-weight:bold;
line-height:35px;
margin-right:60px;
padding:0 17px 0 0;
text-decoration:none; }
#navbar a:hover { color:#580e00; }

/* Tedarik BAR */
#tedarikbar {display:block;background:transparent url(../images/tedarik-bg.jpg) no-repeat 0px 0px;width:951px;height:80px;color:#580e00;float:left;font-size:15px;font-weight:bold;line-height:80px;}
#tedarikbar #leftbar {background:transparent url(../images/tedarik-bg.jpg) no-repeat scroll 0 0;float:left;height:80px;padding:0 20px;width:auto;}
#tedarikbar #leftbar a{background:transparent url(../images/tedarik-ok.jpg) no-repeat scroll right center;color:#580e00;font-size:15px;font-weight:normal;line-height:80px;display:block;width:135px;}

#tedarikbar img {display:table-cell;
margin:9px 14px;
vertical-align:middle;}

/* CONTENT */
#content { padding:17px 0px 0px; display:inline-block;width:100%;}
#subcontainer #content { width:100%; padding:0 0 10px; display:inline-block;}
#content .photo { border:3px solid #580e00; }
#content .flash_cause { width:223px; padding:20px 0px 20px 0px; }
#content .product_photo { border:3px solid #333333; margin-left:10px;}
/* TEDARİK */
#tedarik { padding:17px 0px 0px; display:inline-block;width:100%;}

/* FOOTER */
#footer { font-size:11px; }
#footer .inner { padding:10px 0 0; }
#footer ul li { display:inline; }
#footer li a { color:#fff; font-weight:bold; padding:0px 20px 0px 0px; text-decoration:none; font-size:12px; }
#footer a:hover { color:#999; }
#footer .inner p { color:#fff; margin:16px 0;}
#home a#subnav_home,
#list a#subnav_list,
#sms a#subnav_sms,
#music a#subnav_music,
#shoes a#subnav_shoes,
#schools a#subnav_schools,
#water a#subnav_water,
#walk a#subnav_walk { color:#FFFFFF; }


/* NAV */
#nav {margin-bottom:20px; }

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width:216px;
}

ul#menu ul {
display:none;
}

ul#menu a {
  display: block;
  text-decoration: none;	
  font-size:14px;
  font-weight:bold;
  line-height:33px;
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: #580e00;
  color: #ec002a;	
  padding-left: 10px;
}

ul#menu li a:hover, ul#menu li a.active {
  color: #fff;	
  background: #3c0900;
}

ul#menu li ul li a {
  background: #eaafb1;
  color: #580e00;
  padding-left: 20px;
  padding-right:20px;
  line-height:20px;
  font-size:11px;
  font-weight:bold;
}

ul#menu li ul li a:hover, ul#menu li ul li a.active {
  background: #eaafb1 url(../images/altmenuhover.jpg) no-repeat 95% center ;
  border-left: 5px #580e00 solid;
  color: #580e00;
  padding-left: 15px;
}


#hasere { padding-bottom:15px; }
#digerhaber { margin-top:15px; }
#maq { width:756px;}


/* HOMEPAGE CONTENT */
#haber h1 { font-size:24px; color:#580e00; font-weight:bold; padding:0; margin:0; }
#haber h2 { color:#999999; font-size:13px; text-transform:none; }
#flash_home { height:250px; padding:0; margin:0; }
#content_home { background:url(../images/gri_zemin_home.jpg) top center no-repeat; padding:30px 0px 60px 0px; }
#causes { width:731px; }
.cause { height:auto; }
.cause h1 { padding-bottom:10px; padding-top:15px; }
.cause p { width:170px; }

 #scrollup {
   position: relative;
   overflow: hidden;
   height: 25px;
   width: 400px
 }
 .headline {
   position: absolute;
   top: 30px;
   right: 0px;
   height: 15px;
   width:auto;
 }
 
 .haberbuton {
	 color:#fff;
	 font-weight:bold;
	 }
 .haberbuton:hover {
	 color:#580e00;
	 font-weight:bold;
	 }

#news_bar {color:white;float:right;padding:7px 0;width:400px;height:25px;}

#news_tour { padding:0 0 15px; }
#news_tour h1 { color:#CCCCCC; font-size:13px; text-transform:none; padding-right:8px; }
#news_tour h2 { font-size:13px; text-transform:none; }
#news_tour a { color:#666666; }
#news_tour a:hover { color:#999999; }
#news_hosted { padding-bottom:15px; }
#news_hosted h1 { color:#CCCCCC; font-size:13px; text-transform:none; padding-right:8px; }
#news_hosted h2 { color:#999999; font-size:13px; text-transform:none; }
#news_hosted a { color:#666666; }
#news_hosted a:hover { color:#999999; }



/*	these are for Tool-Tips. 
	Use <span>title</span> for tooltip. -------------------*/
	
#newsletter a{ z-index:10; }
#newsletter a:hover{ position:relative; z-index:100; }			
#newsletter a .tooltip{ display:none; }
#newsletter a:hover .tooltip{
	width: 203px;
	font-weight:bold;
	display:block;
	position:absolute;
	float:left;
	white-space:;
	top:-237px;
	left:-160px;
	background:#580e00;
	color:#ffffff;
	font-style:normal;
	padding: 10px 10px 10px 10px;
	z-index:10;			
}

#medya-t {
	display:block;
	float:right;
	height:17px;
	overflow:hidden;
	position:relative;
	text-indent:-9999px;
	width:65px;
	background:url(../images/medyat.png) no-repeat;
}
#logo {
background:transparent url(../images/logo.png) no-repeat scroll 0 0;
display:block;
float:left;
height:65px;
left:20px;
overflow:hidden;
position:relative;
text-indent:-9999px;
top:8px;
width:220px;
}

.slidearea{
	margin:0 auto;
	}


.row {
	display: block;
	float:left;
	width:706px;
}
#rightcol {
	float:right;
	display: block;
}
.item {
	float: left;
	width:24%;
/*
	width: 145px;
	border:1px solid #323232;
	margin:0 11px 11px 0;
	padding:8px;*/
}
* html .item {
	/*margin: 0 11px 11px 0;*/
}
.item:hover {
	/*background: #515151;*/
}
.item:hover a {
	color: #fff;
}
.item a {
	padding: 0;
	border: none;
	margin: 0;
	float:left;
}
#altbolum p img{
	padding-right:15px;
}
.item img {
	margin-bottom: 7px;
}
.item p {
	font-size: 11px;
	line-height: 14px;
	color: #666;
	margin: 0;
}
.item p a {
	color: #666;
	padding: 0;
	border: none;
}

input,textarea,select {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CC2229;
color:#580E00;
font-size:11px;
margin:5px 5px 0 0;
padding:2px;
font-family:Tahoma,Arial,Helvetica,Sans-serif;
	}
legend {
	color:#580e00;
	padding:3px;
	font-size:10px;
	}
	fieldset {
	border:1px solid #cc2229;
		padding:5px
		}
	
/*	
Yellow		#580e00
Black		#000000
Gray		#666666
Light Gray	#999999
Dark Gray	#323232
White		#FFFFFF
*/