* {padding:0;margin:0;}

/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 
	line-height: 150%;
} 
 
#pagewidth{ 
 width:1024px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height: 280px; 
 
 width:100%;
} 
 
#leftcol{
 width:17%; 
 float:left; 
 position:relative; 

 
 }
 
#twocols{
 width:83%; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:19%; 
 float:right; 
 position:relative; 
 
 
 }
 
#maincol{ 
 float: left; 
 display:inline; 
 position: relative; 
 width:79%; 
 border:1px solid #cccccc;	
 }
 
 .leftana{
 width:50%; 
 float:left; 
 position:relative; 
 text-align: left;
 
  
 }
 
.rightana
{
 float: right; 
  
 display:inline; 
 position: relative; 
 width:50%; 
 text-align: left;
 }

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


 
.N
{
	font-family:Verdana;
	font-size: 10pt;
	text-align: Left;
	line-height: 150%;
  padding-left: 5px;
	padding-right: 5px;
}

.N-center
{
	font-family:Verdana;
	font-size: 10pt;
	text-align: Center;
	line-height: 150%;
}

.N-jstfy
{
	font-family:Verdana;
	font-size: 10pt;
	text-align:justify;
	line-height: 150%;
	padding-left: 5px;
	padding-right: 5px;
}

.EgeRate-Sag-Div-Hdmi-Kablo
{
	
	background-color: #0099ff;
	color: White;
	font-family:Verdana;
	font-size: 12pt;
	font-weight: bold;  

}

.EgeRate-Orta-
{
	
	background-color: #0099ff;
	color: White;
	font-family:Verdana;
	font-size: 12pt;
	font-weight: bold;
	text-align: left;  


}
 
 .EgeRate-Sol-
{
	
	background-color: #0099ff;
	color: White;
	font-family:Verdana;
	font-size: 12pt;
	font-weight: bold;  
	width: 162px;

}
 
  .EgeRate-Sol-td
{
	
 padding-left: 5px;

}
 
   .EgeRate-Sag-td
{
	
 padding-right: 5px;

}

   .EgeRate-Orta-td
{
	
 padding-right: 5px;
  padding-left: 5px;

}
 

#Uygulama 
{
	font-family:Verdana;
	font-size: 10pt;
	text-align:Center;
	text-decoration: None;
}
 
 .Tek
 {
	background-color: #CCFFFF;
	text-align: left;
	text-decoration: None;
	color: Black;
	line-height: 200%;
 } 
 
  .Tek img
 {
 height: 55px;
 width: 99px;  
 }
 
 
  .Cift
 {
	background-color: White;
	text-align: left;
	text-decoration: None;
	color: Black;
	line-height: 200%;
 } 
 
   .Cift img
 {
 height: 55px;
 width: 99px; 
 }
 
 
 .Sol-kutu
 {
	border:1px solid #cccccc;	
	width: 160px;
	margin-top: 2px;
	margin-bottom: 5px;
	
 }
 
  .Sag-kutu
 {
	border:1px solid #cccccc;	
   width: 160px;
	margin-top: 2px;
	margin-bottom: 5px;
 
 
 }
  .Sag-kutu p
 {
	margin-left: 1px;
	margin-right: 3px;

 
 }  
 
   .Sag-kutu img
 {
	margin-bottom: 3px;

 
 }
 
  .Sol-kutu p
 {
	margin-left: 1px;
	margin-right: 3px;

 
 }
 
 
	/* Alt Menu */
	
	
.qitem-yazi {
	width:126px;
	height:20px;	
	border:4px solid #222;	
	margin:5px 5px 5px 0;

 
	
	/* display div in line */
	float:left;
	cursor:hand; cursor:pointer;
}	
	
	
	
	
 .qitem {
	width:126px;
	height:126px;	
	border:4px solid #222;	
	margin:0px 5px 5px 0;
	background: url('bg.gif') no-repeat;
	
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
	cursor:hand; cursor:pointer;
}

	.qitem img {
		border:0;
	
		/* allow javascript moves the img position*/
		position:absolute;
		z-index:200;
	}

	.qitem .caption {
		position:absolute;
		z-index:0;	
		color:#ccc;
		display:block;
		left: 0px; top: 4px
	}

		.qitem .caption h4 {
			font-size:12px;
			padding:5px 2px 5px 2px;
			margin:0;
			color:#369ead;
		}

		.qitem .caption p {
			font-size:10px;	
			padding:3px 5px 0 8px;
			margin:0;
		}



/* Setting for corners */

.topLeft, .topRight, .bottomLeft, .bottomRight {
	position:absolute;
	background-repeat: no-repeat; 
	float:left;
}

.topLeft {
	background-position: top left; 	
} 

.topRight {
	background-position: top right; 
} 

.bottomLeft {
	background-position: bottom left; 
} 

.bottomRight {
	background-position: bottom right; 
}

.clear {
	clear:both;	
}


 /*Ana menu*/
 .glossymenu{
margin: 5px 0;
padding: 0;
width: 160px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(images/glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(images/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
color: white;
}