/*GENERAL*/
body{
    margin: 0px;

    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #636363;

    background: #e2e2e2;

    width: 100%;
}

p, ul, li{
    margin: 0px;
    padding: 0px;
}

ul, li{
    list-style: none;
}

img{
    border: none;
}

.highlight{
    font-size: 125%;
    color: #D85300;
}

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


#pDone, #divValidationMessage{
    width: 500px;
    text-align: center;

    padding: 200px 0px 0px 60px;
}
    .smallFonts{
        font-size: 9px;
    }

#divValidationMessage{
    margin-top: -60px;
    padding: 0px 0px 0px 80px;

    font-size: 13px;
    font-variant:small-caps;
    color: #555555;

}
    #divValidationMessage #aGoHome{
        display:block;
        text-align: right;
        margin-top: 20px;
    }

    #divValidationMessage b{
        font-variant: normal;
    }

    #divValidationMessage .instructions,
    #divValidationMessage ul{
        text-align: left;
        margin-top: 10px;
    }

        #divValidationMessage ul li{
            list-style: decimal;
            margin-left: 20px;
        }

        #divValidationMessage ul li b{
            font-weight: normal;
        }

.hidden
{
     width: 0px !important;
     height: 0px !important;
     overflow: hidden !important;

     margin: 0px !important;
     padding: 0px !important;
}

/*END GENERAL*/

/*WRAP*/
#divWrap{
    float: left;
    width: 1000px;
    height: 600px;

    position: absolute;
    left: 50%;
    margin-left: -500px;
    background: #FFFFFF;
}

    .home{
        top: 50%;
        margin-top: -300px;
    }

/*END WRAP*/

/*HEADER*/
#divHeader{
    float:right;
    width: 354px;
    height: 600px;

    background: URL("../img/a-bg.png") no-repeat right top;

    position: relative;
    z-index: 100;
}

     #divHeader #aLogo{
         display: block;
        margin: 21px 0px 0px 133px;

        width: 123px;
        height: 90px;
     }

     #ulMenu{
         margin: 30px 0px 0px 102px;
     }

        .High{
            margin-left: 117px !important;
        }

         #ulMenu li,
        #ulMenu li a,
        #aSignUp,
        #aEditProfile{
            display: block;
        }

        #ulMenu li a,
        #aSignUp,
        #aEditProfile{
            height: 0px;
            padding-top: 14px;
            overflow: hidden;
            font-size: 6px;
            color:#FEFEFE;

            margin-top: 7px;
        }

            #ulMenu li.L1 a{
                width: 107px;
                background: url(../img/about.png) no-repeat left top;
            }
                #ulMenu li.L1 a:hover{
                    background-position: -107px top;
                }

            #ulMenu li.L2 a{
                width: 84px;
                background: url(../img/contact.png) no-repeat left top;                

                margin-left: -5px;
            }
                #ulMenu li.L2 a:hover{
                    background-position: -84px top;
                }

            #ulMenu li.L3 a{
                width: 97px;
                background: url(../img/participating-merchant.png) no-repeat left top;

               margin-left: -35px;
				padding-top: 28px;
            }
                #ulMenu li.L3 a:hover{
                    background-position: -98px top;
                }

            /*
			#ulMenu li.L4 a{
                width: 97px;
                background: url(../img/participating-merchant.png) no-repeat left top;

                margin-left: -35px;
				padding-top: 28px;
            }
                #ulMenu li.L4 a:hover{
                    background-position: -98px top;
                }
			*/
			
    #aSignUp,
    #aEditProfile{

        margin: 17px 0px 0px 10px;
        padding-top: 38px;
        width: 200px;

        background: url(../img/signup-now.png) no-repeat left top;
    }
        #aSignUp:hover{
            background-position: -200px top;
        }

    #aEditProfile{
        background: url(../img/edit-profile.png) no-repeat left top;
    }
        #aEditProfile:hover{
            background-position: -200px top;
        }

/*END HEADER*/

/*CONTENT HOLDER*/

h1{
    height: 0px;
    overflow: hidden;
    color: #FEFEFE;
    font-size: 6px;

    margin-top: 60px;

    margin-bottom: 20px;
}
    h1#h1ACardReqs{
        padding-top: 59px;
        background: url(../img/header-how-to-apply.png) no-repeat top left;
    }

    h1#h1ACardFAQs{
        padding-top: 59px;
        background: url(../img/header-faqs.png) no-repeat top left;
    }

    h1#h1ACardContactUs{
        padding-top: 59px;
        background: url(../img/header-contact-us.png) no-repeat top left;
    }

    h1#h1ACardAbout{
        padding-top: 59px;
        background: url(../img/header-about.png) no-repeat top left;
    }

