body { background-image:url(/images/bg_image.jpg); background-position:top center; margin:0; padding:0; overflow-x:hidden; font-family:Helvetica}
a.link {color:#885533; font-size:12px; line-height:16px; font-family:Verdana;}

/* iletisim formu için */
#backgroundPopup{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:100%;  
width:100%;  
top:0;  
left:0;  
background:#000000;  
border:1px solid #cecece;  
z-index:100;  
}  
#popupContact{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:345px;  
width:408px;  
background:#FFFFFF;  
border:2px solid #cecece;  
z-index:101;  
padding:12px;  
font-size:13px;  
}  
#popupContact h5{  
text-align:left;  
color:#6FA5FD;  
font-size:22px;  
font-weight:700;  
border-bottom:1px dotted #D3D3D3;  
padding-bottom:2px;  
margin-bottom:20px;  
}  
#popupContactClose{  
font-size:14px;  
line-height:14px;  
right:6px;  
top:4px;  
float:right;  
color:#6fa5fd;  
font-weight:700;  
display:block;  
}  
.iletisimform { font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; color:#990000}


/*---- menu : container ----*/
#menu-top{
float:right;
height:24px;
margin-top:48px;
width:453px; /* default size 634px */
}
/*---- menu : first level ----*/
#menu-top li.menu-first{
display:block;
height:24px;
float:left;
}
#menu-top h2 a{
background:url(/images/menu.png) no-repeat;
}
#menu-top h2 a span{
display:none;
}
#menu-top h2#home a{
background-position:-3px 0px;
width:109px;
}
#menu-top h2#home.active a{
background-position:-3px -24px;
width:109px;
}
#menu-top h2#magazine a{
background-position:-112px 0px;
width:128px;
}
#menu-top h2#magazine.active a{
background-position:-112px -24px;
width:128px;
}
#menu-top h2#encyclopedia a{
background-position:-240px 0px;
width:116px;
}
#menu-top h2#encyclopedia.active a{
background-position:-240px -24px;
width:116px;
}
#menu-top h2#iletisim a{
background-position:-356px 0px;
width:100px;
}
#menu-top h2#iletisim.active a{
background-position:-356px -24px;
width:100px;
}

#menu-top li a{
display:block;
height:24px;
}
/*---- menu > sub-menu ----*/
#menu-top li div.submenu{
margin: -1px 0px 0px 15px;
padding:0;
list-style: none;
position: absolute;
z-index: 99;
float:left;
border:5px solid #009BE6;
padding:5px 0px 5px 0;
}
#menu-top li div.submenu ul{
float:left;
padding:0;
margin:0;
}
*html #menu-top li div.submenu{ /* IE6 behavior */
width:250px;
}
#menu-top h3 a{
color:#000;
font-size:12px;
font-weight:normal;
height:18px;
line-height:18px;
text-decoration:none;
text-indent:15px;
}
#menu-top h3 a:hover{
background:#009BE6;
color:#fff;
}
#menu-top li ul li{
height:18px;
width:120px;
background:url(/images/dotted.gif) bottom left no-repeat ;
text-align:left;
font-family:Arial;
}
#menu-top li ul li.last{
background:none ;
}
.submenu{
background:#fff;
display:none;
float:left;
}
#menu-top img{
border:1px solid #cccccc;
height:80px;
margin:0 7px 0px 0;
padding:1px;
width:120px;
float:left;
}
*html #menu-top img{ /* IE6 behavior  */
float:none;
margin:0 4px 4px 0;
}






.content { background-image:url(/images/content.jpg); background-repeat:no-repeat; width:893px; height:662px; text-align:left}
#top1 { width:455px; float:left; margin-left:18px; padding-top:4px}
#top2 { width:400px; float:left; padding-top:9px}
#top1 .frame { background-image:url(/images/frame.png); background-repeat:no-repeat; 
			   width:131px; height:110px; margin:1px 0 0 6px; float:left; padding-top:6px; 
			   padding-left:9px; font-size:14px; text-align:right; color:white; padding-right:0px}
			   .frame span { padding-right:0px}
#center1 { width:300px; float:left; margin-left:45px}
#center2 { width:470px; float:left; margin-left:45px}

