/* CSS Document */

.dialog {
 xwidth:344px;
/* margin:0px auto; original code */ 
margin:0px;
 xmin-width:20em;
 max-width:800px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
 color:#000000;
}
.scroll-box {
height:33px;
}
.link-box {
width:160px;
height:154px;
}
.img-box {
width:590px;
}

.right-box {
width:344px;
}
.left-box {
width:407px;
}

/* about us page */

.about-leftbox {
width:375px; /* 11px greater than the img width */
}
.about-rightbox{
width:372px; /* 11px greater than the img width */
}
/* about us page */

/* health and wellbeing */
.health-leftbox{
width:592px; /* 11px greater than the img width */
}
/* free downlods */
.free-downloads {
width:760px;
}

/* Quotes */
.quotes-leftbox {
width:375px;
}
.quotes-rightbox {
width:372px;
}

/* health and wellbeing */

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:1px;
}

.dialog .ft .c {
 height:12px;
}

.dialog .hd {
 background:transparent url(../images/tl.png) no-repeat 0px 0px;
 margin-right:6px; /* space for right corner */
}

.dialog .hd .c {
 background:transparent url(../images/tr.png) no-repeat right 0px;
 margin-right:-6px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog .bd {
 background:transparent url(../images/ml.png) repeat-y 0px 0px;
 margin-right:6px;
}

.dialog .bd .c {
 background:transparent url(../images/mr.png) repeat-y right 0px;
 margin-right:-6px;
}

.dialog .bd .c .s {
 margin:0px 8px 0px 5px;
 background:#fff url(../images/box-btm-left-texture.gif) no-repeat left bottom;
 padding:0em;
}
.dialog .bd .c .p {
 margin:0px 6px 0px 5px;
 background:#f3eeee url(../images/poll-tick.gif) no-repeat left bottom;
 padding:10px 10px 0px 110px;
 min-height:60px;
 _height:60px;
}

.dialog .ft {
 background:transparent url(../images/bl.png) no-repeat 0px 0px;
 margin-right:6px;
}

.dialog .ft .c {
 background:transparent url(../images/br.png) no-repeat right 0px;
 margin-right:-6px;
}

/* content-specific */

.box-content {
margin:10px 25px 10px 25px;
padding:0px;
}
.footer-content {
text-align:center;
	font:regular 10px Arial, Verdana, Helvetica, sans-serif;
	color:#000000;
}
p {
 font-family:verdana,tahoma,arial,"sans serif";
}

.dialog p {
 margin:15px 0px 20px 0px;
 padding:0px;
 text-align:justify;
 line-height:18px;

}

html>body .dialog pre {
 font-size:1.1em;
}