/*Developer Wawwi.com
Author: Amin Johar (AJ)
Website: http://wawwi.com/
Copyright 2009-2010
Theme: WM-014-01-FEMEL
Main Colour: Dark-Green
More details visit: http://wawwi.com/home/index.html
*/

/*TEMPLATE MAIN SETTING START*/

/*Body*/
body
{
padding: 0px;
margin: 0px auto 0px auto;
color: #202020;
font-size: 12px;
font-family: Verdana, Geneva, sans-serif;
background-attachment: scroll;
background: #FE6500 url(images/bg.jpg);
background-repeat: repeat-X;
background-position: center top;
}

/*Contents Overall*/
#wrap
{
background: #FFFFFF url(images/body.jpg);width: 780px;padding: 0px;margin: 0px auto 0px auto;
}

/*Header*/
#header
{
background: url(images/header.jpg);height: 284px;color: #000000;font-size: 11px;padding: 0px;overflow: hidden;margin: 0px auto 0px auto;
}

/*Footer*/
#footer {background: url(images/footer.jpg);height: 157px;padding: 0px;text-align: center;margin: 0px auto 0px auto;}#footer p {color: #FFFFFF;font-size: 11px;font-family: Arial, Tahoma, Verdana;padding: 9px 0px 0px 0px;margin: 0px;}#footer a, #footer a:visited {color: #069;text-decoration: none;}#footer a:hover {color: #F00;text-decoration: underline;}

/*Content*/
#content {width: 660px;padding: 0px 0px 10px 0px;margin: 0px auto 0px auto;}
#content h1 {color: #333333;font-size: 24px;font-family: Arial, Tahoma, Verdana;font-weight: bolder;padding: 10px 0px 0px 0px;margin: 0px 0px 5px 0px;}
#content h1 a, #content h1 a:visited  {color: #333333;font-size: 24px;font-family: Arial, Tahoma, Verdana;font-weight: bolder;padding: 0px 0px 0px 0px;margin: 0px 0px 5px 0px;}
#content h1 a:hover {color: #4776C5;text-decoration: none;}

#content h2 {color: #000000;font-size: 15px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;text-align: left;margin: 0px 0px 10px 0px;padding: 5px 5px 5px 5px;}
#content h3 {color: #000000;font-size: 14px;font-family: Arial, Tahoma, Verdana;font-weight: bold;margin: 0px 0px 10px 0px;padding: 5px 0px 10px 0px;}
#content h3 a, #content h3 a:visited {color: #000000;text-decoration: none;margin: 0px;padding: 0px 0px 10px 0px;}

#content h3 a:hover {color: #4776C5;text-decoration: none;}

#content h4 {color: #000000;font-size: 18px;font-family: Arial, Tahoma, Verdana;font-weight: normal;padding: 0px;margin: 0px;}

#input {font-family: verdana,arial; font-size:7.5pt; color:#002040; background:#EEEEEE; border: 1px solid #000000;}

