/* Project Title Project Owner http://www.cookiejar.in Shahnawaz Siddiqui (Sid) color: red; all browsers, of course color : green\9; IE8 and below *color : yellow; IE7 and below _color : orange; IE6 text-shadow: #e4dece 2px 1px 1px; */ /* Reset */ body { margin: 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color: #575757; line-height: 18px; } a { color: #575757; text-decoration: none; outline: none; } a:focus { -moz-outline: none;} a:active { outline: none;} a:hover { text-decoration: underline; } p,ul,li { padding: 0px; margin: 0px; list-style: none; } .bg { background: #FF00FF;} .bdr { border: 1px solid #7CFC00;} .clr { clear: both; } h1,h2,h3 { padding: 0px; margin: 0px; font-weight: normal; } /* SITE GLOBAL */ h1 { font-size: 28px; color: #575757; } h2 { font-size: 19px; color: #73100a; text-shadow: #c8c1ae 0px 1px 0px; font-family:Georgia, Arial, Helvetica, sans-serif; } h1 a { color: #575757; } h2 a { color: #73100a; } h2 a:hover { color: #73100a; text-decoration: none; } .contents { width: 960px; margin: 0 auto; position: relative; border: 0px solid #FF0000; } .w50 { width: 40px; } .w75 { width: 75px; } .w100 { width: 100px; } .w150 { width: 150px; } .w200 { width: 200px; } .w250 { width: 250px; } /*Site Buttons */ a.button { background: transparent url("../images/bg_button_a.png") no-repeat scroll top right; font-size: 12px; text-transform: uppercase; display: block; float: left; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ } a.button span { background: transparent url("../images/bg_button_span.png") no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; } a.button:active { background-position: bottom right; color: #000; } a.button:active span { background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */ } img { border: 0px; } .main { width: 100%; position: relative; float: left; } .header { width: 100%; float: left; position: relative; height: 110px;} .flasharea { width: 100%; float: left; position: relative; _margin: -50px 0 0 0; } .mainbody { width: 100%; float: left; position: relative; margin: 10px 0 30px 0;} .footer { width: 100%; float: left; position: relative; background: url(../images/bg-footer.gif) repeat-x; } /* SITE BG */ .home { background: #c5b896 url(../images/BG-Home.jpg) center top no-repeat; _background: #c5b896 url(../images/BG-Home-ie.jpg) center top no-repeat; } .hotel { background: #c5b896 url(../images/BG-hotel.jpg) center top no-repeat; _background: #c5b896 url(../images/BG-hotel-ie.jpg) center top no-repeat;} /* HEADER */ .logo { width: 260px; float: left; margin: 20px 0 0 0; _height: 150px; } .sitelinks { width: 700px; float: left; } .toplinks { width: 700px; float: left; margin: 10px 0 20px 0; text-align: right; text-shadow: #e4dece 0px 1px 0px; } .slidingmenu { width:700px; float: left; } #lava { position:relative; text-align:left; width:650px; height:25px; float: right; } #lava ul { position:absolute; right: 0; top:0; z-index:200; } #lava ul li { margin:2px 13px 0 13px; float:left; font-family: Georgia; font-size: 16px; _font-size: 15px; color: #fff; } #lava ul li.last { margin:2px 0px 0 13px; } #lava ul li a:hover { text-decoration: none; color: #fff; } #lava ul li.selected { text-decoration: none; color: #fff; } #lava #box { position:absolute; left:0; top:0; z-index:50; background:url(../images/Nav-TR.gif) no-repeat right top; height:24px; padding-right:9px; margin-left:-10px;} #lava #box .head { background:url(../images/Nav-TL.gif) no-repeat 0 0; height:24px; padding-left:10px; } .lava-off { background:url(../images/main-nav-line-off.png) top no-repeat; background-position: 41px -14px; _background:url(../images/main-nav-line-off.gif) top no-repeat; _background-position: 41px -15px;} .lava-on { background:url(../images/main-nav-line.png) top no-repeat; background-position: 41px -14px; _background:url(../images/main-nav-line.gif) top no-repeat; _background-position: 41px -15px;} #navbg { width: 700px; float: left; height: 40px; } .gotolinks { width: 100%; float: right; } .gotolinks ul { float: right; line-height: 50px; } .gotolinks ul li { float: left; margin: 0 0 0 27px; font-size: 13px; color: #bebebe; } .gotolinks ul li.no-bull { color: #b99e6b; font-size: 15px;} .gotolinks ul li a { text-shadow: #efe9df 1px 1px 3px; color: #6f582c; } .gotolinks ul li a:hover { text-decoration: underline; } /* FLASH AREA */ .flashcontents { width: 980px; height: 375px; margin: auto; position: relative; } .flashmovie { background: url(../images/bg-flash-header.png) no-repeat center; width: 980px; height: 375px; } .nivoSlider { position:relative; top: 32px; left: 17px; width: 945px; min-height:307px; background:#f7f4ef url(../images/loading.gif) no-repeat 50% 50%;} .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink{ position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none; } /* The slices in the Slider */ .nivo-slice { display:block; position:absolute; z-index:50; height:100%; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#70120a; color:#fff; opacity:0.2; /* Overridden by captionOpacity setting */ width:945px; z-index:89; } .nivo-caption p { padding:5px; margin:0; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:99; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a { position:relative; z-index:99; cursor:pointer;} .nivo-controlNav a.active { font-weight:bold; } .nivo-directionNav a { display:block; width:30px; height:30px; background:url(../images/arrows.png) no-repeat; _background:url(../images/arrows.gif) no-repeat; text-indent:-9999px; border:0; } a.nivo-nextNav { background-position:-30px 0; right:250px; } a.nivo-prevNav { left:15px; } #slider1 .nivo-controlNav, #slider2 .nivo-controlNav, #slider4 .nivo-controlNav { position:absolute; left:47%; bottom:-30px; _bottom:-40px; } #slider1 .nivo-controlNav a, #slider2 .nivo-controlNav a, #slider4 .nivo-controlNav a { display:block; width:10px; height:10px; background:url(../images/bullets.png) no-repeat; _background:url(../images/bullets.gif) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left; } #slider1 .nivo-controlNav a.active, #slider2 .nivo-controlNav a.active, #slider4 .nivo-controlNav a.active {background-position:-10px 0; _background-position:-10px 0; } #slider2 a { display:block; /* IE Fix */ } /* BOOKING WIDGET */ .bookingwidget { position: absolute; right: 28px; top: 43px; background: url(../images/bg-bookingwidget.png); border: 0px solid #e3e3e3; width: 205px; height: 265px; padding:10px; z-index: 999; } .bookingwidget p { float: left; width: 205px; float: left; margin: 1px 0; } .bookingwidget p.title { font-size: 16px; color: #9f1d1a; margin: 0 0 15px 0; line-height: normal; } .bookingwidget p.lbl { font-size: 11px; text-transform: uppercase; margin: 5px 0 0 0; } .bookingwidget p input { float: left; } .bookingwidget p span.cal { float: left; margin: 3px 0 0 5px; } .bookingwidget p span.txt { float: left; margin: 0 0 0 8px; } .bookingwidget p span.w50 { float: left; width: 58px; } .bookingwidget p.btn { float: left; margin: 10px 0 0 0; } /* BODY CONTENT */ .bodycontent { width: 980px; margin: auto; } .arealeft { width: 660px; float: left; } .arearight { width: 295px; float: right; } /* SITE TABS */ .sitetabs { width: 660px; height: 400px; float: left; background: url(../images/tab-area-bg.png) no-repeat; _background: url(../images/tab-area-bg.gif) no-repeat; } .tabs { width: 628px; float: left; margin: 7px 0 0 19px; _margin: 15px 0 0 12px; } ul.mtabNavi { width: 628px; float: left; background: url(../images/bg-tabs.jpg) repeat-x; } ul.mtabNavi li { float: left; width: 208px; text-align: center; } ul.mtabNavi li.mid { border-left: 1px solid #DCDCDC; border-right: 1px solid #DCDCDC; } ul.mtabNavi li a { font-size: 15px; padding: 18px 0; display: block; text-shadow: #fff 0px 1px 0px; } ul.mtabNavi li a:hover { background: #fff; text-decoration: none; } ul.mtabNavi li a.selected { background: #fff; text-decoration: none; } .mslide { width: 575px; float: left; margin: 15px; padding: 10px; height: 290px; overflow: hidden; } .subslidediv { float: left; width: 574px; } .subslidediv h2 { float: left; line-height: normal; width: 575px; margin: 0 0 10px 0; } .subslidediv p { margin: 10px 0; font-size: 12px; line-height: 20px; } .subslidediv .specialthumb { float: left; width: 206px; height: 233px; display: block; margin: 0 20px 10px 0; background: url(../images/holder-special-offer.png) no-repeat;} .subslidediv .specialthumb img { float: left; width:169px; height: 201px; margin: 18px 0 0 18px; } .subslidediv ul { float: left; margin: 0 0 0 30px; } .subslidediv ul li { list-style: square; padding: 0 0 0 10px; } /* Easy Slider */ #slider ul, #slider li, #slider1 ul, #slider1 li { margin:0; padding:0; list-style:none; } #slider li,#slider1 li { width:575px; height:280px; overflow:hidden;} /* numeric controls */ ol#controls { margin:0 0 0 0; padding:0; height:15px; float: right; z-index: 999; } ol#controls li { margin:0 5px 0 0; padding:0; float:left; list-style:none; height:15px; } ol#controls li a { float:left; height:15px; width: 15px; background: url(../images/dot-01.jpg) no-repeat; color:#555; text-decoration:none; text-indent: -99999px; } ol#controls li.current a { background: url(../images/dot-02.jpg) no-repeat; } ol#control2 { margin:0 0 0 0; padding:0; height:15px; float: right; z-index: 999; } ol#control2 li { margin:0 5px 0 0; padding:0; float:left; list-style:none; height:15px; } ol#control2 li a { float:left; height:15px; width: 15px; background: url(../images/dot-01.jpg) no-repeat; color:#555; text-decoration:none; text-indent: -99999px; } ol#control2 li.current a { background: url(../images/dot-02.jpg) no-repeat; } /* BREAD CRUM TRAIL */ .breadcrum { float: left; width: 640px; margin: 0 0 10px 18px; } .breadcrum ul { float: left; font-size: 11px; } .breadcrum ul li { float: left; margin: 0 10px 0 0; color: #73100a; } .breadcrum ul li a { text-decoration: none; border-bottom: 1px dotted #696969; color: #73100a; } /* PAGE BLOCKS */ .pageblock { float: left; width: 640px; margin: 30px 0 0 18px; } .pageblock h2 { float: left; width: 640px; line-height: normal; margin: 0 0 20px 0; } .pageblock p { margin: 10px 0; } .pageblock img.thumb { float: left; width: 167px; height: 92px; display: block; border: 3px solid #c1b6a0; margin: 0 20px 7px 0; } .pageblock p.action { text-align: right; } .pageblock ul { float: left; margin: 0 0 0 30px; width: 100%; } .pageblock ul li { list-style: square; padding: 0 0 0 10px; } .specialblock { float: left; width: 640px; margin: 30px 0 0 18px; } .specialblock h2 { float: left; width: 640px; line-height: normal; margin: 0 0 20px 0; } .specialblock p { margin: 15px 0; } .specialblock .specialthumb { float: left; width: 206px; height: 233px; display: block; margin: 0 20px 7px 0; background: url(../images/holder-special-offer.png) no-repeat;} .specialblock .specialthumb img{float: left; width:169px; height: 201px; margin: 18px 0 0 18px; } .specialblock ul { margin: 0 0 0 25px; width: 100%; } .specialblock ul li { list-style: square; padding: 0; } .specialblock p.action { text-align: right; } /* PAGE DROPDOWN BAR */ .pagedropdownbar { float: left; width: 600px; margin: 25px 0 0 18px; padding: 0 20px; _height: 38px; background: url(../images/bg-pagedropdownbar.png) no-repeat;} .pagedropdownbar label { float: left; margin: 0 10px 0 0; padding: 9px 0 11px 0; } .pagedropdownbar select { float: left; margin: 8px 5px 1px 0; width: 170px; } .pagedropdownbar span { float: left; margin: 12px 5px 11px 10px; } .pagedropdownbar select.ghdropdown { float: left; margin: 8px 5px 1px 0; width: 170px; } /* HOTEL PAGE */ .hotelheader { width: 980px; height: 330px; margin: auto; position: relative; } .hotelheaderimg { float: right; width: 769px; height: 307px; position: relative; margin: 10px 0 0 0; background:url(../images/bg-hotelheader.png) no-repeat; } .hotelheaderimg img { position: absolute; top: 13px; right: 25px; } .htlnavigation { width: 220px; margin: 0 0 0 15px; position: absolute; top: 25px; left: 0px; } .htlnavigation ul { float: left; } .htlnavigation ul li { background: url(../images/htl-nav-off.gif) no-repeat; display: block; width: 220px; height: 31px;} .htlnavigation ul li a { font-size: 13px; text-shadow: #fff 1px 1px 3px; display: block; padding:6px 0 6px 10px; color: #73100a; } .htlnavigation ul li a:hover{ text-decoration: none; color: #7a6e4e; background: url(../images/htl-nav-on.jpg) no-repeat; width: 220px; text-shadow: #fff 0px 1px 0px; ; } .htlnavigation ul li a.selected{text-decoration: none; color: #7a6e4e; background: url(../images/htl-nav-on.jpg) no-repeat; width: 220px; } /* SIDE BAR */ .box { float: left; width: 295px; font-size: 11px; } .boxinsidetop { float: right; width: 266px; background: url(../images/box-shadow-01.png) top no-repeat; padding:12px 15px 0 15px; _padding:0; _background: none ; _border-top: 6px solid #ededed; } .boxinsidebtm { float: right; width: 266px; background: url(../images/box-shadow-02.png) bottom no-repeat; padding:0 15px 14px 15px; _padding:0; _background: none ; _border-bottom: 6px solid #ededed; } .insideitem01 { float: left; width: 214px; padding: 15px 20px 0 20px; margin: 0 0 0 0; background: #fff; border-right: 6px solid #ededed; border-left: 6px solid #ededed; } .insideitem02 { float: left; width: 214px; padding: 15px 20px 20px 20px; margin: 0 0 0 0; background: #fff; border-right: 6px solid #ededed; border-left: 6px solid #ededed; } .boxtop p.lbl { font-size: 11px; text-transform: uppercase; margin: 7px 0 4px 0; _margin: 0px 0 0 0; } .boxtop p input { float: left; } .boxtop p input { float: left; } .boxtop p span.cal { margin: 2px 0 0 5px; float: left; } .boxtop p span.txt { margin: 0 0 0 10px; float: left; } .boxtop p span.w50 { float: left; width: 58px; margin: 0 0 -10px 0; _margin: 0 0 0px 0; } .boxtop p.btn { margin: 10px 0 0 0 ; } .box p { float: left; width: 215px; } .box p.title { font-size:16px; color:#99529e; margin:0 0 10px 0; text-shadow: #ccc 1px 1px 1px; } .box p.btn { margin: 5px 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #cec8b8; } .box p.form { float: left; margin: 10px 0 0 0; } .box p.form input { float: left; } .box p.form span { float: left; margin:0 0 0 5px; } .box p.social { margin: 10px 0; } .box p.social span { float: left; margin:0 10px 0 0; } .box p.weather { margin: 10px 0 0 0; } /* Weather */ .wwidget { float: left; padding: 0 0 10px 0; } .wwidget h2 { float: left; font-size: 14px; margin: 10px 0 0px 0;} .wwidget p { float: left; font-size: 11px; } .wwidget p img { height: 120px; padding: 0px; margin: 0 0 -30px -10px; } p.clr { clear: both; } /* ISTA SITE FORMS */ .istaform{ width: 600px; float: left; margin:0px 20px 20px 20px; } .istaform p{ width:590px; float: left; margin: 0px; padding-bottom: 8px; } .istaform p.grouptitle { text-align: left; width: 590px; float: left; font-size: 16px; margin: 10px 0; border-bottom: 1px solid #cec5b3; } .istaform p label{ width:200px; float: left; text-align: right; margin-right: 15px; } .istaform p input{ float: left; text-align: left; margin-right: 10px; } .istaform p select{ float: left; text-align: left; margin-right: 10px; } .istaform p span{ float: left; text-align: left; margin-right: 10px; width: 180px; } .istaform p span.city{ float: left; text-align: left; margin-right: 10px; width: 80px; } /* ISTA GLLERY */ .istagal{ width: 590px; float: left; margin: 0px 0 0 20px; } .istagal .htlmenu{ float: left; } .istagal .htlmenu ul{ margin: 0; padding: 0; float: left; width: 192px; list-style: none; } .istagal .htlmenu ul li a{ display: block; width: 190px; background: url(/images/htl-nav-lin.gif) no-repeat bottom; line-height: 33px; padding-left: 10px; color: #685025;} .istagal .htlmenu ul li a:hover, .istagal .htlmenu ul li a.selected{ background: url(/images/leftnav-active.png) no-repeat; text-decoration: none; color: #9b3331; } .istagal .htlheader{ float: right; width: 769px; height: 307px; background: url(/images/header-right-bg.png) no-repeat; position: absolute; right: 0; top: 0; } .istagal .items { width: 388px; background: #f6f6f6; border: 1px solid #d4d4d4; float: right; } #gallery { margin: 15px 0 0 10px; } #gallery ul { list-style: none; margin: 0px 0px 8px 8px; float: left; } #gallery ul li { display: inline; } #gallery ul img { border: 5px solid #d6d6d6; } #gallery ul a:hover img { border: 5px solid #fff; color: #fff; } #gallery ul a:hover { color: #fff; } /* Virtual Tours */ .virtualtours { margin: 0 0 0 -15px; width: 600px; float: left; } .virtualtours ul { margin: 0; padding: 0; list-style: none; list-style-type: none; } .virtualtours ul li { float: left; width: 250px; margin: 0px 0 40px 0; list-style: none; list-style-type: none; } .virtualtours ul li .vtpic { float: left; width: 210px; margin: 10px 0 10px 0; } .virtualtours ul li .vttitle { float: left; width: 210px; font-size: 16px; } .virtualtours ul li .vtview { float: left; width: 210px; } /* FOOTER */ .row01 { width: 960px; margin: auto; display: none; } .row01 .footerbox { width: 320px; float: left; margin: 30px 5px 30px 0; _margin: 30px 5px 22px 0; } .row01 .footerbox span.title{ font-size:16px; color:#564322; width: 200px; float: left; margin: 0 0 5px 0; text-shadow: #ece6db 0px 1px 0px; } .row01 .footerbox span.click{ font-size:12px; width: 200px; float: left; } .row01 .footerbox span.ico { width: 28px; height: 25px float: right; } .row02 { width: 960px; margin: auto; } .row02 ul { float: left; margin: 13px 0; width: 960px; } .row02 ul li { float: left; margin: 0 25px 0 0; } .row02 ul li a { color: #fff; text-shadow: #707070 0px 1px 0px; } .row02 ul li a:hover { text-decoration: none; } .row03 { width: 960px; margin: auto; } .row03 ul { float: left; width: 960px; } .row03 ul li { float: left; margin: 0 65px 0 0; } .row03 ul li a { color: #fff; } .row4 { width: 960px; margin:auto; } .row4 .copy { float: left; width: 760px; margin: 15px 0; font-size: 11px; color: #fff; } .row4 .cookiejar { float: right; width: 200px; text-align: right; margin: 10px 0; } /* LOCATION & MAP */ .locationmap { float: left; width: 640px; height:520px; margin: 30px 0 0 20px; position: relative; } .indiamap { position: absolute; width: 345px; height: 391px; background: url(../images/india-map.png) no-repeat; top: 0; left: 0; } .indiamap a { text-decoration: none; font-size: 10px; text-transform: uppercase; cursor: pointer; padding: 2px 5px; } .indiamap a.selected { background: #8e3839; color: #fff; -moz-border-radius:2px; -moz-box-shadow:1px 1px 1px #fff; -webkit-border-radius:2px; -webkit-box-shadow:1px 1px 1px #fff; box-shadow:1px 1px 1px #fff; } .pinamritsar { position: absolute; top: 90px; left: 80px; } .pinahemdabad { position: absolute; top: 175px; left: 45px; } .pinpune { position: absolute; top: 230px; left: 60px; } .pinhyderabad { position: absolute; top: 275px; left: 65px; } .pinbangalore { position: absolute; top: 330px; left: 105px; } .locationinfoholder { width: 319px; position: absolute; top: 0; right: 0; } .closebtn { width: 315px; float: left; text-align: right; margin: 0 0 5px 0; } .closebtn a { font-size: 10px; color:#73100a; text-shadow: #f3f3f3 0px 1px 0px; text-transform: uppercase; cursor: pointer; } .locationdetails { background: #d5c7ac; border: 2px solid #f0e5cf; padding: 20px; width: 275px; float: left; } .locationdetails .logo { float: left; margin: 20px 0 0 0; width: 110px; text-align: center; } .locationdetails .info { float: left; margin: 20px 0 0 0; width: 160px; } .locationdetails span { float: left; width: 160px; font-size: 11px; } .locationdetails .title { font-size:16px; color:#73100a; text-shadow: #f3f3f3 0px 1px 0px; margin: 0 0 10px 0; float: left; } .lblock { float: left; width: 315px; } /* DATE PICKER */ .bdpLite{white-space: nowrap;} .bdplPopUp{font: normal 11px Tahoma, Verdana, Arial, sans-serif;border: 1px solid #7F9DB9;background: white;width: 151px;} .bdplPopUp td{padding: 4px;text-align: center;} .bdplPopUp, .bdplPopUp th, .bdplPopUp td, .bdplPopUp div{font: normal 11px Tahoma, Verdana, Arial, sans-serif;} .bdplPopUp a, .bdplPopUp a:link, .bdplPopUp a:visited, .bdplPopUp a:active, .bdplPopUp a:hover{text-decoration: none;color: #000000;cursor: pointer;} .bdplTitle{width: 100%;background: #9EBEF5;height: 15px;} .bdplTitle td{height: 16px;padding: 0px 5px 0px 6px;cursor: pointer;} .bdplTitle td img{width: 5px;height: 9px;} .bdplTitle th{width: 100%;font-weight: normal;white-space: nowrap;} .bdplCalendar td{padding: 0;text-align: center;} .bdplCalendar{width: 120px;margin: 1px auto 8px auto;} td.bdplDay{color: #ACA899;text-align: right;padding-left: 1px;height: 14px;width: 13px;border: 1px solid #FFFFFF;cursor: default;} .bdplDayHeader{padding-right: 3px;font-weight: normal;text-align: right;border-bottom: 1px solid #ACA899;} td.bdplOtherMonthDay a, td.bdplOtherMonthDay a:link, td.bdplOtherMonthDay a:visited, td.bdplOtherMonthDay a:active, td.bdplOtherMonthDay a:hover{color: #ACA899 !important;cursor: pointer;} td.bdplSelectedDay{background-color: #FBE694 !important;border: 1px solid #FBE694;} td.bdplTodayDay{border: 1px solid #BB5503;} img.bdplButton{vertical-align: top;margin-top: 1px;margin-left: 2px;cursor: pointer;border: 0;}