html, body { padding: 0; margin: 0; }
body { font: 13pt Arial, Helvetica, sans-serif; line-height: 1.25; background: #9b79a7; }
#topright {	position: absolute; right: 0; top: 0; height: 85px; width: 150px; }
#header { margin: 0; padding: 0 0 5px 0;  border-bottom: #9b79a7 2px solid; text-align: center; background-color: #ffffff; }
#header h1  { margin: 0 0 -8px 0; color: #00009c; padding: 10px 0 0 0; font-size: 26pt; }
#header a:link, #header a:visited, #header a:hover { border-right: #00009c 2px solid; padding: 0 8px 0 6px; font-weight: bold; text-decoration: none; color: #00009c; }
#header a:hover { color: blue; text-decoration: underline; }
#header a:link.last, #header a:visited.last, #header a:hover.last { border-right: none; }
#topmenu { text-align: center; margin-top: -7px; }
.cart { display: inline; margin: 0; }
.btn { display: inline; position: relative; top: 4px; }
.order { display: inline; position: relative; top: 8px; }
.btncenter { text-align: center; }
#left { position: relative; float: left; left: 0; padding: 0; margin: 0; list-style-type: none; color: #ffffff; font-weight: bold; text-align: center; width: 260px; }
.menu { padding: 5px 0 0 5px; margin: 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; border: 1px solid #ffffff; width: 250px; text-align: center; background-color: #f0e8f0; color: #9b79a7; }
.menu a:hover { background-color: #9b79a7; color: #ffffff; }

#container, #clubcontainer, #page { margin-left: 265px; line-height: 1.15; }
#page { height: 1000px; } /* for very short pages only - does not work in Netscape with 800 by 600 */
.content, .contform, .contlast, .club, .allpage { background: url(images/pur_corner_rt_btm.gif) #ffffff no-repeat right bottom; border: #9b79a7 2px solid; margin: 0; padding: 3px 18px 0px 20px; position: relative; }
.contform { background: url(images/pur_corner_rt_btm.gif) #ffffff no-repeat right bottom; padding: 3px 20px 0px 20px; } /* needed for firefox */
.noborder { border: none; }

.wide { margin: 0; padding: 0 15px 10px 15px; position: relative; }

.contlast {	margin-bottom: 0; }
.club { padding: 3px 35px 15px 20px; margin-bottom: 0; height: 1000px; } /* used in annsub.pl only */

p { padding: 10px 0 3px 0; margin: 0; }
.text { font: 13pt "Times New Roman", Times, serif; }
h2, h3 { text-align: center; color: #00009c; margin: 10px 0 0 0; }
.sale { font-size: 16pt; font-weight: bold; color: blue; text-align: center; }

.allpage ul { list-style-type: none; }
.allpage li a:link, .allpage li a:visited, .allpage li a:hover, .allpage li a:active  { text-decoration: none; line-height: 1.25; }
.ulpad {padding-bottom: 5px; font-weight: bold; }
#footer { margin: 0; background: #ffffff; padding: 0 0 5px 0; text-align: center; font-size: 10pt; border-top: 1px solid #9b79a7; }

.picright, .picleft { float: right; margin: 6px; margin-top: 0px; position: relative; }
.picleft { float: left; margin-right: 23px; border: 6px dotted blue; }
.piccake { position: relative; margin: 6px; border: 6px dotted blue; }
.picfont { float: left; margin: 25px 20px 30px 10px; position: relative; border: 2px solid blue; }

.center { text-align: center; }
.block { float: left; width: 230px; border: 2px solid blue; margin: 2px 0px 2px 5px; padding: 2px; text-align: center; background: #fff; }
.pic { float: left; padding-right: 15px; margin: 15px 0px 25px 10px; position: relative; }
.clearboth { clear: both; margin: 0; padding: 0; } 
.red { color: red }

.atable { }
div > .atable { width: 100%; }

.table { margin: -20px auto 0 auto; background: #ffffff; border: 1px solid #0066ff; }
.table tr, .table td { border: 1px solid #0066ff; }
.hide {	display: none; }
dt { font-weight: bold; }
dd { padding: 3px 0 10px 0; margin-left: 10px; }

/* the next two are for html_lib.pl.with-divs (not currently used)*/
.productrow { padding: 0 3px 0 3px; }
.floatleft { position: relative; float: left; margin: 0; padding: 0; border: 0; }
/* end not currently used */

.curve { margin-left: -21px; margin-top: -4px; }
.curveleftbtm { position: relative; margin-left: -21px; top: 1px; }
.rtcurve { background: url(images/pur_corner_top_rt.gif) no-repeat right top; width: 30px; height: 30px; margin-top: -4px; position: absolute; right: 0px; }
.rtcurvebtm { position: absolute; right: 2px; bottom: 1px; margin: 0; }
.content h2, .content h3 { margin-top: -15px; margin-bottom: 2px; }
.form h2, .form h3 { text-align: center; color: #00009c; margin: 10px 0 0 0; } /* must be after content h2 and h3 */
.contform h2, h3 { margin: 0; }
.pad { text-align: center; color: #00009c; margin: 0 0 22px 0; } /* must be after content h2 and h3 */
.moveup { margin-top: -15px; }
.club table { margin: auto; } /* used in annsub.pl only */

/* to fix bugs in IE */
.content { padding: 3px 10px 0px 12px; }
.curve { margin-left: -15px; }
.curveleftbtm { margin-left: -15px; }

div > .content { padding: 3px 18px 0px 20px; }
div > .curve { margin-left: -21px; }
div > .curveleftbtm { margin-left: -21px; top: 1px; }
