/* Caperberry - Bangalore - coded by WISENIC India*/ @font-face{ font-family:trebuchet-ms; font-size:normal; src:url('../images/trebuchet.eot');} /*Global reset*/ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; vertical-align:baseline; background: transparent;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;} :focus {outline: 0;} table { border-collapse: collapse; border-spacing: 0;} .clearFloat{ clear:both;} .clearFix:after{ content:'.'; visibility:hidden;}/*clearing the float in instances where the clearfloat gives extra space*/ .lastChild{ border:none!important; background:none!important;} .hide{ display:none!important;} body{ background:#343434; font-family:'trebuchet ms', Arial; margin:5px 0;} /*intro styles*/ .intro{ margin:0 auto; width:900px; height:400px;} a, a:link { color: #666666; text-decoration:none;} a:hover{ color:#000; text-decoration:underline;} ol{ list-style:decimal; margin:10px 0 0 0;} ol li{ list-style:decimal;} /*typography*/ h1{ color:#920408; text-indent:-100000px;} h2{ margin:15px 0 0 0; font-size:1.1em;} p{ margin:10px 0; line-height:22px;} p.cntr{ text-align:center;} .level1 p{color:#636363; margin-bottom:10px;} .level1 h3, h3{ font-size:1.1em; color:#B31635; background:url(../images/dotLinerH.gif) repeat-x bottom; padding:0 0 5px 0; width:80%; margin-top:20px;} h4{ margin:0 0 10px 0 ;} .level1 a:link{ color:#007931;} address{ font-size:1em;} a.hiliteTxt:link{ color:#007931; text-decoration:none;} a.hiliteTxt:hover{ text-decoration:underline;} q{ font-size:1.2em;} /*header styles*/ #inspiration{ background:url(../images/hdrBgs/hdrInsprtn.gif) no-repeat top left;} #team{background:url(../images/hdrBgs/hdrTeam.gif) no-repeat top left;} #phlsphy{background:url(../images/hdrBgs/hdrPhlsphy.gif) no-repeat top left;} #tapas{background:url(../images/hdrBgs/hdrTapas.gif) no-repeat top left;} #restaurant{background:url(../images/hdrBgs/hdrRstrnt.gif) no-repeat top left;} #menu{background:url(../images/hdrBgs/hdrMenu.gif) no-repeat top left;} #reservations{background:url(../images/hdrBgs/hdrRsrvtns.gif) no-repeat top left;} #customers{ background:url(../images/hdrBgs/hdrCstmrs.gif) no-repeat top left;} #gallery{ background:url(../images/hdrBgs/hdrGllry.gif) no-repeat top left;} #hfc{ background:url(../images/hdrBgs/hdrHFC1.gif) no-repeat 10px center; padding:10px;} #loyalty{ background:url(../images/hdrBgs/hdrLoyalty.gif) no-repeat top left;} #map{ background:url(../images/hdrBgs/hdrMap.gif) no-repeat top left;} #w2e{ background:url(../images/hdrBgs/hdrW2Expct.gif) no-repeat top left;} #quotes{ background:url(../images/hdrBgs/hdrQuotes.gif) no-repeat top left;} #contact{ background:url(../images/hdrBgs/hdrCntct.gif) no-repeat top left;} #hdrpress{ background:url(../images/hdrBgs/hdrPress.gif) no-repeat top left;} #avantgarde{ background:url(../images/hdrBgs/hdrAg.gif) no-repeat 10px 10px; height:120px;} #avantgardevm{ background:url(../images/hdrBgs/hdrAvantgardevm.gif) no-repeat top left;} #bspoke{ background: url(../images/hdrBgs/hdrBspoke.gif) no-repeat 10px center; height:150px;} #FlabellComponent{ margin:10px 0;} /*layout framework*/ #glblWrpr{ width:100%;} #wrpr{ width:967px; margin:auto; background:#fff;} #wrpr #top, #wrpr #bottom{ height:3px;} /*ie hack*/*html #wrpr #top, *html #wrpr #bottom{ height:1px;} #wrpr #top{ background:url(../images/top.gif) no-repeat top;} #wrpr #bottom{ background:url(../images/bottom.gif) no-repeat bottom;} #wrpr #cntnt{} /*header*/ #wrpr #cntnt #hdr{background:url(../images/hdrBg.gif) no-repeat bottom; text-align:center;} #wrpr #cntnt #hdr a{ display:block; clear:both;} #wrpr #cntnt #hdr a #logo{ margin:2px 0 0 0;} /*navigation*/ #wrpr #cntnt #nav{ height:40px; background:url(../images/navBg.gif) repeat-x; width:100%;} #wrpr #cntnt #nav ul{ width:650px; margin:auto;} #wrpr #cntnt #nav ul li{ display:block; float:left; height:40px; background:url(../images/navSprtr.gif) no-repeat right center; padding-right:2px;} #wrpr #cntnt #nav ul li a{ display:block; height:16px; padding:19px 12px 0px 10px; text-indent:-10000px; font-size:.2em;} #wrpr #cntnt #nav ul li a:hover, #wrpr #cntnt #nav ul li a.active{ border-bottom:solid 5px #99ff00;} #wrpr #cntnt #nav ul li#m1 a{ background:url(../images/menuBg.gif) no-repeat left 13px; width:70px;} #wrpr #cntnt #nav ul li#m2 a{ background:url(../images/menuBg.gif) no-repeat -94px 13px; width:44px;} #wrpr #cntnt #nav ul li#m3 a{ background:url(../images/menuBg.gif) no-repeat -161px 13px; width:97px;} #wrpr #cntnt #nav ul li#m4 a{ background:url(../images/menuBg.gif) no-repeat -281px 13px; width:69px;} #wrpr #cntnt #nav ul li#m5 a{ background:url(../images/menuBg.gif) no-repeat -373px 13px; width:60px;} #wrpr #cntnt #nav ul li#m6 a{ background:url(../images/menuBg.gif) no-repeat -456px 13px; width:124px;} /*hero grphic area*/ #wrpr #cntnt #hero{ display:block; width:100%; height:208px; z-index:100; /*padding:0 0 12px 0;*/ border-bottom:solid 5px #ABC12B;/* background:url(../images/heroShdw.gif) no-repeat center bottom;*/} *html #hero img{ padding:0; margin:0;} #wrpr #cntnt #hero.ag{background:url(../images/heroShdwAG.gif) no-repeat center bottom;} #wrpr #cntnt #hero.bc{background:url(../images/heroShdwBC.gif) no-repeat center bottom;} /*main content area*/ #wrpr #cntnt #mainCntnt{ min-height:200px; background:#F4F4EC url(../images/cntntBg.gif) repeat-x bottom; padding:20px 5px 5px 5px; width:957px;} /*over riding classes for 3 pages with different colored text blocks*/ #wrpr #cntnt #mainCntnt.ag{background:#E3E3E3 url(../images/cntntBgAG.gif) repeat-x bottom;} #wrpr #cntnt .bc{background:#FFE74D url(../images/cntntBgBC.gif) repeat-x bottom!important;} #wrpr #cntnt #mainCntnt.hfc{background:#000 url(../images/cntntBgHFC.gif) repeat-x bottom!important;} .hfc{background:#000!important;} #wrpr #cntnt #mainCntnt.hfc #txtCntnt p, #wrpr #cntnt #mainCntnt.hfc #txtCntnt li, #wrpr #cntnt #mainCntnt.hfc #txtCntnt a:link, #wrpr #cntnt #mainCntnt.hfc #txtCntnt a:visited, #wrpr #cntnt #mainCntnt.hfc #txtCntnt a:active{ color:#fff;} #wrpr #cntnt #mainCntnt .fullCntnt{ width:95%!important;} #wrpr #cntnt #mainCntnt #txtCntnt{ width:700px; padding:10px; float:left; font-size:.9em; margin:0 0 10px 0;} #wrpr #cntnt #mainCntnt .scrollCntnt{ overflow:auto; overflow-x:hidden; overflow-x:auto; height:350px;} #wrpr #cntnt #mainCntnt #txtCntnt img{ float:left; padding:0 10px 10px 0;} #wrpr #cntnt #mainCntnt #txtCntnt ul{ margin:10px 0;} #wrpr #cntnt #mainCntnt #txtCntnt li{ margin:5px 0 0 20px; list-style:circle;} #wrpr #cntnt #mainCntnt #txtCntnt a:link, #wrpr #cntnt #mainCntnt #txtCntnt a:visited{ color: #663300; text-decoration:none;} #wrpr #cntnt #mainCntnt #txtCntnt a:hover{ text-decoration:underline;} /*contact emails*/ #wrpr #cntnt #mainCntnt #txtCntnt ul.cntct{ list-style:none; font-size:1em;} #wrpr #cntnt #mainCntnt #txtCntnt ul.cntct li{ list-style-position:outside; list-style-type:none; margin-left:0;} #wrpr #cntnt #mainCntnt #txtCntnt ul.cntct .emailid{ font-style:italic; font-size:.9em;} /*right navigation*/ #wrpr #cntnt #mainCntnt #rtNav{ float:left; background:url(../images/dotLinerV.gif) repeat-y left; padding:10px;} #wrpr #cntnt #mainCntnt #rtNav li{ display:block; height:21px; width:120px; margin:5px 0 15px 0; background:url(../images/dotLinerH.gif) repeat-x left bottom;} /*ie hack*/*html #wrpr #cntnt #mainCntnt #rtNav li{} #wrpr #cntnt #mainCntnt #rtNav li a, #wrpr #cntnt #mainCntnt .iconLink li a{padding:5px 0 5px 10px; display:block; height:7px; width:115px; text-indent:-100000px} /*ie hack*/*html #wrpr #cntnt #mainCntnt #rtNav li a{display:block; padding:0; margin-bottom:2px;font-size:.2em; height:20px;} #wrpr #cntnt #mainCntnt .iconLink{ list-style:none;} #wrpr #cntnt #mainCntnt .iconLink li{ list-style-type:none!important; height:19px;} /*icons*/ a#rstrnt{ background:url(../images/spriteRtlnks.gif) no-repeat left 0;} a#rstrnt:hover, a#rstrnt.active{ background-position:-143px 0;} a#rstrnt1{background:url(../images/spriteRtlnks.gif) no-repeat left -256px;} a#rstrnt1:hover, a#rstrnt1.active{ background-position:-143px -256px;} a#lounge{ background:url(../images/spriteRtlnks.gif) no-repeat left -21px;} a#lounge:hover, a#lounge.active{ background-position:-143px -21px;} a#food{background:url(../images/spriteRtlnks.gif) no-repeat left -302px;} a#food:hover, a#food.active{ background-position:-143px -302px;} a#philosophy{background:url(../images/spriteRtlnks.gif) no-repeat left -43px;} a#philosophy:hover, a#philosophy.active{ background-position:-143px -43px;} a#team1{background:url(../images/spriteRtlnks.gif) no-repeat left -64px;} a#team1:hover, a#team1.active{ background-position:-143px -64px;} a#contact1{background:url(../images/spriteRtlnks.gif) no-repeat left -234px;} a#contact1:hover, a#contact1.active{ background-position:-143px -234px;} a#cQuotes{background:url(../images/spriteRtlnks.gif) no-repeat left -212px;} a#cQuotes:hover, a#cQuotes.active{ background-position:-143px -212px;} a#press{background:url(../images/spriteRtlnks.gif) no-repeat left -194px;} a#press:hover, a#press.active{ background-position:-143px -194px;} a#menu{} a#menu:hover{ background-position:-143px 0;} a#menu1{background:url(../images/spriteRtlnks.gif) no-repeat left -86px;} a#menu1:hover, a#menu1.active{ background-position:-143px -86px;} a#menu2{background:url(../images/spriteRtlnks.gif) no-repeat left -108px;} a#menu2:hover, a#menu2.active{ background-position:-143px -108px;} a#menu3{background:url(../images/spriteRtlnks.gif) no-repeat left -129px;} a#menu3:hover, a#menu3.active{ background-position:-143px -129px;} a#wine{} a#wine:hover{ background-position:-143px 0;} a#WTE{background:url(../images/spriteRtlnks.gif) no-repeat left -151px;} a#WTE:hover, a#WTE.active{ background-position:-143px -151px;} a#map1{background:url(../images/spriteRtlnks.gif) no-repeat left -172px;} a#map1:hover, a#map1.active{ background-position:-143px -172px;} a.pdf{ height:20px!important; padding-left:35px!important; text-indent:0!important; background:url(../images/icons/icoPDF.gif) no-repeat left top;} iframe.map{ height:300px; width:400px; border:solid 2px #999999;} /*footer*/ #wrpr #cntnt #footer{ background:url(../images/ftrBg.gif) no-repeat top; padding:10px; margin:auto; text-align:center; font-size:.75em;} #wrpr #cntnt #footer ul{ margin:auto; width:300px; display:block; padding:10px 0 0 0;} #wrpr #cntnt #footer ul li{ float:left; padding:0 5px; margin:0 0 5px 0; border-right:solid 1px #ccc; display:block;} #wrpr #cntnt #footer p{ clear:both; margin:0;} #wrpr #cntnt #footer p.copy{ color:#999999; font-size:.9em; padding:0; margin:0;} /*form styles using dl dt dd*/ .commonForm span{color:red;} fieldset{padding:5px 0; width:350px;} fieldset h3{margin-bottom:10px;} legend{display:none;} .radioButton{display:block; float:left;} .radioButtonLabel{display:block; float:left; padding:0 5px;} .checkBoxLabel{display:block; float:left; padding:0 5px;width:450px;} .checkBoxLabelFullInline{float:left;padding:0 5px;} .checkBox{display:block;float:left;width:13px;height:12px;} .checkBoxInline{display:block;float:left;margin:0 5px 0 0;} dl.commonForm{margin-top:7px;} fieldset h3{margin-top:7px;} fieldset p{margin-top:7px;} dl.commonForm dt, dl.commonForm dd{display:block;float:left;padding:3px 5px 3px 5px;} dl.commonForm dt{clear:both;float:left;} /*CSS IE6 AND IE7 Fix for DL DT Float issue [BEGIN]*/ *html dl.commonForm dd{height:expression(this.previousSibling?this.previousSibling.offsetHeight-4+"px":"auto");} *+html dl.commonForm dd{min-height:expression(this.previousSibling?this.previousSibling.offsetHeight-4+"px":"auto");} dl.commonForm dt{width:100px;} dl.commonForm dd{width:155px;} dl.commonForm input, dl.commonForm p, dl.commonForm select{ display:block; float:left;} dl.commonForm p{padding:0 5px 0 5px;} .nolabelForm dt{display:none;} .nolabelForm{display:block; float:left;} .nolabelForm fieldset{} .submitSection{margin:10px 0 10px 0;} .aboutus{ background:url(../images/coconutTreeBg.jpg) no-repeat 305px bottom;} /**** ADDED 22/7/10*****/ a#menu{} a#menu:hover{ background-position:-143px 0;} a#menu1{background:url(../images/spriteRtlnks.gif) no-repeat left -325px;} a#menu1:hover, a#menu1.active{ background-position:-144px -325px;} a#menu2{background:url(../images/spriteRtlnks.gif) no-repeat left -346px;} a#menu2:hover, a#menu2.active{ background-position:-144px -346px;} a#menu3{background:url(../images/spriteRtlnks.gif) no-repeat left -368px;} a#menu3:hover, a#menu3.active{ background-position:-144px -368px;} a#menu4{background:url(../images/spriteRtlnks.gif) no-repeat left -390px;} a#menu4:hover, a#menu4.active{ background-position:-144px -390px;} a#wine{} a#wine:hover{ background-position:-143px 0;} .catfish{display:none; background-color:#FFF;text-align:center;border-top: 4px solid #abc12b; z-index:10500}