body {
background-color: #a4a4a4; 
color: #31271f; 
font-family: Arial,verdana,sans-serif; 
margin: 0; padding; 0;
}

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

h1	{font-size: 22pt; color: #ed1b2e; font-weight: normal; line-height: 120%; border-bottom: 1px solid #99877d; margin-top: 0;}

h2	{font-size: 16pt; color: #274969; line-height: 120%; font-weight: bold; margin-bottom: 0;}

h3	{font-size: 14pt; color: #000000; line-height: 120%; 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;}

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



/* Home Page */

#maintable {
	 text-align:center; 
	 background-color:#ffffff;
	 margin: 0 auto;
	 padding: 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;
}

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

#search { float: right; padding-top: 5px; padding-right: 5px; padding-top: 14px; margin: 0; font-size: 8pt;}

#search input.checkbox { font-size: 8pt; font-style: italic;}
	 
#prod_bkgrnd {
	margin: 0;
}

#home {
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

#home p {
	font-size: 12pt;
	color: #333333;
	padding-right: 20px;
}

#home2 {
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}


#productnav {
	background-color: #fff7ed;
	border: 1px solid #a68f76;
	width: 280px;
	padding: 10px;
}

#productnav h2	{
	color: #274969; 
	font-size: 12pt; 
	border-bottom: 1px solid #93a0ab;
	margin-bottom: 10px;
}

#productnav p {
	margin-bottom: 0;
	color: #000;
	font-size: 10pt;
}

#productnav a:link, #productnav a:active, #productnav a:visited	{
	color: #000;
	text-decoration: none;
}

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


#quote {
	background-color: #bec8d2;
	border: 1px solid #274969;
	width: 280px;
	padding: 20px;
}

#quote p {
	font-size: 9.5pt;
	color: #274969;
	margin: 0;
}


#newsblock {
	background-color: #fff7ed;
	border: 1px solid #a68f76;
	width: 280px;
	color: #000;
	padding: 10px;
}

#newsblock h2	{
	color: #274969; 
	font-size: 12pt; 
	border-bottom: 1px solid #93a0ab;
}

#newsblock a:link, #newsblock a:active, #newsblock a:visited	{
	color: #000;
	text-decoration: none;
}

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

#newsblock p	{
	color: #000; 
	font-weight: bold;
	font-size: 9pt;
 }

#newsblock .date { 
	color: #000; 
	font-size: 9pt;
	font-weight: normal;
}

#quote2 {
	clear: both;
	padding-top: 60px; 
	padding-left: 8px; 
	padding-right: 8px; 
	padding-bottom: 10px; 
	font-size: 8pt; 
	color: #274969;
}

#sidebar {
	background-color:#fff7ed;
	width: 170px;
	padding-top: 12pt;
}

#content {
	padding-left: 34px; 
	padding-right: 34px;
	padding-top: 12px;
	width: 815px
}




/* 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*/
#btmfooter {
	background-color: #274969;
}

#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: 7pt;}

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: #ed1b2e; text-decoration: none;}

.topline {border-top: 3px solid #274969; *border-top: 2px solid #274969;}



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

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

.navtext {color: #ffffff; font-size: 12pt; padding-right: 20pt; margin-right: -5px;}
.nav {padding-top: 1px;}

#nav li ul {
	position: absolute;
	background: #c5c7cd;
	margin: 0px 0 0 0;
	*margin: 20px 0 0 -100px;
	padding-bottom: 4px;
	width: 150px;
	left: -999em; 
}

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

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

#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: 50px; *padding-left: 0px; list-style: none; margin:0; width:120px; *width:160px;}

#prodnav a { text-decoration: none; }
#prodnav li   {float: left;}
#prodnav li a { color: #000; width: auto; margin-left: -20px; *margin-left: 28px; font-size: 9.5pt;}
#prodnav li a:hover  {color: #ed1b2e;}

.prodnavtext {color: #000; width: 120px; *width: 124px; padding-right: 18px; *padding-right: 0px; font-weight: bold; margin-left: -30px; *margin-left: 18px;}

.products {color: #274969; font-size: 12pt; padding-left: 18px; font-weight: bold; margin-bottom: 10px;}

.products2 {color: #274969; font-size: 12pt; padding-left: 108pt; font-weight: bold; border-bottom: 1px solid #93a0ab;
}

#prodnav li ul {
	position: absolute;
	background: #a68f76;
	margin: -60px 0 0 60px;
	*margin: -60px 0 0 -5px;
	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: #000; display: block; margin-left: 0px; *margin-left: 5px; width: 115px;}

#prodnav li ul a:hover { color: #fff; background: #a68f76;}

#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: #a68f76;
	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;
}