body {
	margin:0; padding:0;
	background-color:#FFFFCC;
	font-family:"Times New Roman", Times, serif;
	font-size:1em;
	color: #333333;
}

/* generic */
.bold { font-weight:bold; }
.ital { font-style:italic; }
.ra { text-align:right; }
.centered { margin-left:auto; margin-right:auto; text-align:center; }

h1 { /* page header */
	font-size:1.5em;
	font-weight:bolder;
	color:#003300;
	text-align:center;
	margin-top:1em;
}

h2 {
	font-size:1em;
	font-weight:bolder;
	color:#003300;
	margin-top:1em;
}

/* this simply provides a reference for any absolute positioning */
div#pagewrapper {
	position:relative; top:0; left:0; width:100%;
}

/* styles for the header, top navbar, content and footer */
div#header {
	position:absolute;
	margin:0; padding:0;
	top:0; left:0;
	width:100%;
	height:120px;
	background-color:#006633;
	text-align:center;
	font-family:'Times New Roman', Times, serif;
		font-size:16px;
		color:#ffcc33;
		font-weight:bold;
	background-image:url(images/LalicataLogo.gif); /* center the logo */
		background-repeat:no-repeat;
		background-position:center;
	z-index:0;
}

/* body content */
div#content {
	width:100%;
	float:left;
	margin-top:100px;
}

/* footer styles */
div#footer {
	width:100%; height:auto;
	float:left;
	clear:both;
	padding: 1em 0 1em 0;
	margin: 1em 0 0 0;
	background-color: #006633;
	font-family: Arial, Helvetica, sans-serif;
	font-size:.8em;
	text-align:center;
	color:#ffcc33;
}
div#footer p {
	margin:1em 0 1em 0;
}

div#footer a { color:#ffcc33; text-decoration:none;}
div#footer a:hover { color:#ffff55; text-decoration:none;}

/* Styles for the catalog pages. These have a row of three photos, with
   headers and captions */
div.catalogrow { /* div around the row of photos */
	position:static;
	width:660px;
	clear:both;
	margin-left:auto; margin-right:auto;
	margin-top:3px;
}

div.catalogrow p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	margin:0 0 1em 0;
}

div.catalogsection { /* div for each photo and text in the row, 3 columns */
	float:left;
	text-align:center;
	width: 200px;
	margin: 4px 4px 4px 4px;
	padding:5px 4px 0 4px;
}

div.catalogsectionblank { /* just like the above, but blank */
	float:left;
	text-align:center;
	width: 200px;
	margin: 4px 4px 4px 4px;
	padding:5px 4px 0 4px;
}

div.catalogsection img {
	width:200px;
	height:150px;
	border:1px solid gray;
	display:block;
}

div.catalogsection img.bag {	
	width: 100px; height:150px;
	margin-left:10px;
	border-width:0;
	display:block;
}

div.catalogrow a{ text-decoration:none; font-size:.9em; }
div.catalogrow a:link { color: red;}
div.catalogrow a:visited { color: red; }
div.catalogrow a:hover { color: #660033; }
div.catalogrow a:active { color:#660033;}

div.catalogrow p.photoheader {
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size:.9em;
	margin:0;
	padding:0;
}

div.catalogrow  br {
	font-size:1.2em;
}

div.catalogrow p.soldby {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:.75em;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

div.catalogrow p.photodesc {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	text-align:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}


/* Styles for the descriptions under the page header */
div.pagedescription {
	position:static;
	width:640px;
	clear:both;
	margin-left:auto; margin-right:auto;
	margin-top:3px;
	border-top: 2px solid #cc0000;
	padding:0;
}

div.pagedescription p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	margin:1em 0 1em 0;
	color: #333333;
}

/* Styles for the product pages. These have a row of three or four photos, with
   headers and captions */
div.productrow { /* div around the row of photos */
	position:static;
	width:640px;
	clear:both;
	margin-left:auto; margin-right:auto;
	margin-top:3px;
	padding:0;
}

div.productrow p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	margin:0 0 1em 0;
	color: #333333;
}

div.product4 { /* div for each photo and text in the row, 4 columns */
	float:left;
	width: 150px;
	margin: 0 0 0 0;
	padding:5px 4px 0 4px;
	border-top:2px solid #cc0000;
}

div.product3 { /* div for each photo and text in the row, 3 columns */
	float:left;
	text-align:center;
	width: 200px;
	margin:0;
	padding:5px 4px 0 4px;
	border-top:2px solid #cc0000;
}

div.spacer { /* forces the productrow div to stretch to the height of the floating product divs */
	clear:both;
	line-height:1px;
	margin:0;
	padding:0;
}

div.product3 img {
	width:200px;
	height:150px;
	border:1px solid gray;
	display:block;
}

div.product4 img {
	width:150px;
	height:150px;
	border:1px solid gray;
	display:block;
}

div.product4 img.bag {
	width: 100px; height:150px;
	margin-left:25px;
	border-width:0;
	display:block;
}

div.productrow a{ text-decoration:none; font-size:.9em; }
div.productrow a:link { color: red;}
div.productrow a:visited { color: red; }
div.productrow a:hover { color: #660033; }
div.productrow a:active { color:#660033;}

div.productrow p.photoheader {
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size:.9em;
	color: #003300;
	margin:0;
	padding:0;
}

div.productrow  br {
	font-size:1.2em;
}

div.productrow p.soldby {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:.75em;
	margin:0;
	padding:0;
}

div.productrow p.photodesc {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	text-align:left;
	margin:0;
	padding:0;
}

div.footbox { /* for informational boxes on the page, horizontally centered */
	width:640px;
	margin-left:auto; margin-right:auto;
	margin-top: 1em;
	padding:.25em 0 .5em 0;
	background-color:#336633;
	text-align:center;
}

div.footbox p { margin: .5em 0 .5em 0; color:#ffffcc;
				font-family:"Times New Roman", Times, serif;
				font-size: 1em;
}

div.linkbox { /* link to the How Much page */
	width:640px;
	margin-left:auto; margin-right:auto;
	margin-top: 1em;
	padding:.25em 0 .5em 0;
	background-color:#cc0000;
	text-align:center;
}

div.linkbox p { margin: .5em 0 .5em 0;
				font-family:"Times New Roman", Times, serif;
				font-size: 1em;
				font-weight:bold;
				color:#ffffcc;
}

div.linkbox p a { font-family:Arial, Helvetica, sans-serif;
				font-style:italic;
				font-size: 1em;
				color:white;
				text-decoration:underline;
}

div.spacer { /* forces the productrow div to stretch to the height of the floating product divs */
	clear:both;
	line-height:1px;
	margin:0;
	padding:0;
}