/* formatting */
body     { 
    background-image:url(../images/af_bkg.jpg);
	background-repeat:repeat-x;	 
	background-color:#FFFFFF;
	background-position: 0px 14px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 12px;	line-height: 15px;
	color: #000000;
    margin: 0;    padding: 0;
    height:100%;
    }
html {
    height:100%;    
    }
/*form    {
        margin: 0px 0px 0px 0px;
        }
input {
        }
button, input.button    {
        text-align: center;
        font-weight: bold;
        background-color: #0000BD;
        color: white;
        margin: 5px 15px 5px 15px;
        }
table, td, tr, th, tbody, tfoot    {
    width: auto;
    height: auto;
    margin: 0;     padding: 0;
}*/


/* box layout */

/*.iehackwrap   { width: 782px;  }*/
.boxwrap   { 
        width: 760px !important;
/*        width: 762px;         HOLY HACK from: http://www.info.com.ph/~etan/w3pantheon/style/abmhtest.html */
        width/**/:/**/760px;
        margin-left: auto; margin-right: auto;	padding: 0 0 10px 0; 
/*		background-image: url(../images/site_centershadow.jpg);
		background-repeat:repeat-x;
		background-position: 0px 180px;
		background-color:#FFFFFF;
        border-left: 1px solid #FFFFFF;    border-right: 1px solid #FFFFFF;*/
		  }
.boxbody   { width: auto; float: left;  background-repeat:repeat-x; background-position: 0px 181px;background: url(../images/call_us_toll_free.gif) 215px  186px no-repeat; }
.boxbodytop   { width: auto;  }
.boxheader { width: auto;  clear: both;  }

.boxleft   { width: 115px; padding: 162px 5px 5px 5px;	float: left; margin-left: 0px;  background-image:url(../images/af_logo3.jpg); background-repeat:no-repeat; background-position: 0px 0px;}
.boxright  { width: 175px; float: right; display:none;}

