﻿body {

	font-family: Arial, sans-serif;

	font-size: 100%;

}



h1 {

	font-size: 1em; /* 16 x 1 = 16px */

	color: #4F004E;

	background-color: transparent;

	margin: 0;

	padding-bottom: 0.15em;

	border-bottom: 2px solid #4F004E;

}



h2 {

	font-size: 0.844em; /* 16 x 0.844 = 13.5px */

	color: #4F004E;

	background-color: transparent;

	margin: 0.4em 0;

	padding-bottom: 0.25em;

	border-bottom: 2px solid #4F004E;

}



h2 a {

	text-decoration: none;

	color: #4F004E;

	background-color: transparent;

}


ol li
{
	padding-bottom: 1em;
	font-size: 0.750em; 	/* 16 x 0.750 = 12px */
}


#content ul li  
{
	font-size: 0.750em; 	/* 16 x 0.750 = 12px */
}

#content ol li ul li, #content ul li li
{
	font-size: 1em; 	/* 16 x 0.750 = 12px */
}


ol li li
{
	font-size: 1em; 	/* 16 x 0.750 = 12px */
}


ul li 
{
	padding-bottom: 0;
}



p {

	font-size: 0.750em; /* 16 x 0.750 = 12px */

}



.clear {

	clear: both;

}



#header {

	position: absolute;

	top: 0;

	left: 0;

	background: url(../images/header.gif) no-repeat;

	width: 775px;

	height: 100px;

}



#nav {

	position: absolute;

	right: 0;

	top: 60px;

	voice-family: "\"}\""; 

	voice-family:inherit;

	top: 61px;

	font-size: 0.750em; /* 16 x 0.750 = 12px */

}



#nav ul {

	display: inline;

	list-style: none;

	margin: 0;

	padding: 0;

}



#nav li {

	float: left;

	width: 6em;

	margin: 0 0 0 0.5em;

	border: 1px solid #C01E57;

	padding: 0.15em 0.25em;

	background-color: #C01E57;

	color: #fff;

	font-weight: bold;

}



#nav a {

	background-color: #C01E57;

	color: #fff;

	text-decoration: none;

}



#nav li.view {

	border: 1px solid #E6DCE5;

	background-color: #E6DCE5;

	color: #4F004E;

}



#nav li.view a {

	background-color: #E6DCE5;

	color: #4F004E;

}



#nav li.data {

	border: 1px solid #4F004E;

	background-color: #4F004E;

	color: #fff;

}



#nav li.data a {

	background-color: #4F004E;

	color: #fff;

}

	

#content {

	margin-top: 100px;

	margin-left: 27px;

	width: 740px;

	clear: both;

}



#footer {
			
	margin-left: 27px;

	width: 740px;

	clear: both;

	border-top: 2px solid #4F004E;

	margin-top: 1.5em;

	padding-top: 0.1em;

}



#footer p {

	font-size: 0.625em; /* 16 x 0.625 = 10px */

	font-weight: bold;

	margin-top: 0.8em;

}



#footer img {

	float: right;

}



a img {

	border: 0;

}



img.more {

	float: right;

}



.error {

	color: #f00;

	background-color: transparent;

}



.return {

	margin-bottom: 1.5em;

}



p.return {

	margin-top: 2em;

}



.return a:link, .return a:visited {

	text-decoration: none;

	padding: 0.5em;

	background-color: #C01E57;

	color: #fff;

	border: 1px solid #C01E57;

	font-weight: bold;

	text-align: center;

}



.return a:hover, .return a:active {

	background-color: #E6DCE5;

	color: #4F004E;

	border: 1px solid #4F004E;		

}





/* Home page code */

#homecontent {

	margin: 0;

	padding: 0;

	width: 430px;

	float: right;

}



/* ROUNDED CORNER BOXES */

/* Homebox */

/* set the image to use and establish the lower-right position */



.homebox, .homebox_body, .homebox_head, .homebox_head h1 {

	background: transparent url(../images/dropbox2.png) no-repeat bottom right;

}



.homebox {

	width: 425px !important; /* intended total box width - padding-right(next) */

	width: 425px; /* IE Win = width - padding */

	padding-right: 10px; /* the gap on the right edge of the image (not content padding) */

	margin: -3px auto 0; /* use to position the box */

}





/* set the top-right image */



.homebox_head {

	background-position: top right;

	margin-right: -10px; /* pull the right image over on top of border */ 

	padding-right: 20px; /* right-image-gap + right-inside padding */

}





/* set the top-left image */



.homebox_head h1 {

	background-position: top left;

	margin: 0; /* reset main site styles*/

	border: 0; /* ditto */

	padding: 15px 0 10px 20px; /* padding-left = image gap + interior padding...no padding-right */

	height: auto !important; height: 1%; /* IE Holly Hack */

} 





/* set the lower-left corner image */



.homebox_body {

	background-position: bottom left;

	margin-right: 20px; /* interior-padding right */

	padding: 1px 0 20px 20px; /* mirror .homebox_head right/left */

}



.homebox_body p {

	line-height: 1.3em;	

	margin: 1em 0 1em ;

}



.homebox_body td {

	padding: 0;

	margin: 0;

}


/* Productbox, Contactbox */

/* set the image to use and establish the lower-right position */