#divContentHolder h2,
#divContentHolder h3{
    margin: 0px;
    padding: 30px 0px 0px 0px;

    font-variant: small-caps;
    font-weight: normal;
    font-size: 15px;
}

#divContentHolder h2{
    position: absolute;

	width: 99px;
	height: 0px;

	padding-top: 38px;

	overflow: hidden;

	font-size: 6px;
	color: #FFFFFF;

    left: 21px;
    top: 290px;

    cursor: pointer;
}

	#divContentHolder h2.active{
		background-position: -100px top !important;
		cursor: auto; !important
    }

    #divContentHolder h2#h2Onsite{
		margin-top: 20px;
		background: url(../img/onsite.png) no-repeat -1px top;
    }

    #divContentHolder h2#h2Online{
        left: 130px;
		margin-top: 20px;
		background: url(../img/online.png) no-repeat -1px top;
    }

#divContentHolder h3{
    color: #D85300;
    padding: 0px;
    margin: 0px;
}

#divFlashHolder div{
    float: left;
    width: 0px;
    height: 0px;
    overflow: hidden;
    background-color: #0000CC;
}

#divFlashHolder{
    margin-top: -1px;
}

#divContentHolder{
    position:absolute;
    width: 632px;
    /* min-height: 555px; */

    padding: 0px 50px 80px 20px;

    font-size: 12px;

    background: #FFFFFF url(../img/footer.png) no-repeat left bottom;

    z-index: 0;
}
	 #divContentHolder .nonDecimal{
	 	list-style: none;
		margin: 20px 0px 0px -20px;
		color: #666666;
    }
		#divContentHolder .nonDecimal .highlight{
			line-height: 25px;
			font-variant: small-caps;
		}

		#divContentHolder .nonDecimal ul{
			padding-left: 25px;
		}
			#divContentHolder .nonDecimal ul ul{
				padding-left: 0px;
			}

    #divContentHolder p{
        padding-bottom: 55px;
    }

    #divContentHolder p .highlight{
        font-variant: small-caps;
    }

    #divContentHolder ul{
        padding: 0px 0px 0px 20px;
    }

    #divContentHolder ul li{
        padding-top: 15px;
        list-style: decimal;
        color: #343434;
    }
        #divContentHolder ul ul    {
            padding: 10px 0px 0px 5px;
        }

        #divContentHolder ul ul li,
        #divContentHolder ul ul.decimal ul li{
            padding: 5px 0px 0px 12px;

            color: #666666;

            list-style: none;
            background: url(../img/bullet.png) no-repeat left 9px;
        }

        #divContentHolder ul ul.decimal li{
            margin-left: 15px;

            padding: 5px 0px 15px 0px;
            color: #666666;

            list-style: lower-alpha;
            background: none;
        }

            #divContentHolder ul ul.decimal li ul li{
                padding-top: 9px;
                background-position: left 13px;
            }

            #divContentHolder ul ul.smallTopSpace li{
                padding: 3px;
            }

    #divContentHolder ul.contacts{
        padding-left: 50px;
    }

        #divContentHolder ul.contacts h3{
            padding-top: 20px;
        }

        #divContentHolder ul.contacts li{
            list-style: none;
        }

        #divContentHolder ul.contacts .highlight{
            font-size:13px;
        }

    #divContentHolder ul p.subText{
        padding: 10px 0px 0px 0px;
        margin: 0px;
    }

    #divContentHolder .table li{
        float: left;
        width: 400px;
        background: none;

        list-style: none;
    }
        #divContentHolder .table li span{
            float:left;
            width: 200px;
        }


/*CONTENT HOLDER END*/

/*BUTTONS*/

#divButtonHolder,
#divButtonHolderFlash{
    float: left;

    width: 720px;

    overflow: hidden;
    margin-top: -191px;

    position: relative;
    z-index: 99;
}

