body{margin:0px; padding:30px 0; font:12px Arial, Helvetica, sans-serif; background:#ecdfcc url(../images/bg.jpg) repeat-x;  }

h1, fieldset, h2, h3, h4, form, input, select, textarea, ul, ol, li, span, div, img, a {margin:0; padding:0; list-style:none;}

img {border:0; }

a {text-decoration:none;}
a:hover {text-decoration:underline;}
* {outline:none;}

.noborder {border:none !important}

.head {background:url(../images/headbg.jpg) top right no-repeat; width:100%; margin:0 0 10px 0;}
.head h1 {background:url(../images/head.jpg) top left no-repeat; font:18px Arial, Helvetica, sans-serif; color:#ffffff; padding:5px; text-align:center; }
h2 { font:bold 13px Arial, Helvetica, sans-serif; color:#e56363; text-transform:uppercase;}

#mainwrapper {width:998px; margin:0 auto;}

/* ---- topborder -----*/
#topbar {background:url(../images/body1.png) no-repeat; _background:url(../images/body1.gif) no-repeat; padding:0 0 0 17px;  float:left; width:981px;}
#topbar div {background:url(../images/body3.png) no-repeat top right; _background:url(../images/body3.gif) no-repeat top right; padding:0 17px 0 0;}
#topbar div div{background:url(../images/body2.png) repeat-x; _background:url(../images/body2.gif) repeat-x; height:17px;}


/* ---- middleborder -----*/
.bodyborder1 {background:url(../images/body4.png) repeat-y; _background:url(../images/body4.gif) repeat-y; padding:0 0 0 17px;  float:left; }
.bodyborder2 {background:url(../images/body5.png) repeat-y top right; _background:url(../images/body5.gif) repeat-y top right; padding:0 17px 0 0; float:left; }


/* ---- mainbody -----*/
#bodywrapper { float:left; background:#FFFFFF; width:964px;}

/* -- toparea ---*/
#topwrapper {float:left; width:100%; clear:both;}
.logo {float:left; width:712px; padding:0 0 0 5px; height:70px;}
.topright {float:right; width:247px; text-align:right;}
.topright ul {float:right;}
.topright ul li {float:left; padding:0 5px; border-left:#333333 solid 1px;}
.topright ul li a {color:#333333; font-weight:bold;}

/* -- banner area ---*/
#banerwrapper {float:left; width:100%; clear:both;}

#mainbanner {height:420px;}
#mainbanner1 {height:210px;}
#mainbanner div, #mainbanner1 div {position:absolute; z-index:1; }

.navborder2 {width:10px; position:relative !important; float:right;}
.navborder1 {width:10px; float:left;}

/* ----bookingengine ---*/
#booking {margin:37px 0 0 729px; color:#3d352a; font:11px Arial; }
.bookingtop {float:left; width:223px; padding:0 0 0 7px; background:url(../images/booking1.png) no-repeat; _background:url(../images/booking1.gif) no-repeat; position:relative !important; clear:both; }
.bookingtop1 {float:left; width:310px; padding:0 7px 0 0; background:url(../images/booking3.png) no-repeat top right; _background:url(../images/booking3.gif) no-repeat top right; position:relative !important;}
.bookingtop2 {float:left; width:310px; background:url(../images/booking2.png) repeat-x; height:7px; _background:url(../images/booking2.gif) repeat-x; position:relative !important;}

.bookingmiddle {float:left; width:223px; padding:0 0 0 7px; background:url(../images/booking4.png) repeat-y; _background:url(../images/booking4.gif) repeat-y; position:relative !important;  clear:both;}
.bookingmiddle1 {float:left; width:310px; padding:0 7px 0 0; background:url(../images/booking5.png) repeat-y right; _background:url(../images/booking5.gif) repeat-y right; position:relative !important;}
.bookingmiddle2 {float:left; width:310px; background:url(../images/shim1.png); _background:#d1c3a6;  position:relative !important;}

.bookingbottom {float:left; width:223px; padding:0 0 0 7px; background:url(../images/booking6.png) no-repeat; _background:url(../images/booking6.gif) no-repeat; position:relative !important;  clear:both;}
.bookingbottom1 {float:left; width:310px; padding:0 7px 0 0; background:url(../images/booking8.png) no-repeat top right; _background:url(../images/booking8.gif) no-repeat top right; position:relative !important;}
.bookingbottom2 {float:left; width:310px; height:7px; background:url(../images/booking7.png) repeat-x; _background:url(../images/booking7.gif) repeat-x; position:relative !important;}

#booking p, #booking h2 {margin:0; padding:0 0 9px 0; _padding:0 0 7px 0 ;}
#booking h2 {text-align:center; color:#333333 !important; font:18px Arial, Helvetica, sans-serif !important; text-transform:capitalize;}
#booking p, #innerbooking p  {clear:both;}
#booking a, #innerbooking a {color:#ff0000; text-decoration:none;}
#booking a:hover, #innerbooking a:hover {text-decoration:underline;}
#booking p label, #booking p input, #innerbooking p label, #innerbooking p input {float:left;}
#booking p img, #innerbooking p img {float:none; _float:none; }
#booking p label, #innerbooking p label {padding:5px 0 0 0; width:55px;}
#booking p select {font:11px Arial, Helvetica, sans-serif;}

/* edited by RAVI */
/* Internal page search engine*/

#innerbooking {margin:170px 0 0 691px; color:#3d352a; font:11px Arial; }
#innerbooking .bookingtop {float:left; width:266px; padding:0 0 0 7px; background:url(../images/booking1.png) no-repeat; _background:url(../images/booking1.gif) no-repeat; position:relative !important; clear:both;} 
#innerbooking .bookingtop2 {float:left; width:266px; height:7px; background:url(../images/booking2.png) repeat-x; _background:url(../images/booking2.gif) repeat-x; position:relative !important;}
#innerbooking .bookingmiddle {float:left; width:266px; padding:0 0 0 7px; background:url(../images/booking4.png) repeat-y; _background:url(../images/booking4.gif) repeat-y; position:relative !important;  clear:both; }
#innerbooking .bookingmiddle1 {float:left; width:260px; padding:0 7px 0 0; background:url(../images/booking5.png) repeat-y right; _background:url(../images/booking5.gif) repeat-y right; position:relative !important;}
#innerbooking .bookingmiddle2 {float:left; width:260px; background:url(../images/shim1.png); _background:#d1c3a6; position:relative !important;}

#innerbooking .bookingbottom {background:url(../images/booking6.png) no-repeat; _background:url(../images/booking6.gif) no-repeat; padding:0 0 0 7px; float:left; width:263px; position:relative !important;  clear:both;}
#innerbooking .bookingbottom2 {background:url(../images/booking7.png) repeat-x; _background:url(../images/booking7.gif) repeat-x; height:7px; float:left; width:266px; position:relative !important;} 
#innerbooking p {margin:0; padding:0 0 9px 0; _padding:0 0 7px 0 ;}
#innerbooking h2 {color:#333333 !important; font:18px Arial, Helvetica, sans-serif !important; text-transform:capitalize; padding-bottom:20px;  _padding-bottom:10px;}
#innerbooking p select {font:11px Arial, Helvetica, sans-serif; margin:0 4px 0 0; _margin:0px;}

.block {float:left; width:222px; font:11px Arial; position:relative !important;}
.block select {font:11px Arial;}
.block fieldset { border:1px solid #d8bb94;}
.block .city {width:198px; border:1px solid #d8bb94; font:11px Arial; padding:4px; background:url(../images/city-bg.jpg) repeat-x;}
.block .view a {color:#000000 !important;}

/* ----contentarea ---*/
#contentarea {float:left; clear:both; color:#333333; width:100%;}
#contentarea strong {color:#af3534 !important;}
#contentarea a {color:#e56363;}

.contentwrapper {width:236px; float:left; background:url(../images/contentbox2.jpg) repeat-x; margin:0 3px 0 2px; _margin:0 2px 0 2px; color:#595b5a;}
.contentwrapper div {background:url(../images/contentbox1.jpg) no-repeat; }
.contentwrapper div div{background:url(../images/contentbox3.jpg) no-repeat top right; padding:10px; }

.contentwrapper h2 { font:bold 13px Arial, Helvetica, sans-serif; color:#e56363; text-transform:uppercase;}
.contentwrapper p {margin:0; padding:5px 0 0 0; font:11px Arial, Helvetica, sans-serif; line-height:18px;}
.contentwrapper ul li {background:url(../images/borderbottom.jpg) no-repeat bottom; line-height:30px;}
.contentwrapper ul li a {text-transform:uppercase; font:bold 13px Arial, Helvetica, sans-serif; color:#595b5a; background:url(../images/bullet.gif) no-repeat 0 3px; padding:0 0 0 15px;  line-height:30px !important;}
.joinnow p img {padding:0 7px 0 0;}

.guest {padding:10px 0 0 0;}
.guest h2 {text-align:center; text-transform:capitalize; line-height:24px; color:#666666;}
.guest h2 span {color:#e56363 !important;}

/* ---- bottomborder -----*/
#bottombar {background:url(../images/body6.png) no-repeat; _background:url(../images/body6.gif) no-repeat; padding:0 0 0 17px;  float:left; width:981px;}
#bottombar div {background:url(../images/body8.png) no-repeat top right; _background:url(../images/body8.gif) no-repeat top right; padding:0 17px 0 0;}
#bottombar div div{background:url(../images/body7.png) repeat-x; _background:url(../images/body7.gif) repeat-x; height:17px;}


/* ---- bottom-area -----*/
#bottomwrapper {background:url(../images/bottom2.gif) repeat-x; margin:10px 0; clear:both; float:left; width:998px; text-transform:capitalize; line-height:20px; font-size:13px; color:#363435;}
#bottomwrapper div {background:url(../images/bottom1.gif) no-repeat;}
#bottomwrapper div div {background:url(../images/bottom3.gif) no-repeat top right; padding:1px 17px;}

#bottomwrapper p {border-bottom:#333333 dashed 1px;}
#bottomwrapper p a {color:#000000;}

#bottomwrapper strong {text-decoration:underline; color:#FF0000;}
#bottomwrapper ul {text-align:center;}
#bottomwrapper ul li {display:inline; font-weight:bold; padding:0 20px; border-left:#363435 solid 1px; }
#bottomwrapper ul li a {color:#363435;}

.btn {background:#363435 url(../images/btnbg.jpg) repeat-x; border:#af3534 solid 1px; color:#FFFFFF; text-transform:uppercase; font:bold 11px Arial, Helvetica, sans-serif; overflow:visible; padding:2px 5px; cursor:pointer;}
.btn:hover {background:#363435 url(../images/btn.jpg) repeat-x;}

/* edited by RAVI */
/* Internal page left navigation */

#nav-gauche {float:left; overflow:hidden; width:160px;}
#nav-gauche li {overflow:hidden; background:url(../images/bg-menu-border.png) no-repeat left bottom; }
#nav-gauche li.last {background:none;}
#nav-gauche li.back {background:none; font-size:13px; padding-top:50px; margin-left:-15px;}
#nav-gauche li.back a {background:none;}
#nav-gauche li.selected {color:#00386E; background:url(../images/bg-nav-gauche.png) repeat-y left top;}
#nav-gauche a {display: block; color:#AF3534 !important; padding:7px 10px 8px 20px; background:url(../images/bullet.gif) no-repeat 8px 12px;}
#nav-gauche li ul, #nav-gauche ul {font-size:11px; padding-top:10px; padding-bottom:10px; padding-left:10px; width:150px; background:url(../images/bg-menu-border.png) no-repeat left bottom white;}
#nav-gauche li ul li, #nav-gauche ul li {background:none;}
#nav-gauche li ul li a, #nav-gauche ul li a {color:#E56363 !important; padding:5px 10px 5px 18px; background:url(../images/bullet11.gif) no-repeat 8px 9px;}

/* Internal page middle content*/
#main-site {display:block; font:11px Arial; width:567px; min-height:450px; _height:450px; position:relative; overflow:hidden; background:url(../images/bg-main.png) repeat-x scroll left top #F8EDD5;}
#main-site1 {display:block; font:11px Arial; width:729px; min-height:350px; _height:350px; position:relative; overflow:hidden; background:url(../images/bg-main.png) repeat-x scroll left top #F8EDD5;}
#main-site .inside-with-foot, #main-site1 .inside-with-foot {overflow:hidden; padding:17px 20px 10px 20px;}
#cdf {color:#E56363; font:10px Arial; margin-bottom:16px;}
#cdf li {display:inline;}
#main-site h2 {color:#E56363; font:bold 15px Arial;}
.bMargin {margin-bottom:10px !important;}
.bold {font-weight:bold !important;}
.bodytext {line-height:18px; text-align:justify;}
.newtextbox1 {width:110px;}
.newtextbox {width:201px;}
.samewidth {width:140px;}
div.calendar {z-index:2;}
#room0, #room0 div, #roomAllocationContainer, #room1, #room1 div, #room2, #room2 div {position:static !important;}
.roomNumber span {font-weight:bold;} 
.textbox22 {font-size:11px;}
.resultblock {display:block; padding:10px; border:1px solid #cd4e4e; margin-bottom:25px;}
.newcontentarea {display:block; font:11px Arial; min-height:350px; position:relative; width:685px; overflow:hidden; padding:17px 0px 10px 0px;}
.inputclass {border:1px solid #E56363; font-size:11px; padding:3px 5px;}
.barr {background:#dc7260; color:#FFFFFF; font-weight:bold; padding:5px;}
ul#images {float:left; width:580px;}
ul#images li {float:left; padding:0px 15px 25px 0px;}
ul#images li img {width:120px; height:90px;}

ul.sitemap {margin:5px 0px 0px 26px; padding-bottom:10px;}
ul.sitemap li {font-size:11px; float:left; width:231px;}
ul.sitemap li a {padding:0 8px; display:block; margin:5px 0 7px 0; font-size:12px;}
ul.sitemap li ul {float:left; margin-top:15px;}
ul.sitemap li ul li a {color:#AF3534 !important; padding-left:8px; margin:0px; font-size:11px;}
ul.sitemap li ul li ul {margin:0px 0px 10px 0px; width:200px;}
ul.sitemap li ul li ul li {padding:8px 0 0 8px; width:100%; background:url(../images/bullet.gif) no-repeat 8px 12px;}
ul.sitemap li ul li ul li a {color:#E56363 !important;}

ul.imgallery {float:left; width:234px; margin:0 10px 20px 0;}
ul.imgallery li {font-size:11px;  background:url(../images/bullet.gif) no-repeat 0px 6px;}
ul.imgallery li a {color:#AF3534 !important; font-size:12px; background:none; padding-left:11px;}
ul.imgallery li ul {padding-top:5px; background:url(../images/ulbg.jpg) repeat-x; margin-top:10px; min-height:150px;}
ul.imgallery li ul li {padding:5px 0 10px 10px; background:none;}
ul.imgallery li ul li a {color:#d35454 !important; font-size:11px; font-weight:bold; padding:0px;}
ul.imgallery li ul li a.pic {font-size:10px; color:#333333 !important; font-weight:normal;}

.select {font:11px Arial; margin:0 4px 0 0;}
.white {font-weight:bold; color:white;}
.submit {background:url(https://bookings.best-rez.com/images/submit.gif) no-repeat; width:68px; border:none; cursor:pointer; height:21px; font-size:11px;}
.search {background:url(https://bookings.best-rez.com/images/search.gif) no-repeat; width:138px; border:none; cursor:pointer; height:21px; font-size:11px;}


/* -------feedback -------------*/

#feedback {float:left; width:709px; padding:15px; color:#000000 !important;}
#feedback h1 {font:18px Arial, Helvetica, sans-serif; color:#b8292f; text-transform:uppercase;}
#feedback h2 {text-transform:capitalize !important; color:#000 !important;}
#feedback a {color:#b8292f !important;}
#feedback label {float:left;}
#feedback span {float:left; width:250px;}
#feedback p {clear:both; width:100%; padding:5px 0; margin:0;}


#fadeshow1,.gallerylayer {background:white !important;}

ul#thumb_images {float:left; width:160px;}
ul#thumb_images li {float:left; width:75px; padding:0 0 5px 5px;}
ul#thumb_images li a img {width:75px; height:50px;}
#ajax_tooltipObj .ajax_tooltip_content {  
	background-color:#FFF;	/* Background color */ 
	font-size:10px;	/* Font size of content */
	color:#CCCCCC;
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
}
