/**
 * public.css
 * 
 * Author:		Mattias Johansson, 2008
 * Copyright:	Euroway Media, 2008
 */

#header_content a				{	color: #FFF;
									padding: 2px;
									text-decoration: none; }
#header_content a:hover			{	color: #DDD; }

#header_content #customer_orders			{	float: left;
												padding-left: 65px; }
#header_content #customer_orders a:hover	{	border-bottom: 1px dashed #FFF;
												color: #FFF; }

#header_content #customer_menu		{	color: #FFF;
										float: right;
										margin: 10px 5px 0 0;
										text-align: left;
										width: 210px; }
#header_content #customer_menu ul	{	margin: 5px; }
#header_content #customer_menu li	{	list-style: none;
										margin-bottom: 5px; }
#header_content #customer_menu a	{	cursor: pointer;
										display: block;
										height: 32px;
										line-height: 32px;
										margin-right: 10px;
										padding-left: 37px; }
#header_content #customer_menu a#to_cart				{	background: transparent url('../images/h_cart.png') left top no-repeat; }
#header_content #customer_menu a#to_cart:hover			{	background: transparent url('../images/h_cart_hover.png') left top no-repeat; }
#header_content #customer_menu a#account_settings		{	background: transparent url('../images/h_account_settings.png') left top no-repeat; }
#header_content #customer_menu a#account_settings:hover	{	background: transparent url('../images/h_account_settings_hover.png') left top no-repeat; }

#registration table			{	width: 100%; }
#registration table td		{	padding: 3px;
								vertical-align: top; }
#registration .label		{	width: 175px; }
#registration .input		{	width: auto; }
#registration .input input	{	width: 250px; }
#registration .successful	{	margin: 5px 5px 15px 5px;
								width: 100%; }

#registration .buttons_panel,
#order_payment_type .buttons_panel,
#order_properties .buttons_panel,
#order_confirm .buttons_panel,
#order_confirmation .buttons_panel,
#account_settings .buttons_panel			{	border-top: 1px solid #8A8A8A;
												margin-top: 5px;
												padding: 10px; }											
#registration .buttons_panel input,
#order_payment_type .buttons_panel input,
#order_properties .buttons_panel input,
#order_confirm .buttons_panel input,
#order_confirmation .buttons_panel input,
#account_settings .buttons_panel input		{	float: right; }

#home_products_list			{	width: 100% }
#home_products_list td		{	text-align: center;
								width: 33.3% }
#home_products_list .image_container			{	display: table;
													height: 200px;
													overflow: hidden;
													width: 100%; }
#home_products_list .image_container .inner		{	display: table-cell;
													vertical-align: middle;
													width: 100%;
													text-align: center;}
#home_products_list .image_container a			{	border: 1px solid #DDD;
													display: block;
													margin: 0 auto;
													width: 200px; }
#home_products_list .image_container a:hover	{	border: 1px solid #CAA; }
#home_products_list .image_container img		{	display: block; }
#home_products_list .info	{	padding: 10px 20px 20px 20px; }
#home_products_list .name	{	font-weight: bold;
								text-align: left; }
#home_products_list .price	{	font-style: italic;
								margin-top: 5px;
								text-align: right; }
#home_products_list .price .article_no	{	color: #9FA1A5;
											font-size: 85%;
											float: left; }

#products_overview_categories		{	margin: 20px auto;
										width: 90%; }
#products_overview_categories td	{	vertical-align: top;
										width: 33.3%; }
#products_overview_categories ul	{	margin: 10px 5px; }
#products_overview_categories li	{	list-style: none;
										padding-bottom: 3px; }

#products_products_list					{	border-left: 1px solid #CCC;
											border-right: 1px solid #CCC;
											border-top: 1px solid #CCC;
											width: 100% }
#products_products_list th				{	background-color: #CCC;
											border-bottom: 1px solid #000;
											font-variant: small-caps;
											font-weight: bold;
											padding: 5px 0 5px 0; }
#products_products_list td				{	border-bottom: 1px solid #CCC;
											height: 100px;
											padding: 3px; }
#products_products_list .image			{	vertical-align: middle;
											width: 17%; }
