@import url('https://fonts.googleapis.com/css?family=Open Sans');

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

td {
    font-size: 13px;
    font-family: 'Open Sans', Arial, sans-serif;
    }

a:link { color: #0253b7; text-decoration: none}
a:visited { color: #0253b7; text-decoration: none}
a:hover {  color: #cc0000; 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 #3B3C3D; webkit-box-shadow: 0 1px 10px rgba(60, 64, 67, .15), 0 1px 1px #0a366533;
    -moz-box-shadow: 0 1px 10px rgba(60, 64, 67, .15), 0 1px 1px #0a366533;
    box-shadow: 0 1px 10px rgba(60, 64, 67, .15), 0 1px 1px #0a366533;}

.header-wl {
    overflow: hidden;
    position: relative;
    background-color: #ffffff;
    }
    

        
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 {
    background: #4a9fc1  !important;
    display: inline-block;
    box-sizing: border-box;
    font-family: 'Open Sans';
    font-size: 15px;
    padding: 5px 5px;
    text-transform: uppercase;
    border-radius: 4px;
    color: #ffffff;
    background-color: transparent;
    border: 1px solid #c9cacc;
    text-align: center;      
    }

a#signin-wl:hover { 
    border: 1px solid #B3BEC2;
    -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  'Open Sans', 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: #f88f01;

    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: #f87501;
    }   


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

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; }

@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: 180px }

}

@media (max-width: 850px) {
    #LanguageWrap{display:none}
}
                
                
            
            
                    
            
                 

            
                
                
/*NEW HEADER*/

	#header-1,
	#header-2{
		float: left;
		width: 33%;
		font-family: 'Open Sans', sans-serif;
		font-weight:700;
		height:0px;
		}
	#header-3 {font-family: 'Open Sans', sans-serif;}
	
	#header-1 { width: 210px;   margin-top: 14px;     padding-bottom: 14px; }
	#header-2 { width: 740px;  }
	#header-3 { width: 300px; }
	
	
	#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;}
	
	
	#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: #fff;
		font-size: 16px;
		font-weight: 700;
		line-height: 1;
		padding: 30px 19px;
		}

	


	#toggle-xx {
		display:none;
		position: absolute;
		right: 15px;
		top: 20px;
		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;     padding-top: 20px;
    padding-left: 20px;
 }
	
	#mobile-xx > li > a {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 5px 17px;
        padding-left: 0;
    }
    
    @media (max-width: 991px) {
        #mobile-xx  > li {
            display: inline-block;
            width: 100%;
            margin-bottom: 20px;
            margin-top: 10px;
            margin-left: 0;
            padding-left: 0;
            
        }
    }
	
	
	@media (max-width: 970px) {
		
		#header-3 { display:none; }
		#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: 970px) {
		
		.header-xx .container-xx { padding: 0; }
		
		#toggle-xx { display: block; }
		
		#header-1,
		#header-2 { 
			width: 100%;
			float: none;
			}
		
		#header-2 { display: none; }
		
	
	}
	
	#mobile-xx .emergency_number {
	    position: inherit;
	    margin-top: 0px;
	}
	
	
	footer {
    background: #000000 !important;
}

#landingpage #IntroSection {
    background-color: #ffffff !important;
    /* color: blue; */
}

ul#navbar-bottom a:link:hover, ul#navbar-bottom a:visited:hover {

    background-color: white;
    color: #000;
} 

#landingpage .submit, .submit:hover {
    background: #4a9fc1  !important;
    display: inline-block;
    box-sizing: border-box;
    font-family: 'Open Sans';
    font-size: 18px;
    padding: 12px 16px;
    text-transform: uppercase;
    border-radius: 4px;
    color: #ffffff;
    background-color: transparent;
    border: 1px solid #c9cacc;
    text-align: center;
}


#rs_multi .tab-panel .rs_search {
    
        background: #cc2b3e !important;
    display: inline-block;
    box-sizing: border-box;
    font-family: 'Open Sans';
    font-size: 18px;
    padding: 12px 16px;
    text-transform: uppercase;
    border-radius: 4px;
    color: #ffffff;
    background-color: transparent;
    border: 1px solid #c9cacc;
    text-align: center;
    
    
}

/*Tab Colors*/

#landingpage ul.tab-links li a{
	background: #cc2b3e; /* Background Tabs*/
}
#landingpage ul.tab-links li a.current, #landingpage ul.tab-links li a.current:hover, #landingpage ul.tab-links li a.current:link, #landingpage ul.tab-links li a.current:visited {
	color: #000000; /* Active tab */
	background:#F0F0F0;
	background:rgba(240, 240, 240, 0.96);
}


#landingpage .tab-panel {
    -webkit-box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)
}

/*Interior Search Themeing*/

.field-group input[type="submit"] {
    background: #469EC1 none repeat scroll 0 0 !important;
}