#divButtonHolderFlash{
    z-index: 400;
}


    #divArrows{
        float: left;
        width: 100%;
    }
        #divArrows a,
        #divArrows img{
            display: block;
        }

        #divArrows a{
            margin-top: -125px;
            position: relative;
        }

        #aArrowLeft{
            float:left;
            left: 20px;
        }

        #aArrowRight{
            float:right;
            right: 70px;
        }

    #ulButtons{
        float: left;
        width: 1000px;
    }

        #ulButtons li{
            float: left;
            margin-left: -50px;
        }

        #ulButtons li a{
            display: block;

            height: 0px;
            padding-top: 191px;
            overflow: hidden;
            font-size: 6px;
            color:#FEFEFE;

            width: 295px;
        }

            #ulButtons li #aBonifacio{
                background: url(../img/bonifacio.png) no-repeat top left;
            }

            #ulButtons li #aGlorietta{
                background: url(../img/glorietta.png) no-repeat top left;
            }

            #ulButtons li #aGreenbelt{
                background: url(../img/greenbelt5.png) no-repeat top left;
            }

            #ulButtons li.first{
                margin-left: -70px;
            }

/*END BUTTONS*/

/*REG FORM*/
#frmLogin,
#pLoggedIn{
    float: left;
    position: absolute;
    z-index: 500;

    padding: 7px 100px 15px 15px;

    left: 0px;
    top: 0px;

    background: url(../img/login-bg.png) no-repeat left top;
}

    #pLoggedIn{
        font-variant: small-caps;
    }
        #pLoggedIn .highlight{
            font-variant: normal;
        }

    #frmLogin input,
    #frmLogin label{
        float: left;
    }

    #frmLogin label{
        font-size: 11px;
        font-variant: small-caps;
        padding: 2px 2px 0px 0px;
    }

    #frmLogin .text{
        width: 90px;
        height: 13px;

        font-size: 11px;

    }

    #frmLogin #btnLogin{
        margin: -1px 0px 0px 5px;
    }

    #frmLogin .space{
        margin-right: 10px;
    }

