/*a9a9a9
|--------------------------------------------------------------------------
| JV Raszter CSS
|--------------------------------------------------------------------------
*/

body	{ background: url(/images/bg_body.jpg) 0 0 repeat-x; font-family: Arial; }

a img	{ border: none; }



#container	{ width: 881px; margin: 0 auto; }

#head		{ width: 861px; height: 108px; margin-left: 10px; }

#wrapper	{ width: 881px; background: url(/images/bg_content.png) 0 0 repeat-y; }

#sidebar	{ float: left; width: 312px; margin-left: 10px; border-left: 1px solid #121212; border-top: 1px solid #121212; }

	#sidebar #top_banner	{ width: 100%; height: 288px; background: url(/images/bg_wrapper.png) 0 0 repeat-x; margin-top: 0px; }
	#sidebar #bottom_banner	{ width: 100%; height: 389px; }

#content	{ float: left; width: 548px; margin-right: 10px; font-size: 11px; line-height: 14px; }

	a					{ color: #9f9f9f; text-decoration: none; font-size: 11px; }
	a:hover				{ color: #bb661c; }

	#content h1			{ font-size: 17px; color: #FFF; padding: 12px 0 0 8px; }
	#content p, #color_choice p			{ font-size: 12px; color: #a9a9a9; padding: 0 8px 8px 8px; text-align: justify; }
	#content, #content span			{ font-size: 12px; color: #a9a9a9; text-align: justify; }
	#content img		{ margin: 0 8px; }

	#products						{ height: 309px; background: url(/images/bg_wrapper.png) 0 0 repeat-x;
										border-right: 1px solid #121212; border-top: 1px solid #121212; margin-top: 0px; }
	#product_properties				{ border: 1px solid #FFF; font-size: 11px; color: #FFF; margin: 8px; }
	#product_properties .caption	{ color: #FFF; font-weight: bold; }
	#product_properties .header		{ background: #EEE; color: #333; font-weight: bold; }
	#product_properties .row_even	{ background: #DDD; color: #444; }
	#product_properties .row_odd	{ background: #CCC; color: #555; }
	#product_properties td			{ padding: 4px 6px; margin: 0; }
	
	/* fck styles -- admin: application/rapyd/lib/tiny */
	.musz_tablazat		{ margin-left: 6px; }
	.musz_tablazat td	{ padding: 3px; padding-top: 9px; }
	.musz_adat_cim		{ color: #868686; background: #292929; font-weight: bold; text-align: center; }
	.musz_adat_sor		{ color: #868686; border: 1px solid #1e1e1e; text-align: center; }
	.musz_adat_sor_bal	{ color: #868686; border: 1px solid #1e1e1e; text-align: left; }
	
	#gallery			{ width: 100%; }
	#gallery_content	{ margin: 13px; border-left: 1px solid #191919; border-right: 1px solid #191919;
							background: url(/images/bg_content_footer.png) bottom left no-repeat; }
	#gallery_content h1	{ width: 522px; height: 30px; background: url(/images/bg_header.png) 0 0 no-repeat; font-size: 22px; color: #bababa; font-family: arial; }
	#gallery_pics a img	{ margin: 4px; border: 4px solid #1f1f1f; }
	
	#color_choice		{ width: 836px; margin-left: 16px; }
	#color_choice h1	{ width: 522px; height: 30px; font-size: 22px; color: #bababa; font-family: arial; margin-left: 4px; }
		#pictures		{ width: 824px; border: 1px solid #252525; padding: 12px; }
		.color_pic_wrapper	{ width: 125px; height: 105px; float: left; margin-right: 14px; }
		.pic_title		{ color: #FFF; font-size: 12px; margin-left: 2px; }
		#color_choice a img	{ margin-top: 10px; }
		
	#pager				{ width: 100%; padding-bottom: 20px; padding-top: 10px; color: #414141; }
	#pager p			{ text-align: center; color: #414141; font-size: 13px; }
	#pager a			{ color: #414141; text-decoration: none; padding-right: 3px; font-size: 13px; }
	#pager a:hover		{ color: #bb661c; }
	
#footer			{ width: 846px; height: 87px; margin: 6px 16px 6px 16px; border-top: 3px solid #222; background: url(/images/bg_footer.jpg) 0 0 repeat-x; }

	#footer #left		{ width: 450px; float: left; }
	#footer #right		{ width: 390px; float: left; padding-top: 20px; }
	#footer #right p	{ color: #9f9f9f; font-size: 10px; line-height: 14px; }

.button_back	{ margin: 0 }

.f11			{ font-size: 11px; }
.no_ul			{ text-decoration: none; }
.orange			{ color: #f46a06; }
.gray			{ color: #9f9f9f; }
.gray_dark		{ color: #888888; }

.clear			{ clear: both; }
.after_h1		{ clear: both; margin-bottom: 8px; }

.float_left		{ float: left; }
.float_right	{ float: right; }




#microsite_container	{ width: 836px; margin-left: 16px; color: #A9A9A9; font-size: 12px; }
#microsite_container h1	{ width: 522px; height: 30px; font-size: 22px; color: #bababa; font-family: arial; margin-left: 4px; padding: 12px 0; }
#microsite_container h2	{ padding: 12px 0; }
#microsite_container p	{ padding: 6px; }

#microsite_container a img	{ margin: 4px; border: 4px solid #1f1f1f; }

#request_form td		{ padding: 4px; }
.email_field			{ width: 300px; }
.message_field			{ width: 300px; height: 60px; }