/* Page
===========================================================================*/

/* URLs */

body       { background-image: url(//www.getaroom.com/images/template/header-lower-shadow.png); }
body.local { background-image: url(../images/template/header-lower-shadow.png); }

       #util { background-image: url(//www.getaroom.com/images/template/utility-backing.png); }
.local #util { background-image: url(../images/template/utility-backing.png); }

       #opaque_tooltip .tooltip-arrow { background-image: url(//www.getaroom.com/images/template/tooltip-arrow.png); }
.local #opaque_tooltip .tooltip-arrow { background-image: url(../images/template/tooltip-arrow.png); }

       #main_navigation li.opaque-link { background-image: url(//www.getaroom.com/images/template/opaque-tab.png); }
.local #main_navigation li.opaque-link { background-image: url(../images/template/opaque-tab.png); }

       #main_navigation li a .mid,
       #main_navigation li a .left-end-mid,
       #main_navigation li a .right-end-mid,
       #main_navigation li a .left-end,
       #main_navigation li a .right-end { background-image: url(//www.getaroom.com/images/template/gray-tab-opaque.png); }
.local #main_navigation li a .mid,
.local #main_navigation li a .left-end-mid,
.local #main_navigation li a .right-end-mid,
.local #main_navigation li a .left-end,
.local #main_navigation li a .right-end { background-image: url(../images/template/gray-tab-opaque.png); }

       .badge,
       .badge span { background-image: url(//www.getaroom.com/images/template/badges.png); }
.local .badge,
.local .badge span { background-image: url(../images/template/badges.png); }

/* Layout
===========================================================================*/

html {
  margin:  0;
  padding: 0;
}

html>body { font-size: 16px; /*IE6 can’t read this*/ }
body {
  font: normal normal normal 100%/1.125em Arial, Helvetica, sans-serif;
  
  margin:  0;
  padding: 0;
  
  background-color: #fff;
  background-repeat: repeat-x;
  background-position: 0 110px;
}

html, body {
	height: 100%;
}

.outerheight {
  min-height: 100%;
  _height:    100%; /* for IE 6 */
  margin: 0 auto -182px; /* the bottom margin is the negative value of the footer's height -1px for border and -1px for clearfix */
}

.push,
#footer {
  min-height: 180px;
  _height:    180px; /* for IE 6 */
}

/* CONTAINER
------------------------------------------------------------ */
#container {
	margin-left:auto;
	margin-right:auto;
	width:940px;
	padding-bottom:10px;
}

/* HEADER
------------------------------------------------------------ */

div.header {
  display: block;
  position: relative;
  
  margin:  0;
  padding: 0;
  
  height: 110px;
  border-bottom-width: 0;
  overflow: visible;
  
  background-repeat: repeat-x;
  
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0.78, rgb(255,255,255)),
      color-stop(1,    rgb(243,243,243))
  );
  background-image: -moz-linear-gradient(
      center top,
      rgb(255,255,255)  78%,
      rgb(243,243,243) 100%
  );
}

div.header .wrapper { /*outline:dotted 1px red;*/
	width:940px;
	margin:0 auto;
	height:110px;
}
#logo { /*outline:dotted 1px blue;*/
	margin:20px 0 0 0;
	display:inline-block;
	height: 70px;
	width: 212px;
	float:left;
}
#logo a { display: block; }
#logo img { border-width: 0; }
.slogan {display: none;}

.call-center-numbers {
/*	margin:22px 0 0 0;*/  /*   while opaque tab is in the nav this margin is un-needed */
	width:300px !important;
	margin:-11px 7px 0 0;
	padding: 0;
	display:inline-block;
	float:right;
	clear:right;
	position:relative;
	text-align:right !important;
}
.phone {
	font-size: 32px;
	line-height: 34px;
	letter-spacing:-0.04em;
	color: #4c4c4c;
	font-weight:bold;
	text-align:right;
}
.phone sup {
	color:#4c4c4c;
	position:absolute;
	top:-1px;
	right:-14px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:9px;
	line-height:8px;
	font-weight:600;
	margin:0;
	padding:0;
	vertical-align:baseline;
}

