/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
*/
/* Hides from IE-mac \*/
/** html .clearfix {height: 1%;}*/
/* End hide from IE-mac */

/* SNIP******************************************** */
* html body{ margin:0; padding:0; }
#footer { position: relative;}
BODY {
	font-family: Arial, sans-serif; text-align:center;
}
 .greybox {
 	background: #E9E3EE;
 }
.style21 {
	font-size: x-small;
	font-weight: bold;
}
div#maincol { margin-left:auto; margin-right:auto; text-align:left; width:985px;} 
.selfpromostub{
	width: 150px;
	height: 300px;
	background-color: #ccd1ff;
	font-varient:italic;
	color: #8899bb;
	font-size:18pt;
	vertical-align: center;
	}
.navlink_r {
	text-align: left;
	padding: 15px 20px 15px 14px;
	width: 226px;
	height: 30px;
	background-image: url(../images/navlinkr.jpg);
	float: right;
	font-size: 14px;
	margin: 10px 0 10px 0;
	}
.navlink_l {
	text-align: right;
	padding: 15px 14px 15px 20px;
	width: 226px;
	height: 30px;
	background-image: url(../images/navlinkl.jpg);
	background-repeat: none;
	float: left;
	font-size: 14px;
	margin: 10px 0 10px 0;
	}
.headlineDate {
	font-size:9px; font-weight:bold; border-bottom: 1px solid #888; padding: 0px 0 1px 2px; line-height:10px; background: #ddd; margin: 0 0 0 0;
}
.quickBlog { font-size: 11px; padding: 1px 3px 5px 10px;
}
 #footer { color:#8cf; clear:both;
