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

@font-face {
	font-family: "Georgia";
}

body
{
background-color:#d6d6d6;
}
html {
	height: 100%; margin-bottom: 1px;
}

body {
align:center;
text-align: center;
background-image: url(image/bg.jpg);
}
#outline {
margin-right: auto;
margin-left: auto;
border: 1px solid #999;
width: 650px;
}
#mainContent {
color: #000;
background-color: #fff;
padding:15px;
font-family: arial, helvetica, sans serif;
font-size: 13px;
line-height: 16px;
text-align: left;
margin-right: auto;
margin-left: auto;
}
.greybox { /* apply this class to a paragraph to give it a grey box around it */
background-color: #F3F3F3;
border: 1px solid #E2E2E2;
width: 80%;
margin-right: auto;
margin-left: auto;
margin-bottom: 20px;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
}
#blockquote { /* this creates a blockquote with a single quotation mark on the left side and indents the text to fit */
background-image: url(http://www.haranfx.com/fxmk/wp-content/themes/flex/image/blockquote.gif);
background-repeat: no-repeat;
background-position: left 7px;
border-top:none;
border-right:none;
border-left:none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 60px;
margin-top: 0px;
margin-bottom: 25px;
background-color: #FFF;
}
#mainContent .offercoupon { /* the offercoupon is the box with the red dotted line around it */
padding: 20px;
background-color: #FEFCD8;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: bold;
background-image: url(http://www.haranfx.com/fxmk/wp-content/themes/flex/image/coupon-bg.jpg);
background-repeat: repeat-x;
background-position: bottom;
}
.offercouponoutline {
width: 70%;
margin-right: auto;
margin-left: auto;
text-align: center;
border: 4px dashed #CC0000;
padding: 5px;
margin-top: 30px;
margin-bottom: 30px;
}
.offercoupon form {
margin: 0px;
padding: 0px;
}
#mainContent .offercoupon p {
line-height: 22px;
}
.shadowbox { /* this styles the box that looks like the lower right corner is turned up */
background-color: #FFFFFF;
width: 90%;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}
.sbcontent { /* shadow box content styles */
padding: 15px;
border: 1px solid #E2E2E2;
background-color: #F3F3F3;
background-image: url(http://www.haranfx.com/fxmk/wp-content/themes/flex/image/shadowbox-corner.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}
.sbshadow { /* div for page curl shadow below box */
background-image: url(http://www.haranfx.com/fxmk/wp-content/themes/flex/image/shadowbox-shadow.jpg);
background-repeat: no-repeat;
background-position: right top;
height: 28px;
}
ul.greencheck {
line-height: 18px;
}
.greencheck li {
list-style:none;
padding: 0 0 10px 35px;
background-image: url(http://www.haranfx.com/fxmk/wp-content/themes/flex/image/checkmark-sm.gif);
background-repeat: no-repeat;
background-position: left top;
}
ul.redstop {
line-height: 18px;
}
.redstop li {
list-style:none;
padding: 0 0 10px 35px;
background-image: url(http://www.haranfx.com/fxmk/wp-content/themes/flex/image/stop.gif);
background-repeat: no-repeat;
background-position: left top;
}
#mainContent .testimonial { /* styles for the testimonial table */
width: 90%;
margin-right: auto;
margin-left: auto;
margin-bottom: 20px;
border: 1px solid #000;
background-color: #FF6;
}
.testimonial img {
padding-top: 15px;
}
#mainContent .roundbox { /* this is the opt-in email box with rounded corners */
background-image: url(http://www.haranfx.com/fxmk/wp-content/themes/flex/image/round-box-fill.gif);
background-repeat: repeat-y;
background-position: center;
width: 475px;
margin-right: auto;
margin-left: auto;
margin-top: 25px;
margin-bottom: 25px;
height:auto;
min-height:300px;
}
#mainContent .roundboxcontent p {
line-height: 25px;
margin-bottom: 0px;
}
.roundboxcontent {
padding-right: 25px;
padding-left: 25px;
font-size: 18px;
font-weight: bold;
text-align: center;
font-family: Georgia, "Times New Roman", Times, serif;
}
.roundboxcontent .input {
width: 300px;
font-size: 15px;
font-weight: bold;
padding: 2px;
color: #CC0000;
text-align: center;
margin-right: auto;
margin-left: auto;
border: 1px solid #333333;
background-color: #FFF;
}
.roundboxcontent .label {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: center;
}
#mainContent .button {
background-color: #900;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
padding: 4px;
background-image: url(http://www.haranfx.com/fxmk/wp-content/themes/flex/image/form-btn-bg.png);
background-repeat: no-repeat;
background-position: center;
border: 2px solid #000;
margin-top: 10px;
cursor:pointer;
}
#mainContent .button:hover {
background-color: #C00;
}
.roundboxcontent form {
margin-bottom: 0px;
}
.roundboxbtm {
background-image: url(http://www.haranfx.com/fxmk/wp-content/themes/flex/image/round-box-btm.gif);
background-repeat: no-repeat;
background-position: center bottom;
height: 22px;
margin:0px;
padding:0px;
}
.roundboxtop {
background-image: url(http://www.haranfx.com/fxmk/wp-content/themes/flex/image/round-box-top.gif);
background-repeat: no-repeat;
background-position: center top;
height: 22px;
}
#squeeze h1, #squeeze h2, #squeeze h3, #squeeze h4 {
font-family: Arial, Helvetica, sans serif;
}
#mainContent .postwrap a, #mainContent .postwrap a:link, #mainContent .postwrap a:visited, #mainContent .postwrap a:active {
color: #03F;
text-decoration: underline;
}
#squeeze h1 {
font-size: 36px;
line-height: 41px;
margin-top:0px;
padding-top:0px;
}
#squeeze h2 {
font-size: 24px;
line-height: 29px;
}
#squeeze h3 {
font-size: 20px;
line-height: 24px;
}
#squeeze h4 {
font-size: 16px;
line-height: 20px;
font-weight:normal;
}
#squeeze h5 {
}
#squeeze h6 {
}
#squeeze h1 em {
}
#squeeze h2 em {
}
#squeeze h3 em {
}
#squeeze h4 em {
}
#squeeze h5 em {
}
#squeeze h6 em {
}
.yellow { /* this makes your text look like it is highlighted in yellow */
background-color: #FFFF00;
font-weight:bold;
}
.red {
color: #CC0000;
}
.blue {
color: #0000FF;
}
.green {
color: #007d0f;
}
.center {
text-align:center;
}
.lineout { /* crosses out text with a line */
text-decoration: line-through;
}
.stickywrap {
}
.stickynote {
background: url(http://www.haranfx.com/fxmk/wp-content/themes/flex/image/stickynote.jpg) no-repeat left top;
padding: 38px 40px 35px 60px;
height: 261px;
width: 260px;
font: 18px/22px "Courier New", Courier, monospace;
text-align: center;
float: left;
}
.copyright {
	font-size: 12px;
	color: #888585;
	margin-top: 7px;
}

.bottom_links {
	font-size: 12px;
	color: #a5a5a5;
	margin-top: 20px;
}

.disclaimer 
{	
	font-family: Georgia,sans-serif;
	font-size: 10px;
	color: #999999;
}



img {
border: 0;
}

.divider {
	color: #d6d6d6;
	background-color: #d6d6d6;
	height: 1px;
	border: none;
}

.tab_heading {
	font-size: 28px;
	letter-spacing: -2px;
	color: #5cb348;
	margin-top: 15px;
}

#inner_wrapper {
	width: 942px;
}

