/* CSS Document Incorporates Style for the product.html page only. */
html, body {
	margin: 0;
	padding: 0;
}

body {
	background-color: #FFFFFF;
}


/* Styles for box images with rounded corners. */
.box {
	width: 738px;
	height: 300px
	margin: auto;
	padding: 0 20px;
	background-image: url(images/smallboxmiddles.jpg);
}

.box .top {
	height: 32px;
	font-size: 1px;
	margin: 0 -20px;
	background-image: url(images/smallboxtops.jpg);
}
.box .bottom {
	height: 32px;
	font-size: 1px;
	margin: 0 -20px;
	background-image: url(images/smallboxbottoms.jpg);
}

/* Paragraph, Headers, and various styles. */
p {
	color: #000000;
	text-align: left;
	font-size:14px;
	font-weight: 400;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1ems;
}

h1 {
	color: #000000;
	text-align: left;
	font-size: 11pt;
	font-weight: strong;
	font-family: Helvetica, sans-serif;
}

h2 {
	color: #000000;
	text-align: left;
	font-size: 9pt;
	font-weight: strong;
	font-family: Helvetica, sans-serif;
}

/* style1 is used for the product page links*/
 .style1 {
	color:#9C9C9C;
	text-align: left;
	font-size: 10px;
	font-weight: strong;
	line-height: 12pt;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}

.style2 {
	color:#FFF;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.35ems;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}

.style3 {
	color:#FFFFFF;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}

/* style8 and h6 are for the transparent text inside scalable boxes
    This is to help make each box the same size proportionately.*/
.style8 {
	color:#F1F1F1;
	text-align: left;
	font-size: 6.5pt;
	font-weight: strong;
	line-height: 12pt;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}

h6 {
	color: #F1F1F1;
	text-align: left;
	font-size: 9pt;
	font-weight: strong;
	font-family: Helvetica, sans-serif;
}

/*styles for links.*/
a:link {
	color:#868686;
	text-decoration:underline;
}

a:visited {
	color:#868686;
	text-decoration:underline;
}

a:focus {
	color:#000000;
	text-decoration:none;
}

a:hover {
	color:#000000;
	text-decoration:underline;
}

a:active {
	color:#0F0F0F;
	text-decoration:none;
}