BODY {
    color: #333;
    margin:0px;
    font-weight: normal; 
    font-size: 13px; 
    font-style: normal; 
    font-family: Helvetica, Arial, sans-serif;
    }

td {
    font-size: 13px;
    font-family: Helvetica, Arial, sans-serif;
    }

a:link { color: #0253b7; text-decoration: none}
a:visited { color: #0253b7; text-decoration: none}
a:hover {  color: #B1862D; text-decoration: underline}

header * {
    margin: 0;
    padding: 0;
    list-style: none;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }

header{ border-top: 4px solid #11B0DE }

.header-wl {
    overflow: hidden;
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: inset 0px -1px 0px 0px #eee;
    -moz-box-shadow: inset 0px -1px 0px 0px #eee;
    box-shadow: inset 0px -1px 0px 0px #eee;
    }
    

        
header a, 
header a:link, 
header a:visited {
    text-decoration: none;
    }

.container-wl {
    padding: 0 15px;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
        
#logo-wl img {
    width: auto;
    max-height: 90px;
    min-height: 55px;
    position: relative;
    margin-top: 5px;
    margin-bottom: 6px;
    }
    
    
    
ul#navigation-wl {
    position: absolute;
    top: 50%;
    right: 15px;
    height: 35px;
    margin-top: -18px;
    display: block;
    list-style: none;
    font-size: 15px;
    }

ul#navigation-wl li {
    margin-left: 20px;
    display: inline-block;

    color: #7B7B7B;
    }
    
#message-wl { font-size: 20px; }

#flag-wl { padding: 15px 10px; }
    
a#signin-wl,
a#signin-wl:link,
a#signin-wl:visited {
    display: inline-block;
    height: auto;
    padding: 8px 16px;
    border-radius: 4px;

    color: #7B7B7B;
    
    -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 1px 0px rgba(0,0,0,0.05);           
    }

a#signin-wl:hover { 
    border: 1px solid #B1862D;
    -webkit-box-shadow: none;   
    -moz-box-shadow: none;  
    box-shadow: none;   
    }

#subnav-wl {
    padding: 3px 0;
    background-color: #eee;
    overflow: hidden;
    }

#subnav-wl .container-wl { padding-top: 0 }

#subnav-wl ul { 
    overflow: hidden;
    float: right;
    }

#subnav-wl ul li { 
    float: left;
    margin: 0 8px;
    }

#subnav-wl ul li:last-of-type { margin-right: 0 }

#subnav-wl a:link,
#subnav-wl a:visited { 
    color: #333;
    text-decoration: underline;
    font-size: 11px;
    text-transform: uppercase;
    }

#MainContent{border:0px;background-color:white;width:100%;border-spacing:0;margin:0px auto;display:table}
#pg_Home #MainContent{width:100%}

#Flag-Wrap{float:right;margin-top:3px}

#ContentInner {
    margin: 0px auto;
    padding-top: 15px;
    display:table;
    max-width: 1000px;
    width: 100%;
    background-color: #fff;
    min-height: 400px;
    }
    
#pg_Home #ContentInner{width:100%;max-width:100%;margin-top:0;padding:0}

#pg_RequestForm #frmGroup input,#pg_RequestForm #frmGroup select{ padding:8px }
#pg_RequestForm h1.PageHeader{margin-left:15px}
#pg_RequestForm .Request-How-Works b { 
    display: block; 
    font-size: 18px; 
    margin-bottom: 5px;
    }
#pg_RequestForm .Request-How-Works  .bulleted {
    margin-right: 8px;
    margin-top: 5px;
    display: inline-block;
    font-size: 13px;
    }

img{border:0px;}
#lastactive{width:2px;height:3px;border:0px;}

select {
    padding:3px;
    border-radius:4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border:1px solid #98ABAB;
}
input.Shadow {
    padding:3px;
    border-radius:4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border:1px solid #98ABAB;
}
textarea.Shadow {
    padding:3px;
    border-radius:4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border:1px solid #98ABAB;
}

