@charset "utf-8";
/* CSS Document */

body {
  margin: 0;
  background-color: #eee;
  font-family:  Arial, Helvetica, sans-serif;
  font-size:13px;
  line-height:1.25;
}
/**layout**/


#wrap {
  margin: 0px auto 10px;
  text-align:center;
}
#outer {
  clear: both;
  text-align: center;
  padding: 0;
  margin: 15px auto 50px;
  width: 850px;
}
#container {
  padding: 15px 30px 15px;
  background: #FFF;
  margin: 0 auto;
  text-align:left;

border: 1px solid #ccc;
}
#container2 {
  padding: 10px 0px 10px;
  background: #FFF;
  margin: 0 auto;
border: 1px solid #ccc;
}
#container-inner {
  padding-top: 15px;
}

#topbar {
  width:100%;
  height:5px;
  background-color:#666;
  margin: 0;
}

.toprighttext { 
width:200px; 
float:right;
text-align:right;
margin:0;
height:50px;
line-height:1.2;}

.toprighttext p { 
  margin:0;
}

.subheader {
  text-align:right;
  border-top: 2px #ccc solid;
  margin: 10px 0 20px;
}
.progress {

  margin: 10px 0 10px;
}

.subheader p {
  color:#C00;
  margin:1.0em;
}

.leftcol {
  float: left;
  width: 350px;
}
.rightcol {
  float: right;
  margin-top: -65px;
  width: 380px;
}
.center {
  margin-left: auto;
  margin-right: auto;
}



#footer {
  padding: 30px;
  color: #666;
  font-size: 14px;
  margin-right: auto;
  margin-left: auto;
}
#footer a, #footer a:link, #footer a:visited {
  color:#00C;
}
#footertext {
  width: 100%;
  margin: 0px auto;
  text-align: left;
  font-size: 12px;
}
/* large green checks 
li {
  list-style-type: none;
  background-image: url(../img/checkgreen.png);
  background-repeat: no-repeat;
  background-position: 0 -0.2em;
  padding-left: 3.25em;
  margin-left: 0px;
  height: 45px;
  padding-bottom: 25px;
  margin-bottom: 10px;
}
ul {
  padding: 0;
  margin: 0;
}
*/


ul {
  overflow: hidden; 
}

/* small green checks*/
ul.medchecks {
  padding: 0;
  margin: 0;
}
ul.medchecks li {
  list-style-type: none;
  background-image:url(../img/checkgreen2.png);
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: 0 -0.2em;
  padding-left: 50px;
  margin-left: 5px;
  min-height: 45px;
}

/* smaller green checks*/
ul.smallchecks {
  padding: 0;
  margin: 0;
}
ul.smallchecks li {
  list-style-type: none;
  background-image:url(../img/checkgreen3.png);
  margin-bottom: 5px;
  background-repeat: no-repeat;
  background-position: 0 -0.1em;
  padding-left: 2.75em;
  margin-left: 5px;
  min-height: 22px;
}

ul.bullet {
  list-style-type: none;
  margin: 0;
  padding: 5px 5px 10px 15px;
}

ul.bullet li {
    background-image: url("../img/bullet.png");
    background-position: 0 20px;
    background-repeat: no-repeat;
    padding: 12px 40px;
    text-align: left;
}


/*testimonial styles*/

.quotebox {
  display: block;
  padding: 5px 35px 5px;
  font-size: 14px;
  font-family:Georgia, "Times New Roman", Times, serif;
  margin: 10px 10px 20px;
  border: 1px solid #CCC;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  box-shadow: 0px 0px 15px #ccc;
  -moz-box-shadow: 0px 0px 15px #ccc;
  -webkit-box-shadow: 0px 0px 15px #ccc;
  -khtml-border-radius: 10px;
  background-color: #FFFFDF;
  line-height: 16px;
}
.quotebox:first-line {
  font-size: 18px;
  font-variant: small-caps;
}
.bqstart {
  float: left;
  height: 10px;
  font-size: 750%;
  color: #b80b0b;
  margin-left: -45px;
  margin-top: 10px;
}
.bqend {
  float: right;
  height: 15px;
  padding-top: 0px;
  font-size: 750%;
  color: #b80b0b;
  margin-top: 25px;
  margin-right: -45px;
}
/**fields**/

