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

td
{
	FONT-SIZE: 13px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

a:link { color: #0253b7; text-decoration: none;}
a:visited { color: #0253b7; text-decoration: none;}
a:hover {  color: #cc0000; text-decoration: underline;}
header{background:#fff;}
#pHeader{width:100%;position:relative;border-bottom:1px solid gray;height:90px}
#pg_Home #pHeader{border-bottom:0px}
#pHeader #pLogo{position:absolute;left:50%;margin-left:-390px;margin-top:5px}
img.imgLogo{height:75px;border:0px;max-width:450px}
#pTopMessage{position: absolute;left: 50%;margin-left: 0px;font-size:17px;width: 400px;text-align: right;margin: 8px auto;top: 10px;font-weight: normal;}
#MainContent{border:0px;background-color:white;width:100%;border-spacing:0;margin:0px auto;display:table}
#pg_Home #MainContent{width:100%}

#LanguageWrap{position: absolute;top: 3px;right: 5px;width:260px;text-align: right}
#LanguageWrap .LanguageSelector {float:right;right:-5px;left:auto;top:-8px}
#LanguageWrap .LanguageHead{text-align:right}
.LanguageHead a,#LanguageWrap a{FONT-SIZE: 10px;font-weight: bold;FONT-STYLE: normal;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
a#signin-wl{color:white;}
#ContentInner
{
	margin: 14px auto 0px auto;
	display:table;
	max-width: 780px;
	width:100%;
	border:0px;
	background-color:white;
	min-height: 400px;
}
#pg_Home #ContentInner{width:100%;max-width:100%;margin-top:0}
#SignInText{padding-right:10px;text-align:right}
#SignInText .returning{font-weight:bold}

#pg_RequestForm #frmGroup input,#pg_RequestForm #frmGroup select{padding:8px}

#pg_RequestForm h1.PageHeader{margin-left:15px}

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

.subnav-container{
	background: #082941;
	width:100%;
	margin:0;

	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

nav.Navbar {
	FONT-WEIGHT: bold;
	FONT-SIZE: 15px;
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	margin: 0 auto;
	width: 100%;
	max-width: 960px;
	padding: 0 30px;
	display: block;
	}


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.1);
	color: #fff;
	}

footer{text-align:center;padding:30px 5px; font-size:12px;background:#fff}
footer a:link, footer a:active, footer a:visited{ text-decoration:none; padding:0px 5px; font-weight: 700; text-transform: uppercase; font-size: inherit; }
footer a:hover{text-decoration:underline}

@media (max-width: 850px) {
		
		#pHeader #pLogo {
	       margin-left: 0;
	       left: 15px;
	   	}
		
		#LanguageWrap{display:none}
		
		#pTopMessage {
	   width: auto;
	   left: auto;
	   right: 15px;
	   top: 43px;
}
        
    }


@media (max-width: 480px) {
		
		#pTopMessage { display: none }
		#LanguageWrap { top: 3px; }
		#pHeader #pLogo {
		  max-width:300px
	   	}
		
}


header *,
footer * { margin: 0; padding: 0; font-family: "Helvetica Neue",Arial,"Lucida Grande",sans-serif;  font-size: 106.25%;line-height: 1.5 }

body{ font-family: "Helvetica Neue",Arial,"Lucida Grande",sans-serif; margin:  0; }

header{}

.container_travelocity {
	padding: 0px 1.41176em;
	width: 100%;
	max-width: 1000px;
	
	margin:0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	
#top-header {
    background: #0a438b;
    padding-bottom: 0.470588em;

    border-top: 0.294118em solid #0a438b;
    padding-top: 0.764706em;
    position: relative;

    height: auto;
    }
    
    
#Logo{	
	display: inline-block;	
	background-size: contain;
	margin: -0.176471em 0 0.294118em 0px;	
	width: 200px;
	height: auto;
	outline: none;
	}

#Logo img{ margin-left: -2px }

#toggle { 
	width:35px; 
	height:35px; 
	display:none; 
	cursor:pointer; 
	background: url("//cdn.hotelplanner.com/Common/Images/_Travelocity/burger.png") no-repeat center; 
	position:absolute; 
	top:0; right:0; 
	padding:12px; 
	z-index:1;
	}
 


