/* CSS Document */
.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 */

* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	font: normal 10pt Helvetica, Verdana sans-serif;
	color: #666666;
	text-align:center;
}

h1, h2, h3 {
	color: #666666;
}

h1 {
	margin-bottom: .5em;
	font-size: 182%;
	font-weight: bold;
}

h2 {
	margin-bottom: .5em;
	font-size: 136%;
	font-weight: bold;
	letter-spacing: -1px;
}

h3 {
	font-size: 100%;
	font-weight: bold;
}

p, blockquote, ol, ul {
	margin-bottom: 1.5em;
}

blockquote {
	margin-left: 2em;
}

ol {
	margin-left: 2em;
}

ul {
	list-style: none;
}

ul li {
	padding-left: 1em;
}

a {
	text-decoration: none;
	color: #FFFFFF;
}

a:hover {
	text-decoration: underline;
	color: #0013ff;
}

* img{
	margin:0;
	padding:0;
}

#top{
	width:959px;
	height: 302px;
	background: #fff url(images/top.png) no-repeat;
	margin: 0 auto;
	margin-top: 33px;
}

#menu{
	height: 31px;
	width: 789px;
	margin: 0 auto;
	background: #fff url(images/menuzmn.png) repeat-x;
	font: bold 9pt Helvetica, Verdana;
	text-align:right;
	padding: 5px 170px 0 0;
}


#menu a {
	text-decoration: none;
	color: #00075d;
	padding:0 10px;
	margin-top:5px;
}

#menu a:hover {
	text-decoration: underline;
	color: #0013ff;
	padding:0 10px;
	margin-top:4px;
}

#menu a.active{
	text-decoration: none;
	color: #00c;
}

#menu a.active:hover {
	text-decoration: underline;
	color: #0013ff;
}

#menu a.first{
	/*margin-left: 50px;*/
}

#content{
	width:959px;
	margin: 0 auto;
}

.contentbox {
	width: 959px;
	margin-bottom: 3px;
}

#onecol{
	text-align:left;
}

#onecol .texttitle{
	padding: 0 2px;
	margin-bottom: 2px;
	font: bold 14pt Helvetica, Verdana sans-serif;
	color: #00075d;
	text-align: left;
}

#prodcont{
	width: 478px;
	height: 216px;
	padding: 0;
	margin: 0;
}

#prodbox{
	width: 460px;
	height: 180px;
	border: 1px solid #ccc;
	margin: 5px 3px 0 3px;
	padding: 5px;
}

#prodbox .yazi{
	width:450px;
	height: 30px;
	font: bold 10pt Helvetica, Verdana sans-serif;
	text-align: left;
}

#prodbox .baslik{
	color: #00075d;
}

#prodbox .foto{
	float:left;
	width: 115px;
	height: 150px;
}

#prodbutton{
	margin: 0 0 5px 13px;
	width: 134px;
	height: 14px;
	background: #00075d;
	font: normal 9px Verdana, Arial, "Trebuchet MS" sans-serif;
	color: #FFFFFF;
	padding: 0 3px;
}

#refcont{
	width: 191px;
	height: 216px;
	padding: 0;
	margin: 0;
}

#refbox{
	width: 175px;
	height: 180px;
	/* border: 1px solid #ccc; */
	margin: 5px 3px 0 3px;
	padding: 5px;
}

#refbox .yazi{
	width:169px;
	height: 30px;
	font: bold 10pt Helvetica, Verdana sans-serif;
	text-align: left;
}

#refbox .baslik{
	color: #00075d;
}

#refbox .foto{
	width: 170px;
	height: 150px;
	margin: 0 auto;
}

#refbutton{
	margin: 0 0 5px 13px;
	width: 134px;
	height: 14px;
	background: #00075d;
	font: normal 9px Verdana, Arial, "Trebuchet MS" sans-serif;
	color: #FFFFFF;
	padding: 0 3px;
}

#colleft{
	float: left;
	width: 290px;
}

#colleft .texttitle{
	padding: 0 2px;
	margin-bottom: 2px;
	font: bold 14pt Helvetica, Verdana sans-serif;
	color: #00075d;
	text-align: left;
}

#colleft a {
	text-decoration: none;
	color: #00075d;
}

#colleft a:hover {
	text-decoration: underline;
	color: #ccc;
}

#collefturetim{
	float: left;
	width: 230px;
}

