body {background-color: #ebe7e5; color: #31271f; font-family: Calibri,arial,verdana,sans-serif; margin-top: 0; margin-left: 0; margin-right: 0;}

p, td, dl, li	{font-size: 10.5pt; line-height: 14pt;}

h1	{font-size: 22pt; color: #ed1b2e; font-weight: normal; line-height: 24pt; border-bottom: 1px solid #99877d; margin-top: 0;}
h2	{font-size: 16pt; color: #3f475b; line-height: 20pt; font-weight: bold; margin-bottom: 0;}
h3	{font-size: 14pt; color: #000000; font-weight: bold; margin-bottom: 0;}
h4	{font-size: 12pt; color: #000000; font-weight: normal; margin-bottom: 0;}

sup {font-size: 8pt;}

.top {margin-top: 0;}
.bottom {margin-bottom: 0;}
.topbottom {margin-top: 0; margin-bottom: 0;}

.left {
	width: 9px;
	background-image: url(../images/left.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.right {
	width: 9px;
	background-image: url(../images/right.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

a:link		{color: #2c4e64; text-decoration: underline;}
a:active	{color: #2c4e64; text-decoration: underline;}
a:visited	{color: #565A5F; text-decoration: underline;}
a:hover		{color: #000000; text-decoration: underline;}



/* Home Page */

.prod_bkgrnd {
 	background-image: url(../images/product_bkgrnd.jpg);
	background-repeat: repeat-y;
	background-position: left top;

}

#newsblock { height: 249px; padding: 0; background-color: #99877d;}

#newsblock h2	{color: #ffffff; font-size: 13pt; margin-top: 5px; margin-bottom: 4px;}

#newsblock p	{color: #ffffff; font-size: 11pt; line-height: 12pt; margin-top: 0; margin-bottom: 12px; }

#newsblock .name { color: #ffffff; font-size: 9pt;}

.rssfeed { padding: 10px 10px 10px 20px; line-height: 16pt;}

.name { color: #000000; font-size: 9pt;}

.photo {
	text-align: center;
	font-size: 70%;
}

#search { float: right; padding-top: 5px; padding-right: 5px;}


/* Case Studies */

.quote { color: #2c4e64; font-size: 14pt; padding-left: 10px; padding-right: 10px;}

.studysm { font-size: 9pt; padding-left: 10px; padding-right: 10px;}



/* Bottom navigation*/
#copyright {
	float: left;
	display: block; width: auto;
	padding-left: 8px;
}

#bottomnav {
	float: right;
	display: block; width: auto;
	padding-right: 8px;
}

.footer		{color: #ffffff; font-size: 8pt;}

a.footer:link		{color: #ffffff; text-decoration: none;}
a.footer:active	{color: #ffffff; text-decoration: none;}
a.footer:visited	{color: #ffffff; text-decoration: none;}
a.footer:hover		{color: #c5c7cd; text-decoration: none;}



/*Top rollover navigation*/
#nav, #nav ul { 
	padding: 0; list-style: none; margin:0; width:auto;}

#nav a { text-decoration: none; }
#nav li   {float: right;}
#nav li a { color: #ffffff; width: auto; padding-right: 20px; font-size: 13pt;}
#nav li a:hover  {color: #d60431;}

.navtext {color: #ffffff; font-size: 13pt; padding-right: 20pt;}

#nav li ul {
	position: absolute;
	background: #c5c7cd;
	margin: 0 0 0 0;
	*margin: 15pt 0 0 -75pt;
	padding-bottom: 4px;
	width: 125pt;
	left: -999em; 
}

#nav li ul li { float: left; display: block; margin: 2pt 0 2pt 4pt;}

#nav li ul a { color: #3f475b; display: block; font-size: 11pt; width: 120pt;}

#nav li ul a:hover { color: #ed1b2e;}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {left: auto; }



/*Product rollover navigation*/
#prodnav, #prodnav ul { 
	padding-left: 40px; *padding-left: 0px; list-style: none; margin:0; width:130px;}

#prodnav a { text-decoration: none; }
#prodnav li   {float: left;}
#prodnav li a { color: #3f475b; width: auto; font-size: 11pt}
#prodnav li a:hover  {color: #d60431;}

.prodnavtext {color: #3f475b; font-size: 13pt; width: 120px; *width: 124px; padding-right: 8px; *padding-right: 0px; border-bottom: 1px solid #ffffff;}

.products {color: #ffffff; font-size: 13pt; padding-left: 18pt; font-weight: bold;}

#prodnav li ul {
	position: absolute;
	background: #3f475b;
	margin: -15px 0 0 125px;
	*margin: 0 0 0 5pt;
	padding: 0; padding-bottom: 4px;
	width: 120px;
	left: -999em; 
}

#prodnav li ul li { float: left; display: block; margin: 2pt 0 2pt 4pt}

#prodnav li ul a { color: #ffffff; display: block; font-size: 11pt; width: 115px;}

#prodnav li ul a:hover { color: #c5c7cd; background: #3f475b;}

#prodnav li:hover ul, #prodnav li li:hover ul, #prodnav li.sfhover2 ul, #prodnav li li.sfhover2 ul {left: auto;}

#prodnav li ul ul { /* third-level lists */
	position: absolute;
	background: #626a7d;
	margin: -40px 0 0 115px;
	*margin: -40px 0 0 85pt;
	padding: 0; padding-bottom: 4px;
	width: 150px;
	left: -999em; 
}

#prodnav li ul ul li { float: left; display: block; margin: 2px 0 0px 4px}

#prodnav li ul ul a { color: #ffffff; display: block; font-size: 10pt; width: 140px;}

#prodnav li ul ul a:hover { color: #c5c7cd; background: #626a7d;}

#prodnav li:hover ul ul, #prodnav li.sfhover2 ul ul {left: -999em;}
#prodnav li:hover ul, #prodnav li li:hover ul, #prodnav li.sfhover ul, #prodnav li li.sfhover2 ul {left: auto;}

#prodnav li:hover ul ul, #prodnav li:hover ul ul ul, #prodnav li:hover ul ul ul ul, #prodnav li.sfhover2 ul ul, #prodnav li.sfhover2 ul ul ul, #prodnav li.sfhover ul ul ul ul {     left: -999em; } 

#prodnav li:hover ul, #prodnav li li:hover ul, #prodnav li li li:hover ul, #prodnav li li li li:hover ul, #prodnav li.sfhover2 ul, #prodnav li li.sfhover2 ul, #prodnav li li li.sfhover2 ul, #prodnav li li li li.sfhover2 ul {     left: auto; }

/* -- DATASHEET STYLES -- */

#datasheet-side {
	width: 260px; /* most photos are 250px wide so 260 width gives good buffer */
	float: right; margin-left: 20px; margin-bottom: 10px;
	border: 1px #99877d solid;
	background-color: #ebe7e5;
}

#datasheet-side .photo {
	background-color: #fff;
	border-bottom: 1px #99877d solid;
	text-align: center;
	padding: 4px 0 0 0;
	font-size: 70%;
}

#datasheet-side h3 {
	padding-bottom: 2px;
	margin-left: 20px;
}

#datasheet-side ul {
	text-align: left;
	list-style-type: square; 
	margin: 0 0 0 34px; 
	padding: 0 0 0 0;
}

#datasheet-side li {
	text-align: left;
	list-style-type: square; 
	line-height: 1.2em;
	margin: 6px 0 6px 0; 
	padding: 0 0 0 0;
}

#datasheet-specs  {
	margin-top: 10px;
}

#datasheet-specs h4 {
	font-size: 90%;
	background-color: #ebe7e5;
	padding: 1px 1px 1px 4px;
	font-weight: bold;
	color: #000;
}

#datasheet-specs ul {
	text-align: left;
	list-style-type: square; 
	margin: 0 0 0 20px; 
	padding: 0 0 0 0;
}

#datasheet-specs li {
	font-size: 80%;
	text-align: left;
	list-style-type: square; 
	line-height: 1.1em;
	margin: 6px 0 6px 0; 
	padding: 0 0 0 0;
}

#order-info {
	border: 1px solid #99877d;
	padding: 4px;
} 
#order-info th {
	font-size: 74%;
	font-weight: bold;
	background-color: #fff;
	text-align: left;
}
#order-info td {
	font-size: 74%;
	background-color: #ebe7e5;
	margin-left: 10px;
}