p {
  font-family: Trebuchet MS;
  font-size: 12pt;
  color: #000000;
}
.main_body_copy p {
  text-indent: 40px;
}
p.no-indent {
  text-indent: 0px;
}
/*The main box and footer*/
#main1, #book_box, #footer, #head_image {
  margin: 0 auto;
}
#head_image {
  padding: 70px 0 0 0;
  width: 750px;
  background: url("images/top.png") no-repeat top center;
}
#left_bar, #right_bar {
  width: 100%;
  padding: 0;
  margin: 0;
}
#left_bar {
  background: url("images/left.png") repeat-y top left;
}
#right_bar {
  background: url("images/right.png") repeat-y top right;
}
#main {
  width: 600px;
  padding-top: 25px;
  padding-bottom: 30px;
  margin: 0 auto 0;
}
#bottom_image {
  height: 48px;
  background: url("images/bottom.png") no-repeat bottom center;
  margin-bottom: 80px;
}
/* might need to be verdana */
#footer {
  text-align: center;
}
#footer a, #footer p.links {
  font-size: 10pt;
  font-weight: bold;
  color: #999;
}
#footer p {
  font-size: 7.5pt;
  color: #999;
}
/* THE ORDER BOX */
.order_box {
  border: 6px dashed #900;
  margin-bottom: 40px;
  padding: 10px;
}
.order_box p {
  font-size: 12pt;
}
.order_box h3 {
  color: #900;
  font-size: 18pt;
  font-family: Tahoma,Calibri,Verdana,sans-serif;
  text-align: center;
  margin: 0px;
  padding: 0px;
}
.order_box h3.blue{
  color: #000080;
  margin-top: 12pt;
  font-family: Arial,Helvetica,sans-serif;
}
/* UTILITY CLASSES */
.center {
  text-align: center;
}
.underline {
  text-decoration: underline;
}
.strikeout {
  text-decoration: line-through;
}
a img {
  border: none;
}
/*specific stuff*/
h3 {
  font-weight: bold;
  text-align: center;
  color: #900;
  font-family: Tahoma,Calibri,Verdana,sans-serif;
  font-size: 18pt;
}
p.preamble{
  font-size: medium;
}
.order_intro {
  font-size: 18pt;
  font-weight: bold;
}
h3.posthead {
  color: #000;
}
.intro {
  font-size: 14pt;
  text-align: center;
}
.dropcaps {
  font-size: 24pt;
}
.arrow_list {
  padding-top: 10px;
  list-style-image: url('images/redarrow.png');
}
#screenshot {
  margin-left: 15px;
}
.order_now {
  margin: 20px 0px 20px 15px;
}
.clear {
  clear: both;
}
#tagline {
  font-size: 15pt;
}
.pullout_box {
  background: url("images/boxshadow.png") bottom center no-repeat;
  width: 617px;
  padding-bottom: 40px;
}
.pullout_box div {
  width: 100%;
  margin: 0 auto;
  background: #ebf0fa;
  text-align: center;
  border: solid black 1px;
}

.pullout_box img {
  padding-bottom:60px;
}
.pullout_box p {
  font-size: 12pt;
  text-align: left;
  text-indent: 0px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  padding: 0 10px;
}
.pullout_box h3 {
  font-size: 18pt;
}
.pullout_box p.source{
  text-align: center;
}
.sysreqs, .sysreqs p {
  font-size: 10pt;
}
.sysreqs ul {
  margin-left: 40px;
}
#opt-in_box {
  background: #ccc;
  border: 1px solid black;
  height: 320px;
  width: 600px;
  padding: 0;
  /*double check padding in ie, was 0 0 0 0*/
  margin-bottom: 20px;
  background: #ccc url("images/arrow.gif") top left no-repeat;
}
#opt-in_box .right {
 /* margin-left: 270px;*/
  float: right;
  height: 320px;
  width: 360px;
}
#opt-in_box .left {
  float: left;
  height: 320px;
  width: 240px;
}
#opt-in_box > div > form {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.opt-in_text {
  font-size: 16pt;
  font-family: Tahoma,Verdana,sans-serif;
  margin: 0;
  padding: 0;
}
/*hack to make the opt-in form work in older ie's*/
.af-element, input {
  width: 250px;
}