#frmRegister,
#divListHolder{
    float: left;
    width: 730px;
    height: 531px;

    background: url(../img/form-bg.png) no-repeat left top;
    margin-top: -531px;
}
	 #frmRegister .note{
	  	float: left;
		clear: left;

		margin-left: 14px;
		padding-bottom: 8px;

		font-style: italic;
		color: #D85300;
	 }

    #frmRegister #ulPageMarker,
    #divListHolder #ulPageMarker,
    #frmRegister .ulFields{
        float: left;
        width: 100%;

        font-size: 15px;
        padding: 1px 0px 0px 24px;
    }
        #frmRegister .ulFields,
        #divListHolder .ulFields{
            padding-top: 15px;
            font-size: 12px;
        }

    #ulPageMarker li{
        float: left;

        width: 94px;
        height: 31px;

        margin: 0px;
        padding-top: 8px;
    }

        #ulPageMarker li.mallSelect{
            width : 700px;
            margin-left: -12px;
            margin-top: -3px;
        }
            #ulPageMarker li.mallSelect form,
            #ulPageMarker li.mallSelect form select,
            #ulPageMarker li.mallSelect form div{
                float: left;
                margin: 0px;
                padding: 0px;
            }

            #ulPageMarker label{
                float: left;
                padding: 3px 5px 0px 0px;
                font-size: 12px;
                font-variant: small-caps;
            }

            #ulPageMarker li.mallSelect form select{
                float: left;
                height: 18px;
                font-size: 11px;
                margin-top: 0px;
                position: relative;
            }
                #ulPageMarker li.mallSelect form #selMall{
                    width: 150px;
                    margin-right: 20px;
                }

                #ulPageMarker li.mallSelect form #selSection{
                    width : 60px;
                    text-align: center;
                }

            #ulPageMarker li.mallSelect form #divSearch{
                float: left;
                width: 180px;

                position: relative;
                left: 160px;
                z-index: 400;
            }
                #ulPageMarker li.mallSelect form #divSearch input,
                #ulPageMarker li.mallSelect form #btnSearch{
                    float: left;
                    margin-right: 2px;
                }
                    #ulPageMarker li.mallSelect form #divSearch #txtSearch{
                        width: 150px;
                        height: 13px;
                        font-size: 11px;
                    }

                    #ulPageMarker li.mallSelect form #btnSearch{
                        cursor: pointer;
                    }

        #ulPageMarker li.description{
            width: auto;
            margin-right: 60px;
        }

            #ulPageMarker li.page{
                margin-right: 20px;
                text-align: center;
            }

                #divListHolder #ulPageMarker li.page{
                    margin-right: 10px;
                }

            #ulPageMarker li.active{
                background:url(../img/tab.png) no-repeat center 0px;
            }

    #frmRegister .ulFields li{
        float: left;
        clear: both;
        width: 100%;
        padding-top: 10px;
    }

    #frmRegister .ulFields li #city{
        width:150px !important;
    }
    #frmRegister .ulFields li #city_other{
        margin-left:320px;
        margin-top:-45px;
    }
    #frmRegister .ulFields li #city_other.hidden{
        display: none;
    }

    #frmRegister .ulFields li label{
        float: left;
        padding: 0px 3px 0px 13px;
    }
        #frmRegister .ulFields li label.fixedWidth{
            width: 105px !important;
        }

        #frmRegister .ulFields li label.fixedWidthLong{
            width: 120px !important;
        }

        #frmRegister .ulFields li label.fixedWidthVLong{
            width: 190px !important;
        }

    #frmRegister .ulFields li input,
    #frmRegister .ulFields li select,
    #frmRegister .ulFields li .checkBox{
        float: left;
        font-size: 11px;
    }
        #frmRegister .ulFields li .text{
            height: 13px;
        }
            #frmRegister .ulFields li #txtSpecOccup{
                height: 14px;
            }

            #frmRegister .ulFields li #txtSpecOccup.hidden{
                display: none;
            }

            #frmRegister .ulFields #liStudent .wrap{
                float: left;
                width: 100%;
                margin-top: 9px;
            }

        #frmRegister .ulFields li select{
            height: 19px;
        }

        #frmRegister .ulFields li .checkBox{
            width: 170px;
        }

        #frmRegister .ulFields li .radio{
            margin-top: -1px;
        }
            #frmRegister .ulFields #liEmployed span.dblindent{
                width: 120px;
            }

        #frmRegister .ulFields li .checkBox label{
            font-size: 9px;
            padding: 2px 3px 0px 3px;
        }

    #frmRegister .ulFields li label.required,
    #frmRegister .ulFields li .requiredWrap{
        background: url(../img/asterisk.png) no-repeat left 3px;
    }

    #frmRegister .ulFields li .requiredWrap{
        background-position: left 20px;
    }

    #frmRegister .ulFields .clear{
        clear: left;
    }

    #frmRegister .ulFields .spacetop{
        margin-top: 40px;
    }

    #frmRegister .ulFields .spacetopsmall{
        margin-top: 20px;
    }

    #frmRegister .ulFields .spacetoptiny{
        margin-top: 8px;
    }

    #frmRegister .ulFields li .smallspace{
        margin-right: 5px;
    }

    #frmRegister .ulFields li .space{
        margin-right: 22px;
    }

    #frmRegister .ulFields li .midspace{
        margin-right: 50px;
    }

    #frmRegister .ulFields li .bigspace{
        margin-right: 100px;
    }

    #frmRegister .ulFields li .hugespace{
        margin-right: 249px;
    }

    #frmRegister .ulFields li .indent{
        margin-left: 20px;
    }

    #frmRegister .ulFields li .dblindent{
        margin-left: 40px;
    }

    #frmRegister .ulFields li .vlong{
        width: 250px !important;
    }

    #frmRegister .ulFields li .exlong{
        width: 530px !important;
    }

    #frmRegister .ulFields li .long{
        width: 200px !important;
    }

    #frmRegister .ulFields li .mid{
        width: 150px !important;
    }

    #frmRegister .ulFields li .small{
        width: 95px !important;
    }

    #frmRegister .ulFields li .tiny{
        width: 40px !important;
    }

    #frmRegister .ulFields li .spec{
        position: relative;
        width: 80px;
    }

    #frmRegister .ulFields li .wrap{
        float: left;
        width: 100px;
    }

        #frmRegister .ulFields .phone .wrap{
        	width: 105px;
        	margin-top: -17px;
        }

        #frmRegister .ulFields .phone .wrap label{
        	width: 100%;
        	padding: 0px 0px 5px 0px;
        	font-size: 9px;
        }

    #frmRegister .ulFields li .spread{
        width: 100%;
    }

    #frmRegister .ulFields #imgCalendar{
        float: right;
        cursor: pointer;
        margin-right: 5px;
    }

    #frmRegister .ulFields #prepare_to_contact,
    #frmRegister .ulFields #where_to_claim,
    #frmRegister .ulFields #selContact{
        clear: left;
        margin-left: 195px;
        margin-top: 5px;
    }

    #frmRegister .ulFields #professionSelfEmployed,
    #frmRegister .ulFields #selJob{
        margin-left: 91px;
    }

    #frmRegister #divBtnHolder{
        position: absolute;
        margin: 500px 0px 0px 450px;
    }
        #frmRegister #divBtnHolder img{
            cursor: pointer;
        }

        #frmRegister #divBtnHolder #buttonP1 {
            margin-left: 39px;
        }
        #frmRegister #divBtnHolder #buttonP2 {
            display:none;
        }

        #frmRegister #frmPage1,
        #frmRegister #frmPage2,
        #frmRegister #frmPage3{
            float: left;
        }

        #frmRegister .frmShow {
            display: block;
            padding-bottom: 30px;
        }

        #frmRegister .frmHide{
            display: none;
        }

