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

	html {margin: 0; padding: 0;}
	body {margin: 0; padding: 0;
		background: #600 url(images/body_background.png) bottom right no-repeat fixed;
		color: #fbb313; font-family: sans-serif;}
	img {border: none;}
	div#wrap {margin: 0; padding: 0;}
	div#header {background: url(images/header_background.png) top left repeat-x;
		margin: 0; padding: 0; border: 0;}
	div#header div#header_text {float: right; width: 80%;}
	img#header_motto {position: relative; z-index: 20;
		margin: 0; padding: 0;
		background: transparent url(images/halfscreen-yellow.gif) top left repeat;}
	img#header_flowers {position: absolute; top: 0; right: 80px; z-index: 10;
		margin: 0; padding: 0;}
	img#header_english {
		position: absolute; top: 0; right: 0; z-index: 10;
		margin: 0; padding: 0;}
	div#menu_left {margin: 1em 0; padding: 0;
		float: left;}
	div#menu_left a {}
	div#menu_left img {display: block;}
	div#menu_left span {display: block; height: 2px; width: 143px; border-right: 2px solid black;}
	div#greeting {margin: 1em auto 2em 22%; padding: 0;
		font-size: 100%;
		letter-spacing: 0em; line-height: 1.5em;
		text-align: justify;}
	div#greeting h2 {font-size: 120%;}
	div#greeting h4 {font-size: 100%;}
	div#greeting p {font-size: 95%; width: 700px;}
	div#greeting a {color: #fbb313; text-decoration: underline;}
	div#greeting a:hover {color: white;}
	
	div#main_container {position: relative; z-index: 10;
		margin: 2em auto 2em 20%; padding: 0;
		width: 750px;
		background: transparent;}
	div#main_container span.divider {display: block; height: 50px;}
	div.cat {display: inline; position: relative; z-index: 20;
		top: 0; left: 0;
		margin: 10px; padding: 0;}
	div.lowercat {z-index: 15;}
	div.cat:hover div {display: block;}
	/* Bubble popup under the categories
	div.cssbubble img {display: block;}
	div.cssbubble {display: none; position: absolute;
		z-index: 30; width: 197px;
		margin: 0; padding: 0; border: none;
		top: 3px; left: 47px;}
	div.cssbubble a {display: block;
		background: #fbb313; color: #600; text-decoration: none;
		margin: 0; padding: 0.125em 10px;
		border: 1px solid black; border-width: 0 1px;}
	div.cssbubble a:hover {color: black;
		padding-left: 8px; border-left-width: 3px;}*/
	div#subcat_menu {margin: 5%; padding: 2%;}
	div#subcat_menu a {display: block; margin: 0; padding: 0.25em 10px;
		color: #fbb313; text-decoration: none;
		border-left: 3px solid #fbb313;}
	div#subcat_menu a:hover {border-left: 5px solid #fbb313; padding-left: 8px;
		color: #600; background-color: #fbb313;}
	div#subcat_menu h3 {margin: 0; padding: 0 0 0.25em 0; font-size: 110%;
		border-bottom: 3px solid #fbb313;}
	
	div.product {position: relative;
		width: 500px; height: 260px; margin: 1em auto; padding: 0;
		border: 2px solid #fbb313; background: transparent url(images/halfscreen-red.gif) top left repeat;}
	div.product div.prod_desc {float: right; width: 300px;
		margin: 2px;
		line-height: 1.125em}
	div.prod_name {margin: 0.1em; text-align: right;
		letter-spacing: 0.25em; text-transform: uppercase;
		border-bottom: 1px solid black;}
	div.prod_type {position: absolute; right: 0; bottom: 0;
		margin: 0; padding: 0; text-align: right;
		font-size: 95%;
		letter-spacing: 0.125em; text-transform: uppercase;}
	div.prod_type span {margin: 0; padding: 0.125em;
		border: 2px solid #fbb313; border-width: 2px 0 0 2px;}
	span.prod_label {font-size: 90%;}
	div.prod_title {margin: 0.25em 0.125em;
		color: black;}
	div.prod_desc_text {margin: 0.125em 0 0 10%; padding: 0;
		color: #fbb313; font-size: 95%;}
	div.product div.prod_img {margin: 2px; width: 188px; height: 260px;
		vertical-align: middle;}
	div.prod_title a {color: #fbb313; text-decoration: none;
		border-bottom: 1px dotted;}
	div.prod_title a:hover {text-decoration: none;
		border-bottom: 1px solid;}
	div#patterns {margin: 0; padding: 0; text-align: center;}
	div#patterns img {margin: 0.25em; padding: 0;
		width: 150px;
		border: none;}
	div#forma {margin: 0 5%; padding: 0 2em;
		border: 1px dotted #fbb313;
		background: transparent url(images/halfscreen-red.gif) top left repeat;
		}
	div#forma span {display: block;
		text-align: center; border-bottom: 1px solid #fbb313;}
	div#back_button {margin: 0; padding: 0;
		text-align: center;}
	div#back_button a {color: #fbb313; text-decoration: none;
		border-bottom: 1px dotted;}
	div#back_button a:hover {text-decoration: none;
		border-bottom: 1px solid;}
	div#footer {margin: 1em 0; padding: 0.125em 1em;
		background: transparent;
		border-top: 1px solid #fbb313;
		font-size: 75%; color: #fbb313;
		font-family: sans-serif;}
	div#footer span {float: right;}
	div#footer a {color: #fbb313; text-decoration: none;}
	div#footer a:hover {color: white; text-decoration: underline;}
	/*Semi transparent bubble popup on the categories*/
	div.hs_bubble {display: none; position: absolute;
		background: transparent url(images/halfscreen-black.gif) top left repeat;
		z-index: 30; width: 197px; height: 115px;
		margin: 0; padding: 0; border: none;
		top: -151px; left: 12px;}
	div.hs_bubble img {display: block;}
	div.hs_bubble a {display: block;
		background: transparent; color: #600; text-decoration: none;
		margin: 0; padding: 0.125em 10px;
		color: #fbb313; letter-spacing: 0.1em;}
	div.hs_bubble a:hover {color: #600; background: #fbb313;}