.productbox, .productbox_body, .productbox_head, .productbox_head h2, .contactbox, .contactbox_body, .contactbox_head, .contactbox_head h2 {
	background: transparent url(../images/dropbox.png) no-repeat bottom right;
}

.productbox, .contactbox {
	width: 225px !important; /* intended total box width - padding-right(next) */
	width: 225px; /* IE Win = width - padding */
	padding-right: 0; /* the gap on the right edge of the image (not content padding) */
}

.productbox  {
	margin: 0 0 0 -8px; /* use to position the box */
}

.contactbox {
	margin: 0 -12px 0 0; /* use to position the box */
}


/* set the top-right image */

.productbox_head, .contactbox_head {
	background-position: top right;
	margin-right: 0; /* pull the right image over on top of border */ 
	padding-right: 25px; /* right-image-gap + right-inside padding */
}


/* set the top-left image */

.productbox_head h2, .contactbox_head h2 {
	background-position: top left;
	margin: 0; /* reset main site styles*/
	border: 0; /* ditto */
	padding: 20px 1px 5px 28px; /* padding-left = image gap + interior padding...no padding-right */
	height: auto !important; height: 1%; /* IE Holly Hack */
} 


/* set the lower-left corner image */

.productbox_body, .contactbox_body {
	background-position: bottom left;
	margin-right: 25px; /* interior-padding right */
	padding: 5px 1px 23px 28px; /* mirror .homebox_head right/left */
} 

.productbox, .contactbox  {

	float: left;

}


.productbox_body td, .contactbox_body td {

	padding: 0;

	margin: 0;

	vertical-align: top;

	font-size: 0.688em; /* 16 x 0.688 = 11px */

	line-height: 1.1;

}



.productbox img, .contactbox img {

	float: right;

}



.productbox h2 a:hover, .contactbox h2 a:hover {

	border-bottom: 1px solid #4F004E;

}

/* ROUNDED CORNER BOXES ENDS */

img.home, homeimg img {

	width: 295px;

	padding-bottom: 1.5em;

	height: 425px;

	float: left;

	margin: 0;

}

/* Text-based page code */



.maintxt {

	padding: 0 1em 0 0;

	width: 280px;

	margin-bottom: 1.5em;

}



/*img.info {*/
div.mainimg img, img.info {

	padding: 0;

	width: 425px;

	height: 425px;

	margin-bottom: 1.5em;

	float: right;

}



.caption {

	width: 425px;

	float: right;

	font-size: 0.625em; /* 16 x 0.625 = 10px */

	text-align: right;

	margin: 0 0 1.5em;

	padding: 0;

}



.caption p {

	margin-top: -1.5em;

}



/* Contact us page code */



.contact {

	padding: 0 1em 0 0;

	margin-bottom: 1.5em;

}



label {

	float: left;

	width: 6em;

}



textarea {

	width: 25em;

	height: 5em;

	overflow: auto;

}



.formbuttons {

	margin-left: 6em;

}



/* order page code */



.orderform {

	padding: 0 1em 0 0;

	margin-bottom: 1.5em;

}



label {

	float: left;

	width: 13em;

}



textarea {

	width: 25em;

	height: 5em;

	overflow: auto;

}



.formbuttons {

	margin-left: 13em;

}





/* Products page code */


.productstxt a, div.order img {

	padding: 0;

	width: 262px;

	height: 43px;

	margin: 0;

	float: right;

}



.productstxt {

	padding: 0 1em 0 0;

	margin: 0;

	width: 450px;

}

/* ROUNDED CORNER BOXES */



/* set the image to use and establish the lower-right position */

.productsbox, .productsbox_body, .productsbox_head, .productsbox_head h2 {
	background: transparent url(../images/dropbox.png) no-repeat bottom right;
}

.productsbox {
	width: 245px !important; /* intended total box width - padding-right(next) */
	width: 245px; /* IE Win = width - padding */
	padding-right: 0; /* the gap on the right edge of the image (not content padding) */
}

.productsbox  {
	margin: 0 10px 0 -10px; /* use to position the box */
}


/* set the top-right image */

.productsbox_head {
	background-position: top right;
	margin-right: 0; /* pull the right image over on top of border */ 
	padding-right: 25px; /* right-image-gap + right-inside padding */
}


/* set the top-left image */

.productsbox_head h2 {
	background-position: top left;
	margin: 0; /* reset main site styles*/
	border: 0; /* ditto */
	padding: 20px 1px 5px 28px; /* padding-left = image gap + interior padding...no padding-right */
	height: auto !important; height: 1%; /* IE Holly Hack */
} 


/* set the lower-left corner image */

.productsbox_body {
	background-position: bottom left;
	margin-right: 25px; /* interior-padding right */
	padding: 5px 1px 23px 28px; /* mirror .homebox_head right/left */
} 

.productsbox  {

	float: left;

}


.productsbox_body td {

	padding: 0;

	margin: 0;

	vertical-align: top;

	font-size: 0.688em; /* 16 x 0.688 = 11px */

	line-height: 1.1em;

}



.productsbox img {

	float: right;

}



.productsbox h2 a:hover {

	border-bottom: 1px solid #4F004E;

}


/* ROUNDED CORNER BOXES ENDS */