html, body { padding: 0; margin: 0; }
body { font: 13pt Arial, Helvetica, sans-serif; background: white; }
#ann { background: white; border: 5px dashed #6daa49; margin: 3px; padding: 3px; }
#main { background: #ffffcc; margin: 0; border: 2px solid blue; } 

#header { height: 175px; background: #ffffff; margin: 0; padding: 0px 0px 3px 0px; text-align: center; border-bottom: blue 1px solid; }
#header h1, h1 { margin: 0; color: #0c60cd; padding: 5px 0 0 0; font: 30pt Arial, Helvetica, sans-serif; text-align: center; }

.red { color: #d12124; }

.headmenu { position: absolute; top: 171px; right: 15px; background: #ffffcc; margin: 0; padding: 2px 5px 2px 5px; text-align: center; font-weight: bold; border: 1px solid blue; }
.headmenu a:link, .headmenu a:visited, .headmenu a:hover { padding: 0 8px 0 8px; font-weight: bold; text-decoration: none; color: blue; }
.headmenu a:hover { color: #6daa49; text-decoration: none; }
.cart { display: inline; margin: 0; }
#header>.headmenu { top: 166px; } /* fixes box model problem in IE */

.btn { position: relative; top: 0; left: -25px; list-style: url(none) none; }
.order { display: inline; position: relative; top: 8px; }
.btncenter { text-align: center; }

#left { position: relative; float: left; left: 2px; padding: 5px 0 0 0; margin: 0; list-style-type: none; color: blue; font-weight: bold; text-align: center; width: 205px; background-color: #ffffcc; }
.menu { padding: 0 0 5px 0px; margin: -3px 0 0 0; list-style-type: none; font: bold 11pt  Arial, Helvetica, sans-serif; }
.menu a:link, .menu a:visited { display: block; position: relative; line-height: 1.6; text-decoration: none; width: 205px; text-align: center; color: #3366cc; }
.menu a:hover { color: #6daa49; }

#container { background: #ffffcc; margin-left: 200px; line-height: 1.15; }
.content { background: #ffffff; border-left: blue 1px solid; margin: 0 0 0 10px; padding: 3px 10px 15px 10px; position: relative; }

.form { background: #ffffcc; }

#left p { color: #6daa49; }
p { padding: 12px 0 3px 0; margin: 0; }

.pad { padding-left: 10px; }

.faq li { line-height: 1.5; list-style: url(images/star-circle-bigger.gif) none inside; color: #00009c; }

.searchbox { padding: 0 0 4px 0; margin: 0; }
.search { padding: 0 0 2px 0; margin: 0; color: blue; }
.text { font: 14pt "Times New Roman", Times, serif; }
h2, h3 { text-align: center; color: #00009c; margin: 10px 0 0 0; }

#footer { margin: 0; background: #ffffff; padding: 0 0 5px 0; text-align: center; font-size: 10pt; border-top: 1px solid blue; }
.picright, .picleft { float: right; margin: 8px; position: relative; }
.picleft { float: left; margin-right: 23px; }
.center { text-align: center; }
.block /* use for productPageThumb.txt add width: 96% to contentop still doesn't quite work */
   { float: left; position: relative; margin: 0; padding: 5px; text-align: center; background: #fff; }
.pic { float: left; padding: 0; margin: 5px; position: relative; text-align: center; width: 165px; height: 165px; }

.clearboth { clear: both; margin: 0; padding: 0; }

.unique { padding: 0; text-align: center; }
.bor { border: solid blue 2px; padding: 3px 10px 3px 10px; }

/* do not use the table styles with commerce.cgi
table { margin: 0 auto 0 auto; background: #ffffff; border: 1px solid #0066ff; }
tr, td { border: 1px solid #0066ff; }
*/

.atable { } /* used in cart33 add align: center; ???  */
.btable { width: 65%; } /* used in cart33 */
/* .atable and .btable display differently in IE and FireFox used in productPage2.txt */

dt { font-weight: bold; }
dd { padding: 3px 0 10px 0; margin-left: 10px; }

.timesfont { font-family: "Times New Roman", Times, serif; }
.hide {	display: none; }