#bottom-header{
	clear: left;
	background:  #fff;
    padding-top: 0.470588em;
    border-bottom: 1px solid #C7C7C7;
    padding-bottom: 0.470588em;
    height: auto;
    }

nav#links-group{ 
	display:block;
	overflow: hidden;
	width: auto;
    white-space: nowrap;
    font-size: 0.882353em;
	}

nav#links-group a:link,
nav#links-group a:visited {
	padding: 0.411765em 0.529412em;
	color: #0059A2;
	font-size: 15px;
	display: block;
	text-decoration:  none;
	float: left;
	outline: none;
	}


a#sign-in:link,
a#sign-in:visited {
	font-size: 15px;
	padding: 0.461538em 0.615385em;
	z-index:1; 
	display:inline-block;
	color: #FFF;
	text-decoration: none;
	border-radius: 0.230769em;
	line-height: 1.45;
	float: right;
	}
	
a#sign-in:hover{
	background: #004E93;   
    }

nav#links-group a#sign-in-mobile:link,
nav#links-group a#sign-in-mobile:visited { display: block }


/*******************/




#group-reservations{ background-color:white; margin:0 15px; font-size: 14px; line-height: 17px display:inline-block}

#how-it-works{ margin:15px; background: #004E93; color:white; display:inline-block; position:relative}
#how-it-works:after{
	bottom: 100%;
	left: 58px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	
	border-bottom-color: #004E93;
	border-width: 8px;
	margin-left: -8px;
	}


#pg_RequestForm #Intro{ 
	height:240px; 
	background: url("//cdn.hotelplanner.com/Common/Images/_EXPE/bg.jpg") top  right no-repeat; 
	background-size:cover; 
	padding:15px;
	}

#Get-Started .container_travelocity { position: relative; padding-left: 80px;  }

#Get-Started{ 
	background: #53A0D3 ; 
	font-size: 25px; 
	font-weight: bold; 
	color: #fff; 
	padding: 19px 0;
	position: relative;
	}

