/*
Theme Name: F Sales Letter 1.0
Theme URI: http://www.halotis.com
Description: F Sales Letter is a 1 column theme optimized for writing sales letters by <a href="http://www.halotis.com">HalOtis Marketing</a>.
Version: 1.0
Author: HalOtis
Author URI: http://www.halotis.com

This work is distributed under the  Creative Commons Attribution 2.5 License, which means that you are free to use and modify it for any purpose. But you have to leave the links in the footer.

*/

@charset "utf-8";
/* CSS Document */
.blueBox{font-size:1.5em;background-color:#ccccff}
body{
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 16px;
}
.highlight{font-size:1.1em; background-color: #FF9933;}
.dred {color: #CC0000}
.dblue {color: #003399}
.hilite{
	background:#FFFF00;
}
.red{
	color:#CC0000;
}
.product{background:#ccc; padding:2px;}
.underline{
	text-decoration: underline;
}
.gray{
	color: #999999;
}
.box{
	border: 2px solid #d70305;
	background: #e6e6ff;
	padding: 10px 30px;
	margin: 10px;	
	font-size: 1.1em;
}
.jbox{
	border: 3px dashed #CC0000;
	border-collapse:collapse;
	background: #ffffcc;
	width:90%;
	margin:10px auto;	
	padding: 0 20px;
}
.whiteonred{
	color:#FFFFFF;
	background: #CC0000;
	padding:2px;
}

.style2 {
	font-size: xx-large;
	font-weight: bold;
}
li.space{
	margin-bottom:15px;
}
.style5 {color: #990000}
U{
	text-decoration: underline;
}
body{
	color: #FFFFFF;
	font-family: Tahomaa, Verdana, Arial, Helvetica, sans-serif;
}
#container{
	margin: 0;
	background: #000000 url(images/bg1.png) top repeat-x;
}
#column{
	margin: 0 auto;
	color: #000;
	width: 1000px;
	background: url(images/bg1.png) top repeat-x;
}
#header{
	padding: 5px 0 0 0;
}
#letter, .letter{
	width: 980px;
	border: 0px #99cc33 outset;
	background: #fff url(images/letter_bg.png);
	margin: 0px;
	padding: 10px;
	text-align:left;
}
#letter-nopad{
	width: 800px;
	border: 0px #99cc33 outset;
	background: #FFFFFF;
	margin: 0 auto;
	padding: 20px 0;
	text-align:left;
}
#nav ul{padding:0;margin:0;list-style-type:none;text-align:center;}
#nav ul li{display:inline;decoration:none;background-image:none;}
#botcorners{
	background:url(images/bottomcorners2.png) center top no-repeat;
}
#video{
	background: #000000;
	width: 640px;
}

.copyArea{
	padding: 20px;
}
  
#content{
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}
#footer{
	width: 1000px;
	text-align: center;
	color: #FCFCFC;
	margin: 30px auto 10px auto;
}
.legal{
	font-size:9px;
	text-transform:uppercase;
	color:#CCCCCC;
}
.legal a{
	color:#CCCCCC;
}
.support{
	font-size:9px;
	color:#ebebeb;
}
.hider{
	width:600px;
	font-size:9px;
	color:#4a4a4a;
	border:1px solid #2a2a2a;
	margin:5px auto;
	padding:5px 20px;
	text-align:left;
	background:#000;
}
.hider h3{
	text-transform:uppercase;
	font-weight: bold;
	font-size: 10px;
}
.hider a, .hider a:link, .hider a:hover, .hider a:visited, .hider a:active{
	text-decoration:underline;
	color: #4a4a4a;
}
input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 6px;
	font-size: 1.1em;
}