background-color:#eee; position:relative;
font-family: Verdana, Arial, sans-serif; margin-top: 8px; float: left; 
}
.leaderboard { /*margin-left: -12px; margin-top: -14px;padding-left:0; */}
.debug {background:#fff; z-index:-5; float:left; border: 1px solid red;	position: absolute; top: 0px; left: 0px;} 
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10pt; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }
BODY { background: #ffffff; color: #000000; margin: 0px; }
A { color: #000000; text-decoration: none; }
A:hover { color: #AABBDD;  text-decoration: underline; }
 FORM { display: inline; }
TR.header {   background: #ffffff; }
TR.headerNavigation {  background: #acf; }
TD.headerNavigation { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #acf; color: #003; font-weight : bold; padding-bottom: 3px; }
A.headerNavigation { color: #003; padding-bottom: 3px; font-size:9pt; }
A.headerNavigation:hover { color: #800; }
TR.headerError { background: #ff0000; }
TD.headerError { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #ff0000; color: #ffffff; font-weight : bold; text-align : center;}
TR.headerInfo { background: #00ff00; }
TD.headerInfo { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #00ff00; color: #ffffff; font-weight: bold;  text-align: center; }
TR.footer { background: #bbc3d3; }
TD.footer { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #bbc3d3;  color: #ffffff; font-weight: bold; }
.infoBox { background: #ccf; }
.infoBoxContents { background: #f8f8f9; font-family: Verdana, Arial, sans-serif; font-size: 10px;}
.infoBoxNotice { background: #FF8E90; }
.infoBoxNoticeContents { background: #FFE6E6; font-family: Verdana, Arial, sans-serif; font-size: 10px;}
.infoBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold;  background: #acf;  color: #003; padding: 0px 0px 0px 4px; margin: 0px;}
.infoBoxHeading img { margin-left: -4px; }
TD.infoBox, SPAN.infoBox { font-family: Verdana, Arial, sans-serif; font-size: 10px;}
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, 
TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, 
TR.upcomingProducts-odd, TR.shippingOptions-odd {  background: #f8f8f9;}
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, 
TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, 
TR.shippingOptions-even {  background: #f8f8f9;}
TABLE.productListing { border: 1px; border-style: solid; border-color: #b6b7cb; }
.productListing-heading { font-family: Verdana, Arial, sans-serif;   background: #b6b7cb;  color: #FFFFFF;  font-weight: bold;}
TD.productListing-data { font-family: Verdana, Arial, sans-serif; }
A.pageResults { color: #0000FF;}
A.pageResults:hover { color: #0000FF; background: #FFFF33;}
TD.pageHeading, DIV.pageHeading { font-family: Verdana, Arial, sans-serif; font-size: 20px; font-weight: bold;  color: #003;}
TR.subBar {  background: #f4f7fd;}
TD.subBar { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000;}
TD.main, P.main { font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 1.5;}
TD.smallText, SPAN.smallText, P.smallText { font-family: Verdana, Arial, sans-serif; font-size: 10pt;}
TD.accountCategory { font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #aabbdd;}
TD.fieldKey { font-family: Verdana, Arial, sans-serif;  font-size: 12px;  font-weight: bold;}
TD.fieldValue { font-family: Verdana, Arial, sans-serif; font-size: 12px;}
TD.tableHeading { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold;}
SPAN.newItemInCart { font-family: Verdana, Arial, sans-serif;  font-size: 10px; color: #ff0000; }
CHECKBOX, INPUT, RADIO, SELECT { font-family: Verdana, Arial, sans-serif;  font-size: 11px; }
TEXTAREA {  width: 100%; font-family: Verdana, Arial, sans-serif; font-size: 11px; }
SPAN.greetUser {font-family: Verdana, Arial, sans-serif; font-size: 12px;  color: #f0a480; font-weight: bold;}
TABLE.formArea { background: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 1px; }
TD.formAreaTitle { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; }
SPAN.markProductOutOfStock { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; color: #c76170; font-weight: bold; }
SPAN.productSpecialPrice { font-family: Verdana, Arial, sans-serif; color: #ff0000; }
SPAN.errorText { font-family: Verdana, Arial, sans-serif; color: #ff0000; }
.moduleRow { }
.moduleRowOver { background-color: #D7E9F7;  }
.moduleRowSelected { background-color: #E9F4FC; }
.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }
.boxcontent {
	font-family: Verdana, Arial, sans-serif; font-size: 10px;
	}
.boxsep {background: white url(../images/boxgrad.gif) top repeat-x; width:24px; }
.downloadbox { background: #3bF; margin:42px 8px 0px 15px; }
.download {float:left; margin: 10px 10px 10px 0px;}
.downloadright {float:right; margin: 10px 10px 10px 0px;}
.download H3 {border-bottom:none;}
.downloadright H3  {border-bottom:none;}

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

/* BEGIN IMATEST PAGE STYLES */
div#header {width: 980px; position: relative; margin-left: auto; margin-right: auto; text-align: left; background-color: white;  height: 90px; background: url(../images/header_new1.jpg) no-repeat; overflow:hidden;} 
#logo {  height: 90px; width:396px; clear: none; float:left; margin: 0 0 0 0; padding: 0 0 0 0; }
#logo a img { margin-top: 0px; padding-top: 0px; }
img { margin: 0px 0px 0px 0px; }
#topper { width: 582px;  float: right;height: 90px; overflow:hidden; margin: 0 0 0 0; padding: 0 0 0 0; } /* background-image: url(../images/topgradback.jpg) */
#headline { height:52px; width:575px;  clear: both;}
#login { width: 372px; float: left; top:0px; height:31; text-align:center; padding-top:3px;}
.horizdiv { color: #bbb;  }
#search { width: 210; height:31; text-align: right;  float: right;margin-top:3px;}
.navleft {float:left; background: url(../images/navleft.jpg); height: 35px; width: 11px; overflow:visible; z-index: 6; background-position: top left;margin: 0 0 0 0; padding: 0 0 0 0;}
.navright {float:right; background: url(../images/navright.jpg); height: 35px; width: 11px; overflow:visible; z-index: 6; background-position: top left;margin: 0 0 0 0; padding: 0 0 0 0;}
#navtableft {float:left; background: url(../images/navleftsel.jpg); height: 35px; width: 11px; overflow:visible; z-index: 6; background-position: top left;margin: 0 0 0 0; padding: 0 0 0 0;}
#navtabright {float:right; background: url(../images/navrightsel.jpg); height: 35px; width: 11px; overflow:visible; z-index: 6; background-position: top right;margin: 0 0 0 0; padding: 0 0 0 0;}

div.topnav { height: 35px; background: black url(../images/navb.jpg) top repeat-x; width: 985px; clear:both; text-align: center; position: relative; margin-left: auto; margin-right:auto;}

.footer { height: 35px; background: black url(../images/navb.jpg) top repeat-x; width: 985px; clear:both; text-align: center; position: relative; padding-left: -490px; left:50%;}

div {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.topnavtabs { background: #000 url(../images/navb.jpg) top repeat-x;  margin: 0 0px 0 auto; padding: 0; display: block; width: 100%;}
.topnav ul {  font: 14px Verdana, sans-serif; vertical-align: bottom;
    height: 35px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  z-index: 5;  width: 100%; text-align: center;}
 .navtab {  white-space: nowrap; height: 35px; display:block; }
 .navtab  a:link, .navtab  a:visited { clear: none;  padding: 5px 0px 0px 0px; margin-top:5px;}
li.navtab {padding: 5px 0 0 0; margin-top: 5px;}
.topnav ul li {background: black url(../images/navb.jpg) top repeat-x; display: inline;
    margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 35px; vertical-align: middle; 
     text-align: center ; width: 159px; float:left;}
.topnav a { color: #eef; vertical-align: middle; height:35px; width: 159px; display: inline;
	 margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; clear: none;}
.topnav a:link, .topnav .navtab a:visited { color: #eef; padding: 5px 0px 0px 0px;
	vertical-align:bottom; height: 35px; width: 159px; line-height: 27px;}
.topnav a.current:link, .topnav .navtab a.current:visited { float: left; color: #000;
	background: #78a url(../images/navbsel.jpg) top repeat-x; text-decoration: none; height:35px; 
	vertical-align:bottom; font-size:1.3em; width: 137px; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; display:inline;}
.topnav a:hover { color: #eef; font-weight: bold;
	text-decoration: underline; background-position: top; height:35px; vertical-align: middle; margin: 0px;}
div #subnav  { width: 169px; vertical-align: middle; padding: 0px 0px 0px 0px; margin: 0px 0px 15px 0px; }
#subnav { clear: both; font: bold 13px Verdana, sans-serif; vertical-align: bottom;
    margin: 0px 0px 10px 0px; padding: 10px 0px 10px 0px;  z-index: 0; background: #acf; width: 169px;  
    
    }
div #subnavtabs { width: 169px; padding: 0 0 0 0;  margin: 0 0 0 0;  overflow:hidden;  	background: #acf;}
.subnav, .subnav_current { vertical-align:middle; width: 169px; padding: 0px 0px 0px 5px; margin: 0px 0px 0px 0px; }
.subnav ul {
	margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; list-style: none; 
	}
ul.subnavpane {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px; width: 169px;list-style-position:outside;} 
LI.subnav {
	margin: 0; padding: 2px 0px 2px 0px; 
	width: 169px;
	}
ul.subnavpane { list-style-type:none;
	display: inline;
	margin: 0; padding: 0;
	width: 169px;
	}
LI.subnav_current {
	 margin: 0; padding: 0 0 0 5px; width:160px;
	}
ul.subnavpane LI.subnav_selected a:link {
	 margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px;
	color: #004;
	width: 169px;
	}
.subnav a { color: #eef; vertical-align: middle; padding: 5px 0px 5px 5px; margin: 0px 0px 0px 0px;
	width: auto;}
.subnav a:link, #subnav .subnav a:visited { color: #003; 
	text-decoration: underline; vertical-align: middle; }
.subnav a:hover { color: #800; }
	
	
.subnav_current a:link, #subnav .subnav_current a:visited {color: #000;
	 text-decoration: none;  
	vertical-align:bottom; 
	font-size: 1.1em;
	padding: 0px 0px 0px 5px;
	text-indent:0px;
	  }

LI.subnav_current { background-color: #def;
	  margin: 15px 0px 0px 0px;
	  padding: 10px 0px 5px 5px;
	  font-size: 1.2em;
	  width: 169px;
	  
	}
LI.subnav_current a:link, LI.subnav_current a:visited {
	color: #003;
}
.subnav a:hover { color: #eef; text-decoration: underline;
	background-position: bottom; vertical-align: middle; }
.subnavpane {

	}
	
.submenu {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 166px;
}
LI.submenu ul {
	background: #eeefff;
	list-style-type: none;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	width: 169px;
}
LI.submenu_current ul {
	list-style-type: none;
	padding: 2px 0px 3px 0px;
	margin: 0px 0px 0px 0px;
	width: 169px;
}
LI.submenu {
	padding: 0 0px 1px 0px;
	margin: 0px 0px 0px 0px;
	width: 169px;
}
.submenu .submenu_current {
	padding: 1px 0px 1px 0px;
	margin: 5px 0px 0px 0px;
	width: 162px;
}
LI.submenu ul LI.submenu {
	padding: 5px 0 5px 0px;
}                          
.submenu LI.submenu_current { 
	  padding: 5px 0px 5px 5px;
	  margin: 0px 0px 0px 0px;
	background-color: #004;
	  width: 162px;
	  font-weight: bold;
	  font-size: 1.1em;
	}
.submenu LI.submenu a:link, #subnav LI.submenu a:visited {
	padding: 12px;
}
.submenu LI.submenu_current a:link, #subnav LI.submenu_current a:visited {
	/* color: #cef;*/
	text-decoration: none;  
	vertical-align:bottom; font-size: 1em;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
}
LI.submenu UL LI.submenu_current a:link, LI.submenu UL LI.submenu_current  a:visited {
	color: #cef;
	padding: 0 0 0 7px;
	width: 162px;
}
.submenu a:hover {
	color: #a00;
	text-decoration: underline;  
	font-size: 1em;
}
.nospace {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	
	}
.hidden {display: none;}
#leftnav UL { margin-left: 0px; padding-left: 0px; z-index: 1; width: 140px; border-top: 1px black solid;; }
#leftnav LI {background: #eef;}
#leftnav LI A { display: block; text-decoration: none;  } 

/* #main {width: 700px; background-color: #fff; z-index: 0;
        border-left: 1px black solid; padding: 0px; border-top:1px solid black; 
        border-right: 1px solid black; border-top: 1px solid black; margin-left: 50%; left: -340px;  clear:both; position: relative; float:left;}
#mainwide {width: 980px;}
#maintop { margin:0 ;padding:0; width:100%; } */
#leftnav { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-weight: normal; font-size: 9pt; }
#leftnav UL { width: 140px; text-indent: 0em; padding: 0em 0em 0em 0em; margin: 0em 0em 1em 1em; }
#leftnav LI { list-style: none; text-indent: 0em; margin: 0em 0em 0em 0em; padding: 0.2em 0em 0.3em 1em; }
.leftsubnav  { list-style-type: none; font-size: 8pt; background-color: #B9C8DC;
			padding: 0px 0px 0px 0px;  
			margin: 1px 1px 1px 1px; padding: 0px; z-index: 2; font-weight: bold; width: 185px; }
.leftsubnav UL {  width: 185px; margin: 0em 0em 0em 0em; padding: 0px 0px 0px 0px;
				list-style-type: none; text-indent: 0em; position: relative; 
				top: -10px; left: 50%; list-style-type: none; }
.leftsubnav LI { position:relative; list-style-type:none; padding:0; margin:0; width:185px;}
.leftsubnav LI A { margin:0px 0px 0px 0px;  text-decoration: none;
			list-style-type: none; display: block; padding: .2em 1.2em .2em 1.2em;
			width: 185px; height: 14px;}
.leftsubnav A:hover {  background-color: #C8D8EE; text-decoration: underline; width: 185px; margin:0px 0px 0px 0px; }
.leftsubnav A:visited { font-weight: normal; text-decoration: none; margin:0px 0px 0px 0px; }
.leftsubnav A:link { font-weight: normal; text-decoration: none; padding: .2em 1.2em .2em 1.2em; width: 185px; margin:0px 0px 0px 0px; }

.boxtext { margin: 3px 5px 3px 5px; line-height:1.6em;}
.boxtext H2 { font-size: 16pt; }
.boxtext H3 { font-size: 14pt; }
H3 {border-bottom: 1px solid #bbb;}
.boxtext ul { margin-left: 0px; padding-left: 0px; line-height: 1.3em; list-style-type: circle;} 
.boxtext li { margin: 2px 5px 1px 10px;} 
H5 { margin: 15px 15px 15px 15px; line-height: 1.7em; font-size: .95em; text-align: justify; font-weight: normals;}
/* P { margin-left: 12px; margin-right: 8px;} */
.equation {margin:5pt; text-indent: 5em; background:white; border-top:solid 1pt #BBB; border-bottom:solid 1pt #BBB; padding:5pt;color:black;}
.geek {background-color:#EFE; color: #060; border: Solid 1pt #060; padding:4pt; text-align: left; margin-left: 10pt; margin-right: 10pt;} 
.geek strong {font-style: italic; color: #060; } 
.geek H2 {background:#060;margin-top:-5pt;margin-left:-5pt;margin-right:-5pt;}
.code {font-family: arial,helvetica,sans-serif; }
.module {font-family: arial,helvetica,sans-serif;font-style: italic; color: #660000; font-weight: bold; }
.arialhelv {font-family: arial,helvetica,sans-serif; }
.quote {background-color:#FFFADE; color: black; font-size: smaller; margin: 15px; padding-right: 10px; padding:15px; font-family: arial,helvetica,sans-serif; }
.saying {margin: 10px; text-align: left; font-weight: bold; font-size: larger;}
.byline {text-align:right; margin-top: 15px; font-style: italic;}
div.toc { margin-top: 42px; }
.toc {font-family:arial,helvetica,sans-serif;background-color:white; width:14em; border-style:solid ;border-color:black;border-width:2px; margin:4px 4px 4px 4px; padding:0px 0px 0px 0px;font-size:9pt; font-style:normal;}
.toc .title {font-size:10pt;font-weight:bold;color:white;background-color:black;padding:2px 0px 2px 0px; text-transform:uppercase;text-align:center;}
.toc .title A {color: white;background-color:black;}
.toc .title A:visited {color: white;background-color:black;}
.toc .title A:active {color: red;background-color:black;}
.toc .title A:hover {color: white;background-color:black;}
.toc A {text-indent:2px;background-color:#e8e8ff; display:block ;text-decoration:none;border:none; margin:1px 0px 2px 0px;  padding: 1px 1px 1px 3px; border: 0px; }

/* padding:5px 0px 5px 7px; */

.toc A:hover { background-color:white;text-decoration:underline;  margin:1px 0px 2px 0px; }
acronym {font-family: arial,helvetica,sans-serif; font-weight: bold; background-color: #f9f9f9;  padding: 2px; border: solid 1px #666666; border-bottom: solid 2px #666666;  border-right: solid 2px #666666; }
.small {font-size: smaller; font-family: arial,helvetica,sans-serif;}
.smallredbold {font-size: smaller; font-family: arial,helvetica,sans-serif; font-weight:bold; color:#990000;}
.smallbold {font-size: smaller; font-family: arial,helvetica,sans-serif; font-weight:bold;}
.emphasis {font-family: arial,helvetica,sans-serif; font-weight:bold;}
.important {font-family: arial,helvetica,sans-serif; font-weight: bold; font-size: larger;}
.cyan { color: #3366FF; }
.green { color: #006600; }
.tan {background-color: #fffaf0; border-style: solid; border-color: #000099 #000099 #000099 #000099; outline-width: 1px; border: solid 2px; border-collapse: collapse;}
.tan TD {border: solid 1px; padding: 3px; background-color: #fffaf0; background:  #fffaf0;}
.tan TH {color: white; background-color: #660000; font-size: smaller; padding:2px; }
.teal { border-style: ridge; border-color: #000099 #000099 #000099 #000099; outline-width: 1px; border: solid 2px; border-collapse: collapse;  color: #000099; background-color: #E9F0FF; }
.teal TD {border: ridge 1px; font-size: smaller; background-color: #fffaf0; background-color:  #fffaf0; padding: 15px;}
.teal TH {border: ridge 1px; color: #000099; background-color: #E9F0FF; padding:6px; margin:5px;}
.red {color:#990000; }
.magenta {color:#993366; }
.good {color: #006600; font-family: arial,helvetica,sans-serif; font-weight: bold; background-color: #ccffcc; }
.bad {color: #660000; font-family: arial,helvetica,sans-serif; font-weight: bold; background-color: #ffcccc; }
.highlight {font-family: Comic Sans MS,verdana,arial,helvetica,sans-serif; color: #000099; text-align: left; border-style: solid; border-color: #3366FF; background-color: #F0FAFF; width:80%; padding: 6px; } 
.highlight strong {color: #000099; }
.result {color: white; background-color: black; text-align: center; font-size: larger; font-family: arial,helvetica,sans-serif; }
.blue {color: #3333FF; font-weight: bold; }
.darkblue {color: #ffffff; background-color: #000099; }
.darkblue TH {color: #ffffff; background-color: #000099; }
.darkblue TD {color: #ffffff; background-color: #000099; }
.infotable { border: outset 2px; border-collapse: collapse; }
.infotable TD {border: ridge 1px; padding: 3px; font-size: smaller; font-family: Arial,Helvetica,sans-serif; vertical-align: middle;}
.infotable TH {border: solid 1px; padding:2px; font-family: Arial,Helvetica,sans-serif;}
.button {font-family: Arial,Helvetica,sans-serif; font-weight: bold; background-color: #dddddd; padding-left: 4px; padding-right: 4px; border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #808080; border-bottom:1px solid #000000; }
.newsletterButton { width: 120px; background-color:#cfc; color: #080; padding-top: 6px; padding-bottom: 6px;}
.unsubscribeButton { width: 120px; background-color: #eee;  color: #888; margin-top: 6px; margin-bottom: 6px;}
.warning {color: #990000; }
.caution { color: black;  font-size: smaller; font-family: arial,helvetica,sans-serif; background-image:url(../images/ceramic_lt_magenta_bkgnd.jpg); margin: 15px; padding: 10px; vertical-align: top;}
.caution strong {text-decoration: underline;}
.caution h4 { font-size: larger; color: #990000 } 
.navcontainer { padding: 0px; margin: 0px 0px 3px 0px; height:30px; vertical-align:bottom;}
.navcontainer td {vertical-align:middle; } 
.footmsg { font-size: 7pt; }
A:link { FONT-FAMILY: Arial, Helvetica, sans-serif;COLOR: #333333;TEXT-DECORATION: underline; font-variant: normal; font-weight : bold;}
A:active { FONT-FAMILY: Arial, Helvetica, sans-serif;COLOR: #333333; TEXT-DECORATION: underline; font-variant: normal; font-weight: bold;}
A:visited { FONT-FAMILY: Arial, Helvetica, sans-serif;COLOR: #333333; TEXT-DECORATION: underline ;font-variant: normal; font-weight: bold;}
A:hover { FONT-FAMILY: Arial, Helvetica, sans-serif;COLOR: #1E90FF; TEXT-DECORATION: underline; font-variant: normal; font-weight: bold;}
H1,H2,H3,H4,H5,H6 {font-family: Arial,Helvetica,sans-serif; font-weight: bold; color: #000; }
H1 { background-image:url(../images/ceramic_verylt_blue_bkgnd.jpg); margin-top: 5px; margin-left: 10px; margin-right: 0px; margin-bottom:10px; text-indent: 20px; border-bottom: ridge 3px #000066;}
H2 { padding: 2px 0px 2px 5px; margin: 10px 8px 10px 0px; border-bottom: ridge 2px #000066; background: white url(../images/h2.gif) bottom repeat-x;}
H3,H4 {margin-top: 10px;  margin-left: 10px; margin-bottom: 10px; margin-right: 0px}
H3.underline {margin-left: 12px; margin-top: 8px; margin-bottom: 5px;  padding-bottom: 2px; border-bottom: ridge 2px #000066; margin-right: 40px;}
H4.underline {margin-left: 12px; margin-top: 8px; margin-bottom: 5px;  padding-bottom: 2px; border-bottom: ridge 2px #000066; margin-right: 60px;}
H1.header{text-indent:0px; margin-right: 1em; font-size: 20pt; top: -2px; margin-top: 0px; margin-bottom: 0px; background-image:none; border:none; padding: 0px; text-align:right; }
H2.subtitle{text-indent:0px; margin-right: 1em; font-size: 12pt; background-image:none; background-color: transparent; margin-top:1px; margin-bottom:2px; padding: 0px; border:none; text-align:right;}
LI {margin-top: 6px; margin-left: 16px; }
dt {margin-left: 2em; FONT-FAMILY: Arial, Helvetica, sans-serif; font-weight: bold; font-size: larger; }
dd {margin-left: 4em; margin-bottom: 1em;}
#hidden { display: none; }
.prodimage {margin-right:25px; margin-bottom:25px;} 
.product { margin: .5em; padding: .2em ; clear: right;}
.product P { margin-right: 1em; }
.product H3 { margin-top:0em; border-bottom: 2px #488 solid; font-size: 1.4em; background-image: url('/images/prodgrad.jpg')}
.purchaseRestriction { background-color: #ffc; margin: .5em 2em .5em 1em; padding: 0.2em 0.2em 1em 0.2em; border: 1px #000 solid; clear: both; }
.training { background: #FFD; padding: 8px 8px 8px 8px; text-align: center}
.announce { background: #DFF; padding: 8px 8px 8px 8px; text-align: center}
.purchaseLinks {  float: right; text-align: right;  margin-left: 1em; }
.purchaseLinks A:link {font-weight: normal; } 
.purchaseLinks A:active {font-weight: normal; }
.purchaseLinks A:visited {font-weight: normal; }
.moreinfo { margin: 0em 0em 0em 5em; font-style: italic; font-weight: normal; }
.moreinfo A:link {text-decoration: none;}
.moreinfo A:active {text-decoration: none;}
.moreinfo A:visited {text-decoration: none;}
.purchaseNav { width: auto; }
.purchaseNav LI { display: inline; width: auto; }
.productSelect { float: right; font-weight: bold; margin: 1em; color:#080; font-family: arial,helvetica; }
.selected { margin: 0.5em;  padding: 0.5em; }
A.selected:link { text-decoration: none; background: #000; color: #fff; }
A.selected:active { text-decoration: none; background: #000; color: #fff; }
A.selected:visited { text-decoration: none; background: #000; color: #fff; }

.iconitem { color: #333; 	width: 100px; 	height: 95px; 	margin: 2px 5px 2px 5px;
	padding: 2px 5px 2px 5px; 	background-color: none;  font-family: arial,helvetica; font-weight:bold; 
	text-align:center; font-size: 11pt; }
.iconitem img, .iconitemhover img {border:none;}
.iconbox {height: 500px;}
.iconitemhover {color: #000; width: 100px; height: 95px; cursor: pointer; margin: 2px 5px 2px 5px;
	padding: 1px 4px 1px 4px; border: 1px dashed #888; font-family: arial,helvetica; font-weight:bold;
	text-align:center; font-size: 11pt; text-decoration: underline; }
.qfitem { color: #333; width: 100px; height: 95px; margin: 1px 3px 2px 1px; padding: 1px 3px 2px 1px;
	background-color: none; font-family: arial,helvetica; font-weight:bold; text-align:center; font-size: 9pt;}
.qfitemhover {color: #000; width: 100px; height: 95px; cursor: pointer; border: 1px dashed #888; 
	margin: 1px 3px 2px 1px; padding: 0px 2px 1px 0px; background-color: none; font-family: arial,helvetica;
	font-weight:bold; text-align:center; font-size: 9pt; text-decoration: underline; }
#boxdesc { margin-right: 10px; }
strong, .strong { font-weight:bold; }
em, .em { font-style:italic; }
u, .u { text-decoration:underline; }
.left { float:left; }
.right { float:right; }
.allcaps { text-transform:uppercase; }
.capitalize { text-transform:capitalize; }
.lowercase { text-transform:lowercase; }
.left-align { text-align:left; }
.right-align { text-align:right; }
/*** Begin Quotes ***/
.quotesBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
}
.quotesLink {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
A.quotesLink {
  color: #cc0000;
  text-decoration: underline;
}

A.quotesLink:hover {
  color: #AABBDD;
  text-decoration: underline;
}
/*** End Quotes ***/
/* BOF osC reCAPTCHA */
.recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color: #f8f8f9 !important; /* reCaptcha widget background color */
}

#recaptcha_table {
   border-color: #f8f8f9 !important;     /* reCaptcha widget border color */
}

#recaptcha_response_field {
   border-color: #b6b7cb !important;     /* Text input field border color */
   background-color:#ffffff !important;  /* Text input field background color */
   color: #000000                        /* Text input field font color */
}
/* EOF osC reCAPTCHA */
.jumpbox {
width:220px; border-left: 1px solid #888; border-bottom: 1px solid #888; padding: 10px 5px 10px 10px; margin: 0px 5px 0px 10px; text-align: center; 
}
.jumpbox A:hover H4 { text-decoration: underline; }
.jumpbox A { text-decoration: none; color: #aaa; }
.padded_image { margin: 0px 10px 5px 10px; font-weight: bold; text-align: center;}
.padded_image img { margin-bottom: 5px; }