h1.trvly{ color: #004E93;  font-size:20px; }
h2.trvly{ font-weight: normal; font-size: 18px}
h1,h2{ margin-top: 0; margin-bottom:7px}

.grey { color: #B3C6E0; display:block; margin-top:10px; font-size:12px}

span.bullets{ 
	min-width: 140px; 
	position:relative; 
	padding-right: 15px; 
	margin-right:5px; 
	display: inline-block;
	}

span.bullets:after{
	
	position:absolute; top:4px; right:0;
	content:"\f101";
	font-family:"FontAwesome";
	font-size: 13px; }
 
span.bullets:before{
	display:none;
	color: rgba(255,255,255,0.5);
	content:"\f111";
	font-family:"FontAwesome";
	position:absolute; top:8px; left:0;
	font-size: 6px;
	}

span.bullets.last:after { display:none; }


#group-reservations, #how-it-works{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 18px 26px;
	}


#arrow {
	position: absolute;
	top: 0px;
	left: 40px;
	width: 20px;
	height: 20px;
	background-image: url(//cdn.hotelplanner.com/Common/Images/_EXPE/arrow.png);
	background-repeat: no-repeat;
	-webkit-animation: ani1 1.5s 0s infinite;
	animation: ani1 1.5s 0s infinite;
	}



.Button,.button {
	display: inline-block;
	position: relative;
	border-style: solid;
	border-width: 1px 1px 2px;
	border-radius: 0.235294em;
	padding: 20px;
	font-size: 18px;
	line-height: 1.45;
	font-weight: bold;
	cursor: pointer;
	border-color: #1A3103;
	color: #FFF;
	background: rgb(125,173,6);
	background: -moz-linear-gradient(top,  rgba(125,173,6,1) 0%, rgba(96,132,5,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,173,6,1)), color-stop(100%,rgba(96,132,5,1)));
	background: -webkit-linear-gradient(top,  rgba(125,173,6,1) 0%,rgba(96,132,5,1) 100%);
	background: -o-linear-gradient(top,  rgba(125,173,6,1) 0%,rgba(96,132,5,1) 100%);
	background: -ms-linear-gradient(top,  rgba(125,173,6,1) 0%,rgba(96,132,5,1) 100%);
	background: linear-gradient(to bottom,  rgba(125,173,6,1) 0%,rgba(96,132,5,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dad06', endColorstr='#608405',GradientType=0 );
	}

.Button:hover,.button:hover{ background:  #7cac06 }
	.Button:active,.button:active {
	position:relative;
	top:1px;
}
	
@-webkit-keyframes ani1 {
    0 { top:0px}
    50% { top:20px}
    100% { top:0px}  
}

@-moz-keyframes ani1{
	0 { top:0px}
    50% { top:20px}
    100% { top:0px}       
}
@-o-keyframes ani1{
	0 { top:0px}
    50% { top:20px}
    100% { top:0px}     
}
@keyframes ani1{
	0 { top:0px}
    50% { top:20px}
    100% { top:0px}    
}

@media(min-width:1200px){ #group-reservations { margin-right: 500px } }

@media (min-width: 768px) and (max-width: 900px){
	
	nav#links-group a.hide {display: none; }
}


@media(max-width:767px){
	
	#Intro .container_travelocity,	
	#bottom-header .container_travelocity,
	#bottom-header { padding: 0 }
	
	/***/
	
	header{ padding:0; border-top: 0}
	 
	a#sign-in:link,
	a#sign-in:visited { display: none; }
	
	#toggle{ display:block}
	
	
	
	#links-group a:hover{ background: #d1eaff; color: #0065b8;}
	
	#Intro, #Get-Started{ height:auto }
	
	#group-reservations, #how-it-works{ padding:10px 15px; margin: 0 }
	#how-it-works{ margin-top: 15px;}
	
	
	#Get-Started{ font-size: 20px; }
	#Get-Started .container_travelocity { padding-left:  60px }
	
	#arrow { left: 25px;}
	
	span.bullets{ width:100%; padding:0; padding-left:15px; display:block }
	
	span.bullets:before{ display:block ;}
	span.bullets:after{ display:none;}
	
	

	nav#links-group {
	    display: none;
	    padding: 0px;
	    position: absolute;
	    z-index: 88;
	    top: 66px;
	    width: 100%;
	    margin: 0px;
		}
	
	nav#links-group.active { display: block }
		
	nav#links-group a:link,
	nav#links-group a:visited,
	#sign-in-mobile {
		margin: 0;
		display:block;
		color: #fff;
		border-top: 1px solid #c7c7c7;
		background-color: #004074;
		width: 100%;
		padding: 0 25px;
		line-height: 57px;
		position: relative;
		top: auto; right: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		}
	
	nav#links-group a:hover { background: #d1eaff; color: #0065b8; }
	
	
	.Button, .button { margin-top: 10px; }
	
}



/******************************************/
/*************** FIXES ********************/
/******************************************/

#pg_RequestSmart #Intro,
#pg_RequestSmart #Get-Started { display: none }


body#pg_RequestSmart #ContentInner { max-width: none; padding: 0; margin: 0 }

footer {
	display: block;
	padding: 20px 15px;
	max-width: 1000px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	}

body#pg_RequestSmart footer {
	max-width: none;
	padding: 20px 80px
	}

body#pg_RequestSmart, 
body#pg_RequestSmart #Form-Wrapper label, 
body#pg_RequestSmart .container_smart h1, 
body#pg_RequestSmart .container_smart h2, 
body#pg_RequestSmart .container_smart h3, 
body#pg_RequestSmart .container_smart h4,
body h1.PageHeader {
    font-family: helvetica,arial,sans-serif !important;
	}

body#pg_RequestSmart.Smartv2 button.Submit, 
body#pg_RequestSmart.Smartv2 a.Submit {	
    font-family: "Helvetica Neue",Arial,"Lucida Grande",sans-serif;
    background-color: #FFBE00;
    color: #3D3100;
    border-width: 1px 1px 2px;
    border-style: solid;
    border-color: #AA8700;

    border-image: none;
    padding: 18px 20px 20px;
    font-weight: bold;
    cursor: pointer;
    line-height: 1;
   
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   
   color: #fff;
   border-color: #1a3103;
   text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.43);
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7cac06 0,5c8004 100 */
	background: #7cac06; /* Old browsers */
	background: -moz-linear-gradient(top,  #7cac06 0%, #5c8004 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #7cac06 0%,#5c8004 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #7cac06 0%,#5c8004 100%); /* W3C, IE10 , FF16 , Chrome26 , Opera12 , Safari7  */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cac06', endColorstr='#5c8004',GradientType=0 ); /* IE6-9 */
	}


