﻿* {
	behavior:url(images/pngbehavior.htc);
}
 
* html {
	height:100%;
	width:100%;
}

body {
	height:auto;
	font:normal normal 11px/normal Arial, Helvetica, sans-serif;
	color: #33495f;
	background-image: url(../images/hbf_bg.gif);
	background-color:#c5c5c9;
	margin:0px;
	padding:0px;
}


form {
	padding:0px;
	margin:0px;
}

a,a:link,a:active,a:visited {
	font:normal normal normal 11px Arial, Helvetica, sans-serif;
	color: #33495f;
	text-decoration: none;
}

a:hover {
	text-decoration:none;
}


div.hr {
	background: url(../images/hbf_hr.gif) repeat-x left center;
	height:10px;
	line-height:10px;
	width:inherit;
}


#mainWrap {
	width:995px;
	margin:15px auto;
	background:url(../images/hbf_bodybg_bg.gif) repeat-y;
}

#mainContainer {
	width:995px;
	background:url(../images/hbf_bodybg_top.jpg) no-repeat;
	position:relative;
}

#bottomContainer {
	width:985px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:27px;
	background:url(../images/hbf_bodybg_bottom.gif) no-repeat;
	padding-left:10px;
}

#bottomContainer a:hover{
	text-decoration:underline;
}

#logoPane {
	height:100px;
	position:relative;
}

#logoPane #mainPageLink {
	display:block;
	height:95px;
	width:130px;
	position:absolute;
	right:0px;
	top:0px;
}

#logoPane #fiatLink {
	display:block;
	height:90px;
	width:100px;
}



#leftPane {
	width:200px;
	float:left;
	margin-left:5px;
}

#centerPane {
	width:575px;
	float:left;
	margin-left:4px;
}

#rightPane {
	width:200px;
	float:left;
}

/*	Sub Pane's */
#menuPane {
	width:200px;
	background:url(../images/hbf_menu_top.gif) repeat-y;
}

#menuPane #menuContent {
	width:200px;
	background:url(../images/hbf_menu_bottom.gif) no-repeat;
	background-position:left bottom;
	padding:15px 0px;
}

	#menuContent ul {
		margin:10px 50px 5px 10px ;
		padding:0px;
		list-style:none;
	}
	
	#menuContent table {
		margin:10px 50px 5px 10px ;
		padding:0px;
		list-style:none;
	}

	#menuContent ul li {
		margin:0px;
		padding:0px;
	}
	
	#menuContent ul li a {
		display:block;
		width:175px;
		height:17px;
	}

	#menuContent ul li a:hover {
		background-position:right bottom;
	}
	
	#menuContent ul li a.activePage {
		background-position:right bottom;
	}	

#loginPane {
	width:200px;
	background:url(../images/hbf_lbox200_top.gif) repeat-y;
}
	#loginPane #loginTitle {
		height:38px;
		position:relative;	
	}
	
	#loginPane #loginTitle img {
		position:absolute;
		left:15px;
		top:14px;		
	}
	
	#loginPane #loginContainer {
		background:url(../images/hbf_lbox200_bottom.gif) no-repeat;
		background-position:left bottom;
	}
	
	#loginPane #loginContainer ul {
		width:175px;
		margin:0px auto;
		padding:0px;
		list-style:none;
	}

	#loginPane #loginContainer ul li {
		margin-top:3px;
	}

#centerTopContainer {
	width:575px;
	height:299px;
	background:url(../images/hbf_center_mainpage.gif) no-repeat;
	position:relative;
}
	#centerTopContainer #centerTopFlashPane {
		width:381px;
		height:286px;
		position:absolute;
		top:7px;
		left:5px;
	}
	#centerTopContainer #weatherPane {
		width:165px;
		height:100px;
		position:absolute;
		top:45px;
		right:12px;
	}
	#centerTopContainer #weatherPaneTitle {
		width:165px;
		position:absolute;
		top:15px;
		right:12px;
	}
	
	
	#centerTopContainer #wayStatusTitle {
		width:165px;
		position:absolute;
		bottom:132px;
		right:12px;
	}
	
	#centerTopContainer #wayStatus {
		width:165px;
		height:48px;
		position:absolute;
		bottom:10px;
		right:12px;
	}	
		#wayStatus img {
			position:absolute;
			bottom:0px;
			right:0px;
		}
				