#products_products_list .image a		{	border: 1px solid #DDD;
											display: block;
											width: 100px; }
#products_products_list .image a:hover	{	border: 1px solid #CAA; }
#products_products_list .image img		{	display: block; }
#products_products_list .name_info		{	width: 40%; }
#products_products_list .name_info a	{	font-weight: bold;
											line-height: 182%;
											text-decoration: none; }
#products_products_list .name_info a:hover	{	color: #000; }
#products_products_list .name_info .article_no	{	color: #7F8185;
													display: block;
													font-size: 77%;
													font-variant: small-caps;
													padding-bottom: 3px; }
#products_products_list .category		{	width: 25%; }
#products_products_list .price			{	width: 18%; }

.product_name			{	float: left;
							font-size: 131%; }
.product_price			{	float: right;
							font-size: 123.1%; }
#product_images			{	float: left;
							text-align: center;
							width: 35%; }
#product_images ul		{	margin: 15px; }
#product_images li		{	list-style: none;
							padding-bottom: 10px; }
#product_images img		{	border: 1px solid #DDD; }
#product_information	{	float: left;
							width: 65%; }
#product_article_no										{	border-bottom: 1px solid #CCC;
															font-variant: small-caps;
															padding-bottom: 5px;
															text-align: right;
															width: 100%; }
#product_description									{	padding-top: 15px;
															width: 100%; }
#product_information #product_storage_quantity_status	{	border-bottom: 1px solid #CCC;
															border-top: 1px solid #CCC;
															margin-bottom: 15px;
															margin-top: 15px;
															padding: 10px 0 10px 0;
															width: 100%; }
#order_form												{	margin-bottom: 10px;
															width: 100%; }
#order_form label,
#order_form input[type="submit"]						{	margin-top: 5px; }
#order_form #options									{	width: 100%; }
#order_form #options td									{	padding: 3px;
															vertical-align: top; }
#order_form #options #data_options						{	width: 68%; }
#order_form #options #buy_icon							{	background-color: #F0F0F0;
															border-bottom: 1px solid #DDD;
															border-left: 1px solid #DDD;
															border-top: 1px solid #DDD;
															text-align: center;
															vertical-align: middle;
															width: 10%; }
#order_form #options #quantity_submit					{	background-color: #F0F0F0;
															border-bottom: 1px solid #DDD;
															border-right: 1px solid #DDD;
															border-top: 1px solid #DDD;
															padding-right: 10px;
															width: 20%; }
#order_form #options #quantity_submit #quantity			{	font-size: 108%;
															padding: 2px;
															width: 100%; }
#order_form #options #quantity_submit #spacer			{	width: 2%; }

#cart_list						{	border: 1px solid #BDBDBD;
									width: 100%; }
#cart_list th					{	background-color: #DDD;
									border-bottom: 1px solid #000;
									font-variant: small-caps;
									font-weight: bold;
									padding: 5px 3px 5px 0; }
#cart_list td					{	padding: 3px; }
#cart_list .go_to_cashier			{	cursor: pointer;
										float: right; }
#cart_list .go_to_cashier img		{	float: left; }
#cart_list .go_to_cashier span.text	{	float: left;
										line-height: 32px;
										padding-left: 5px; }
#cart_list .product td			{	border-top: 1px solid #DDD;
									height: 100px; }
#cart_list .check				{	text-align: center;
									width: 3%; }
#cart_list .check input			{	display: inline; }
#cart_list .image				{	width: 100px; }
#cart_list .image a				{	border: 1px solid #DDD;
									display: block; }
#cart_list .image a:hover		{	border: 1px solid #CAA; }
#cart_list .image img			{	display: block; }
#cart_list th.name_info			{	text-align: center; }
#cart_list .name_info			{	padding: 3px 5px 3px 5px;
									width: auto; }
#cart_list .name_info a			{	font-weight: bold;
									line-height: 182%;
									text-decoration: none; }
#cart_list .name_info a:hover	{	color: #000; }
#cart_list .quantity			{	width: 10%; }
#cart_list .quantity input		{	width: 60px; }

#cart_list .price_item,
#cart_list .price_total			{	text-align: right;
									width: 18%; }