#left_shadow {
	/*position: relative;*/
	width: 942px;
	/*top: 98px;*/
	background: url(http://www.haranfx.com/images/left_shadow.png) repeat-y left 0px;
}

#right_shadow {
	width: 942px;
	background: url(http://www.haranfx.com/images/right_shadow.png) repeat-y right 0px;
}

#top {
	width: 942px;
	height: 120px;
	background: url(http://www.haranfx.com/images/nav_unified.png) no-repeat left 0px;
}

#content_area {
	width: 900px;
	background: #fff;
	/*margin-top: 120px;*/
}

#taf {
	background: url(http://www.haranfx.com/images/button.png) no-repeat 50%;
	width: 100%;
	height: 30px;
	position: absolute;
	top: 0px;
	z-index: 100;
	cursor: pointer;
}

#content_spacing {
	position: relative;
	top: -15px;
	overflow: visible;
	z-index: 1;
	margin-bottom: -15px;
}

#content {
	padding-left: 100px;
	padding-right: 100px;
	padding-top: 5px;
	padding-bottom: 15px;
	font-family: Georgia; font-size: 16px
}

#columns {
	color: #000;
	font-size: 12px;
	width: 700px;
}

#col_1 {
	width: 349px;
	border-right: #fff 1px solid;
	float: left;
}