body #banner-smart,
body #Scroll-to-Top { background-color: #004074 }


body#pg_RequestSmart.Smartv2 h2, 
body#pg_RequestSmart.Smartv2 section#Slide-2 .subheadline, 
body#pg_RequestSmart.Smartv2 .title-1 { color: #00355f }


body section#Slide-1 .subtagline { color: #57B3FF }

body h1.PageHeader {
    color: #00355f;
    font-weight: bold;
    font-size: 27px;
	}



#pg_GroupAccount #button-wrapper { text-align:  left }

#frmRequest .form-header {
	font-size: 15px;
    color: #1F1F1F;
    padding: 15px 0px 0px 0px;
    border-top: 1px solid #CCC;
    margin: 0px;
    background-color: transparent;
    margin-bottom: 10px;
	}

body fieldset,
body .content_hp { padding: 0 }


body #frmRequest { font-size: 13px }

body #frmRequest label { font-size: 14px !important; margin-bottom: 4px }

body#pg_RequestSmart #testimonial1 .thumbnail {
    background-image: url("//cdn.hotelplanner.com/Common/Images/Request/thumb7.jpg");
}

/* Cruises Portal */
.src_TravelocityCruise #frmRequestSmart #addDestination, .src_TravelocityCruise #frmRequestSmart #txtCity1{display:none}
.src_TravelocityCruise #frmRequestSmart #group-form-custom-fields{margin-bottom:0}
body.src_TravelocityCruise #ContentInner section#Slide-1,body.src_TravelocityCruise #grouptype01 .grouptype-thumb {
    background-image: url("//cdn.hotelplanner.com/Common/Images/_EXPE/cruise.jpg");
}

















body#pg_SearchIndv #ContentInner {
	margin: 0;
	padding: 0;
	max-width: none;
	}








#pg_SearchIndv a.check-rates:link,
#pg_SearchIndv a.check-rates:visited,
#pg_SearchIndv .field-group input[type="submit"] {
	border: 1px solid transparent;
	border-bottom: 2px solid;
	color: #fff;
	
	background: #608405;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#608405),color-stop(100%,#7dad06));
    background: -webkit-linear-gradient(to top,#608405 0,#7dad06 100%);
    background: -moz-linear-gradient(to top,#608405 0,#7dad06 100%);
    background: -ms-linear-gradient(to top,#608405 0,#7dad06 100%);
    background: linear-gradient(to top,#608405 0,#7dad06 100%);
    border-color: #2f5806 #1a3103 #1a3103;
	}

#pg_SearchIndv .hotel-name:link,
#pg_SearchIndv .hotel-name:visited { color: #0065b8; }


#pg_SearchIndv #Search-Box { background-color: #00355f } 


#pg_SearchIndv #discounts label { 
	border: 2px solid transparent;
	background-color: rgba(255, 255, 255, 0.15);
	}



#pg_SearchIndv #discounts .bounceIn label,
#pg_SearchIndv #discounts .bounceIn label:hover {
	background-color: #0065b8;
	border: 2px solid #0065b8;
	}









body#pg_RequestDetails .rfp-modal-header .rfp-modal-icon { background-color: #004074 }

body#pg_RequestDetails .rfp-modal-content button {
	border-style: solid;
	border-width: 1px 1px 2px;

   	border-color: #1A3103;
	color: #FFF;
	background: rgb(125,173,6);
	background: -moz-linear-gradient(top, rgba(125,173,6,1) 0%, rgba(96,132,5,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,173,6,1)), color-stop(100%,rgba(96,132,5,1)));
	background: -webkit-linear-gradient(top, rgba(125,173,6,1) 0%,rgba(96,132,5,1) 100%);
	background: -o-linear-gradient(top, rgba(125,173,6,1) 0%,rgba(96,132,5,1) 100%);
	background: -ms-linear-gradient(top, rgba(125,173,6,1) 0%,rgba(96,132,5,1) 100%);
	background: linear-gradient(to bottom, rgba(125,173,6,1) 0%,rgba(96,132,5,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dad06', endColorstr='#608405',GradientType=0 );
    }


body#pg_RequestDetails .rfp-modal-content button i { color: #fff }