.cvv {
  font-size: 10px;
}
input[type="text"], select {
  width:300px;
}
#cc_exp_month, #cc_exp_year, #cc_cvv {
  width:75px;
}
.small {
  font-size: 14px;
}
.fheader {
  font-weight: bold;
  text-transform: capitalize;
  background: #eee;
  padding: 5px;
  color: #31598C;
  line-height: 1em;
  margin-bottom: .5em;
}

#orderform p {
  margin: 1.0em 15px;
}
label {
  font-weight: bold;
}

.rightcol h1, .rightcol h2, .rightcol h3, .rigthcol p, .rightcol ul { margin-left:10px; margin-right:10px;}
.cell {
  padding: 15px 30px;
  background: #FFF;
  margin: 30px auto 0;
  text-align:left;
  border: 2px solid #ddd;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  box-shadow: 0px 0px 15px #ccc;
  -moz-box-shadow: 0px 0px 15px #ccc;
  -webkit-box-shadow: 0px 0px 15px #ccc;
  -khtml-box-shadow: 0px 0px 15px #ccc;
}
.pad {
  padding: 15px 30px;
    margin: 30px auto 0;
}
.reporttitle {
  font-size: 20px;
}

.clear {
  clear: both;
}
p.clear {
  clear: both;
  margin:0;
}

.longform {
  width:705px;
  font-size:16px;
  margin: 0 auto;
}

.leftaligned {
  float:left;
  margin-right:20px;
  margin-bottom:15px;
}

.red {
  color:#C00;
}

.image-border {
  background-color: #F3F3F3;
  border: 1px solid #DDD;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 4px;
}


#footer a, #footer a:link, #footer a:visited {
  color:#00C;
}

/* five flags specific code */

.5flags #content {
  padding: 5px 30px 15px;
  background: #FFF;
  margin: 0 auto;
  text-align:left;
  font-size: 16px;
  line-height: 1.25;
}


.5flags h1 {
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size:34px;
  line-height:1.1em;
  text-align:center;
  margin-top: 10px;
  margin-bottom: 0;
  letter-spacing:-2px;
}

.5flags h1.title {
    font-size:60px;
}
.5flags h2 {
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size:26px;
  line-height:1.2em;
  text-align:center;
  margin-top: 0;
  margin-bottom: 5px;
    letter-spacing:-1px;
}
.5flags h3 {
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size:18px;
  line-height:1.2em;
  text-align:center;
}

.5flags #headlines h2, .5flags #headlines h3 {
  font-weight:normal;}
  
#content {
width:600px;
margin:0 auto;
}


.yellow {
  padding: 10px 20px;
  background: none repeat scroll 0 0 #FAFDB9;
border: 2px solid #ffcc66;
}

div.yellow {
  margin:10px auto;  

}
ul.greenchecks {
    list-style-type: none;
    margin: 0;
    padding: 0px 10px 10px 3px;
}


.greenchecks li
{
background-image: url('../img/checkgreen3.png');
background-repeat: no-repeat;
background-position: 0 20px;
padding: 12px 40px;
text-align: left;
}

.blue {
  background: #E6F9FF none repeat scroll 0 0;
  border: 2px solid #C0EEF8;
  padding: 10px 20px;
  }

#pricingtable {
  background:#ffffff;
}

#pricingtable td {
  padding:5px;
}
  
#pricing h2 {
  font-size: 2em;
    padding: 0px;
      line-height: 16px;
}

#pricing {
  padding: 0px 0 10px;
  
}
  
.johnson {
  border:5px dashed #c00; background-color:#ffd; padding: 0 20px 30px;
}