.sub-phone {letter-spacing:normal; font-weight:bold; font-size:16px; display:block; color:#50b948; line-height:1;}
.call-center-numbers small {color:#777; font-size:11px; font-weight:normal; letter-spacing:-0.02em; line-height:1.5;}

#util {margin:0 auto 10px auto; width:950px; height:30px; text-align:right; background-repeat: no-repeat;}

#currency-note {display:inline;
	float:left;
	padding:6px 11px;
	font-size:11px;
	float:left;
}

#util { color: #034E42; }
#util a { color: white !important; }

#util ul {display:inline-block;position:relative;margin:0;}
#util ul li {
	display: inline-block;
	position:relative;
	font-size: 13px;
	padding:0;
	margin:0;
	vertical-align:top;
}
/*#header #util ul li.last {margin-right: 0;}*/
#util ul li a,
#util ul li.welcome-user span {font-weight:bold; display:inline-block; position:relative; padding:6px 10px;}
#util ul li.welcome-user span {font-size:13px;}
#util ul li.welcome-user span a {padding: 0;}

/* NAVIGATION
------------------------------------------------------------ */
#navigation, #main_navigation  {
	zoom:1;
	white-space:nowrap;
}

#navigation {
	position:relative; 
	display:inline-block; 
	position:relative;
	float:right;
	clear:right;
	vertical-align:top;
	padding-right:3px;
}
#navigation,
#navigation a {
  font-size: 12px;
}

#navigation a:hover {text-decoration:none}
#main_navigation {list-style:none; white-space:nowrap;}

ul#main_navigation, ul#main_navigation li {
	z-index:1;
	text-align:center;
	margin:0; 
	padding:0; 
	position:relative;
	display:inline-block; _display:inline;
}
#main_navigation li, #main_navigation li.opaque-link {
	z-index:10;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	margin:0;
	padding:0;
	width: 75px;
	min-height: 30px;
/*	border:0;*/
	border-right:solid 1px white;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	_height: 30px;
}

#main_navigation li.opaque-link {border:0;width:261px !important; height:52px !important; margin-right:4px;background-repeat:no-repeat;}
#main_navigation li.opaque-link a {line-height:23px; padding-left:20px; color:#fff; font-size:12px; height:52px; position:relative; }
#main_navigation li.opaque-link a span {padding-left:0;}
#main_navigation li.opaque-link:hover {line-height:23px; color:#fff; font-size:16px; height:52px; position:relative; background-position:left -53px;}

#main_navigation li a {
	text-align:center;
	display:block;
	width:100%;
	position:relative;
	height:30px;
	padding:0;
	margin:0;
}

#main_navigation li a,
#main_navigation li a * { cursor: pointer; }

#main_navigation li a .mid,
#main_navigation li a .left-end-mid,
#main_navigation li a .right-end-mid,
#main_navigation li a .left-end,
#main_navigation li a .right-end {
	background-position: -20px 0;
	background-repeat: no-repeat;
}

#main_navigation li a .mid,
#main_navigation li a .left-end-mid,
#main_navigation li a .right-end-mid {
	line-height:26px;
	height:30px;
	display:block;
}

/* for opaque tab */
#main_navigation li:hover a .mid, 
#main_navigation li:hover a .left-end-mid,
#main_navigation li:hover a .right-end-mid {
	color:#fff;
	background-position:-20px -30px;
}
/* without opaque tab *//*
#main_navigation li:hover a .mid, 
#main_navigation li:hover a .left-end-mid,
#main_navigation li:hover a .right-end-mid {
	color:#fff;
	background-position:-20px -90px;
}*/

#main_navigation li a .left-end-mid,
#main_navigation li a .right-end-mid {
	width:60px;
	display:inline-block;
	vertical-align:top;
}
#main_navigation li a .left-end-mid {padding-right:5px;padding-left:4px;}
#main_navigation li a .right-end-mid {padding-left:10px;padding-right:2px;}

#main_navigation li a .left-end,
#main_navigation li a .right-end {
	height:30px;
	width:10px;
	display:inline-block;
}
/* for opaque tab */
#main_navigation li a .left-end {background-position:0 0;margin-left:-5px;}
#main_navigation li:hover a .left-end {background-position:0 -30px}
#main_navigation li a .right-end {background-position:right 0}
#main_navigation li:hover a .right-end  {background-position:right -30px}
/* without opaque tab *//*
#main_navigation li a .left-end {background-position:0 -60px;margin-left:-5px;}
#main_navigation li:hover a .left-end {background-position:0 -90px}
#main_navigation li a .right-end {background-position:right -60px}
#main_navigation li:hover a .right-end  {background-position:right -90px}
*/