h1 {font-size:18px}

.large {
    font: 16px/1em  Arial,HelveticaNeue, sans-serif; 
    padding: 7px 10px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px; 
    border-radius: 7px;
    }

#taxexempt{position:absolute;top:5px;right:35px}

.Button,
.button {
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    background-color: #b68532;
    border: 0;
    display:inline-block;
    color: #fff;
    cursor:pointer;
    
    text-decoration:none;
    text-align:center;
    text-indent:0;
        
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }
    
.Button:hover,
.button:hover,
#pg_RequestDetails .button:hover{
    background-color: #b68532;
    }   


.subnav-container{background: #676768;width:100%;margin:0;padding:0; float: left;}

nav.Navbar {
    font-weight: bold;
    font-size: 15px;
    COLOR: #fff;
    
    background: #676768;
    margin: 0 auto;
    width: 100%;
    max-width: 1000px;
    }


nav.Navbar a, 
nav.Navbar a:link, 
nav.Navbar a:visited {
    color: #fff;
    text-decoration: none;
    padding: 10px;
    display: inline-block;
    font-weight: bold;
    }

nav.Navbar a:hover{
    text-decoration:none;
    background: rgba(255,255,255,0.2);
    color: #fff;
    }

footer{ text-align:center; color:white; padding:30px 0px; }

footer,
footer small { font-size: 11px }


footer a:link, 
footer a:active, 
footer a:visited { color:white; text-decoration:none; padding: 0px 5px; font-weight: 700; text-transform: uppercase }

footer a:hover{text-decoration:underline}



h1,
.PageHeader {
    font-size: 27px;
    font-weight: bold;
    color: #333;
    }

.content_hp,
.container-hp { padding: 0 }

#pg_GroupPost #ContentInner,
#pg_GroupSummary #ContentInner,
#pg_GroupAccount #ContentInner,
#pg_GroupArchive #ContentInner,
#pg_GroupFAQ #ContentInner { padding-bottom: 50px; }


#pg_RequestSmart #Slide-1 {background-image: url(//cdn.hotelplanner.com/common/images/site/2081/bg_westgate-lakes2.jpg);}
#pg_RequestSmart #testimonial3 .thumbnail {background-image: url(//cdn.hotelplanner.com/common/site/1783/resources/review_03.jpg);}


#pg_RequestSmart #grouptype01 .grouptype-thumb {background-image: url(//cdn.hotelplanner.com/common/site/2080/resources/meeting_gf.jpg);}
#pg_RequestSmart #grouptype02 .grouptype-thumb {background-image: url(//cdn.hotelplanner.com/common/site/2080/resources/wedding_gf.jpg);}
#pg_RequestSmart #grouptype03 .grouptype-thumb {background-image: url(//cdn.hotelplanner.com/common/site/2080/resources/sports_gf.jpg);}

@media (max-width: 767px) {
    
    #subnav-wl,ul#navigation-wl li#message-wl {display: none}
    .header-wl.with-subnav {padding-top: 15px}
    
            
    #logo-wl img { max-height: 60px; max-width: 220px;}

}

@media (max-width: 850px) {
    #LanguageWrap{display:none}
}
                
                
                
                
                #landingpage #SearchSection {
                    background: url("//cdn.hotelplanner.com/common/images/site/2081/bg_westgate-lakes.jpg") center top no-repeat !important;
                    background-size: cover !important;
                }
            
            
            
            
            
                    #landingpage #theme-image {
                    background: url("//cdn.hotelplanner.com/common/images/site/2081/westgate_sm.jpg")center no-repeat !important;
                    background-size: cover !important;
                }
                
                
                
/*WG Mockup Overrides*/ 
header {
    border-top: 4px solid #B1862d !important;
}

#form-header .title-1 {color: #B1862d !important; }

#Slide-1 .subtagline {display:none !important; }

