/*
** project:		Herrick Guest Suites
** date:		2008/04/24
*/
html { height: 100%; margin-bottom: 1px; background: #676767; font-size: 100.01%; }
body { margin: 0; background: #31475C; color: #A7B1A9; font: 62.5%/2 "Georgia", serif; }
textarea, input, select, option, optgroup, button { font: 1.2em "Arial", sans-serif; }

* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

li, dt, dd, p { font-size: 1.2em; }
ul, ol, dl { margin-bottom: 1.5em; }
p { padding-bottom: 3ex; }
li *, dt *, dd *, p *, li p, p div ul li, ul li div ul li { font-size: 1em; }
p textarea, p input, p select, p option, p optgroup, p button { font-size: 1em; }

img { border: none; vertical-align: middle; }
button { overflow: visible; cursor: pointer; }

td, th { text-align: left; vertical-align: top; }

/* Preview page layout */
.previewBar{font-size: 12px; line-height: 1.3em; display: block; background: #e7e7e7 url(../images/back.jpg) left top repeat-x; width: 100%; height: 51px;}
.previewBar #preview-back {position: relative; width: 940px; margin: 0 auto; background: #e7e7e7;}

  #preview-header {height: 49px; padding: 2px 5px 0 5px; background: #fff url(../images/top-bar-back.jpg) left top repeat-x;}
	#preview-header a {font-size: 1em; font-weight:normal; font-family: Verdana, Helvetica, sans-serif;}
	
	#preview-header div.buttons {float: right;}
	#preview-header .buttons label.inside {margin: 7px; font-size: 0.9em;}
	#preview-header input.button {width: 93px; height: 30px; border: none; background: #ccc url(../images/button-out.gif) center center no-repeat; text-align: center;}
	#preview-header .buttons .button {margin: 0 0 0 10px;}
	#preview-header a.button-link, #preview-header a.button-link:visited {display: block; float: left; height: 32px; margin: 2px; padding: 0 10px 0 10px; border-top: 2px solid #bebebe; border-right: 2px solid #2f2f2f;  border-bottom: 2px solid #2f2f2f; border-left: 2px solid #b4b4b4; background: #000 url(../images/button-link-back.jpg) left top repeat-x; color: #fff; line-height: 32px; text-align: center; text-decoration: none;}
	#preview-header a.button-link:hover, #preview-header a.button-link.on {border-top: 2px solid #141414; border-right: 2px solid #959595;  border-bottom: 2px solid #959595; border-left: 2px solid #141414; background: #595959;}

	#preview-header a.right-button, a.right-button:visited {display: block; float: left; width: 97px; height: 25px; margin: 8px 5px 0 5px; background: #fff url(../images/right-button-out.jpg) center center no-repeat; color: #000; font-size: 0.8em; line-height: 25px; text-align: center; text-decoration: none;}
	#preview-header a.right-button:hover {background: #fff url(../images/right-button-over.jpg) center center no-repeat;}
	#preview-header a.right-button.goto-admin, a.right-button.goto-admin:visited {width: 115px; background: #fff url(../images/right-button-big-out.jpg) center center no-repeat;}
	#preview-header a.right-button.goto-admin:hover {background-image: url(../images/right-button-big-over.jpg);}
	

/*
** some globally used classes
*/
.left { float: left !important; }
.right { float: right !important; }

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

.wrapper { width: 940px; margin: 0 auto; }

.clear { float: left !important; clear: both !important; width: 100%; }

a { color: #A7B1A9; text-decoration: underline; }
a:focus, a:hover { text-decoration: none; }

a.button { display: block; float: left; width: 91px; height: 22px; background-color: #676767; text-indent: -999em; cursor: pointer; overflow: hidden; }
a.previous { background-image: url("../images/button_previous.png"); }
a.pause { width: 23px; background-image: url("../images/button_pause.png"); }
a.play { width: 23px; background-image: url("../images/button_play.png"); }
a.next { background-image: url("../images/button_next.png"); }

p.last { padding-bottom: 0; }

.thumbnail { padding: 5px; border: 1px solid #26394C; background: #4C637A; }
.left-thumbnail { float: left; margin: 4px 30px 20px 0; padding: 5px; border: 1px solid #26394C; background: #4C637A; }
.right-thumbnail { float: right; margin: 4px 0 20px 30px; padding: 5px; border: 1px solid #26394C; background: #4C637A; }

.success { background:#e5e5e5; color:#31475C; padding: .5ex 1ex; font: 1.2em "Arial", sans-serif; }

/*
** forms
*/
input, select { display: block; }
input.radio { display: inline; }  
span.radio input{ display: inline; }  

label.radio { vertical-align: middle; cursor: pointer; }
label.custom-radio { padding-left: 16px; background: transparent url("../images/checkbox_00.png") no-repeat 0 50%; cursor: pointer; }
label.custom-radio-checked { padding-left: 16px; background: transparent url("../images/checkbox_00_on.png") no-repeat 0 50%; cursor: pointer; }

select, textarea.text, .scroll-me, input.text { padding: 2px 4px; border: 2px solid #49687D; background: #516F7A; color: #CAD3CC; }
select { padding: 0; }
.scroll-me { float: left; clear: both; width: 100%; height: 90px; margin-bottom: 1em; font-size: 1.2em; overflow: auto; }

input.button { width: 91px; height: 22px; border: none; background-color: #676767; font-size: 1000em; cursor: pointer; overflow: hidden; }
input.continue { background-image: url("../images/button_continue.png"); }
input.add-me { background-image: url("../images/button_add_me.png"); }
input.submit { background-image: url("../images/button_submit.png"); }

div.f-0 { margin-bottom: 1em; }
 div.f-0 .left { width: 90px; }
  div.f-0 .left input.text { width: 78px; }
 div.f-0 .right { width: 53px; }
 div.f-0 p { padding-bottom: 2ex; }
 div.f-0 input.text { width: 148px; }
 div.f-0 select, div.f-0 .right select { width: 100%; }
 div.f-0 p.error { margin-bottom: 2ex; }
 div.f-0 input.button { margin: 0 0 0 auto; }

 div.f-1 p { font-size: 1em; text-align: center !important; }
 div.f-1 label.radio { text-transdiv: none; }

div.f-2 { float: left; width: 295px; margin-right: 35px; font: 1em "Arial", sans-serif; }
 div.f-2 p { float: left; clear: both; width: 100%; padding-bottom: 1em; text-transdiv: none; }
  div.f-2 p input.text, div.f-2 p textarea.text { width: 283px; }
 div.f-2 p.error { float: none; width: auto; margin-bottom: 3ex; }

  div.f-2 p.p-0 select { width: 210px; }
  div.f-2 p.p-0 .select { width: 210px; }
 div.f-2 p.p-1 { clear: left; width: 111px; line-height: 2; }
  div.f-2 p.p-1 input.text { width: 99px; }
 div.f-2 p.p-2 { clear: none; width: 76px; margin-left: 16px; line-height: 2; }
 div.f-2 p.p-3 { float: right; clear: right; width: 75px; line-height: 2; }
  div.f-2 p.p-2 select, div.f-2 p.p-3 select { width: 100%; }
  div.f-2 p.p-3 input.text { width: 63px; }
  div.f-2 p.p-4 input { float: left; width: 126px; }
   div.f-2 p.p-5 .i-0 { float: left; width: 100px; margin-right: 17px; }
   div.f-2 p.p-5 .i-1 { float: left; width: 75px; }
   div.f-2 p.p-5 .i-2 { float: right; width: 63px; }
 div.f-2 p.p-6 { padding-bottom: 0; }

div p.error { padding: .5ex 1ex; background: #4F5F6A; color: #BCBB7A; font: 1.2em "Arial", sans-serif; }

div.xfield ul, div.error ul {list-style:none; margin:0px; padding:0px;}
div.xfield, div.error { padding: 0ex 1ex; background: #4F5F6A; color: #BCBB7A; font: 1em "Arial", sans-serif; margin-bottom:5px;}

div .select span { font-size: 1em; }


/*
** main
*/
.main { padding-bottom: 43px; background: #31475C; }

 .main .content { width: 809px; padding: 0 63px 0 68px; }
  .main .content .title { padding-bottom: 20px; }
  .main .content .title h1 {font-size: 2.4em; line-height:normal; font-weight: 400; text-transform: uppercase;  font-family:Georgia;letter-spacing:2px; }
  .main .content .title h1.h-4 { height: 46px;}
	.main .content .title h1.h-4.sifr  {width: 630px; height: auto; margin: 0; padding: 0; background: none; font-size: 3em; text-indent: 0; z-index:1;}
	.main .content h1.h-3.sifr  {width: 630px; height: auto; margin: 0; padding: 0; background: none; font-size: 1.8em; text-indent: 0;}
   .main .content .title p { width: 160px; padding-bottom: 0; font-size: 1.7em; text-transform:uppercase}
    .main .content .title p select { width: 100%; font-size: .60em; text-transform: none; }/* Modified by Falguni on 15 May for Bug Id 46*/
    .main .content .title .select { clear: right; width: 160px; }
    .main .content .title .select select {width: 160px; font-size: 1.1em; margin-bottom: 2px;}
    .main .content .title .right {line-height: 130%; margin-top: 4px;}
    .main .content .title .right select {margin-top: 4px;}
	.centered { margin-top: 20%; }
  .main p { text-align: justify; text-transform: none; font-size:1em;}
  
  .main .column-5 p { font-size:1.2em; } /*Added by Deepak to fix the font size issue on Request booking page*/

 .main .column-0 { float: left; width: 585px; font-size:12px; text-align: justify;}

 .main .column-1 { float: right; width: 160px; }
  .main .column-1 h1 { font-size: 1.2em; text-transform: uppercase; }
  .main .column-1 ul.l-0 { list-style: none; margin: 0; padding: 0; font-size: .9em; text-transform: none; line-height: 1.5; }
   .main .column-1 ul.l-0 li { margin-bottom: 1ex; }
    .main .column-1 ul.l-0 li a { text-decoration: underline; }

 .main .column-2 { float: left; width: 240px; padding: 306px 20px 2em 77px; background: transparent url("../images/splash_title_left.jpg") no-repeat 0 0; font-size: 1.2em; text-transform: none; text-align: justify; text-decoration: none; cursor: pointer; }
 .main .column-3 { float: left; width: 240px; padding: 306px 20px 2em 10px; background: transparent url("../images/splash_title_middle.jpg") no-repeat 0 0; font-size: 1.2em; text-transform: none; text-align: justify; text-decoration: none; cursor: pointer; }
 .main .column-4 { float: left; width: 240px; padding: 306px 83px 2em 10px; background: transparent url("../images/splash_title_right.jpg") no-repeat 0 0; font-size: 1.2em; text-transform: none; text-align: justify; text-decoration: none; cursor: pointer; }

 .main .column-5 { float: left; width: 510px; padding: 45px; background: #374E64; }
  .main .column-5 a.continue { display: block; text-decoration: underline; }
  .main .column-5 h2 { font-size: 1.2em; text-transform: uppercase; }
  .main .column-5 ul { list-style: none; margin: 0; padding: 0; }
    .main .column-5 ul li a { text-transform: none; text-decoration: underline; }
    .main .column-5 form .select ul li a { text-transform: none; text-decoration: none; }

 .main .column-6 { float: left; width: 620px; }
  .main .column-6 h2 { font-size: 1.8em; font-weight: 400; text-transform: uppercase; }
  .main .column-6 ul { list-style: none; margin: 0 0 1em 0; padding: 0 0 0 3ex; text-transform: none; }
  .main .column-6 ul li a.SuiteNames { text-transform: uppercase; }

 .main .column-7 { float: left; width: 250px; font-size:12px;}
  .main .column-7 .select { width: 250px;}
  .main .column-7 ul.l-0 {font-size:0.75em; line-height:1.5; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0pt;padding:0pt; text-transform:uppercase;}
  .main .column-7 ul.l-0 li a {text-decoration:underline;}
  .main .column-7 ul.l-0 li {margin-bottom:1ex;}
  .main .column-7 h1 {font-size:1em; text-transform:uppercase;}

 .main .column-8 { float: left; width: 312px; margin-left: 50px; }
  .main .column-8 .table-container { margin-top: 1em; padding: 20px 25px; background: #374E64; }
   .main .column-8 .table-container table { font-size: 1em; text-transform: uppercase; border-collapse: collapse; }
    .main .column-8 .table-container table th, .main .column-8 .table-container table td { border-bottom: 1px solid #4A637A; }
    .main .column-8 .table-container table tr.last th, .main .column-8 .table-container table tr.last td { border-bottom: none; }
    .main .column-8 .table-container table th { padding-right: 1em; color: #A09B89; font-weight: 400; }
    .main .column-8 .table-container table td { color: #D6D0BB; }
    .main .column-8 .table-container table td a {text-decoration:none; color: #D6D0BB; }

.main form.f-0 p { text-align: left; text-transform: none; }

p.slogan { padding-bottom: 40px; text-align: center; }
p.quote { padding: 0; text-align: center !important; }

/*Modified By Falguni on 15 May for Bug Id 46*/
select { text-transform: none;font-size:1em; }
select option { font-size:1em; }


/*
** popups
*/
.popup-0 { position: absolute; left: 0; top: 0; width: 210px; padding: 10px 20px; border: 2px solid #B2B4A7; background: #E8EADB; color: #31475C; z-index:100;}
 .popup-0 h1 { font-size: 1.6em; font-weight: 400; line-height: 1.5;}
 .popup-0 img { margin-bottom: 1em; padding: 3px; border: 1px solid #B2B4A7; background: #FFFFFF; }
 .popup-0 ul { list-style: none; margin: 0 !important; padding: 0 !important; font-size: .9em; }
  .popup-0 ul li { margin: 0; padding: .25ex .5ex; background: transparent url("../images/border_00.png") repeat-x 0 100%; }
  .popup-0 ul li.last { background-image: none; }
   .popup-0 ul li span { display: block; padding-left: 8px; background: transparent url("../images/bullet_00.png") no-repeat 0 1.5ex; }


/*
** header
*/
.header { padding: 0 0 0 0;}
 .header select { float: right; width: 128px; margin-top:2px; margin-right: 63px; font-size:1em; }/* Modified by Falguni on 15 may for Bug Id 46*/
 .header .select { float: right; width: 128px; margin-top:2px; margin-right: 63px; }
.header select option {font-size:1em; font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;}/* Modified by Falguni on 15 may for Bug Id 46*/
  .header .select ul { width: 178px; }

  .logo { padding: 30px 0 60px 0; text-align: center !important; }


/*
** menu
*/
 .header ul.menu { list-style: none; margin: 0; padding: 0 0 0 55px; }
  .header ul.menu li { float: left; height: 24px; background: transparent url("../images/new-menu.png") no-repeat 0 0; text-indent: -0em; }
   .header ul.menu li a { float: left; width: 100%; height: 100%; background: transparent url("../images/new-menu.png") no-repeat 0 0; text-indent: -0em; }

   .header ul.menu li.i-0 { width: 88px; background-position: 0 -48px; margin-right:1px;}
   .header ul.menu li.i-0 a { background-position: 0 0; }
   .header ul.menu li.i-0 a:focus, .header ul.menu li.i-0 a:hover { background-position: 0 -24px; }

   .header ul.menu li.i-1 { width: 92px; background-position: -89px -48px; margin-right:1px;}
   .header ul.menu li.i-1 a { background-position: -89px 0; }
   .header ul.menu li.i-1 a:focus, .header ul.menu li.i-1 a:hover { background-position: -89px -24px; }

   .header ul.menu li.i-2 { width: 159px; background-position: -182px -48px; margin-right:1px;}
   .header ul.menu li.i-2 a { background-position: -182px 0; }
   .header ul.menu li.i-2 a:focus, .header ul.menu li.i-2 a:hover { background-position: -182px -24px; }

   .header ul.menu li.i-3 { width: 118px; background-position: -342px -48px; margin-right:1px;}
   .header ul.menu li.i-3 a { background-position: -342px 0; }
   .header ul.menu li.i-3 a:focus, .header ul.menu li.i-3 a:hover { background-position: -342px -24px; }

   .header ul.menu li.i-4 { width: 154px; background-position: -461px -48px; margin-right:1px;}
   .header ul.menu li.i-4 a { background-position: -461px 0; }
   .header ul.menu li.i-4 a:focus, .header ul.menu li.i-4 a:hover { background-position: -461px -24px; }
   
   .header ul.menu li.i-5 { width: 78px; background-position: -616px -48px; margin-right:1px;}
   .header ul.menu li.i-5 a { background-position: -616px 0; }
   .header ul.menu li.i-5 a:focus, .header ul.menu li.i-5 a:hover { background-position: -616px -24px; }
   
	.header ul.menu li.i-6 { width: 138px; background-position: -695px -48px; margin-right:1px;}
   .header ul.menu li.i-6 a { background-position: -695px 0; }
   .header ul.menu li.i-6 a:focus, .header ul.menu li.i-6 a:hover { background-position: -695px -24px; }
   
   .header ul.menu li a span, .header ul.menu li span {visibility:hidden;}
	.header ul.menu li a:hover, .header ul.menu li a:focus {text-decoration:none;}



/*
** slideshow
*/
 .slideshow ul { list-style: none; height: 240px; margin: 0; padding: 0; }
   .slideshow ul li { position: absolute; }
   .slideshow ul li img { padding: 5px; border: 1px solid #26394C; background: #4C637A; }
 .slideshow .controls { height: 35px; padding: 6px 7px 0 8px; background: transparent url("../images/slideshow_controls_background.png") no-repeat 0 0; }
  .slideshow .controls a.pause { margin-left: 32px; }
  .slideshow .controls a.play { margin-left: 5px; }
  .slideshow .controls a.next { float: right; }


/*
** select -> custom dropdown
*/
.select { position: relative; padding: 0px; font-family: "Arial", sans-serif; line-height: 1; }
.select.disabled { border-color: #3C566C; background: #3F586B; }
 .select span { display: block; position: relative; z-index: 0; padding: .5ex 16px .4ex 4px !important; background: transparent url("../images/dropdown_00.png") no-repeat 100% 50%; color: #CAD3CC; font-size: 1.2em; cursor: pointer; overflow: hidden; white-space: nowrap; }
 .select.disabled span { background-image: url("../images/dropdown_03.png"); color: #85969C; }

   .select ul { list-style: none; margin: 0; padding: 0; line-height: 1.25; }
     .select ul li a { display: block; padding: .5ex 1ex; color: #CAD3CC; text-decoration: none; cursor: pointer; }
     .select ul li a:focus, .select ul li a:hover, .select ul li a.hover { background: #49687D; text-decoration: none; }


/*
** custom textarea
*/
.custom-scroller { position: relative; float: left; width: 272px; height: 90px; margin-bottom: 1em; border: 2px solid #49687D; border-right: none; background: #516F7A; color: #CAD3CC; overflow: hidden; }
 .scroller-container { position: absolute; width: 98%; padding: 2px 4px; }

.scrollbar-container { float: right; padding: 1px; border: 2px solid #49687D; border-left: none; background: #516F7A; }
  .scrollbar-up { width: 17px; height: 17px; background: #6A8993 url("../images/dropdown_01.png") no-repeat 50% 50%; cursor: pointer; }
  .scrollbar-down { width: 17px; height: 17px; background: #6A8993 url("../images/dropdown_00.png") no-repeat 50% 50%; cursor: pointer; }
  .scrollbar-track { position: relative; width: 17px; height: 52px; margin: 1px 0; }
    .scrollbar-handle { position: absolute; width: 17px; height: 17px; background: #6A8993; cursor: pointer; }

.select .custom-scroller { position: absolute; left: -2px; z-index: 1; width: 100%; height: 110px; margin-bottom: 0; padding: 0; overflow: hidden; }
 .select .scroller-container { padding: 0; }

.select .scrollbar-container { position: absolute; right: 0; float: none; margin: 0 -19px 0 -19px; }
  .select .scrollbar-track { height: 72px; }


/*
** footer
*/
.footer { width: 769px; margin: 43px 0 0 68px; padding: 10px 20px; background: #374E64; }
 .footer img { float: left; }
 .footer .right { width:255px; }
 .footer .right a.addThis { width:125px; float:right; }
 .footer .middle {float:right; width:138px; text-align:center; margin-right: 74px; }
 .footer .middle a.bbb { display:block; margin-top:15px; margin-left:5px; }

.main .content .errorpage 
{
	text-align: center;
	color: #cd0000;
}

.main .content .errorpage div 
{
	font-size: 1.4em;
	
}

/*
** the end
*/

img
{
	background-image:url('../inc/images/blank.gif');
}
img.image{float: left; margin-right: 10px; margin-bottom:10px;}
/* sIFR
------------------------------------------- */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1.sifr {
	visibility: hidden;
}
p.breakall{clear:both;}

/*Start - CSS added by Kishan on 13 May 08 for SignIn page
/* login */
#LoginForm 
{
	width: 350px;
	padding: 10px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;	
}

#LoginForm table
{
	margin: 0px auto;
}

#LoginForm input { width: 140px; padding: 2px 4px; border: 2px solid #49687D; background: #516F7A; color: #CAD3CC; }

#LoginForm input[type="submit"] 
{
	width: 91px; height: 22px; border: none; background-image: url("../images/button_submit.png"); background-color: #676767; font-size: 1000em; cursor: pointer; overflow: hidden;
}

#LoginForm td {
	padding: 0px 3px;	
}

#LoginForm .label label 
{
	display: block;
	font-weight: bold;
	width: 50px;
	padding: 0;
	padding-right: 5px;
	vertical-align: middle;	
}

#LoginForm .error { padding: .5ex 1ex; background: #4F5F6A; color: #BCBB7A; font: 1.2em "Arial", sans-serif; }

.fullheight { height: 100%; }

/* login */
/*End - CSS added by Kishan on 13 May 08 for SignIn page8*/


li a {text-decoration:none}

.displayButton { background-image: url("../images/button_book_now.png"); display: block; float: right; width: 91px; height: 22px; text-indent: -999em; cursor: pointer; overflow: hidden; margin-bottom: 10px; }

.lblExtendedStay { color:#f8d36e; }