#cart_list .foot					{	background-color: #DDD; }
#cart_list .foot td					{	border-top: 1px solid #000;
										vertical-align: top; }
#cart_list #cart_handle_buttons td	{	border: 0;
										vertical-align: middle; }
#cart_list .foot .price_item,
#cart_list .foot .price_total		{	font-weight: bold; }
#cart_list .foot .price_item		{	font-style: italic; }
#cart_list .foot .price_total		{	color: #000; }

#order_progress_menu			{	border-bottom: 1px solid #CCC;
									color: #AAA;
									font-variant: small-caps;
									margin-bottom: 5px;
									padding: 5px 10px 5px 10px; }
#order_progress_menu a			{	color: #800;
									text-decoration: none; }
#order_progress_menu a:hover	{	text-decoration: underline; }
#order_progress_menu .current	{	color: #000;
									font-weight: bold; }
#order_progress_menu .passed	{	color: #000; }

#cashier_payment_type input,
#cashier_payment_type label		{	display: inline; }
#cashier_payment_type ul		{	margin: 20px; }
#cashier_payment_type li		{	list-style: none;
									padding: 5px 0 5px 0; }

#order_properties td							{	padding: 3px; }
#order_properties .header						{	width: 150px; }
#order_properties .text input					{	width: 250px; }
#order_properties .text input[type="checkbox"],
#order_properties .text label					{	display: inline;
													width: auto; }

#order_confirm .order_properties td,
#order_confirmation .order_properties td		{	padding: 3px; }
#order_confirm .order_properties .header,
#order_confirmation .order_properties .header	{	font-style: italic;
													width: 150px; }
#order_confirm .order_properties .text,
#order_confirmation .order_properties .text		{	 }

#order_confirm #products_list						{	border: 1px solid #CCC;
														width: 100%; }
#order_confirm #products_list th					{	background-color: #CCC;
														border-bottom: 1px solid #000;
														font-variant: small-caps;
														font-weight: bold;
														padding: 5px 3px 5px 3px; }
#order_confirm #products_list td					{	border-top: 1px solid #CCC;
														padding: 3px; }
#order_confirm #products_list .name					{	width: 32%; }
#order_confirm #products_list .info					{	width: 22%; }
#order_confirm #products_list .quantity				{	width: 10%; }
#order_confirm #products_list .price_item,
#order_confirm #products_list .price_total			{	text-align: right;
														width: 18%; }
#order_confirm #products_list .foot					{	background-color: #DDD; }
#order_confirm #products_list .foot td				{	border-top: 1px solid #000; }
#order_confirm #products_list .foot .price_item,
#order_confirm #products_list .foot .price_total	{	font-weight: bold; }
#order_confirm #products_list .foot .price_item		{	font-style: italic; }
#order_confirm #products_list .foot .price_total	{	color: #000; }

#order_confirmation #payment_button			{	margin: 20px;
												text-align: center; }
#order_confirmation #payment_button form	{	margin: 0 auto 10px auto;
												width: 140px; }
#order_confirmation #payment_button #phrase	{	font-size: 93%;
												font-style: italic;
												font-variant: small-caps; }

#order_confirmation #products_list						{	border: 1px solid #CCC;
															width: 100%; }
#order_confirmation #products_list th					{	background-color: #EEE;
															border-bottom: 1px solid #000;
															font-variant: small-caps;
															font-weight: bold;
															padding: 5px 3px 5px 3px; }
#order_confirmation #products_list td					{	border-top: 1px solid #CCC;
															padding: 3px; }
#order_confirmation #products_list .name_info			{	font-weight: bold;
															width: 54%; }
#order_confirmation #products_list .name_info div		{	margin: 5px;
															font-style: italic;
															font-weight: normal; }
#order_confirmation #products_list .quantity			{	width: 10%; }
#order_confirmation #products_list .price_item,
#order_confirmation #products_list .price_total			{	text-align: right;
															width: 18%; }