#col_2 {
	width: 350px;
	float: left;
}


#home_video_spacer {
	padding-top: 15px;
}

#home_content {
	background: #eaeaea url(http://www.haranfx.com/images/home_bg.png) repeat-y;
	width: 900px;
	font-size: 13px;
	color: #000000;
}

#products {
	display: none;
}

#history {
	display: none;
}

#reviews {
	display: none;
}

#login {
	display: none;
}

#home_tab, #products_tab, #history_tab, #reviews_tab, #login_tab {
	width: 121px;
	height: 30px;
	margin-bottom: 25px;
	cursor: pointer;
}

#footer {
	/*position: relative;
	top: -16px;*/
	background: url(http://www.haranfx.com/images/footer_bg_2.png) no-repeat left 0px;
	width: 942px;
	height: 73px;
	padding-top: 4px;
}

.seoph {
	display: none;
}

/* Hover FX */
/*
.coaching-item {
width: 248px;
float: left;
margin: 0 0px 20px 0;
}

.coaching-item-popup {
position: relative;
}

.popup {
background: url(http://www.haranfx.com/images/popup-bg.png) top left no-repeat;
margin: 194px 0 0 33px;
padding: 55px 0 0 13px;
position: absolute;
display: none;
z-index: 50;
width: 248px;
height: 100px;
}

.trigger {
cursor: pointer;
}

.coaching-item a {
background: none;
padding: 0;
}

.description {
width: 248px;
float: left;
padding: 0 0 0 2px;
}

span.buy {
background: url(http://www.haranfx.com/images/buy.png) 0 0;
width: 71px;
height: 30px;
margin: 0 4px 5px 0;
float: left;
}

span.buy:hover {
background: url(http://www.haranfx.com/images/buy.png) 0 -30px;
}

span.download {
background: url(http://www.haranfx.com/images/download.jpg) 0 0;
width: 71px;
height: 30px;
margin: 0 4px 5px 0;
float: left;
}

span.download:hover {
background: url(http://www.haranfx.com/images/download.jpg) 0 -30px;
}

span.demo {
background: url(http://www.haranfx.com/images/demo.png) 0 0;
width: 71px;
height: 30px;
margin: 0 4px 5px 0;
float: left;
}

span.demo:hover {
background: url(http://www.haranfx.com/images/demo.png) 0 -30px;
}

span.details {
background: url(http://www.haranfx.com/images/details.png) 0 0;
width: 71px;
height: 30px;
margin: 0 4px 5px 0;
float: left;
}

span.details:hover {
background: url(http://www.haranfx.com/images/details.png) 0 -30px;
}

*/

/* dimensions for both splash image and the player wrapper */
div#player1 {
	background:url(http://www.haranfx.com/images/video-explained.png) no-repeat;
}
div#player2 {
	background:url(http://www.haranfx.com/images/video-expert.png) no-repeat;
}
div#player3 {
	background:url(http://www.haranfx.com/images/video-millions.png) no-repeat;
}
div#player4 {
	background:url(http://www.haranfx.com/images/video-walkthrough.png) no-repeat;
}

div.flowplayer {
	display:block;
	width:608px;
	height:382px;
	border:0px;
	background: #000000;
	position: relative;
	right: 50px;
}
div.video {
	vertical-align: middle;
	width: 608px;
	height: 191px;
	padding-top: 105px;
}
div.video:hover {
	cursor: pointer;
}