#centerCampaignPane {
	background:url(../images/hbf_cbox575_top.gif) no-repeat;
	width:575px;
}

	
	#centerCampaignPane #campaignTitle {
		height:38px;
		position:relative;
	}
	
	#centerCampaignPane #campaignTitle img {
		position:absolute;
		top:13px;
		left:15px;
	}
	
	#centerCampaignPane #campaignContentContainer {
		background:url(../images/hbf_cbox575_bottom.gif) no-repeat;
		background-position:left bottom;
		padding:10px 15px;
	}


.box300Container {
	background:url(../images/hbf_rbox300_top.gif) no-repeat;
	width:300px;
	position:relative;
	margin-bottom:4px;
}

	.box300Container .box300Title {
		height:38px;
		position:relative;
	}

	.box300Container .box300Title img {
		position:absolute;
		top:13px;
		left:15px;
	}
	
	.box300Container .box300Content {
		background:url(../images/hbf_rbox300_bottom.gif) no-repeat;
		background-position:left bottom;
		padding:5px 15px 10px 15px;
		min-height:30px;
	}
	

.box200Container {
	background:url(../images/hbf_rbox200_top.gif) no-repeat;
	width:200px;
	position:relative;
	margin-bottom:4px;
}
	.box200Container .box200Title {
		height:38px;
		position:relative;
	}

	.box200Container .box200Title img {
		position:absolute;
		top:13px;
		left:15px;
	}

	.box200Container .box200Icon {
		width:64px;
		height:64px;
		background:url(../images/hbf_pageicon_bg.png) no-repeat;
		position:absolute;
		top:1px;
		right:1px;
	}
	
		.box200Icon img {
			width:55px;
			height:55px;
			position:absolute;
			top:5px;
			left:5px;
		}
	
	.box200Container .box200Content {
		background:url(../images/hbf_rbox200_bottom.gif) no-repeat;
		background-position:left bottom;
		padding:5px 15px 10px 15px;
		min-height:30px;
	}
	
	.box200Container .box200ContentEglencelik {
		background:url(../images/hbf_rbox200_bottom.gif) no-repeat;
		background-position:left bottom;
		padding:5px 0px 10px 0px;
		min-height:30px;
	}



/*	Sub pages */

#subCenterPane {
	width:775px;
	float:left;
	margin-left:5px;
}

	#subCenterPane #pageSummaryPane {
		width:775px;
		height:136px;
		background:url(../images/hbf_topcontentbox775_bg.gif) no-repeat;
		position:relative;
	}
	
		#pageSummaryPane #pageTitle {
			line-height:35px;
			margin-left:13px;
			position:relative;
		}
		
		#pageSummaryPane #pageTitle img {
			position:absolute;
			left:5px;
			top:13px;
		}
		
		#pageSummaryPane #summaryImage {
			width:745px;
			height:92px;
			background-color:#009999;
			position:absolute;
			top:35px;
			left:8px;
		}
		
		#pageSummaryPane #contentIconContainer {
			width:64px;
			height:64px;
			background:url(../images/hbf_pageicon_bg.png) no-repeat;
			position:absolute;
			top:1px;
			right:2px;
		}
		
		#contentIconContainer img {
			width:55px;
			height:55px;
			position:absolute;
			top:5px;
			left:5px;
		}


	#subCenterPane .pageContentPane {
			width:760px;
			background:url(../images/hbf_contentbox760_top.gif) no-repeat;
			margin-bottom:10px;
	}
	.pageContentPane .pageContentContainer {
			background:url(../images/hbf_contentbox760_bottom.gif) no-repeat;
			background-position:left bottom;
			padding:15px;
			position:relative;
	}
	
	
/*
	ex site'da kullanılan style'lar
*/

#goldQuestions ul {
	list-style:none;
	margin:0px;
	padding:10px 0px 5px 0px;
}

#goldQuestions ul li#gqfl {
	font-weight:bold;
}

