@charset "utf-8";
/* CSS Document */



* { 
	padding: 0px; 
	margin: 0px;
	border:none;
}

a, a:hover, a:active, a:visited { text-decoration:none; outline:none;}

a, a strong {
	color:#417bbb;
	text-decoration:none;
	font-weight:bold;
}

html,body  {
	margin:0;
	padding:0;  
	color:#4B4E49;
	font-size:12px;       
	font-family: Arial, Helvetica, sans-serif;
}


div#container{
	width:970px;
	margin:0 auto;
}

	div#container2{
		padding:0px 10px;
		width:950px;
		float:left;
		background: url(../img/bg_body.jpg) center repeat-y;
	}

	

	.left{ float:left !important;}
	.right{ float:right !important;}
	.dolt{ font-style:italic; text-decoration:underline;}
	
/*************************************************************************/

	.header{
		float:left;
		width:100%;
		height:121px;
		overflow:hidden;
		border-bottom:3px solid #0054a6;
	}	
	
/*************************************************************************/
	h1 a{
		text-indent:-9999px;
		width:247px;
		height:77px;
		margin:10px 0px 0px 48px;
		overflow:hidden;
		float:left;
		display:inline;
		background:url(../img/jozan_logo.jpg) left no-repeat;
	}
	
	.logo h2 a{
		text-indent:-9999px;
		width:247px;
		height:14px;
		margin:6px 0px 0px 48px;
		overflow:hidden;
		float:left;
		display:inline;
	}
	
		#logo_sub_1{ background:url(../img/logo_sub_1.jpg) left bottom no-repeat;}
		#logo_sub_2{ background:url(../img/logo_sub_3.jpg) left bottom no-repeat;}
		#logo_sub_3{ background:url(../img/logo_sub_2.jpg) left bottom no-repeat;}
		
		#logo_sub_4{ background:url(../img/logo_sub_4.jpg) left bottom no-repeat;}
	
	.logo{
		float:left;
		width:295px;
		height:107px;
		overflow:hidden;
	}
	
/*************************************************************************/

.menu{
	float:right;
	width:530px;
}
	
	.menu ul{
		list-style:none;
	}
	
	.menu a{
		float:left;
		text-indent:-9999px;
		overflow:hidden;
		height:15px;
		background:url(../img/bg_menu.jpg);
		margin:30px 50px 0px 0px;
	}
	
		#menu_1{ width:100px; background-position:-180px 0px;  margin:30px 0px 0px 0px !important;}
		#menu_1_active{ width:100px; background-position:-180px -15px; margin:30px 0px 0px 0px !important;}
		#menu_1:hover{ background-position:-180px -15px;}
		
		#menu_2{ width:120px; background-position:0px 0px;  margin:30px 80px 0px 80px !important;}
		#menu_2_active{ width:120px; background-position:0px -15px !important;  margin:30px 80px 0px 80px !important;}
		#menu_2:hover{ background-position:0px -15px;}
		
		
		
		#menu_3{ width:98px; background-position:-282px 0px; margin:30px 0px 0px 0px !important;}
		#menu_3_active{ width:98px; background-position:-282px -15px;  margin:30px 0px 0px 0px !important;}
		#menu_3:hover{ background-position:-282px -15px;}
		
/*************************************************************************/
	.submenu{
		float:left;
		overflow:hidden;
		height:35px;
		width:100%;
	}
	
	.submenu ul{
		list-style:none;
		float:right;
		padding-right:27px !important;
	}
	
	.submenu ul li{ display:inline;  }
	
	.submenu a{
		float:left;
		text-indent:-9999px;
		overflow:hidden;
		width:57px;
		height:35px;
		background:url(../img/icons.jpg);
		margin:0px 4px 0px 0px;
	}
	
		#small_menu_1{ background-position:0px 0px;}
		#small_menu_1:hover{ background-position:0px -35px;}
		.small_menu_1 .active{ background-position:0px -35px !important;}
		
		#small_menu_2{ background-position:-62px 0px;}
		#small_menu_2:hover{ background-position:-62px -35px;}
		.small_menu_2 .active{ background-position:-62px -35px !important;}
		
		#small_menu_3{ background-position:-124px 0px;}
		#small_menu_3:hover{ background-position:-124px -35px;}
		.small_menu_3 .active{ background-position:-124px -35px !important;}
		