/*Hyperlinks*/
a:link {color: #03F;text-decoration: none;}

a:visited {color: #666;text-decoration: none;}

a:hover {color: #F00;text-decoration: underline;}



/*TEMPLATE MAIN SETTING END*/



/*Navbar*/
#navbar {background: #FFFFFF url(images/navbar.gif);width:698px;height: 30px;font-size: 12px;font-family: Arial, Tahoma, Verdana;color: #FFA824;font-weight: bold;margin: 0px auto 0px;padding: 0px;border-bottom: 1px solid #000000;}#navbar a, #navbar a:visited {color: #FFFFFF;font-size: 12px;text-decoration: none;padding: 0px 0px 0px 3px;}

#navbar a:hover {color: #FFA824;text-decoration: underline;padding: 0px 0px 0px 3px;}
#nav {margin: 0px;padding: 0px;list-style: none;}
#nav ul {margin: 0px;padding: 0px;list-style: none;}
#nav a, #nav a:visited {background: #FFFFFF url(images/navlink.gif) right;color: #FFA824;display: block;font-weight: bold;text-transform: uppercase;margin: 0px;padding: 8px 17px 8px 15px;}
#nav a:hover {background: #FFFFFF url(images/navhover.gif) right;color: #D78100;margin: 0px;padding: 8px 17px 8px 15px;text-decoration: none;}
#nav li {float: left;margin: 0px;padding: 0px;}
#nav li li {float: left;margin: 0px;padding: 0px;width: 150px;}
#nav li li a, #nav li li a:link, #nav li li a:visited {background: #191919;width: 150px;float: none;text-transform: none;margin: 0px;padding: 7px 10px 7px 10px;border-bottom: 1px solid #000000;border-left: 1px solid #000000;border-right: 1px solid #000000;}
#nav li li a:hover, #nav li li a:active {background: #000000;padding: 7px 10px 7px 10px;}
#nav li ul {position: absolute;width: 10em;left: -999em;}
#nav li:hover ul {left: auto;display: block;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}


/*QUOTE / FROM EXPERT*/
#QuoteHeader {
	width: 454px;
	height: 118px;
	margin: 0px auto 0px auto;
	padding: 0px 50px 0px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-image: url(images/quote-header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#QuoteBody {
	width: 454px;
	margin: 0px auto 0px auto;
	padding: 20px 50px 20px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url(images/quote-body.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

#QuoteFooter {
	width: 454px;
	height: 66px;
	margin: 0px auto 0px auto;
	padding: 0px 50px 0px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url(images/quote-footer.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}


/*OPTIN FORM*/
#OptinHeader {
	width: 454px;
	height: 118px;
	margin: 0px auto 0px auto;
	padding: 0px 50px 0px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-image: url(images/optin-header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#OptinBody {
	width: 454px;
	margin: 0px auto 0px auto;
	padding: 20px 50px 20px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url(images/optin-body.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

#OptinFooter {
	width: 454px;
	height: 66px;
	margin: 0px auto 0px auto;
	padding: 0px 50px 0px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url(images/optin-footer.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}



/*TESTIMONY*/
#TestimonyHeader {
	width: 454px;
	height: 118px;
	margin: 0px auto 0px auto;
	padding: 0px 50px 0px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-image: url(images/testimony-header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#TestimonyBody {
	width: 454px;
	margin: 0px auto 0px auto;
	padding: 20px 50px 20px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url(images/testimony-body.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

#TestimonyFooter {
	width: 454px;
	height: 66px;
	margin: 0px auto 0px auto;
	padding: 0px 50px 0px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url(images/testimony-footer.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

/*PACKAGE OFFER*/
#PackageHeader {
	width: 454px;
	height: 118px;
	margin: 0px auto 0px auto;
	padding: 0px 50px 0px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-image: url(images/package-header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#PackageBody {
	width: 454px;
	margin: 0px auto 0px auto;
	padding: 20px 50px 20px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url(images/package-body.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

#PackageFooter {
	width: 454px;
	height: 66px;
	margin: 0px auto 0px auto;
	padding: 0px 50px 0px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url(images/package-footer.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

/*DOWNLOAD PAGE*/
#DownloadHeader
{
	width: 454px;
	height: 118px;
	margin: 0px auto 0px auto;
	padding: 0px 50px 0px 50px;
	background-image: url(images/download-header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#DownloadBody
{
	width: 454px;
	margin: 0px auto 0px auto;
	padding: 20px 50px 20px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url(images/download-body.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

#DownloadFooter
{
	width: 454px;
	height: 66px;
	margin: 0px auto 0px auto;
	padding: 0px 50px 0px 50px;
	color: #000000;
	background-image: url(images/download-footer.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

/*BONUS*/
#BonusHeader
{
	width: 454px;
	height: 118px;
	margin: 0px auto 0px auto;
	padding: 0px 50px 0px 50px;
	background-image: url(images/bonus-header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#BonusBody
{
	width: 454px;
	margin: 0px auto 0px auto;
	padding: 20px 50px 20px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url(images/bonus-body.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

#BonusFooter
{
	width: 454px;
	height: 66px;
	margin: 0px auto 0px auto;
	padding: 0px 50px 0px 50px;
	color: #000000;
	background-image: url(images/bonus-footer.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}


/*PAYMENT METHOD FORM*/
#PaymentMethodHeader
{
	width: 454px;
	height: 118px;
	margin: 0px auto 0px auto;
	padding: 0px 50px 0px 50px;
	background-image: url(images/paymentmethod-header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#PaymentMethodBody
{
	width: 454px;
	margin: 0px auto 0px auto;
	padding: 20px 50px 20px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url(images/paymentmethod-body.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

#PaymentMethodFooter
{
	width: 454px;
	height: 66px;
	margin: 0px auto 0px auto;
	padding: 0px 50px 0px 50px;
	color: #000000;
	background-image: url(images/paymentmethod-footer.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

/*FAQ*/
#FaqHeader
{
	width: 454px;
	height: 118px;
	margin: 0px auto 0px auto;
	padding: 0px 50px 0px 50px;
	background-image: url(images/faq-header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#FaqBody
{
	width: 454px;
	margin: 0px auto 0px auto;
	padding: 20px 50px 20px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url(images/faq-body.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

#FaqFooter
{
	width: 454px;
	height: 66px;
	margin: 0px auto 0px auto;
	padding: 0px 50px 0px 50px;
	color: #000000;
	background-image: url(images/faq-footer.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}





	
/*Order, Contact, Feedback and Comments Form*/
#FormOrderHeader
{
	width: 480px;
	height: 270px;
	margin: 0px auto 0px auto;
	padding: 0px 50px 0px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-image: url(images/form-order-header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#FormOrderHeader h1
{
	font-size: 24px;
	font-weight: bolder;
	color: #C00;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
}

#FormContactHeader
{
	width: 480px;
	height: 270px;
	margin: 0px auto 0px auto;
	padding: 0px 50px 0px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-image: url(images/form-contact-header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#FormContactHeader h1
{
	font-size: 24px;
	font-weight: bolder;
	color: #C00;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
}

#FormRegisterHeader
{
	width: 480px;
	height: 270px;
	margin: 0px auto 0px auto;
	padding: 0px 50px 0px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-image: url(images/form-register-header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#FormRegisterHeader h1
{
	font-size: 24px;
	font-weight: bolder;
	color: #C00;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
}

#FormCommentHeader
{
	width: 480px;
	height: 270px;
	margin: 0px auto 0px auto;
	padding: 0px 50px 0px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-image: url(images/form-comment-header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#FormCommentHeader h1
{
	font-size: 24px;
	font-weight: bolder;
	color: #C00;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
}

#FormVemmaBuilderHeader
{
	width: 480px;
	height: 270px;
	margin: 0px auto 0px auto;
	padding: 0px 50px 0px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-image: url(images/form-vemmabuilder-header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#FormVemmaBuilderHeader h1
{
	font-size: 24px;
	font-weight: bolder;
	color: #C00;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
}

#FormOrderFooter
{
	width: 480px;
	height: 100px;
	margin: 0px auto 0px auto;
	padding: 0px 50px 0px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url(images/form-order-footer.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

#FormOrder
{
	width: 480px;
	margin: 0px auto 0px auto;
	padding: 0px 30px 0px 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url(images/form-order-body.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

#FormOrder .List
{
	font-weight: bold;
	font-size: 12px;
}

#FormOrder .List tr td .important
{
	font-weight: bold;
	color: #F00;
}

#FormOrder .List form tr td .Listbukti
{
	font-size: 11px;
	font-weight: normal;
	color: #666;
}

#FormOrder .List form tr td .ButtonOrder
{
	margin: 5px;
	padding: 5px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background-color: #666;
}


/*Form Login,Password recovery, Register Affiliate*/
#RegisterForm {
	padding: 0px;
	height: 300px;
	width: 300px;
	margin: 0px auto 0px auto;
	background-image: url(images/access-form-background.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
}


/*Contact - Affiliate Agen*/
#sidebarleft {float: left;width: 360px;padding: 0px;margin: 0px;}
#sidebarright {float: right;width: 250px;margin: 0px;padding: 0px;}


/*Download Button at Download Menu - Affiliate*/
.downloadbutton {
	height: 50px;
	width: 212px;
	background-image: url(images/download-button.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;}


/*Wawwi Copyright*/
#footercontent {
	padding: 0px;
	margin: 0px auto 0px auto;	
	text-align: right;
	vertical-align: bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4B4B4B;
	right: 0px;
	bottom: 0px;
	position: fixed;
	visibility: visible;
}#footercontent a, #footercontent a:visited {color: #FE6500;text-decoration: none;}#footercontent a:hover {color: #FE6500;text-decoration: underline;}