﻿body { color: #444444; font-family: Verdana; font-size: 12px; background: #ddd; }
p { margin: 15px 0px; line-height: 18px; }
a { color: #56a; }
td { vertical-align:top; }
td { border:none; }

.banner { text-align: center; margin-bottom: 10px; background: #fff;padding: 30px; padding-bottom: 5px; border-bottom: 1px solid #ddd;}
.banner img { margin: 20px 0 15px 0; }

.footer { font-size: 10px; text-align: center; clear:both; }
.footer hr { width: 400px; width: 1px; }

.website-container { margin: 0px auto; border: 1px solid gray; width: 790px; background: #fff; margin-top: 10px; }
.website-container { background: #f5f5f5; }
.website-container .body { padding: 30px; min-height:600px; }

/* Home page */
.home-page-box { float: left; width: 323px; margin-right: 20px; margin-top: 20px; padding: 10px; border: 1px solid #bbb; min-height:350px; background: #fff; }
.home-page-box .button { float: right; }
.home-page-box .fixed-height-panel { min-height:190px; position:relative; top:-20px; }
.home-page-box .fixed-height-panel h2 { background-color:lightgray; padding:10px; position:relative; left:-10px; width:100%;  }
.home-page-box h2 .price { color:dodgerblue ; }
.home-page-box .box-with-left-icon h3 { margin-top:20px; }
.home-page-box .box-with-left-icon .icon-cell { width:60px; }

.optimize-form .textbox { width: 50px; text-align: center; }
.optimize-form .form .item {width:250px; }
.optimize-form .form .item .label { width: 80px; }
.optimize-form .form .item .whole { width: 100%; }



.align-right { float: right; }
.rightalign { text-align:right; }

.featured-box { background: #ffd; padding: 10px; margin: 0 10px; border: 1px solid gray; font-size: 17px; }

.IconedFormBox .IconedFormIconWrapper { width: 70px; }
.IconedFormBox { margin-bottom: 10px; }

/* Headers */
h2 { font-size: 18px; font-family: Arial; margin: 10px 0px; }
h3 { font-size: 17px; font-family: Arial; margin: 10px 0px; color: #999; font-weight: normal; text-transform: uppercase; }
h1 { font-size: 21px; font-family: Arial; color: #888; font-weight: normal; margin-bottom: 30px; }

/* Bullet points */
ul { margin-bottom: 10px; }
ul li { line-height: 20px; list-style-type: circle; margin-left: 20px; }

/* optimization-report */
.optimization-report { border: 1px solid #aaa; background: #fff; padding: 10px; height: 115px; margin-bottom: 20px; }
.optimization-report .box { width: 230px; float: left; text-align: center; }
.optimization-report .box img { margin-bottom: 6px; }
.optimization-report .box input { margin-top: 10px; width: 180px; }
.optimization-report .box div { margin: 4px 20px; line-height: 15px; }
.optimization-report .red { color: Red; }
.optimization-report .green { color: Green; }