@media (max-width: 767px) {
#submit.field-group input {    background-color: #469EC1 !important; }
}


#pg_RequestForm .button {    background-color: #469EC1;}

#pg_SearchIndv  .ui-slider .ui-slider-range {background-color: #469EC1 !important;}


#discounts .bounceIn label, #discounts .bounceIn label:hover {
    
    border: 2px solid #469EC1 !important;
    background-color: #469EC1 !important;
    
    
}

a.check-rates:link, a.check-rates:visited {
    background-color: #469EC1 !important;
}

.ui-slider .ui-slider-range {
    background-image: none;
    background-color: #469EC1 !important;
}

#Action-Box {
    background-color: #469EC1 !important;
}

#Profile button.orange-flatBtn {
    border: 2px solid #469EC1 !important;
}

#Ext-Search-Form .orange-flatBtn, #Rates-Selection .orange-flatBtn {
    background-color:#469EC1 !important;
}

#Submenu-Top {
    background-color: #469EC1 !important;
}



#pg_SearchIndv #Search-Box {
    background-color: #3b3c3d;}


#pg_HotelProfile .rateSearchForm {
    background: none !important;
    background-color: #000000 !important;
    background: #000000 !important;
}

.es-nav .es-nav-prev {
    background: url(//cdn.hotelplanner.com/Common/Images/Profile/thumbs-back.png) no-repeat center #cc2b3e;
}

.es-nav .es-nav-next {
    background: url(//cdn.hotelplanner.com/Common/Images/Profile/thumbs-next.png) no-repeat center #cc2b3e;
}
                
                
                
            
            
                

/*Makes AdvantagesSection on landing page disappear*/
 #AdvantagesSection {display:none;}


/*Adjust the header 2 font on the landing page*/
 #landingpage #IntroSection h2 {
    font-weight: 600;
    color: #518EAA;
    font-size: 36px;
    padding: 0;
    margin-bottom: 10px;
}

/*Adjust the paragraph font on the landing page*/

 #landingpage #IntroSection p {
   
    color: #3B3C3D;
    font-size: 18px;
}
 
/* This will adjust the text in the header */ 

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

/*This will adjust the footer background color and font color */ 
footer {
    background: #ffffff !important;
    color: #518eaa;
}

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

footer a:hover{text-decoration:underline}

#landingpage ul.tab-links {
    display: none;
}

#landingpage h1#promotext {
    
        font-family: 'Open Sans';
    color: #333333d6;
    font-size: 36px;
        text-shadow: 0 1px 0.5px rgba(0,0,0,.5);
    font-weight: 900;
    margin-bottom: 0;
}


#landingpage h3#promotext {

     font-family: 'Open Sans';
    color: #154564;
        text-shadow: 0 1px 0.5px rgba(0,0,0,.5);
    font-size: 18px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 15px;
}

/*Adjust label text on landing page */ 
#landingpage label {
    margin-bottom: 3px;
    font-size: 14px;
    display: block;
    font-weight: 700;
}


@media (max-width: 960px) {

                
            

#landingpage h1#promotext {
    
        font-family: 'Open Sans';
    color: #333333d6;
    font-size: 26px;
        text-shadow: 0 1px 0.5px rgba(0,0,0,.5);
    font-weight: 900;
    margin-bottom: 0;
}


#landingpage h3#promotext {

     font-family: 'Open Sans';
    color: #333333d6;
        text-shadow: 0 1px 0.5px rgba(0,0,0,.5);
    font-size: 16px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 15px;
}

#flag-e {display:none;}

/*Adjust label text on landing page */ 
#landingpage label {
    margin-bottom: 3px;
    font-size: 14px;
    display: block;
    font-weight: 700;
}


    a.check-rates,a.check-rates:link,a.check-rates:visited {
        border: 2px solid #32748e !important;
     
    }



    #submit.field-group input {
      
        -webkit-box-shadow: inset 0 -2px 0 0 rgb(31, 75, 93),0 2px 5px 0 rgba(0,0,0,0.6) !important;
        -moz-box-shadow: inset 0 -2px 0 0 rgb(31, 75, 93),0 2px 5px 0 rgba(0,0,0,0.6) !important;
        box-shadow: inset 0 -2px 0 0 rgb(31, 75, 93), 0 2px 5px 0 rgba(0,0,0,0.6) !important;
        
    }


}

#landingpage #SearchSection {    min-height: 750px;}

#IntroSection {display:none;}
#events-wrapper {display: none;}
                
                
                
                
                
                
                #landingpage #SearchSection {
                    background: url("//cdn.hotelplanner.com/common/images/site/5979/University-of-Aberdeen-Old-Aberdeen-193-DS-14-.jpg") center top no-repeat !important;
                    background-size: cover !important;
                }