/* BEGIN CSS FOR GRAY BORDER IMAGES.  Adding the gray bars to the top, bottom, left & right of page.*/
#leftcolumn {
background-image: url(images/left_side.gif);
background-repeat:repeat-y;
}

#rightcolumn {
background-image: url(images/right_side.gif);
background-repeat:repeat-y;
background-position: right;
}

#topbar {
background-image:url(images/top_bar.gif);
width:800px;
height:44px;
padding: 0px;
margin: 0px;
}

#bottombar {
background-image:url(images/bottom_bar.gif);
width:800px;
height:44px;
padding: 0px;
margin: 0px;
}

/* The very top text on the sales letter - includes date & dear friend */
.toptextcopy{
width: 570px;
left: 60px;
}


/* Trying to get small amount of space removed at bottom of page.  */
#maintable {
padding: 0px;
margin: 0px;
}

/*Centering main container on page.  IE does not recognize margin auto.  Need to add width 100% and width 800px. */
#container {
margin-right:auto;
margin-left: auto;
width:800px;
width: 100%;
text-align: center;
}

/* Second container for header alignment in FF.  This is the parent container that the sub-container is in. */
#parentcontainer {
margin-right:auto;
margin-left: auto;
width:800px;
}

.headlinemedium_blue {
	font-family: Tahoma,Arial,Helvetica, sans-serif;
	color:#000099;
	font-size: 21px;
	line-height: 21px;
	font-weight: bold;
	text-align: center;
}


.titleheadline {
	font-family: Tahoma,Arial,Helvetica, sans-serif;
	color:#000099;
	font-size: 38px;
	line-height: 120%;
	font-weight: bold;
	text-align: center;
}

.postheadmediumblack {
	font-family: Tahoma,Arial,Helvetica, sans-serif;
	color:#000000;
	font-size: 19px;
	line-height: 120%;
	font-weight: bold;
	text-align: center;
}

.highlight {
	background-color:#FFFF66;
	font-family: Tahoma,Arial,Helvetica, sans-serif;
	color:#000000;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	text-align: left;
}

.digitalgoods {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 13px;
	text-align:left;	
}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 13px;
	text-align:left;	
}


.midtestimonial {
	background: #ffffcc;
	border: 2px solid #dd5800;
	margin: 2px;
}

.midtestimonial tr td {
	padding:0 15px;
}


/* Applied to all text inside the main table. */
.maintable_border {
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}


/* For the ebook image.  Horizontal spacing between product image and text. */
.ebookdiv {
position: relative;
width: 224px;
height: 355px;
float:left;
padding-right: 20px;
padding-bottom: 20px;
}

/* Positioning of the text around ebook. */ 
.ebooktext {
position:relative;
width: 787px;
}

/* Clearing the previous floating div by using a zero height div. */
.clear {
float:none;
height: 0px;
}

/* BEGIN GUARANTEE CERTIFICATE CSS --- "Guarantee" is for the image background, and "guaranteetext" is for positioning the text. */
.guarantee {
background-image:url(images/certificate6.gif);
background-position:center;
background-repeat:no-repeat;
width: 581px; 
height: 489px;
margin-left: auto;
margin-right:auto;
}

 
.guaranteetext {
position:relative;
left: 68px;
width: 450px; /* Play with the width, instead of inserting hard line breaks.*/ 
top: 72px; 
}


/* For IE stylesheet 
width: 450px; 
float: left;
margin: 68px 0px 25px 67px; /* Top, Right, Bottom, Left 
} */


/* For blue title on the Guarantee Certificate. */  
.guarantee_title {
	font-family: Tahoma,Arial,Helvetica, sans-serif;
	color:#000099;
	font-size: 23px;
	font-weight: bold;
	text-align: center;
}


.headlinemedium_blue_larger {
	font-family: Tahoma,Arial,Helvetica, sans-serif;
	color:#000099;
	font-size: 23px;
	line-height: 23px;
	font-weight: bold;
	text-align: center;
}


.highlight_bodycopy {
	background-color:#FFFF66;
}


.boldedbullets {
	font-size: 16px;
	color:#333333;
	font-weight:bold;
}

.photosofstars_div {
position:relative;
left: 14px;
width: 547px; 
}


/* Had issues positioning this div, along with text to the right of it.  Currently using a table. 
.girl_div {
position:relative;
width: 205px;
}
*/


.caption_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	text-align:center;
	color:#000099;
	position:relative;
left:15px;
width: 500px;
}


/* Blue text for bonuses */
.bonuses {
	font-family: Tahoma,Arial,Helvetica, sans-serif;
	color:#000099;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
}


/* BEGIN ORDER FORM CSS -- Setting width & bg color for order form div */
.orderform {
background-color: #FFFFCC; 
width: 590px;
border: 3px dashed;
border-color: #d70305; 
}

.headlinemedium_blue_orderform {
	font-family: Tahoma,Arial,Helvetica, sans-serif;
	color:#000099;
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
}

/* Order form headline placement */
.headlineorderform {
text-align: center;
position:relative;
top: 20px;
}

/* TOP TEXT Block - Order Form (Setting Margins) */
.toptext_orderform {
	position:relative;
	width: 515px;
	left: 35px;
}

/* BOTTOM TEXT Block - Order Form (Setting Margins) */
.bottomtext_orderform {
position:relative;
left: 35px;
width: 515px;
}

/* Listing product components inside order form. */
.components_orderform {
position:relative;
left: 50px;
width: 450px; 
top: 7px;
}


.formhighlightcenter strong {
	background-color:#FFFF00;
	font-family: Tahoma,Arial,Helvetica, sans-serif;
	color:#000000;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
}


/* BEGIN OPT-IN CSS.  Highlight for opt-in */
.highlight_optin {
	background-color: #FFFF00;
}

/* Width of TOP AND BOTTOM TEXT on Opt-In Page */
.toptext_optin {
	width: 475px;
	left: 10px;
}


/* OPT-IN CSS.  Pulled from popup.html file. */
.style17 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15pt;
}
.style20 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 15px;
	color: #333333;
}
.style22 {font-family: Georgia, "Times New Roman", Times, serif}
.style24 {font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; }