body
	{font-family: Verdana, sans-serif;
       body {color:orange};
	 background: #c0c0c0}
hr {
	background: none;
	border: none;
	color: transparent;
	border-bottom: solid #99683c 2px;
}
a:active {
	color: red;
}
a img
	{border: 0}
#page
	{width: 990px;
	 margin: auto;
	 background: white}
#logo
	{margin: 30px}
#pasta_reale_logo
	{float: left;
	 margin-left: 40px}
#joubere_logo
	{float: right;
	 margin-right: 40px}
#nav
	{width: 950px}
#nav td
	{text-align: center;
	 height: 18px;
	 overflow: hidden}
#nav a
	{font-size: 7pt;
	 letter-spacing: 1px;
	 text-decoration: none}
#nav .start, #nav .start a
	{background: url(gfx/start_bg.gif);
	 color: white}
#nav .start
	{width: 104px}
#nav a:hover
	{color: #d2d2d2}
#nav .middle a:hover, #nav .end a:hover {
	color: black;
}
#nav a:active, #nav .middle a:active, #nav .end a:active {
	color: yellow;
}
#nav .middle, #nav .end, #nav .middle a, #nav .end a
	{background: url(gfx/middle_bg.gif);
	 color: #3b3a3a}
#nav a.on
{
	color: yellow;
}
#nav .middle a
{
	padding-left: 6px;
}
#nav img
	{height: 22px;
	 margin: 0;
	 padding: 0}
.join_start
	{background: url(gfx/start_join_bg.gif)}
.join_middle, .join_end
	{background: url(gfx/middle_join_bg.gif)}
.banner
	{width: 100%;
	 height: 55px;
	 text-align: right;
	 border-bottom: solid #99683c 5px;
	 //background: url(gfx/spinner.gif) center center no-repeat;
}
#homepage_banner
	{height: 255px}
.text
	{border-top: solid #cf9112 1px;
	 font-family: Georgia, Garamond, 'Times New Roman', serif;
	 font-size: 12pt;
	 padding: 10px 30px 10px 30px}
#product_select
{
	margin: 4em auto;
}
#product_select td
	{text-align: center;
	 vertical-align: top;
	 width: 160px;
	 padding-bottom: 10px}
#product_select a
	{text-decoration: none}
#product_select a img {
	height: 120px;
}
#product_detail img {
	float: left;
	margin: 4em 6em;
}
#product_detail a img {
	float: auto;
	margin: 0 10px 0 10px;
}
#full_description {
	padding-top: 35px;
	width: 550px;
	max-height: 515px;
	overflow: auto;
	margin-bottom: 30px;
	margin-right: 50px;
}
a.additional_info {
	background: #332c26;
	border: solid black 1px;
	color: white;
	//width: 120px;
	text-decoration: none;
	margin: 25px 5px 5px 5px;
	//padding: 5px;
}
a.additional_info:active {
	border-color: #f8ad16;
	color: #f8ad16;
}
.subcategory_grid {
	margin: auto;
}
.subcategory_grid td {
	padding: 30px;
}
.subcategory_grid td a {
	color: gray;
	text-decoration: none;
}
.subcategory_grid a:active {
	color: black;
}
.subcategory_grid img {
	/*width: 180px;*/
	height: 120px;
	padding-bottom: 10px;
	border-bottom: solid #c0c0c0 1px;
}
#homepage_text
{
	/*
	Available background images are:
		background-homepage.jpg (with the fork)
		background-homepage-alt.jpg (blank)
		background-homepage-risotto.jpg
		background-homepage-ris-1.jpg
		background-homepage-ris-2.jpg
	*/
	background: url(gfx/background-homepage-alt.jpg) no-repeat bottom;
	height: 224px;
	padding: 20px;
}
#homepage_text p
	{margin-top: 30px}
h1 {
	/*margin-top: -15px;*/
}
h1, h2
	{text-transform: uppercase;
	 font-size: 19pt;
	 letter-spacing: 2px;
	 font-weight: normal}
.green
	{color: #399c2b}
.red
	{color: #f23e47}
#text p, li
	{margin-left: 20px;
	 letter-spacing: 2px;
	 line-height: 16pt;
	 text-align: justify}
input
	{letter-spacing: 0px}
li
	{font-weight: bold}

ul	{font-size: 10pt;
	 font-family: 'Trebuchet MS', arial, sans-serif;
	 line-height: 16pt;
	 text-align: justify}
#footer
{
	padding: 1em;
	margin-bottom: 2em;
	font-family: Trebuchet MS, sans-serif;
	font-size: 8pt;
	letter-spacing: 1px;
	color: white;
	background: #332c26;
}
#footer a
	{color: white;
	 text-decoration: none}
#footer a:hover
	{color: gray}
#more_button
	{float: right}
#back_button
	{float: right}
#newsletter_signup
	{float: right;
	 text-align: right;
	 font-size: 9pt}
	 
@media print
{
	#nav,
	.banner,
	.noprint,
	#footer
	{
		display: none;
	}
	.text
	{
		border-top: none;
	}
}

#fresh_risotto_button
{
	position: absolute;
	top: 435px;
	left: 50%;
	margin-left: 219px;
	width: 250px;
	height: 150px;
	background: url('gfx/fresh-risottos-button.jpg') no-repeat left center;
	display: block;
	text-align: right;
	color: black;
	text-decoration: none;
}

#fresh_risotto_button strong
{
	display: block;
	padding-top: 30px;
	color: black;
	font-size: 22pt;
}