/*REG FORM END*/

/*MERCHANT LIST*/

#h2Title{
    float: left;

    margin: 0px;
    padding: 25px 0px 10px 11px;

    font-variant: small-caps;
    font-weight: bold;
    font-size: 15px;

    color: #e26a00;
}

.list,
.list .column,
.list .column ul
{
    float: left
}

.list{
    width: 730px;
    padding: 8px 0px 30px 0px;

    background: URL("../img/dotted.png") no-repeat 8px top;
}
    .list .column{
        width: 22%;

        margin-left: 5px;
        padding-left: 6px;
    }

    .list .column ul li{
        display: block;
        font-size: 11px;
        padding: 3px 5px 0px 13px;
        margin-top:7px;
        cursor: pointer;
        color: #606060;
    }
        .list .column ul li.promo{
            color: #e26a00;
            background: url(../img/mlist-bullet.png) no-repeat left 10px;
            cursor: pointer;
        }

        .list .column ul li.cName{
            font-size: 12px;
            color: #efefef;
            font-style: italic;

            padding: 15px 5px 5px 6px;
            margin-left: 3px;

            background: URL("../img/section-name-bg.png") no-repeat left 12px;
            cursor: auto;
        }

.paging{
    float: right;
    margin: 22px 25px 0px 0px;

    position: relative;
    z-index: 99999;
}
    .paging li{
        float: left;

        margin-left: 5px;

        width: 20px;
        height: 20px;
        font-size: 10px;
        text-align: center;

        background: URL("../img/section-name-bg.png") no-repeat left top;
    }

        .paging li.active{
            background: URL("../img/inactive.png") no-repeat left top;
            padding-top: 4px;
        }

        .paging li a{
            display: block;
            width: 100%;
            height: 16px;

            padding-top: 4px;

            color: #FEFEFE;
        }
            .paging li a:hover{
                text-decoration: none;
                color: #FFCC00;
            }

        .paging li.first a,
        .paging li.previous a,
        .paging li.next a,
        .paging li.last a{
            height: 0px;
            padding-top: 20px;
            overflow: hidden;
            color: #E3E3E3;
            font-size: 6px;
        }


        .paging li.first{
            background: URL("../img/first-page.png") no-repeat left top;
        }

        .paging li.previous{
            background: #000000 URL("../img/prev-page.png") no-repeat left top ;
        }

        .paging li.next{
            background: URL("../img/next-page.png") no-repeat left top;
        }

        .paging li.last{
            background: URL("../img/last-page.png") no-repeat left top;
        }

/*MERCHANT LIST END*/

#request-loader {
    background: url("../img/ajax-loader.gif") no-repeat center center;
    background-color:none;
    height: 32px;
    width: 32px;
    position: absolute;
    margin:480px 0 0 620px;
    display:none;
}
#ajaxStatusTextLoader {
    display:none;
}

.tooltip {
    z-index: 999999999;
}
.tip    {
    width:295px;
    font-family:tahoma,arial;
    background:url("../img/tip-text.png") left top repeat-y;
}
.tip-top    {
    background:url("../img/tip-top.png") top left no-repeat;
    height:26px;
    width:295px;
}
.tip-title  {
    color:#e95e25;
    font-weight:bold;
    margin:0 30px 0 50px;
}
.tip-text   {
    color:#000;
    padding:10px 30px 20px 50px;
}
.tip-bottom        {
    background:url("../img/tip-bottom.png") left bottom no-repeat;
    width:295px;
    height:81px;
}