#goldQuestions ul li input.answerOther {
	font:normal normal normal 11px Arial, Helvetica, sans-serif;
	color:#827f62;
	width:80px;
	height:12px;
	border:solid 1px #e6e6db;
}

#goldQuestions ul li input#btnAnswer {
	margin-top:10px;
}

.myCarName {
	font:normal bold 12px/normal Arial, Helvetica, sans-serif;
}

.myCarName a {
	font:normal normal 10px/normal Arial, Helvetica, sans-serif;
}

div.myCarsCB {
	float:left;
	width:130px;
	margin-right:30px;
}

div.myCarsCB a,div.myCarsCB a:hover {
	font:normal normal 9px/normal Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin-left:4px;
}

dl#loginBox {
	width:350px;
	margin:auto;
	padding-top:15px;
}

dl#loginBox dt {
	font-weight:bold;
	clear:both;
	width:140px;
	float:left;
	text-align:right;
	margin-top:3px;
}

dl#loginBox dd {
	float:left;
	width:200px;
	text-align:right;
	margin:0 0 1px 1px;
}

div#changeInfoPane {
	width:350px;
	height:165px;
	background-color:#edecec;
	position:absolute;
	left:230px;
	top:200px;
	padding:10px;
	border:solid 1px #b9b8bc;
	border-bottom:solid 3px #b9b8bc;
}

/*
	Class Archive
*/

input.textbox {
	background-image:url(../images/hbf_input_bg.gif);
	border:1px solid #97a2aa;
	font:normal normal 11px/normal Arial, Helvetica, sans-serif;
	color: #33495f;
}

.inputBox {
	background-color:#dcdcdc;
	border:1px solid #97a2aa;
	font:normal normal 11px/normal Arial, Helvetica, sans-serif;
	color: #33495f;
}

.suggestionInput {
	width:300px;
	font:normal normal 11px/normal Arial, Helvetica, sans-serif;
	color: #33495f;
	border:1px solid #b4bdc3;
}

.citySelectbox {
	width:300px;
	font:normal normal 11px/normal Arial, Helvetica, sans-serif;
	color: #33495f;
	border:1px solid #b4bdc3;
}

.boxTitle {
	font:normal bold 12px/normal Arial, Helvetica, sans-serif;
	color:#28628c;
}

img.iconSpacer {
	width:45px;
	height:20px;
	float:right;
}

.btnKaydet {
	width:105px;
	height:32px;
	background-image:url(../images/hbf_btn_kaydet.gif);
	display:block;
}

.btnKaydet:hover {
	background-position:right center;
}

.btnKapat {
	width:105px;
	height:32px;
	background-image:url(../images/hbf_btn_kapat.gif);
	display:block;
}

.btnKapat:hover {
	background-position:right center;
}

.btnGeri {
	width:105px;
	height:32px;
	background-image:url(../images/hbf_btn_geri.gif);
	display:block;
}

.btnGeri:hover {
	background-position:right center;
}

.btnTamam {
	width:105px;
	height:32px;
	background-image:url(../images/hbf_btn_tamam.gif);
	display:block;
}

.btnTamam:hover {
	background-position:right center;
}

.btnGonder {
	width:105px;
	height:32px;
	background-image:url(../images/hbf_btn_gonder.gif);
	display:block;
	border-width:0px;
	background-color:Transparent;
	cursor:hand;
	
}

.btnGonder:hover {
	background-position:right center;
}

img.myCarsCBorder {
	background:url(../images/hbf_thumbnail_bg.gif) no-repeat;
	padding:4px;
}

.newCarInput {
	width:500px;
	border:1px solid #b4bdc3;
}

table.salesPoint {
	border-collapse:collapse;
	border-color:White;
}
table.salesPoint tr td {
	background-color:#d8d8d8;
	padding:4px;
	cursor:pointer;
}
table.salesPoint tr.fptFirstRow td {
	background-color:#c7c7c7;
	color:#565656;
	padding:4px;
	cursor:auto;
}

table.salesPoint tr.hiddenRow td {
	background-color:#dddddd;
	color:#565656;
	padding:4px;
	cursor:auto;
}



table.fiatProfitTable {
	width:100%;
	border-collapse:collapse;
	border-color:White;
}