span.head { background-image:url(/images/sign.jpg); background-position:right; background-repeat:no-repeat; padding-right:27px; font-size:18px; line-height:18px}
span.excerpt {color:#885533; font-size:11px; line-height:16px; font-family:Verdana; letter-spacing:-0.05em}
div#excerpt { padding-top:5px; padding-left:20px; clear:both} 
#excerpt span {line-height:24px; font-weight:800; font-size:14px; color:#1B1B1B}
p.desc { margin-top:10px; font-size:12px; line-height:15px}
.test { border:1px solid black; height:236px}

div.kampanya { float:left; width:139px; background-color:black; margin:15px 9px 0px 0px; height:143px; color:#C18861}

/*** SIFR ***/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	letter-spacing: 0;
}
.sIFR-hasFlash h1 {
	visibility: hidden;
}
/***      ***/


/*** SHADE ***/
img.shade{
	width: 386px;
	height: 240px;
/* specify the dimension of the image */
	display: block;
	position: absolute;
	z-index: -1;
/* force the image to show below the content */
	left: -10px;
	bottom: -2px;
}

div.shade{
	width: 373px;
	height: 225px;
/* specify the dimension of the content, slightly smaller than the image */
	position: relative;
	z-index: 1;
/* force the content to show above the image */
	padding: 3px 13px;
	margin-right: 1ex;
	margin-bottom: 1em;
	margin-left:12px;
	margin-top:1px;
}
/***   ***/

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 357px; /*Width of Carousel Viewer itself*/
height: 217px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 357px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.tag { position:absolute; z-index:2; background-image:url(/images/overlay_bg.png); background-repeat: x-repeat; text-align:right}
.tagdesc {width:100px;height:18px; top:195px; left:230px; padding-right:8px; color:white; font-size:14px; line-height:18px}


#reveal {
	width: 480px;
	margin-top:5px;
	height:95px;
}


ul.home-list-col  { float:left; margin:3px 35px 0px 10px; padding:0;}
ul.leftm  { margin-left:160px}
ul.home-list-col li a { color:black; font-size:12px; text-decoration:none; padding:0px; margin:0px; font-family:Arial;}
ul.home-list-col li a:hover { color:#c7114e; font-size:12px; text-decoration:underline; padding:0px; margin:0px; font-family:Arial;}

#img-brands img { margin-left:3px; float:left; border:3px solid #885533; position:absolute}
a img { border:0px}
#magazine .submenu {
float:left;
display:none
}



div#quote {
	position: relative;
	margin-top: 24px;
	padding: 5px 5px 2px 5px;
	height: 123px;
	font-weight: normal;
	background: #05090c url(/bg_quote.jpg) no-repeat;
}

div#quote a img {
	position: absolute;
	top: 0;
	left: 190px;
	margin: 0;
	padding: 0;
}

div#quote p {
	margin: 5px 5px 8px 5px;
	color: #fff;
	font-family: Georgia;
	font-weight: normal;
	font-style: italic;
	width: 260px;
	line-height: 1.45em;
	font-size: 14px;
}
div#quote a {
cursor:pointer;
text-decoration:none;
}

div#quote p small {
	margin: 0;
	padding: 3px 3px 6px 3px;
	color: #ebca28;
	font-family: Georgia;
	font-style: italic;
	font-size: 13px;
	line-height: 1.4em;
}

div#quote p small a {
	padding: 2px;
	color: #ebca28;
	font-weight: normal;
	border: none;
}

div#quote p small a:hover {
	color: #ebca28;
	background: #000;
}

.reftablo { float:left; width:250px; margin-right:30px; list-style: circle inside}
.reftablo li { padding:6px 6px; font-size:12px; font-style:italic}

.urunler img { border:3px solid #885533}
.urunler { float:left; margin-right:10px; margin-top:10px }

a.urunler  { color:black; font-size:12px; text-decoration:none; font-family:Arial; line-height:18px;}
a:hover.urunler  { color:#c7114e; font-size:12px; text-decoration:underline; font-family:Arial;}
a.urunler img { text-decoration:none}

.fnt12 { font-size:12px}

.resimler {width:130px; float:left; margin-right:25px; margin-top:10px; height:140px; position:relative}
.resimler span { font-size: 12px; line-height:14px}
.resimler .siparis { display:none}
.resimler:hover .siparis { display:block; font-size:11px; margin-top:3px; position:absolute}
.resimler img { border:3px solid #885533; margin-bottom:5px}
.menuh { font-size:18px}
.menul a { color:#333333; font-size:12px; line-height:14px; text-decoration:none}
.menul a:hover {text-decoration:underline}
#quote span { padding-left:10px; font-size:18px}
#footer { text-align:right; font-style:italic; font-size:11px; color:#CCCCCC; width:853px; margin:0px auto}