button.Submit, a.Submit { border: 2px solid #ffffff !important; background-color: #B1862d !important;}

#pg_RequestSmart #Slide-2, #pg_RequestSmart #Slide-3, #pg_RequestSmart #Slide-4 {display:none;}

#banner-smart {background-color: #B1862d !important;}

#pg_RequestSmart h2 {color: #B1862d !important;}

#guarantee {display:none;}

@media (max-width: 991px) {
h3 {
    font-size: 24px;
}
}


/*WG Custom Footer */ 

footer { background: white !important;}

.tp_footCol.social li {
    display: inline;
    margin-top: 5px;
}

.container_smart a:visited {
    color: #B1862D !important;
}

/* Footer H3 Border */

.tp_footCol > h3::after {
    margin-bottom: 10px;
    margin-top: 10px;
    content: ""; 
    display: block; 
    width: 45%; 
    border-bottom: 1px solid black; 
}

 #tp_mainFooter {
        color: black;
        font-size: 14px;
        background-color: #ffffff;
    }
    #tp_footWrapper {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .tp_footTitle {
        margin-bottom: 25px;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 700;
    }
    .tp_footText {
        width: 100%;
        max-width: 1200px;
        margin-bottom: 40px;
        line-height: 50px;
        font-size: 37px;
    }
    .tp_footButton {
        display: inline-block;
        padding: 19px 40px;
        color: black;
        text-decoration: none;
        font-size: 16px;
        font-weight: 700;
        background-color: #0a2d48;
        border: 1px solid white;
        border-radius: 4px;
        transition: all .3s;
    }
    .tp_footButton:hover {
        color: black;
        background-color: white;
    }
    .tp_footNav {
        display: flex;
    }
    .tp_footCol {
        margin: 0 0 0 55px;
        padding: 0;
        list-style: none;
        text-align: left;
    }
    .tp_footCol:first-child {
        margin-left: 0;
    }
    .tp_footCol > li {
        margin-bottom: 10px;
    }
    .tp_footCol > li > h3 {
        margin: 0 0 15px;
        font-size: 16px;
        font-weight: 500;
    }
    .tp_footCol > li > a {
        color: black;
        text-decoration: none;
    }
    .tp_footCol > li > a:hover {
        text-decoration: underline;
    }

    @media only screen and (max-width: 1245px){
        #tp_footBottom {
            margin: 60px 15px 0;
        }
    }
    @media only screen and (max-width: 750px){
        .tp_footCol {
            margin-left: 50px;
        }
    }
    @media only screen and (max-width: 700px){
        .tp_footNav {
            flex-direction: column;
        }
        .tp_footCol {
            margin-left: 0;
            margin-bottom: 25px;
        }
        .tp_footLogo .tp_aftLogo {
            width: 250px;
        }
    }
    

/* Custom Menu */

    	#header-1,
	#header-2{
		float: left;
		width: 33%;
		}
	
	#header-1 { width: 210px;   margin-top: 14px;     padding-bottom: 14px; }
	#header-2 { width: 740px;  }
	
	
	#bars-xx {
		position: absolute;
		bottom: 0;
		left: 0;
		
		height: 8px;
		width: 100%;
		background-image: url("bars.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-color: transparent;
		background-size: 100% 8px;
		}
	
	
		
	#logo-xx img {
    max-height: 100px;
    left: -228px;
    position: absolute;
}

	 @media (max-width: 1440px) {
		
	#logo-xx img {max-height:100px; left: -135px;position: absolute;}


	 }
	 
	 @media (max-width: 1024px) {
		
	#logo-xx img {max-height:100px;left: 33px;position: absolute;}


	 }

	 @media (min-width: 2560px) {
#logo-xx img {
    max-height: 100px;
    right: 1254px;
    position: absolute;
}
}



