/*	--------------------------------------------------
    	Reveal Modals
	-------------------------------------------------- */
	
.reveal-modal4 {
visibility: hidden;
top: 100px;

margin-left: 0px;
background: #FFFFFF url(modal-gloss.png) no-repeat -200px -80px;
position: absolute;
z-index: 101;
padding:10px 10px 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
-box-shadow: 0 0 10px rgba(0,0,0,.4);
background-color:#dd3333;
width:60%;
margin:0 auto;
left: 0px;
right: 0px;

}


/*balaji13/8/2014*/	

    .reveal-modalorder1  {
            top: 100px;
            left: 28%;
            /*margin-left: -175px;*/
            background: #FFFFFF url(modal-gloss.png) no-repeat -200px -80px;
            position: absolute;
            z-index: 101;
            padding: 30px 40px 34px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
            -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
            -box-shadow: 0 0 10px rgba(0,0,0,.4);
            width: 80%;

		}

     .reveal-modalorder1 .close-reveal-modal {
	    /* font-size: 29px; */
        /* line-height: .5; */
        position: absolute;
        top: -12px;
        right: -5px;
        /* color: #F00; */
        /* font-weight: bold; */
        cursor: pointer;
        background-image: url('/images/close.png');
        width: 30px;
        height: 30px

		} 

	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(66, 53, 53, 0.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	/*balaji13/8/2014*/	

    /*balaji14/8/2014*/
    .reveal-modal1 {
        visibility: hidden;
        top: 100px;
        left: 31%;
        margin-left: 0px;
        background: #FFFFFF url(modal-gloss.png) no-repeat -200px -80px;
        position: absolute;
        z-index: 101;
        padding: 30px 40px 34px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -box-shadow: 0 0 10px rgba(0,0,0,.4);
        width: 38%;
        }

    /*balaji14/8/2014*/

            .link {
               text-decoration:none;

            }

	.reveal-modalp  {
		visibility: hidden;
        top: 100px;
        left: 45%;
        margin-left: -175px;
        background: #FFF9F9 url(modal-gloss.png) no-repeat -200px -80px;
        position: absolute;
        z-index: 101;
        padding: 30px 40px 34px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -box-shadow: 0 0 10px rgba(0,0,0,.4);
        width: 38%;
		}


    .reveal-modali {
    visibility: hidden;
    top: 100px;
    left: 45%;
    margin-left: -175px;
    background: #FFF9F9 url(modal-gloss.png) no-repeat -200px -80px;
    position: absolute;
    z-index: 101;
    padding: 7px 9px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -box-shadow: 0 0 10px rgba(0,0,0,.4);
    width: 39%;
    }
		
    .reveal-modalh {
        visibility: hidden;
        top: 100px;
        left: 59%;
        margin-left: -175px;
        background: #FFF9F9 url(modal-gloss.png) no-repeat -200px -80px;
        position: absolute;
        z-index: 101;
        padding: 30px 40px 34px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -box-shadow: 0 0 10px rgba(0,0,0,.4);
        width: 20%;
        }

.reveal-modalevent {
    visibility: hidden;
    top: 100px;
    left: 38%;
    margin-left: -175px;
    background: #FFF9F9 url(modal-gloss.png) no-repeat -200px -80px;
    position: absolute;
    z-index: 101;
    padding: 30px 40px 34px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -box-shadow: 0 0 10px rgba(0,0,0,.4);
    width: 50%;
}


.reveal-modalorder  {
            top: 100px;
            left: 28%;
            margin-left: -175px;
            background: #FFFFFF url(modal-gloss.png) no-repeat -200px -80px;
            position: absolute;
            z-index: 101;
            padding: 30px 40px 34px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
            -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
            -box-shadow: 0 0 10px rgba(0,0,0,.4);
            width: 60%;

		}
		

.reveal-modalevent1 {
    visibility: hidden;
    top: 100px;
    left: 38%;
    margin-left: -175px;
    background: #FFF9F9 url(modal-gloss.png) no-repeat -200px -80px;
    position: absolute;
    z-index: 101;
    padding: 30px 40px 34px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -box-shadow: 0 0 10px rgba(0,0,0,.4);
    width: 50%;
}



     .emailtext {
height: 28px;
background-color: rgb(249, 245, 244);
border-radius: 4px;
border: 1px solid;
border-color: rgb(194, 138, 138);
margin-top: 10px;
margin-bottom: 10px;
}

	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modalh .close-reveal-modal {
	    /* font-size: 29px; */
        /* line-height: .5; */
        position: absolute;
        top: -12px;
        right: -10px;
        /* color: #F00; */
        /* font-weight: bold; */
        cursor: pointer;
        background-image: url('/images/close.png');
        width: 30px;
        height: 30px;

		} 

    
    .reveal-modal4 .close-reveal-modal {
	    /* font-size: 29px; */
        /* line-height: .5; */
        position: absolute;
        top: -17px;
        right: -13px;
        /* color: #F00; */
        /* font-weight: bold; */
        cursor: pointer;
        background-image: url('/images/close.png');
        width: 30px;
        height: 30px

		} 




    .reveal-modalorder .close-reveal-modal {
	    /* font-size: 29px; */
        /* line-height: .5; */
        position: absolute;
        top: -12px;
        right: -5px;
        /* color: #F00; */
        /* font-weight: bold; */
        cursor: pointer;
        background-image: url('/images/close.png');
        width: 30px;
        height: 30px

		} 


    .reveal-modalh .close-reveal-modal {
	    /* font-size: 29px; */
        /* line-height: .5; */
        position: absolute;
        top: -12px;
        right: -10px;
        /* color: #F00; */
        /* font-weight: bold; */
        cursor: pointer;
        background-image: url('/images/close.png');
        width: 30px;
        height: 30px;

		} 




    .reveal-modalp .close-reveal-modal {
	    /* font-size: 29px; */
        /* line-height: .5; */
        position: absolute;
        top: -12px;
        right: -10px;
        /* color: #F00; */
        /* font-weight: bold; */
        cursor: pointer;
        background-image: url('/images/close.png');
        width: 30px;
        height: 30px;

		} 



    .reveal-modali .close-reveal-modal {
	    /* font-size: 29px; */
        /* line-height: .5; */
        position: absolute;
        top: -12px;
        right: -10px;
        /* color: #F00; */
        /* font-weight: bold; */
        cursor: pointer;
        background-image: url('/images/close.png');
        width: 30px;
        height: 30px;
        z-index: 999;
		} 
    
          
    
    
    
    .reveal-modalevent .close-reveal-modal {
	    /* font-size: 29px; */
        /* line-height: .5; */
        position: absolute;
        top: -12px;
        right: -5px;
        /* color: #F00; */
        /* font-weight: bold; */
        cursor: pointer;
        background-image: url('/images/close.png');
        width: 30px;
        height: 30px

		} 



    .reveal-modalevent1 .close-reveal-modal {
	    /* font-size: 29px; */
        /* line-height: .5; */
        position: absolute;
        top: -12px;
        right: -5px;
        /* color: #F00; */
        /* font-weight: bold; */
        cursor: pointer;
        background-image: url('/images/close.png');
        width: 30px;
        height: 30px

		} 

    
	.reveal-modal1 .close-reveal-modal {
	    /* font-size: 29px; */
        /* line-height: .5; */
        position: absolute;
        top: -12px;
        right: -10px;
        /* color: #F00; */
        /* font-weight: bold; */
        cursor: pointer;
        background-image: url('/images/close.png');
        width: 30px;
        height: 30px;

		} 


    @media screen and (max-width: 240px) {

           .eventbookmin {
            margin-top: 14px;
            width: 15px;
        }
            

           caption {
            padding-top: 8px;
            padding-bottom: 8px;
            color: #777;
            text-align: left;
            margin-top: 24px;
        }


                    .reveal-modalp {
            visibility: hidden;
            top: 100px;
            left: 85%!important;
            margin-left: -175px;
            background: #FFF9F9 url(modal-gloss.png) no-repeat -200px -80px;
            position: absolute;
            z-index: 101;
            padding: 30px 40px 34px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
            -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
            -box-shadow: 0 0 10px rgba(0,0,0,.4);
            width: 82%!important;
            }


            .emailtextarea {
        height: 70px!important;
        background-color: rgb(249, 245, 244);
        border-radius: 4px;
        border: 1px solid;
        border-color: rgb(194, 138, 138);
        width: 114px!important;
        }
            .emailtext {
            height: 28px;
            background-color: rgb(249, 245, 244);
            border-radius: 4px;
            border: 1px solid;
            border-color: rgb(194, 138, 138);
            margin-top: 10px;
            margin-bottom: 10px;
            margin-left: -4px;
            width: 107px!important;
            }

        .packagespopup {
        background-color: #dd3333;
        border-radius: 5px 5px 0 0!important;
        margin-top: -30px;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        width: 158%!important;
        margin-left: -40px;
        padding-top: 10px;
        padding-left: 5px;
        padding-bottom: 1px;
        }

        .emailfrndpopup {
        font-family: 'Open Sans', sans-serif;
        font-size: 15px;
        margin-left: -29px;
        }

        .addtocart1 {
        background-color: #dd3333!important;
        border-radius: 5px 5px 0 0!important;
        margin-top: -30px;
        width: 178%!important;
        margin-left: -40px;
        padding-top: 10px;
        padding-left: 5px;
        padding-bottom: 1px;
        }



        .reveal-modal1 .close-reveal-modal {
	    /* font-size: 29px; */
        /* line-height: .5; */
        position: absolute;
        top: -12px;
        right: -3px;
        /* color: #F00; */
        /* font-weight: bold; */
        cursor: pointer;
        background-image: url('/images/close.png');
        width: 30px;
        height: 30px;

		} 

     


        .reveal-modal1 {
        visibility: hidden;
        top: 100px;
        left: 43%;
        margin-left: 0px;
        background: #FFFFFF url(modal-gloss.png) no-repeat -200px -80px;
        position: absolute;
        z-index: 101;
        padding: 30px 40px 34px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -box-shadow: 0 0 10px rgba(0,0,0,.4);
        width: 98%;
        }

            .reveal-modal {
            visibility: hidden;
            top: 100px;
            left: 65%;
            margin-left: -129px;
            background: #FFF9F9 url(modal-gloss.png) no-repeat -200px -80px;
            position: absolute;
            z-index: 101;
            padding: 30px 40px 34px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
            -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
            -box-shadow: 0 0 10px rgba(0,0,0,.4);
            width: 82%;
            }

            .carttable { background-color:#3465aa; color:#fff; padding:5px; text-align: center; }


}
@media screen and (max-width: 384px) {

       .eventbookmin {
            margin-top: 14px;
            width: 15px;
        }

                  caption {
            padding-top: 8px;
            padding-bottom: 8px;
            color: #777;
            text-align: left;
            margin-top: 24px;
        }


                .tabledivmain1 {
            background-color: #dd3333;
            width: 127%;
            margin-left: -40px;
            margin-top: -32px;
            border-radius: 5px 5px 0 0;
            }

                .reveal-modalevent {
            visibility: hidden;
            top: 100px;
            left: 41%!important;
            margin-left: -175px;
            background: #FFF9F9 url(modal-gloss.png) no-repeat -200px -80px;
            position: absolute;
            z-index: 101;
            padding: 30px 40px 34px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
            -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
            -box-shadow: 0 0 10px rgba(0,0,0,.4);
            width: 105%!important;
            }
  
    .packagespopup {
    background-color: #dd3333;
    border-radius: 5px 5px 0 0;
    margin-top: -30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    width: 129%!important;
    margin-left: -40px;
    padding-top: 10px;
    padding-left: 5px;
    padding-bottom: 1px;
    }

}


@media screen and (max-width: 320px) {

               .eventbookmin {
                    margin-top: 14px;
                    width: 15px;
                }

                          caption {
            padding-top: 8px;
            padding-bottom: 8px;
            color: #777;
            text-align: left;
            margin-top: 24px;
        }


                .reveal-modalevent {
                    visibility: hidden;
                    top: 100px;
                    left: 64%!important;
                    margin-left: -175px;
                    background: #FFF9F9 url(modal-gloss.png) no-repeat -200px -80px;
                    position: absolute;
                    z-index: 101;
                    padding: 30px 40px 34px;
                    -moz-border-radius: 5px;
                    -webkit-border-radius: 5px;
                    border-radius: 5px;
                    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
                    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
                    -box-shadow: 0 0 10px rgba(0,0,0,.4);
                    width: 90%!important;
                    }
                    
                
                .reveal-modalevent1 {
                visibility: hidden;
                top: 100px;
                left: 59%!important;
                margin-left: -175px;
                background: #FFF9F9 url(modal-gloss.png) no-repeat -200px -80px;
                position: absolute;
                z-index: 101;
                padding: 30px 40px 34px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                border-radius: 5px;
                -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
                -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
                -box-shadow: 0 0 10px rgba(0,0,0,.4);
                width: 90%!important;
                }
                
                .tabledivmain1 {
                background-color: #dd3333;
                width: 142%!important;
                margin-left: -40px;
                margin-top: -32px;
                border-radius: 5px 5px 0 0;
                }


                .packagespopup1 {
                background-color: #dd3333;
                border-radius: 5px 5px 0 0;
                margin-top: -30px;
                font-family: 'Open Sans', sans-serif;
                font-size: 14px;
                width: 137%!important;
                margin-left: -40px;
                padding-top: 10px;
                padding-left: 5px;
                padding-bottom: 1px;
                }



                .reveal-modalp  {
		         
                    visibility: hidden;
                    top: 100px;
                    left: 72%!important;
                    margin-left: -175px;
                    background: #FFF9F9 url(modal-gloss.png) no-repeat -200px -80px;
                    position: absolute;
                    z-index: 101;
                    padding: 30px 40px 34px;
                    -moz-border-radius: 5px;
                    -webkit-border-radius: 5px;
                    border-radius: 5px;
                    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
                    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
                    -box-shadow: 0 0 10px rgba(0,0,0,.4);
                    width: 60%!important;
		            }

                            .tabledivmain1 {
                background-color: #dd3333;
                width: 140%;
                margin-left: -40px;
                margin-top: -32px;
                border-radius: 5px 5px 0 0;
                }


                    .reveal-modal {
                visibility: hidden;
                top: 100px;
                left: 55%;
                margin-left: -129px;
                background: #FFF9F9 url(modal-gloss.png) no-repeat -200px -80px;
                position: absolute;
                z-index: 101;
                padding: 30px 40px 34px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                border-radius: 5px;
                -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
                -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
                -box-shadow: 0 0 10px rgba(0,0,0,.4);
                width: 60%;
                }

            .packagespopup {
            background-color: #dd3333;
            border-radius: 5px 5px 0 0;
            margin-top: -30px;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            width: 150%!important;
            margin-left: -40px;
            padding-top: 10px;
            padding-left: 5px;
            padding-bottom: 1px;
          }

            .emailtext {
                height: 28px;
                background-color: rgb(249, 245, 244);
                border-radius: 4px;
                border: 1px solid;
                border-color: rgb(194, 138, 138);
                margin-left: -9px;
                padding-top: 10px;
                margin-top: 10px;
                margin-bottom: 10px;
                }


                
             .addtocart1 {
            background-color: #dd3333;
            border-radius: 5px 5px 0 0;
            margin-top: -30px;
            width: 179%;
            margin-left: -40px;
            padding-top: 10px;
            padding-left: 5px;
            padding-bottom: 1px;
            }

                .packagespopup {
            background-color: #dd3333;
            border-radius: 5px 5px 0 0;
            margin-top: -30px;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            width: 137%;
            margin-left: -40px;
            padding-top: 10px;
            padding-left: 5px;
            padding-bottom: 1px;
            }

           .reveal-modal1 .close-reveal-modal {
	    /* font-size: 29px; */
        /* line-height: .5; */
        position: absolute;
        top: -12px;
        right: -3px;
        /* color: #F00; */
        /* font-weight: bold; */
        cursor: pointer;
        background-image: url('/images/close.png');
        width: 30px;
        height: 30px;

		} 

             .reveal-modalh {
        visibility: hidden;
        top: 100px;
        left: 40%;
        margin-left: -175px;
        background: #FFF9F9 url(modal-gloss.png) no-repeat -200px -80px;
        position: absolute;
        z-index: 101;
        padding: 30px 40px 34px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -box-shadow: 0 0 10px rgba(0,0,0,.4);
        width: 87%;
        }


       .emailtextarea {
        height: 70px;
        background-color: rgb(249, 245, 244);
        border-radius: 4px;
        border: 1px solid;
        border-color: rgb(194, 138, 138);
        width:136px;
        }

    .reveal-modal1 {
        visibility: hidden;
        top: 100px;
        left: 1%;
        margin-left: 0px;
        background: #FFFFFF url(modal-gloss.png) no-repeat -200px -80px;
        position: absolute;
        z-index: 101;
        padding: 30px 40px 34px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -box-shadow: 0 0 10px rgba(0,0,0,.4);
        width: 98%;
    }

  

       .carttable { background-color:#3465aa; color:#fff; padding:5px; text-align: center; }

       .addtocartp {
            background-color: #dd3333;
            border-radius: 5px 5px 0 0;
            margin-top: -30px;
            width: 179%;
            margin-left: -40px;
            padding-top: 10px;
            padding-left: 5px;
            padding-bottom: 1px;
            }

}

@media screen and (max-width: 480px) {


       .eventbookmin {
            margin-top: 14px;
            width: 15px;
        }


                  caption {
            padding-top: 8px;
            padding-bottom: 8px;
            color: #777;
            text-align: left;
            margin-top: 24px;
        }


                .reveal-modalevent1 {
                visibility: hidden;
                top: 100px;
                left: 32%;
                margin-left: -175px;
                background: #FFF9F9 url(modal-gloss.png) no-repeat -200px -80px;
                position: absolute;
                z-index: 101;
                padding: 30px 40px 34px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                border-radius: 5px;
                -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
                -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
                -box-shadow: 0 0 10px rgba(0,0,0,.4);
                width: 104%;
                }

            .packagespopup1 {
                background-color: #dd3333;
                border-radius: 5px 5px 0 0;
                margin-top: -30px;
                font-family: 'Open Sans', sans-serif;
                font-size: 14px;
                width: 129%;
                margin-left: -40px;
                padding-top: 10px;
                padding-left: 5px;
                padding-bottom: 1px;
                }



           .reveal-modalp {
            visibility: hidden;
            top: 100px;
            left: 49%;
            margin-left: -175px;
            background: #FFF9F9 url(modal-gloss.png) no-repeat -200px -80px;
            position: absolute;
            z-index: 101;
            padding: 30px 40px 34px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
            -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
            -box-shadow: 0 0 10px rgba(0,0,0,.4);
            width: 74%;
            }

            .columone, .columtwo {
            text-align: left;
            }

   
          .emailtextarea {
        height: 70px;
        background-color: rgb(249, 245, 244);
        border-radius: 4px;
        border: 1px solid;
        border-color: rgb(194, 138, 138);
        width: 130px;
        margin-left: 0px;
        }

                .emailtext {
            height: 28px;
            background-color: rgb(249, 245, 244);
            border-radius: 4px;
            border: 1px solid;
            border-color: rgb(194, 138, 138);
            margin-top: 10px;
            margin-bottom: 10px;

            }

        .addtocartpo {
        background-color: #dd3333;
        border-radius: 5px 5px 0 0;
        margin-top: -30px;
        width: 129%;
        margin-left: -40px;
        padding-top: 10px;
        padding-left: 5px;
        padding-bottom: 1px;
        }

           .packagespopup {
            background-color: #dd3333;
            border-radius: 5px 5px 0 0;
            margin-top: -30px;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            width: 131%;
            margin-left: -40px;
            padding-top: 10px;
            padding-left: 5px;
            padding-bottom: 1px;
            }


      .reveal-modalh {
        visibility: hidden;
        top: 100px;
        left: 40%;
        margin-left: -175px;
        background: #FFF9F9 url(modal-gloss.png) no-repeat -200px -80px;
        position: absolute;
        z-index: 101;
        padding: 30px 40px 34px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -box-shadow: 0 0 10px rgba(0,0,0,.4);
        width: 87%;
        }



        .reveal-modal1 .close-reveal-modal {
	    /* font-size: 29px; */
        /* line-height: .5; */
        position: absolute;
        top: -12px;
        right: 0px;
        /* color: #F00; */
        /* font-weight: bold; */
        cursor: pointer;
        background-image: url('/images/close.png');
        width: 30px;
        height: 30px;

		} 

       


.reveal-modal1 {
        visibility: hidden;
        top: 100px;
        left: 1%;
        margin-left: 0px;
        background: #FFFFFF url(modal-gloss.png) no-repeat -200px -80px;
        position: absolute;
        z-index: 101;
        padding: 30px 40px 34px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -box-shadow: 0 0 10px rgba(0,0,0,.4);
        width: 98%;
    }

        .reveal-modal {
        visibility: hidden;
        top: 100px;
        left: 28%;
        margin-left: -129px;
        background: #FFF9F9 url(modal-gloss.png) no-repeat -200px -80px;
        position: absolute;
        z-index: 101;
        padding: 30px 40px 34px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -box-shadow: 0 0 10px rgba(0,0,0,.4);
        width: 98%;
        }
}


@media screen and (max-width: 600px) {


       .eventbookmin {
            margin-top: 14px;
            width: 15px;
        }

                  caption {
            padding-top: 8px;
            padding-bottom: 8px;
            color: #777;
            text-align: left;
            margin-top: 24px;
        }


    .reveal-modalevent {
        visibility: hidden;
        top: 100px;
        left: 38%;
        margin-left: -175px;
        background: #FFF9F9 url(modal-gloss.png) no-repeat -200px -80px;
        position: absolute;
        z-index: 101;
        padding: 30px 40px 34px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -box-shadow: 0 0 10px rgba(0,0,0,.4);
        width: 86%;
        }

    .reveal-modalevent1 {
        visibility: hidden;
        top: 100px;
        left: 33%;
        margin-left: -175px;
        background: #FFF9F9 url(modal-gloss.png) no-repeat -200px -80px;
        position: absolute;
        z-index: 101;
        padding: 30px 40px 34px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -box-shadow: 0 0 10px rgba(0,0,0,.4);
        width: 89%;
        }


    .reveal-modalp {
        visibility: hidden;
        top: 100px;
        left: 45%;
        margin-left: -175px;
        background: #FFF9F9 url(modal-gloss.png) no-repeat -200px -80px;
        position: absolute;
        z-index: 101;
        padding: 30px 40px 34px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -box-shadow: 0 0 10px rgba(0,0,0,.4);
        width: 63%;
        }
       
        .packagespopup1 {
            background-color: #dd3333;
            border-radius: 5px 5px 0 0;
            margin-top: -30px;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            width: 117%;
            margin-left: -40px;
            padding-top: 10px;
            padding-left: 5px;
            padding-bottom: 1px;
            }


    .packagespopup {
    background-color: #dd3333;
    border-radius: 5px 5px 0 0;
    margin-top: -30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    width: 123%;
    margin-left: -40px;
    padding-top: 10px;
    padding-left: 5px;
    padding-bottom: 1px;
    }

            .tabledivmain1 {
        background-color: #dd3333;
        width: 117%;
        margin-left: -40px;
        margin-top: -32px;
        border-radius: 5px 5px 0 0;
        }

             

            .emailtext {
            height: 28px;
            background-color: rgb(249, 245, 244);
            border-radius: 4px;
            border: 1px solid;
            border-color: rgb(194, 138, 138);
            margin-top: 10px;
            margin-bottom: 10px;
            margin-left:-4px;
            width: 100%;
            }

      .reveal-modalh {
        visibility: hidden;
        top: 100px;
        left: 40%;
        margin-left: -175px;
        background: #FFF9F9 url(modal-gloss.png) no-repeat -200px -80px;
        position: absolute;
        z-index: 101;
        padding: 30px 40px 34px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -box-shadow: 0 0 10px rgba(0,0,0,.4);
        width: 87%;
        }



        .reveal-modal1 .close-reveal-modal {
	    /* font-size: 29px; */
        /* line-height: .5; */
        position: absolute;
        top: -12px;
        /* color: #F00; */
        /* font-weight: bold; */
        cursor: pointer;
        background-image: url('/images/close.png');
        width: 30px;
        height: 30px;
        margin-right: 7px;
		} 


.reveal-modal1 {
        visibility: hidden;
        top: 100px;
        left: 1%;
        margin-left: 0px;
        background: #FFFFFF url(modal-gloss.png) no-repeat -200px -80px;
        position: absolute;
        z-index: 101;
        padding: 30px 40px 34px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -box-shadow: 0 0 10px rgba(0,0,0,.4);
        width: 98%;
    }

   .reveal-modal {
        visibility: hidden;
        top: 100px;
        left: 29%;
        margin-left: -129px;
        background: #FFF9F9 url(modal-gloss.png) no-repeat -200px -80px;
        position: absolute;
        z-index: 101;
        padding: 30px 40px 34px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -box-shadow: 0 0 10px rgba(0,0,0,.4);
        width: 92%;
        }

   .addtocart1 {
        background-color: #dd3333;
        border-radius: 5px 5px 0 0;
        margin-top: -30px;
        width:117%;
        margin-left: -40px;
        padding-top: 10px;
        padding-left: 5px;
        padding-bottom: 1px;
        }


     

   .carttable { background-color:#3465aa; color:#fff; padding:4px; text-align: center;  width: 43px;}

}

@media screen and (max-width: 768px) {


    .eventbookmin {
            margin-top: 14px;
            width: 15px;
        }

               caption {
            padding-top: 8px;
            padding-bottom: 8px;
            color: #777;
            text-align: left;
            margin-top: 24px;
        }

    
       .reveal-modalp {
            visibility: hidden;
            top: 100px;
            left: 38%;
            margin-left: -175px;
            background: #FFF9F9 url(modal-gloss.png) no-repeat -200px -80px;
            position: absolute;
            z-index: 101;
            padding: 30px 40px 34px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
            -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
            -box-shadow: 0 0 10px rgba(0,0,0,.4);
            width: 80%!important;
        }
   

    .packagespopup1 {
       background-color: #dd3333;
        border-radius: 5px 5px 0 0;
        margin-top: -30px;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        width: 117%;
        margin-left: -40px;
        padding-top: 10px;
        padding-left: 5px;
        padding-bottom: 1px;
        }

/*balaji 24/8/2014*/
    .reveal-modalevent1 {
        visibility: hidden;
        top: 100px;
        left: 28%;
        margin-left: -175px;
        background: #FFF9F9 url(modal-gloss.png) no-repeat -200px -80px;
        position: absolute;
        z-index: 101;
        padding: 30px 40px 34px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -box-shadow: 0 0 10px rgba(0,0,0,.4);
        width: 99%;
        }

    /*balaji 24/8/2014*/

    .reveal-modalevent {
        visibility: hidden;
        top: 100px;
        left: 31%;
        margin-left: -175px;
        background: #FFF9F9 url(modal-gloss.png) no-repeat -200px -80px;
        position: absolute;
        z-index: 101;
        padding: 30px 40px 34px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -box-shadow: 0 0 10px rgba(0,0,0,.4);
        width:98%
        }

}
	/*
		
	NOTES
	
	Close button entity is ×
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/