#solbuton{
	background: #fff url(images/buton.png);
	width:212px;
	height:35px;
	font: bold 14pt Helvetica, Verdana sans-serif;
	padding-top: 15px;
	margin-bottom: 5px;
}

#solbuton a {
	text-decoration: none;
	color: #00075d;
}

#solbuton a:hover {
	text-decoration: underline;
	color: #ccc;
}

#colright{
	text-align: left;
	float:right;
	padding: 5px;
	width: 659px;
}

#colright a {
	text-decoration: none;
	color: #00075d;
}

#colright a:hover {
	text-decoration: none;
	color: #666;
}

#colrighturetim{
	text-align: left;
	float:right;
	padding: 5px;
	width: 719px;
}

#colright .texttitle{
	padding: 0 2px;
	margin-bottom: 2px;
	font: bold 14pt Helvetica, Verdana sans-serif;
	color: #00075d;
	text-align: left;
}

#text .texttitle{
	padding: 0 2px;
	margin-bottom: 2px;
	font: bold 14pt Helvetica, Verdana sans-serif;
	color: #00075d;
	text-align: left;
}

#text .col{
	float: left;
	width: 479px;
}




.acik{
	background: #000099; 
	color: #fff;
	height: 22px;
}

.kapali{
	background: #00075d; 
	color: #fff;
	height: 14px;
	font-weight: bold;
}

.col_3{
	float: left; 
	width: 187px;
}

.col_4{
	float: left; 
	width: 140px;
}

.col_5{
	float: left; 
	width: 112px;
}

#bottom{
	width:959px;
	height: 89px;
	background: #fff url(images/bottom.png) repeat-x;
	margin: 0 auto;
}

#bottom .menu{
	padding-top: 13px;
	font: bold 8pt Helvetica, Verdana;
	text-align: center;
}

#bottom .menu a {
	text-decoration: none;
	color: #00075d;
}

#bottom .menu a:hover {
	text-decoration: none;
	color: #666;
}


#userpanel{
	padding: 0 2px;
	margin-bottom: 2px;
	font: bold 10pt Helvetica, Verdana sans-serif;
	color: #00075d;
	text-align: left;
}

#userpanel a {
	text-decoration: none;
	color: #666;
}

#userpanel a:hover {
	text-decoration: none;
	color: #00075d;
}

/* form css*/
form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 1em 0;
	border: none;
	/*border-top: 1px solid #ccc;*/
	text-align:left;
}

legend {
	margin: 1em 0;
	padding: 0 .5em;
	color: #036;
	background: transparent;
	font-size: 1.3em;
	font-weight: bold;
}

label {
	float: left;
	width: 125px;
	padding: 0 5px;
	text-align: right;
}

fieldset div {
	margin-bottom: .5em;
	padding: 0;
	display: block;
}

fieldset div input, fieldset div textarea, fieldset div select {
	width: 125px;
	/* mozilla'dan saklama yani ie i�in \*/
	* width: 115px;
	/* mozilla'dan saklama yani ie i�in */
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 1px;
	color: #333;
}

fieldset div select {
	padding: 1px;
}

div.fm-multi div {
	margin: 5px 0;
}

div.fm-multi input {
	width: 1em;
}

div.fm-multi label {
	display: block;
	width: 200px;
	padding-left: 5em;
	text-align: left;
}

#fm-submit {
	clear: both;
	padding-top: 1em;
	text-align: center;
}

#fm-submit input {
	border: 1px solid #333;
	padding: 2px 1em;
	/*background: #555;*/
	color: #fff;
	font-size: 100%;
}

input:focus, textarea:focus {
	background: #efefef;
	color: #000;
}

	
/* required fields - does not work in IE */
fieldset div.fm-req {
	font-weight: bold;
}

fieldset div.fm-req label:before {
	content: "* "; /* does not work in IE */
}

div.errorMessage {
	display: block;
	font: bold 1em Verdana, Arial, "Trebuchet MS";
	color: #000;
	margin: 0 0 1em 0;
	padding: .5em;
	background-color: #ffdfdf;
	border: 1px dotted #de9292;
	text-align: center;
}


div.normalMessage {
	display: block;
	font: bold 1em Verdana, Arial, "Trebuchet MS";
	color: #000;
	margin: 0 0 1em 0;
	padding: .5em;
/*	background-color: #ffdfdf;
	border: 1px dotted #de9292;*/
	text-align: center;
}