html, body { padding: 0; margin: 5px; }
body { font: 13pt Arial, Helvetica, sans-serif; background: url(images/wedding-favor-bkg.gif) repeat -5px -5px; }
#main { border: 4px solid #3366cc; background: #ffffcc; }

#header { background: #ffffff; margin: 0; padding: 5px 0 3px 0; text-align: center; color: #a862e1; font-weight: bold; }
#header h1, h1 { margin: 0 0 -8px 0; color: #3366cc; padding: 5px 0 0 0; font-size: 26pt; text-align: center; }
.pictop { margin: 5px 0 0 10px; position: relative; float: left; }

.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 */
 
.headmenu { background: #ffffcc; margin: 0; padding: 2px 0 1px 0; text-align: center; font-weight: bold; border-top: 1px solid #cea8ee; border-bottom: 1px solid #cea8ee; }
.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: #00009c; text-decoration: none; }

.sale { font-size: 18pt; font-weight: bold; color: blue; text-align: center; }
.hometext { padding: 3px 0 3px 0; margin: 0; text-align: center; color: #1f69ff; font-weight: bold; font-size: 16pt; }

.cart { display: inline; margin: 0; }
.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: 2px 0 0 0; margin: 0; list-style-type: none; color: blue; font-weight: bold; text-align: center; width: 205px; background-color: #ffffcc; }
#left p { color: #a862e1; }
.menu, .menubtm { 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, .menubtm a:link, .menubtm a:visited { display: block; position: relative; line-height: 1.6; text-decoration: none; width: 205px; text-align: center; color: #3366cc; }
.menubtm a:link, .menubtm a:visited { background-color: #0066ff; border: 1px solid #ffffff; color: #ffffff; }
.menu a:hover { color: #a862e1; }
.menubtm a:hover { color: #a862e1; border: 1px solid white; background-color: #ffffcc; }
#container { background: #ffffcc; margin-left: 200px; line-height: 1.15; }
.content, .wide, .contentop { background: #ffffff; border: #cea8ee 1px solid; margin: 0 0 10px 10px; padding: 3px 10px 15px 10px; position: relative; }
.contentop { border-top: none; }
.wide { margin: 0; padding: 5px; border: none; }

.club { padding: 3px 35px 15px 45px; margin-bottom: 0; } /* used in test-subscribe.pl annsub.pl only */
.spacer { margin-left: 280px; background: #d6dbef; height: 1000px; } /* used in test-subscribe.pl annsub.pl only */
.form { background: #ffffcc; }

p { padding: 12px 0 3px 0; margin: 0;  font: 13pt Arial, Helvetica, sans-serif; }
.rush { padding: 2px 0 3px 0; margin: 0; }

.pad { padding-left: 10px; font: 13pt Arial, Helvetica, sans-serif; }


.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: 2px 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; }
.red { color: red }
/* 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; }
*/

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

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