/*************************************************************************/
		
	.yellow_box{
		float:left;
		background:#fbac34;
		padding:35px 50px;
		width:850px;
		display:none;
		position:relative;
	}
	
	.close{
		width:7px;
		height:7px;
		overflow:hidden;
		background:url(../img/close.jpg);
		position:absolute;
		top:15px;
		right:15px;
		cursor:pointer;
	}
	
	.yellow_box .form{
		width:255px;
		float:left;
		padding:0px 15px 5px 0px;
		position:relative;
	}
	
	.yellow_box .form label{
		width:100%;
		color:#59595b !important;
	}
	
	.yellow_box .contact_form{
		float:left;
		width:250px;
		font-size:13px !important;
	}
	
	.contact_form h3{
		font-size:13px !important;
		padding:10px 0px 0px 0px !important;
	}
	
	.contact_form a{
		color:#4B4E49;
		font-weight:normal;
	}
	
	.akcio p{ color:#59595b;}
	.akcio a{ color:#59595b !important;}
	.akcio a:hover{ color:#F79520 !important;}
	.akcio img{ margin:0px 40px 0px 0px;}
/*************************************************************************/

	#gift img{ float:left; margin:0px;}
	
	.gift_form{
		float:right;
	}
	
	#gift h3, .contact_form .form h3{
		float:left;
		width:270px !important;
		font-size:15px !important;
		font-weight:normal;
		margin:150px 75px 0 0;
		text-transform:uppercase;
	}
	
	.contact_form .form h3{
		width:250px !important;
		margin:0px 75px 0 0 !important;
	}
	
		.gift_form .form{
			width:370px;
		}
		
		.gift_form .form label{ float:left; width:100px !important; }
		.gift_form .form .text input{ float:left; width:260px !important; }
		.gift_form .form .text{ float:left; padding:5px 0px; }
		.gift_form .form .submit{ float:left; padding:0px !important; }
		
/*************************************************************************/
	#main-nav{ float:left; width:270px !important; padding:0px 10px 10px 0px; border-right:1px solid #FFFFFF;}
	#main-nav h3{ outline:none;}
	#main-nav h3 a{ font-size:13px; color:#0555a5; outline:none !important; text-align:left !important; }
	
	#main-nav div div a{ font-size:13px; color:#0555a5; text-align:left !important; }
	#main-nav a:hover{ font-size:13px; color:#f7931e; }
	#main-nav .ui-state-active a{ color:#f7931e !important;}
	#main-nav a.current{ font-size:13px; color:#f7931e !important; }
	#main-nav li{ margin-bottom:12px; }
	#main-nav div ul{ list-style:none; }

/*************************************************************************/
	.product_box{float:left; width:320px !important; overflow:hidden; text-align:left !important;}
	.product_box div{float:left; width:290px; padding:0px 0px 0px 30px; overflow:hidden;}
	.product_box h3{ padding:30px 0px 40px 0px !important; font-size:14px; font-weight:normal;}
	.product_box h4{ padding:0px 0px 10px 0px; font-size:14px; font-weight:bold;}
	

/*************************************************************************/
		
	.bid_nav{ list-style:none; float:left; padding:0px !important; width:220px;}
	
	.bid_nav li{
		margin:5px 0px;
	}
	
	.bid_nav a{
		color:#59595b;
		text-transform:uppercase;
		font-size:13px;
	}
	
	.bids_form_1, .bids_form_2, .bids_form_3{ display:none;}
	
	.bid_nav a:hover, .bid_nav a.bid_active{ color:#FFFFFF !important;}
	
	.bids_form_1 .form, .bids_form_2 .form, .bids_form_3 .form{ float:right; padding:0px !important; width:620px  !important;}
	
	.bids_form_1 label, .bids_form_2 label, .bids_form_3 label{ float:left; width:350px !important; }
	.bids_form_1 .text input, .bids_form_2 .text input, .bids_form_3 .text input{ float:left; width:250px !important; }
	.bids_form_1 textarea, .bids_form_2 textarea, .bids_form_3 textarea{ float:left; width:250px !important; }
	
	.arajanlat_thanks{ padding:0px 0px 150px !important; font-weight:normal !important; font-size:13px !important;}
	
	.small_menu_2_box .radio {padding:3px 0 3px 12px !important; position:relative; }
	.small_menu_2_box .radio fieldset{ padding:0px !important;}
	.small_menu_2_box .radio legend{ float:left; color:#59595B !important; width:350px !important; position:absolute; top:3px; left: 12px;  }
	.small_menu_2_box .radio label{ float:right; width:250px !important; padding:3px 0px !important; }
	.small_menu_2_box .radio input{ float:left; width:auto !important; margin:3px 0px 3px 350px !important; }
/*************************************************************************/
	
	.subpage_menu{
		position:absolute;
		top:0px;
	}
	
	.subpage_menu ul{ list-style:none; padding:0px !important; }
	.subpage_menu ul li{ display:inline;}
	.subpage_menu ul li a{ text-transform:uppercase; font-size:14px; color:#59595b; font-weight:normal; margin:0px 20px 20px 0px; float:left; text-align:left !important;}
	.subpage_menu ul li a:hover{color:#f79520;}
	.subpage_menu .active{ text-transform:uppercase; font-size:14px; color:#f79520;}


/*************************************************************************/	
	
	#content{
		float:left;
		width:100%;
		text-align:left;
		overflow:hidden;
		position:relative;
		background:url(../img/bg_content.jpg)repeat-y;
	}
	
	#content h2{ font-size:14px; padding-bottom:20px;}
	#content h3{ font-size:14px; padding-bottom:10px;}
	
	#content p{ padding-bottom:15px }
	
	#content ul{ padding:0px 0px 15px 25px }
	
	.left_col{
		float:left;
		color:#0555a5;
		text-align:justify;
		padding:80px 0px 50px 50px;
		overflow:hidden;
		width:610px;
		font-size:14px;
		position:relative;
	}
	
	.right_col{
		float:right;
		color:#0555a5;
		text-align:justify;
		padding:80px 0px 50px 50px;
		overflow:hidden;
		width:210px;
		font-size:14px;
	}
	
	.right_col h3{
		color:#FFFFFF;
		background:#f7931e;
		font-size:14px;
		padding:3px 3px 3px 5px !important;
		margin-bottom:15px;
		font-weight:normal;
	}
	
	.right_col p{
		padding-right:30px;
		color:#59595b;
		text-align:left;
	}
	

/************************************************************************/
	.partner{
		float:left;
		width:100%;
		padding-bottom:45px;
	}
	
	.partner img{ float:left; margin-right:90px;}
	
	.partner a{ font-weight:normal; font-size:14px;}
	.partner a:hover{ text-decoration:underline;}
/************************************************************************/
	
	.form{ }
	
	
	.form div{
		padding:3px 0px 3px 12px;
		float:left;
		width:100%;
		position:relative;
	}
	
	legend{ font-weight:bold; font-size:12px; padding:0px 0px 5px 0px;}
	.radio{ padding:0px 0px 20px 60px !important;}
	.radio input{ float:left; width:20px !important;}
	
	.red{ color:#FF4824 !important;}
	
	.required{ padding-left:12px !important; background:url(../img/csillag.png) left 7px no-repeat;}	
	
	input{
		background:#EAEAEA;
		padding:2px;
		border:1px solid #8B8989;
		width:85%;
		font-size:12px;
	}
	
	input:focus, textarea:focus, select:focus{
		border:1px solid #8B8989; color:#000000;
	}
	
	textarea{
		background: #EAEAEA;
		padding:3px;
		border:1px solid #8B8989;
		width:85%;
		height:100px;
		font-size:12px;
		font-family: tahoma;
	}
	
	select{
		background: #EAEAEA;
		padding:3px;
		border:1px solid #8B8989;
		width:87%;
		font-family: tahoma;
		font-size:12px;
	}
	
	label{ 
		width:110px; 
		float:left;
		padding:0px 0px 0px 0px;
		font-weight:bold;
		color:#352929;
		text-align:left;
	}
	
	
	.submit input{
		width:auto;	
		border:none;
		background:none;
		margin:10px 0px;
		float:left;
		cursor:pointer;
	}
	
	.loader{
		width:16px !important;
		height:16px !important;
		background:url(../img/ajax-loader.gif)  !important;
		overflow:hidden;
		padding:0px !important;
		position:absolute !important;
		bottom:11px !important;
		left:102px !important;
		display:none;
	}
	
	
	.error_box, .error-message {
		color:#cd0a0a; font-weight:bold; padding:4px 0px 4px 20px !important;
		background: url(../img/error.png) left center no-repeat;
	}
	
	.time select{ width:50px !important; margin-right:1px;}
	
	
/*************************************************************************/


/*************************************************************************/
	
	/* Paging */
	div.paging {
		color: #ccc;
		margin-bottom: 2em;
		float:left;
		width:100%;
		text-align:center;
	}
	div.paging div.disabled {
		color: #ddd;
		display: inline;
	}
	div.paging span {
		margin:0px 0px 0px 4px;
	}
	div.paging span.current {
		color: #000;
	}
	div.paging span a {
	}
	
	.paging span.current,.paging span a {
		-moz-border-radius-bottomleft:4px;
		-moz-border-radius-bottomright:4px;
		-moz-border-radius-topleft:4px;
		-moz-border-radius-topright:4px;
	}

	.paging{font-size:10px; padding:5px 0 15px; margin:0px !important; }
	.paging a{font-size:10px; text-decoration:none;}
	.disabled{ margin:0 5px 0 0;}
	.paging span a{
		border:1px solid #DDDDDD;
		text-decoration:none;
	}
	
	.paging a {
		margin:0 5px 0 0;
		padding:3px 6px;
		font-size:10px;
	}
	
	.paging span.current {
		background:#00C6AB !important;
		border:1px solid #ccc !important;
		color:#FFFFFF !important;
		margin:0 5px 0 0;
		padding:2px 5px;
		font-size:10px;
	}
	
	.paging .numbers{
		float:left;
	}
	
/*************************************************************************/

	#footer{
		float:left;
		width:100%;
		height:59px;
		background: #0054a6;
		color:#fff;
		text-align:left;
		overflow:hidden;
		position:relative;
		display:inline;
	}
	
	#footer .left{ position:absolute; left:0px; bottom:0px; width:9px; height:9px; background:url(../img/footer_round.jpg) 0px -81px; }
	#footer .right{ position:absolute; right:0px; bottom:0px;  width:9px; height:9px; background:url(../img/footer_round.jpg) -61px -81px; }
	
	
	
	#footer a{ font-size:12px; color:#417bbb;}
	#footer a:hover{ text-decoration:underline;}
	
	#footer ul{ 
		list-style:none; 
		margin:0px; 
		padding:22px 10px 0 20px; 
		float:left; 
		overflow:hidden; 
		color:#fff;
	}
	#footer li{ display:inline; }
	#footer ul a{ padding:0px 5px; color:#fff; }
	#footer ul a:hover{ text-decoration:underline; } 
	#footer h3{ font-size:12px;}
	
	.footer_contact{
		float:left;
		width:220px;
		height:76px;
		overflow:hidden;
	}
	
	#footer p{ 
		padding:22px 0 0 15px; 
		font-size:12px; 
		float:left;
		text-align:left; 
		color:#ffffff;  
	}
	
	#footer span { color:#4c4128; margin:0px 15px;}