#order_confirmation #products_list .foot				{	background-color: #EEE; }
#order_confirmation #products_list .foot td				{	border-top: 1px solid #000; }
#order_confirmation #products_list .foot .price_item,
#order_confirmation #products_list .foot .price_total	{	font-weight: bold; }
#order_confirmation #products_list .foot .price_item	{	font-style: italic; }
#order_confirmation #products_list .foot .price_total	{	color: #000; }

#account_settings div.successful,
#account_settings div.error,
#account_settings label,
#account_settings input[type="text"],
#account_settings input[type="password"]	{	margin-left: 5px; }
#account_settings input[type="text"],
#account_settings input[type="password"]	{	width: 250px; }

#private_order_history table							{	border: 1px solid #CCC;
															width: 100%; }
	#private_order_history th								{	background-color: #DDD;
																border-bottom: 1px solid #000;
																font-variant: small-caps;
																font-weight: bold;
																padding: 5px 3px 5px 3px; }
	#private_order_history th.header						{	background-color: #EAEAEA;
																border-bottom: 1px solid #555;
																font-style: italic;
																font-variant: small-caps;
																font-weight: normal;
																padding: 1px 1px 1px 5px; }
	#private_order_history td								{	padding: 3px; }
	#private_order_history .order_icon,
	#private_order_history .order_more_info_icon			{	text-align: center;
																width: 3%; }
	#private_order_history .order_more_info_icon img		{	cursor: pointer; }
	#private_order_history .order_id						{	width: 14%; }
	#private_order_history .order_payment_type				{	width: 16%; }
	#private_order_history .order_date						{	width: 18%; }
	#private_order_history .order_products_total_quantity	{	width: 17%; }
	#private_order_history .order_products_total_price		{	width: 19%; }
	#private_order_history .order_pay_now					{	text-align: center;
																width: 13%; }
	#private_order_history .status_row						{	border-bottom: 1px solid #CCC; }
	#private_order_history .order_status					{	width: 100%; }
	#private_order_history table							{	margin-bottom: 5px; }
	#private_order_history .address_products				{	border-bottom: 1px solid #CCC; }
	#private_order_history .products td						{	border-bottom: 1px solid #DDD; }
	#private_order_history .products .product_data			{	margin: 5px;
																font-style: italic; }

#retailer_order_history table							{	border: 1px solid #CCC;
															width: 100%; }
	#retailer_order_history th								{	background-color: #DDD;
																border-bottom: 1px solid #000;
																font-variant: small-caps;
																font-weight: bold;
																padding: 5px 3px 5px 3px; }
	#retailer_order_history th.header						{	background-color: #EAEAEA;
																border-bottom: 1px solid #555;
																font-style: italic;
																font-variant: small-caps;
																font-weight: normal;
																padding: 1px 1px 1px 5px; }
	#retailer_order_history td								{	padding: 3px; }
	#retailer_order_history .order_icon,
	#retailer_order_history .order_more_info_icon			{	text-align: center;
																width: 3%; }
	#retailer_order_history .order_more_info_icon img		{	cursor: pointer; }
	#retailer_order_history .order_id						{	width: 14%; }
	#retailer_order_history .order_payment_type				{	width: 16%; }
	#retailer_order_history .order_date						{	width: 18%; }
	#retailer_order_history .order_products_total_quantity	{	width: 17%; }
	#retailer_order_history .order_products_total_price		{	width: 19%; }
	#retailer_order_history .status_row						{	border-bottom: 1px solid #DDD; }
	#retailer_order_history .order_status					{	width: 100%; }
	#retailer_order_history table							{	margin-bottom: 5px; }
	#retailer_order_history .address_products				{	border-bottom: 1px solid #CCC; }
	#retailer_order_history .products td					{	border-bottom: 1px solid #DDD; }
	#retailer_order_history .products .product_data			{	margin: 5px;
																font-style: italic; }

#contact							{	border: 1px solid #CCC;
										margin: 20px 10px 20px 10px;
										padding: 10px; }
	#contact #information_box,
	#contact #message_box,
	#contact #button_box				{	padding: 5px; }
	#contact #information_box			{	width: 35%; }
		#contact #information_box input		{	width: 100%; }
	#contact #message_box				{	width: 60%; }
	#contact #message					{	height: 274px;
											width: 100%; }
	#contact #button_box input			{ float: right; }