.field{
	color: #333;
	border: 1px inset #666;
	margin: 2px;
	width: 80%;
}
.field:hover{
	color: #111;
	margin: 1px;
	border: 2px inset #99cc33;
}
.field:focus {
	background-color: #FAFFFA;
	outline: none;
}
.fieldLabel{
	padding-left: 15px;
	text-align: left;
}
.dropField{
	color: #333;
	border: 1px inset #666;
	margin: 2px;
	font-size: 1em;
	height: 25px;
}
.dropField:hover{
	margin: 2px;
	color: #222;
	border: 1px inset #99cc33;
}
.dropField:focus {
	color: #111;
	background-color: #FAFFFA;
}
.button{
	padding: 0;
	border: 2px solid #FF0000;
}
.button:hover{
	border: 2px solid #99cc33;
}
#post-optin{
	color:#F8F8F8;
}
.style1 {
	color: #CC0000
}
#footer{
	font-size:9px;
	color:#CCCCCC;
	text-align: center;
}
#footer a:link, #footer a:visited, #footer a{
	text-decoration: none;
	color: #CCCCCC;
}
#footer a:hover, #footer a:active{
	text-decoration: underline;
	color: #CCCCCC;
}
blockquote{
	background:#EEEEEE none repeat scroll 0 0;
	border:1px dotted #BBBBBB;
	margin:0 20px 15px;
	padding:10px 15px 0;
}
ul{
	list-style-type: none;
	margin: 0 inherit;
	padding: 0 inherit;
}
ul li{
	margin: 0 inherit;
	padding: 0 5px 5px 5px;
	background-image: url(images/checkbox-green-sm.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 30px;
}
.testimonial{
	display: inline;
	float: left;
	background-image: url(images/greybox-mid-small.jpg);
	background-position: center;
	background-repeat: repeat-y;
	margin:10px 2px;
	padding:0px;
	width: 339px;
	font-size: 13px;
}

.testimonial .testimonial-outer{
	background-image: url(images/greybox-top-small.jpg);
	background-position: top; 
	background-repeat: no-repeat;
}
.testimonial .testimonial-outer .testimonial-inner{
	background-image: url(images/greybox-bottom-small.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 15px 20px;
}
.polaroid_small{
	float:left;
	margin: 0;
}
.test-photo{
	float:right;
	margin:0px 0px 10px 10px;
	border: 2px inset #dddddd;
}
.johnson{
	background-image: url(images/greybox-mid.gif);
	background-position: center;
	background-repeat: repeat-y;
	width: 677px;
	margin: 0 auto;
	font-size: 13px;
}
.johnson .johnson-outer{
	background-image: url(images/greybox-top.gif);
	background-position: top; 
	background-repeat: no-repeat;
}
.johnson .johnson-outer .johnson-inner{
	background-image: url(images/greybox-bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 42px 35px;
}
.johnson-m{
	background-image: url(images/greybox-mid-med.gif);
	background-position: center;
	background-repeat: repeat-y;
	width: 508px;
	margin: 0 auto;
	font-size: 13px;
}
.johnson-m .johnson-outer-m{
	background-image: url(images/greybox-top-med.gif);
	background-position: top; 
	background-repeat: no-repeat;
}
.johnson-m .johnson-outer-m .johnson-inner-m{
	background-image: url(images/greybox-bottom-med.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 20px 30px;
}
.polaroid{
	float:left;
	margin: 0;
}
.bigbox{
	margin: 5px 10px 0;
	border: 2px solid #3366CC;
	background: #F8F8F8;
}
.bigbox h3{
	display:block;
	background: #3333CC;
	color: #FFFFFF;
	font-size: 1.4em;
	margin: 0;
	padding: 25px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.bigbox h4{
	display:block;
	background: #3333CC;
	color: #FFFFFF;
	font-size: 1.3em;
	margin: 0;
	padding: 10px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}
.bigbox-content{
	padding: 0 20px;
}
.moreImages{
	float:right;
}
.bigbox-shadow{
	background: url(images/shadow.jpg) top right no-repeat;
	height:  26px;
	margin-bottom: 20px;
	margin-right: 10px;
}
.pricebox{
	border: thick dashed #009933;
	width: 575px;
	margin: 10px auto;
	background: #F6F6F6;
	padding: 5px 10px;
}
.module{
	width: 600px;
	margin: 0 auto 50px;
	padding: 0 20px 10px 20px;
	border: 3px dotted #CCCCCC;
	border-top: 0px;
	font-size:.9em;
}
.module p{
	margin:0; padding: 10px 0;
}
.module ul li{
	text-align:justify;
	background-image: url(images/tick.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 5px 0 10px 30px;
	margin-bottom: 10px;
}
.bigbox ul li{
	background-image: url(images/tick.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 5px 0 10px 30px;
	margin-bottom: 10px;
}

.box-outline{
	border: 2px solid #333333;
	width: 650px;
	margin: 10px auto;
	padding: 15px;
}
.outline-title{
	display: block;
	float:left;
	background: #FFFFFF;
	margin-top: -30px;
	padding: 3px 6px;
}
.question-bullet li{
	background-image: url(images/question-bullett.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 5px 0 10px 35px;
	margin-bottom: 10px;
}
.checklist li{
	background-image: url(images/checkbox-green.jpg);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding: 0 0 10px 50px;
	margin-bottom: 5px;
}
.round-check-bullet li{
	background-image: url(images/tick.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 5px 0 10px 30px;
	margin-bottom: 10px;
}
.shadow-box{
	background-image: url(images/shade-mid.gif);
	background-position: center;
	background-repeat: repeat-y;
	width: 679px;
	margin: 0 auto;
	font-size: 1.1em;
}
.shadow-top{
	background-image: url(images/shade-top.gif);
	background-position: top; 
	background-repeat: no-repeat;
}
.shadow-bot{
	background-image: url(images/shade-bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 10px 50px;
}


.notebook-box{
	background-image: url(images/journal_paper.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 630px;
	margin: 0 0 0 -35px;
	padding: 60px 40px 5px 130px;
}
.guarantee{
	width: 700px;
	margin: 10px auto;
	background-image: url(images/images/guarantee_sides.jpg);
	background-position: center center;
	background-repeat: repeat-y;
}
.guar-outer{
	background-image: url(images/images/guarantee_top.jpg);
	background-position: center top; 
	background-repeat: no-repeat;
}
.guar-inner{
	background-image: url(images/images/guarantee_bottom.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 90px 110px;
}
.strike{
	text-decoration: line-through;
}
.emailSurvey{
	width: 500px;
	margin: 5px auto;
	padding: 5px 20px;
	border: 1px dotted #CC0000;
	color:#000066;
}