.googlefont {
font-family: 'Open Sans Condensed', sans-serif;
margin-top:0px;
font-weight:700;

letter-spacing: -2px;
text-shadow: 2px 4px 2px rgba(0, 0, 0, 0.2);
}
h1.googlefont {
  font-size:3.0em;line-height:1.0em;
}
h2.googlefont {
  font-size:2.5em;line-height:1.0em;
}
.condensed {
  font-family: 'Open Sans', sans-serif;
}
em .googlefont{ 
font-style:italic;
}

.offerbox {
  background: #FFC;
  border: 2px solid #FFE4AE;
  padding:10px 20px;
  text-align:center;
}

.highlight {
  background-color:#FF3;
}


.leftaligned {
  float:left;
  margin-right:10px;
}

.rightaligned {
  float:right;
  margin-left:10px;
}

.centertxt {

  text-align:center
}

.centerimg {
  text-align:center;
  margin:0;
}

.hsc .longform {
  width:600px;
}
.hsc #headlines {
  width:650px;
  margin:0 auto;
}

.hsc h1 {
    font-family: Cambria, Georgia, "Times New Roman", Times, serif;

  font-size:1.95em;
  line-height:1.1em;
  text-align:center;
    font-weight: bold;
    padding:0.25em;
    font-style:italic;
}

.hsc h2 {
  font-family: Cambria, Georgia, "Times New Roman", Times, serif;
  font-size:1.75em;
  line-height:1.1em;
  text-align:center;
    font-weight: bold;
    padding:0.25em;

}

.rightcol table a img {
height: 40px;
}

select.decks {
  width: 50px;
}

#phone h2, #phone h3 {
  color: #777;
  font-weight: normal;
  font-style: italic;
  font-family: Arial, sans-serif;
  font-size: 24px;
  margin: 0;
}

footer {
  margin-top: 40px;
  padding: 40px;
  text-align: center;
  color: #999999;
  font-size: 0.85em;
  line-height: 2em;
}

.error {
  display: block;
  color: #FF0000;
  font-size: 0.85em;
}


/*---My Styles---*/

ul.smallchecks li {
background-image: none;
padding: 0px;
font-weight: bold;
min-height:0px;
margin-bottom:0px;
}
.topLogo{
  width:355px;
  height:auto;
}
.bonus {
width: 325px;
}
#orderform p {
  margin:14px 15px;
}
#Order {
width: 215px;
}
body{
background: url(../img/background.jpg);
background-size:100% auto;
}
footer {
padding: 0px;
margin-top: 0px;
color: #fff;
padding-bottom:10px;
}
footer a{
  color:#fff;
}
.rightcol h3 {
margin-left: 12px;
margin-right: 0px;
}

/*---thankyou.php---*/
.thankyou .wait {
  font-family: 'Arial', sans-serif;
  font-size: 17px;
  letter-spacing: 1px;
  color: #666;
  padding-left: 30px;
  text-align: center;
  line-height: 20px;
  margin: 22px 0 10px;
}
.thankyou .wait span {
  font-weight: bold;
  font-size: 20px;
  color: #ff0000;
  letter-spacing: 2px;
}
.thankyou form {
  text-align: center;
  background: url(../img/thankyou-card.png) no-repeat top center;
  padding-top: 240px;
  padding-bottom: 30px;
  padding-right: 130px;
}
.thankyou form label {
  font-weight: normal;
  font-family: 'Arial', sans-serif;
  font-size: 17px;
  letter-spacing: 1px;
  line-height: 33px;
  color: #666;
  padding-left: 30px;
  text-align: left;
}
.thankyou form select {
  display: block;
  margin: 10px auto 20px;
  padding: 3px 5px;
  font-size: 20px;
  width: 60px;
  border-radius: 2px;
  border: 1px solid #888;
}
.thankyou form input {
  display: block;
  margin: 20px auto 0;
  background: url(../img/green-spanner.png) repeat-x;
  border: none;
  color: white;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 2px;
  padding: 6px 40px 5px;
  border-radius: 5px;
  border: 1px solid #66B331;
  text-shadow: 0px 1px 1px #3F7719;
}
.thankyou #no-thanks {
  color: #888;
  font-size: 11px;
  display: block;
  margin-top: 13px;
  text-decoration: none;
}