.boxcenter { background: #E4F6EA;  width: 620px; float: right; clear: right; padding: 0; margin: 60px 0 20px 0;  border: 1px solid #7F7F7F; border-bottom: 11px solid #7F7F7F; }
.boxfooter { margin: 40px 0 0px 0px; width: 620px;  clear: both;  border: 1px solid #7F7F7F; border-width: 11px 0px 0px;  background-color: #EBF0FF; color: #693100;  }
.boxfooter p	{	background-color:#009900; border: 0; border-top: 4px solid #016E0E; border-bottom: 4px solid #016E0E; padding: 7px 0; margin: 3px 0px; width: auto;
	font-size:13px;	line-height:15px;
	text-align:center;	color: white; font-family: Arial, Helvetica, sans-serif; }
.boxfooter a, .boxfooter a:hover, .boxfooter a:visited	{	color: white;	margin: 0 9px; line-height: 20px; font-weight: normal; text-decoration: none; }



.boxclear  { clear: both; line-height: 0px;  }

.boxwrap {
    text-align: left;
    } * html .boxwrap {  }

/* header images */
.boxheaderimages	{	width: 430px;	margin: 34px 0 0 0;	padding: 0;	float: left;	}
.boxheaderlinks	{	background-color:#FFFFFF;	background-image:url(../images/af_links.jpg); background-position: 2px 3px; background-repeat: no-repeat; padding: 2px 1px 0 1px; float: right;	}
.boxheaderlinks img	{	width: 100px; height: 178px; border: 0; margin: 1px 1px 0 1px;		}
.boxheaderlinks a#linkSamples:hover img	{	background-image:url(../images/af_linkExampleH.jpg);	}
.boxheaderlinks a#linkFAQ:hover img	{	background-image:url(../images/af_linkStartH.jpg);	}
.boxheaderlinks a#linkContact:hover img	{	background-image:url(../images/af_linkContactH.jpg);	}
     
/* ie hack: */
     .iehackwrap { text-align: center;  }
     .boxwrap    { text-align: left; }     
     
/* box style

.iehackwrap   { background: orange;}
.boxwrap   { background: lime;}

.boxbody	{background-color:#FF99CC;	}
.boxbodytop { background: #33CC99; }
.boxheader { background-color:#33FFFF; } 
.boxcenter { background: #fcc; }
.boxleft   { background-color:#0066FF; }
.boxright  { background: #ccf; }
.boxfooter	{	background-color:#FFFF00;	}
*/
div { margin: 0px; padding: 0px; }

.boxcenter img	{	margin: 2px 10px 10px 0;	padding: 0;	}

/* style */
p,ul,ol,dl,h1,h2,h3,h4, pre	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;	line-height: 15px;
	text-align: left;
/*    color : #DFDFDF;*/
	width : auto;
	margin : 20px 20px 0 20px;
	padding : 0;
	display: block;
	clear:none;
}
pre	{
	font-family: "Courier New", Courier, mono;
}
li p	{
    margin : 0px 20px 20px 20px;
	display:block;
}
a
{
    color:#0000FF;
    font-weight : bold;
    text-decoration : none;
}
a:hover
{
    text-decoration : underline;
		color:#5353FF;
}

pre
{
	font-size: 14px;
    color:#4D4D4D;
}

h1, h1.forumtitle	{
	font-family: Arial, Helvetica, sans-serif;
	margin: 20px 3% 0px;
	width: auto;
	padding: 3px 15px 4px 0px;
	color: #016E0E;
	font-size: 18px;	line-height: 21px;
	font-weight:bold;
	border-bottom: 1px solid #A0A0A0;
	clear:left;
}
h1 a, h1.forumtitle a	{
	float: right; 
	color:#cc6600; 
	text-decoration:none; 
	margin-left: 20px; 
	font-weight:bold;
	font-size: 11px;	line-height: 13px;
}

h2	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;	line-height: 21px;
	margin: 18px 3% 0px;
	color: #016E0E;
}

h3	{ 
	font-weight: bold;
	font-size: 18px;	line-height: 21px;
	text-decoration:underline;
	color: red;
   }

h4	{    }
    
h5	{    }
    
h6	{    }

ul,ol,dl	{
	margin-left: 50px;
	list-style-position:outside;
}
ul	{	list-style-type:disc; }
ul li {	/*background-image:url(../images/af_list1.gif);*/ background-repeat:no-repeat; background-position: 0 -3px; padding: 3px 10px 3px 30px; margin: 0;	}

span.req	{
	color: red;
	margin: 0 0 0 5px;
}

fieldset	{
	border: 1px solid #009900;
	width: auto;
	margin: 20px 50px 0 50px;
}
fieldset legend	{
	font-size: 105%;	line-height: 105%;
	font-weight:bold;	color: #009900;
}
fieldset ul, fieldset ol	{
	margin : 10px 15px 10px 30px;
}


hr {
    color: #009900;
    height: 1px;
    width: 80%;
    margin: 10px auto 10px auto;
    }


/* header content */

/*    main content */

div#scrollDiv, iframe#scrollDiv
{
    margin: 0 auto;
    width : 80%;
    height : 700px;
    overflow : auto;
    border : 1px dashed #0000CC;
    color : #009900;
    text-align : left;
}




div#line1, form div#line1
{
    margin : 22px 10% 2px 10%;
    height : 1px;
    overflow : hidden;
    background-color:#016E0E;
    clear:none;
	padding: 0;
}
div#line2, form div#line2
{
    margin : 22px 10% 2px 10%;
    height : 1px;
    overflow : hidden;
    background-color:#016E0E;
    clear:none;
	padding: 0;
}
div#line3, form div#line3
{
    margin : 17px 30% 2px 30%;
    height : 1px;
    overflow : hidden;
    background-color:#009900;
    clear:none;
	padding: 0;
}

/* columns */
div.boxright
{
}
div.boxleft
{
}


span.dot	{	margin: 0 2px;	}

/* last styles */

.right	{	text-align:right;	}
.fB		{	font-weight:bold;	}
.mar10    {    margin: 10px;    }
.small    {    font-size: 88%; line-height: 96%;    }
.smaller    {    font-size: 78%;    line-height: 90%;    }
.big    {    font-size: 115%;    line-height: 116%;    }
.bigger    {    font-size: 130%;    line-height: 132%;    }
.green	{	color:#008400;	}
.red		{	color:#990033;	}
.unseen	{	display:none;	}
.colRed	{    	color: red;	}
.colGray	{    	color: #DFDFDF;	}
.colBlue	{		color: #0000D6;	}
.colLtBlue	{		color:#6464FF;	}
.colWhite	{	color: white;	}
.colBlack	{	color: black;	}

/* page tabs */


/* form tables	*/
table tr.odd	{	background-color:#BFFFBF;		}
table tr.even	{	background-color:#84FF84;		}
table tr.error	{	background-color:#FFFF00;		}
table td, table th	{
	border-top: 5px solid #E4F6EA;
	padding: 3px;
}
table.form1	{
	margin : 20px auto 0 auto;
	width: 500px;
	text-align: left;
}
table.form1 label	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	line-height: 14px;
}
table.form1 th	{
	padding-top: 6px;
	vertical-align: top;
	text-align:right;
	width: 150px;
}
table.form1 input, table.form1 select, table.form1 textarea	{
	width: 300px;
}
table.form1 input.button, table.form1 input.radio, table.form1 input.checkbox	{	margin: 4px 3px 0; width: auto;	}
table.form1 label.for_radio	{	width: 100%;	margin: -4px 3px 4px;  }


/* styles for info popups */

div.question_mark	{
	background-image: url(../images/question2_icon.gif);
	background-repeat:no-repeat;
	float: left;	margin: 0;
	width: 18px;	height: 18px;
	cursor: pointer;
}

div.popup_info1, iframe.popup_info1	{
	z-index: 100;
	width: 500px;
	margin-top: -50px;
	left: 37%;
	position: absolute;		display: none;
	border: 1px solid #016E0E;
	border-width: 4px 1px;
	background-color: #E4F6EA;
	padding: 0 0 20px 0; 
}
iframe.popup_info1	{	z-index: 99; }
div.popup_info1 h2	{
	border-bottom: 1px solid #A0A0A0;
	clear:left;
	font-size: 14px;	line-height: 16px;
}
div.popup_info1 p, div.popup_info1 pre,
div.popup_info1 ol, div.popup_info1 ul	{
	font-size: 12px;	line-height: 13px;
	font-weight: normal;
}
div.theX	{
	background-image: url(../images/close2_icon.gif);
	background-repeat:no-repeat;
	float: right;	margin: 0;
	width: 18px;	height: 18px;
	cursor:pointer;
}
div#sample1_popT, div#sample1_popD	{
	background-image:url(../images/quality2_screenshot.jpg);
	background-repeat:no-repeat;
	background-position: 0px 85px;
	height: 300px;
	margin-top: -340px;
}	iframe#sample1_popT_iframe, iframe#sample1_popD_iframe	{	border: 0;	height: 300px; margin-top: -340px;	}
div#sample1_popD_title,div#sample1_popT_description	{	display: none;	}
div#sample1_popT_title {
	position: absolute;
	width: 354px;	height: 52px;
	top: 95px;	left: 74px;
	background-image:url(../images/quality2_title.jpg);
}
div#sample1_popD_description	{
	position: absolute;
	width: 412px;	height: 33px;
	top: 115px;	left: 42px;
	background-image:url(../images/quality2_description.jpg);
}
div#hostemail_pop, div#hostemail_popH, div#hostemail_popU, div#hostemail_popP	{
    margin-top: -390px !important;
/*        width: -370px;         HOLY HACK from: http://www.info.com.ph/~etan/w3pantheon/style/abmhtest.html */
    margin-top/**/:/**/-370px;
}
iframe#hostemail_popH_iframe, iframe#hostemail_popU_iframe, iframe#hostemail_popP_iframe	{	border: 0;	height: 340px; margin-top: -370px;	}
div#clickbank_pop	{	margin-top: -140px;	}
iframe#clickbank_pop_iframe	{	border: 0;	height: 100px; margin-top: -140px;	}
div#google_pop		{	margin-top: -410px;	}
iframe#google_pop_iframe	{	border: 0;	height: 360px; margin-top: -410px;	}
span.hostemail_highlight{	background-color: #FFFFFF; border: 1px solid #000000; padding: 1px 3px;	}
span.hostemail_nohighlight	{	background-color:transparent; border: 0px solid #E4F6EA;	}

div.inside_pre	{
	font-weight: bold; 
	font-size: 13px;	line-height: 15px;
	border: 1px solid #000000; 
	border-width: 1px 0;  
	margin: 0; 	padding: 10px 3px;
	background-color: white;
	display: block; float: right; 
	width: 140px; white-space:normal; 
	font-family:Arial, Helvetica, sans-serif; 
}


/*	faq */
table.faq	{
	font-size: 12px;
	width : 94%;
	margin: 20px 3% 0px;
	background-color: #A7ACBC;	
}
table.faq th, table.faq td {
	background-color: #EBF0FF;	padding: 4px 6px; margin: 0; vertical-align: top;
}
table.faq thead td	{	background-color:#EBEBEB;	}
table.faq tbody td	{	background-color:white;	width: 97%; 	}


/* fancy header fonts */
div.fancy_h1, div.fancy_h2, div.fancy_h3	{
	border-bottom: 1px solid #A0A0A0;
	background-repeat: no-repeat;
	margin: 20px 3% 0px;
	width: auto;	height: 40px;
	padding: 3px 15px 4px 0px;
}
div.fancy_h1 h1, div.fancy_h2 h2, div.fancy_h3 h3	{
	display: none;
	margin: 0;	padding: 0;
	border: 0;
}
div#fancy_1-1	{	background-image: url(../images/1-1.jpg);	}	
div#fancy_1-2	{	background-image: url(../images/1-2.jpg);	}	
div#fancy_1-3	{	background-image: url(../images/1-3.jpg);	}	
div#fancy_1-4	{	background-image: url(../images/1-4.jpg);	}	
div#fancy_1-5	{	background-image: url(../images/1-5.jpg);	}	
div#fancy_1-6	{	background-image: url(../images/1-6.jpg);	}	
div#fancy_1-7	{	background-image: url(../images/1-7.jpg);	}	
div#fancy_1-8	{	background-image: url(../images/1-8.jpg);	}	
div#fancy_1-1	{	background-image: url(../images/1-1.jpg);	}	
div#fancy_1-2	{	background-image: url(../images/1-2.jpg);	}	
div#fancy_1-3	{	background-image: url(../images/1-3.jpg);	}	
div#fancy_1-4	{	background-image: url(../images/1-4.jpg);	}	
div#fancy_1-5	{	background-image: url(../images/1-5.jpg);	}	
div#fancy_1-6	{	background-image: url(../images/1-6.jpg);	}	
div#fancy_1-7	{	background-image: url(../images/1-7.jpg);	}	
div#fancy_1-8	{	background-image: url(../images/1-8.jpg);	}	
div#fancy_2-1	{	background-image: url(../images/2-1.jpg);	}	
div#fancy_2-2	{	background-image: url(../images/2-2.jpg);	}	
div#fancy_2-3	{	background-image: url(../images/2-3.jpg);	}	
div#fancy_2-4	{	background-image: url(../images/2-4.jpg);	}	
div#fancy_2-5	{	background-image: url(../images/2-5.jpg);	}	
div#fancy_2-6	{	background-image: url(../images/2-6.jpg);	}	
div#fancy_2-7	{	background-image: url(../images/2-7.jpg);	}	
div#fancy_2-8	{	background-image: url(../images/2-8.jpg);	}	
div#fancy_3-1	{	background-image: url(../images/3-1.jpg);	}	
div#fancy_3-2	{	background-image: url(../images/3-2.jpg);	}	
div#fancy_3-3	{	background-image: url(../images/3-3.jpg);	}	
div#fancy_3-4	{	background-image: url(../images/3-4.jpg);	}	
div#fancy_3-5	{	background-image: url(../images/3-5.jpg);	}	
div#fancy_3-6	{	background-image: url(../images/3-6.jpg);	}	
div#fancy_3-7	{	background-image: url(../images/3-7.jpg);	}	
div#fancy_3-8	{	background-image: url(../images/3-8.jpg);	}	
div#fancy_4-1	{	background-image: url(../images/4-1.jpg);	}	
div#fancy_4-2	{	background-image: url(../images/4-2.jpg);	}	
div#fancy_4-3	{	background-image: url(../images/4-3.jpg);	}	
div#fancy_4-4	{	background-image: url(../images/4-4.jpg);	}	
div#fancy_4-5	{	background-image: url(../images/4-5.jpg);	}	
div#fancy_4-6	{	background-image: url(../images/4-6.jpg);	}	
div#fancy_4-7	{	background-image: url(../images/4-7.jpg);	}	
div#fancy_4-8	{	background-image: url(../images/4-8.jpg);	}	
div#fancy_5-1	{	background-image: url(../images/5-1.jpg);	}	
div#fancy_5-2	{	background-image: url(../images/5-2.jpg);	}	
div#fancy_5-3	{	background-image: url(../images/5-3.jpg);	}	
div#fancy_5-4	{	background-image: url(../images/5-4.jpg);	}	
div#fancy_5-5	{	background-image: url(../images/5-5.jpg);	}	
div#fancy_5-6	{	background-image: url(../images/5-6.jpg);	}	
div#fancy_5-7	{	background-image: url(../images/5-7.jpg);	}	
div#fancy_5-8	{	background-image: url(../images/5-8.jpg);	}	
div#fancy_6-1	{	background-image: url(../images/6-1.jpg);	}	
div#fancy_6-2	{	background-image: url(../images/6-2.jpg);	}	
div#fancy_6-3	{	background-image: url(../images/6-3.jpg);	}	
div#fancy_6-4	{	background-image: url(../images/6-4.jpg);	}	
div#fancy_6-5	{	background-image: url(../images/6-5.jpg);	}	
div#fancy_6-6	{	background-image: url(../images/6-6.jpg);	}	
div#fancy_6-7	{	background-image: url(../images/6-7.jpg);	}	
div#fancy_6-8	{	background-image: url(../images/6-8.jpg);	}