table.fiatProfitTable tr td {
	background-color:#d8d8d8;
	padding:4px;
}

table.fiatProfitTable tr.fptFirstRow td {
	background-color:#c7c7c7;
	color:#565656;
	padding:4px;
}

.MaroonText {
	color:#ac000e;
	font:normal bold 13px/normal Arial, Helvetica, sans-serif;
}

.clearfix {
	clear:both;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}



/*	ParoProfit	*/

table#ParoProfitTable {
	width:100%;
	background-color:#d8d8d8;
	color:#565656;
	padding:5px;
	border-collapse:collapse;
	border:solid 1px #edebec;
}

table#ParoProfitTable thead tr td{
	width:50%;
	font-weight:bold;
	background-color:#c7c7c7;
	color:#565656;
	padding:5px;
	border-bottom:solid 1px #edebec;
}

div#ProfitParoFooter {
	padding-top:10px;
	text-align:right;	
}

#weatherDL {
	width:170px;
}

#weatherDL td.city {
	width:70px;
}

#weatherDL td {
	width:90px;
}

#faqUL li{
	margin-bottom:5px;
}

/*	OdulluSoru */

#OdulluSoru {
	width:206px;
	height:206px;
	position:absolute;
	top:420px;
	left:2px;
}

#pollLottery dt {
	font-weight:bold;
	width:250px;
	float:left;
	clear:both;
}

#pollLottery dd {
	width:250px;
}

#service{
	margin-left:15px;
}

#service .serviceTitle{
	color:#565656;	
	font:normal bold 15px/normal Arial, Helvetica, sans-serif;	
	margin-bottom:6px;
}

#service .leftPane {
	margin-left:20px;	
	float:left;
	width:122px;
}

#service .rightPane {	
	width:490px;
}

#service .bar {
	width:542px;
	height:2px;
	margin:5px 0px 2px 0px;
	background-image: url(../images/fiatlarimBarBg.gif);	
	background-repeat:repeat-x;
}

#service .title a {
	color:#565656;	
	font:normal bold 14px/normal Arial, Helvetica, sans-serif;	
}

#service .text {
	color:#565656;	
	font:normal normal 11px/normal Arial, Helvetica, sans-serif;	
}

#servicePopup {
	background-color:#edecec;
	padding:5px 10px 10px 10px;	
	height:100%;
}
a.ulink {
	text-decoration:underline;
	font-weight:bold;
}

a.ulink:hover {
	text-decoration:underline;
	font-weight:bold;
}

#OdulluSoruFiat {
	width:179px;
	height:85px;
	position:absolute;
	top:475px;
	left:5px;
}

.leftBanner
{
	margin-left:8px;
	width:185px;	
}

a.ulink2 
{
	font-size:14px; 
	color:#68151d;	
	font-weight:bold;
}

a.ulink2:hover {
	text-decoration:underline;
	font-weight:bold;
}

#downloads .part
{
	float:left; 
	padding-left:48px;
}

#downloads .bg
{
	background-image:url(../images/downloads_bg.gif); 
	background-repeat:no-repeat; 
	width:175px; 
	height:103px;	
}

#downloads .center
{
	padding:4px 4px 0px 5px;
}

#downloads .btn_left
{
	float:left;
}

#downloads .title
{
	font:normal bold 15px/normal Arial, Helvetica, sans-serif;
}

#siteMap li 
{	
	list-style-image:url(../images/siteMapIco.gif);
	padding-right:10px;
	padding-bottom:10px;
}

#siteMap li a
{
	font-weight:bold;		
}

#siteMap li a:hover
{
	color:#dd5050;
}



/* paro _ form */

#_form dt {
	font-weight:bold;
	width:250px;
	float:left;
	clear:both;
}

#_form dd 
{
	width:250px;
}

#_form .input
{
	width:300px;
	font:normal normal 11px/normal Arial, Helvetica, sans-serif;
	color: #33495f;
	border:1px solid #b4bdc3;	
}

.formTable
{
	font-weight:bold;	
}

.formTable .title
{
	font-size:13px; 
	font-weight:bold; 
	text-decoration:underline;
}

.formTable td
{
	 vertical-align:top;
}

.message
{
	color:Red;	
}