/* ----- Main Content Area ------ */
#preview-area {
  font-family:Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size:12px;
  background: #00669D;
}

#preview-area .preview-body {
  border-left:3px solid #1d2e3c;
  border-right:3px solid #1d2e3c;
  margin:0 auto;
  padding:15px;
  width:700px;
  background: #fff;
}

#content h1, #preview-area h1 {
  font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  padding-bottom: 20px;
  font-size: 16px;
  color: #961313;
}

#content h2, #preview-area h2 {
  font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 15px;
}

#appContent #preview-area h2, 
#appContent #preview-area h3, 
#appContent #preview-area h4, 
#appContent #preview-area h5, 
#appContent #preview-area h6 {
  margin-top: 0;
  margin-bottom: 0;
  color:#000;
}

#content ul, #preview-area ul {
}

#content li, #preview-area li {
  margin-left: 20px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.contentLeft, .contentLeft {
  font: 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  width: 50%;
  float: left;
}

.contentRight, .contentRight {
  margin-left: 340px;
  padding-left: 20px;
}

.imageLeft, .imageLeft {
  width: 20%;
  float: left;
}

#contentRight_border, .contentRight_border {
  margin-left: 340px;
  padding-left: 20px;
  border-left: 3px double #DDDDDD;
}

#callout, #callout {
  font-weight: bold;
  text-align: center;
  background-color: #FFE1A8;
  border: 1px solid #369;
  padding: 4px;
  margin: 4px;
  width: 312px;
}

.clearLeft, .clearLeft {
  clear: left;
}
.clearRight, .clearRight {
  clear: right;
}

#main ol, #main ul, #preview-area ol, #preview-area ul { 
  margin: 1em 0; 
}

#main p, #preview-area p  { 
  margin-bottom: 1em; 
  margin-top: 1em; 
}

#main p.note, #preview-area p.note { 
  font-size: 0.8em; 
  text-align: center;
}

#main p.highlight, #preview-area p.highlight {
  margin-top: 0;
  text-align: center;
  color: #3366CC;
  background-color: #fcf9d1;
  border: 1px solid black;
  float: right;
  clear: right;
  padding: 0.5em;
  width: 250px;
}

#main a img, #preview-area a img {
  border: none;
}

#main img.inline_l, #preview-area img.inline_l {
  float: left;
  margin: 0 0 0.5em 0.5em;
}

#main img.inline_r, #preview-area img.inline_r {
  float: right;
  clear: right;
  margin: 0 0 0.5em 0.5em;
}

#main blockquote, #preview-area blockquote {
  font-style: italic;
  margin: 1em 2em;
}

#main form, #preview-area form {
  width: 60%;
  margin: 1em auto;
}

#main label, #preview-area label {
  width: 6em;
  float: left;
  text-align: right;
  margin-right: 0.5em;
  display: block;
}

#main input.text, #main textarea, #preview-area input.text, #preview-area textarea {
  width: 24em;
}

#main input, #main textarea, #preview-area input, #preview-area textarea {
  background-color: #efefef;
}

#main input.submit, #preview-area input.submit { 
margin-left: 6.5em; 
}

#product_link {
  display: block;
  height: 22px;
  width: 109px;
  background: url(../images/main/view_products_button.gif) no-repeat;
  text-indent: -5000px;
  position: absolute;
  right: 0;
  bottom: -65px;
}

.contentRight img, .contentLeft img {
  border: 0;
}

#indexLabelImage {
  text-align: center;
  padding: 15px 0;
}

#main .legal, #preview-area .legal {
  clear: both;
}

#main .legal p, #preview-area .legal p {
  margin-top: 0;
}

#main .legal h4, #preview-aera .legal h4 {
  color: #369;
}