/*#main_navigation li.current a .left-end {background-position:0 -120px}
#main_navigation li.current a .left-end-mid {background-position:-20px -120px}
#main_navigation li.current a .right-end {background-position:right -120px}
#main_navigation li.current a .right-end-mid {background-position:-20px -120px}*/

#opaque_tooltip {
	z-index:100;
	position:absolute;
	top:20px;
	left:22px;
	padding-right:;
	display:block;
	width:300px;
	font-size:12px;
	font-weight:normal;
	color:#000;
	background-color:#fff;
	border:solid 2px #333;
	white-space:normal;
	text-align:left;
	line-height:14px;
}
#opaque_tooltip p {padding:6px;padding-right:30px;}
#opaque_tooltip p strong {
	color:#d61505;
	font-size:15px;
	text-transform: uppercase;
}

#opaque_tooltip .tooltip-arrow {
	width:50px;
	height:58px;
	position:absolute;
	right:-25px;
	top:3px;
	background-repeat: no-repeat;
}

/* FOOTER
------------------------------------------------------------ */

#footer {clear:both;border-top:solid 1px #777777; background-color:#f5f5f5; padding: 0;text-align:left;width:auto;font-size:12px;}
	#footer .wrapper {padding-top:10px;width:940px;margin:0 auto;zoom:1;}
	#footer p {color: #555; margin: 0; padding: 0;}
	#footer ul {margin: 0 0 3px 0; padding: 0; list-style-type: none;}
		#footer ul.navigation-links li { display:inline; padding-right: 5px; border-right: 1px solid #555; margin-right: 5px; }
		#footer ul.navigation-links li.last { padding-right: 0; border-right-width: 0; margin-right: 0; }
			#footer ul.navigation-links li a { color: #034E42; text-decoration: none; /* for old tvly air css: */ border-width: 0; padding: 0; }
			#footer ul.navigation-links li a:hover {text-decoration:underline;}

/*
	Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson
	http://www.tanfa.co.uk/archives/show.asp?var=300
*/

#footer .wrapper:after {
	content: ".";
	display: block;
	visibility: hidden;
	
	clear: both;
	
	height:      0;
	line-height: 0;
	font-size:   1px;
}

#footer #footer-content { margin-left: 155px; }
#footer ul.hotel-links li { font-size: 11px; display: inline-block; *display: inline; }
#footer ul.hotel-links li a { display: inline-block; width: 145px; margin-right: 10px; }

#footer #social-media { float: left; margin-right: 10px; margin-bottom: 0; }
#footer #social-media li { margin: 0 0 10px; padding: 0; }

/*
  Gilder/Levin Image Replacement
  http://levin.grundeis.net/files/20030809/alternatefir.html
*/

/* Shared */
.badge {
  display: block;
  
  position: relative;
  overflow: hidden;
  
  margin:  0;
  padding: 0;
}

.badge span {
  display: block;
  
  position: absolute;
  z-index: 1; /* for Opera 5-6 */
  top:  0;
  left: 0;
}

.badge,
.badge span {
  width: 144px;
  height: 44px;
}

a.badge, a.badge span { cursor: pointer; } /* for IE */

/* Individual */
.badge-twitter,  .badge-twitter  span { background-position: 0   0;   }
.badge-facebook, .badge-facebook span { background-position: 0 -44px; }
.badge-youtube,  .badge-youtube  span { background-position: 0 -88px; }

/* IE 7
===========================================================================*/

*+html #util ul,
*+html #util ul li {display:inline;vertical-align:top; zoom:1;}
*+html #navigation #main_navigation li {display:inline !important;}

*+html #main_navigation li a .left-end-mid {padding-right:6px;}

/* IE 6
===========================================================================*/

* html #util ul,
* html #util ul li { display:inline; }
* html #main_navigation li.opaque-link a {padding-left:0;}
* html #main_navigation li.opaque-link a span {padding-left:35px;}
* html #main_navigation li.opaque-link {margin-right:0;}
* html #main_navigation li a .left-end {margin-left:0;}