@media (max-width: 768px) {
#logo-xx img {
    max-height: 100px;
    left: 0px;
    top: -20px;
    position: absolute;
}	
}
	
	#header-2 ul {
		display: block;
		width: 100%;
		overflow: hidden;
		text-transform: uppercase;
		margin-bottom: 5px;
		}
	
	
	#header-2 li {float: left;}
	
	ul#navbar-top a:link,
	ul#navbar-top a:visited {
		text-decoration: none;
		display: block;
		font-size: 22px;
		padding: 2px 5px;
		line-height: 1;
		font-weight: 500;
	    text-transform: uppercase;
	    color: #777777;
	    border-bottom: 1px dotted #E5E4DF;
	    transition: .25s all ease-in-out;
	    border-right: 1px solid #CBC0A9;
		}
	
	ul#navbar-top a:hover {
		color: #4A4949;
	    border-bottom: 1px dotted #222;
	    text-shadow: 1px 1px 1px #f5efe1;
		}
	
	
	ul#navbar-bottom a:link,
	ul#navbar-bottom a:visited {
		text-decoration: none;
		display: block;
		color: #000;
		font-size: 14px;
		font-weight: 400;
		line-height: 1;
		padding: 44px 19px;
		}
		
		 @media (max-width: 1024px) {
		ul#navbar-bottom a:link,
	ul#navbar-bottom a:visited {
		padding: 44px 10px;
		}
		 }



	


	#toggle-xx {
		display:none;
		position: absolute;
		right: 15px;
		top: 0px;
		padding: 10px;
		cursor: pointer;
		background-color: #000;
		}
	
	#toggle-xx span {
		display: block;
		height: 2px;
		margin-bottom: 4px;
		background-color: #fff;
		width: 22px;
		
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		}
	
	#toggle-xx span:last-of-type  { margin: 0 } 
	
	#mobile-xx { display: none }
	
	#mobile-xx > li > a {
        color: #000;
        font-family: "Lora",serif;
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase;
        padding: 5px 17px;
        padding-left: 0;
    }
    
    @media (max-width: 991px) {
        #mobile-xx  > li {
            display: inline-block;
            width: 100%;
            margin-bottom: 8px;
            margin-left: 0;
            padding-left: 0;
        }
    }
	
	
	@media (max-width: 970px) {
		
		#mobile-xx .mobile {margin-bottom: 80px; }
	    ul#navbar-bottom a:link,
	    ul#navbar-bottom a:visited {padding-left:7px; padding-right:7px;	}
	}
	
	
	
	@media (max-width: 1024px) {
		
		.header-xx .container-xx { padding: 0; }
		
		#toggle-xx { display: block; }
		
		#header-1 { 
			width: 100%;
			float: none;
			}
		
		
		#header-2 { 
			width: 100%;
			float: none;
			}
		

		#header-2 li {
    position: relative;
    float: left;
    top: 20px;
}
	}
	
	
	@media (max-width: 425px) {
	    
	    		#header-2 li {
    position: relative;
    float: left;
    top: 20px;

}

.mo {display:none;}	    
	    
	    
	}
	
	
	@media (max-width: 375px) {
	    
	    		#header-2 li {
    position: relative;
    float: left;
    left: 180px;
    top: 20px;
}
	    .mo {display:none;}	    

	}
	
		@media (max-width: 320px) {
	    
	    		#header-2 li {
    position: relative;
    float: left;
    left: 120px;
    top: 20px;
}
	    
	    .mo {display:none;}	   
	    
	#logo-xx img {
    max-height: 75px;
    
	}
	    
	}
	

	
	
	
		@media (min-width: 1024px) {
		    #header-3 {display:none;}
		}


			#header-3 ul {
		display: block;
		width: 100%;
		overflow: hidden;
		text-transform: uppercase;
		margin-bottom: 5px;
		}
	
	
	#header-3 li {float: left;}
	
	ul#navbar-bottom a:link:hover,
	ul#navbar-bottom a:visited:hover {
	    background-color:#B1862D;
	    color:#fff;
	}