/* CSS Document */ body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,fieldset { margin: 0; padding: 0; } img { border: none; } .left { text-align: left; } .center { text-align: center; } .right { text-align: right; } .floatr { float: right; } .floatl { float: left; } .clear { clear:both; height: 0; } body { margin: 0; padding: 0; background:#fff url(images/bg-body.gif) repeat-x top; text-align: left; font-size: 100%; font-family: Arial, Georgia, "Times New Roman", Times, serif; color:#1f2b33; } p { margin: 10px 0; color: #5f5f5f; font-size: 0.8em; line-height:1.6em; } a, a:visited { color: #a61f1f; text-decoration: underline; } a:hover { color: #fc0234; text-decoration: none; } /* LAYOUT */ #iWrapper { margin:0 auto; width: 851px; text-align: left; } /* TOP CONTACT TABS */ #toptabs { width: 613px; margin: 0 auto; float: right; height: 29px; } #toptabs ul { list-style: none; margin: 0; padding: 0; } #toptabs ul li { display: inline; height: 29px; float: left; } #toptabs ul li a { display: inline; height: 29px; float: left; } #toptabs #tt-1 { background: url(images/email-cbar.gif) no-repeat top; width: 219px; } #toptabs #tt-2 { background: url(images/call-cbar.gif) no-repeat top; width: 124px; position: relative; } #toptabs #tt-3 { background: url(images/fax-cbar.gif) no-repeat top; width: 127px; position: relative; } #toptabs #tt-4 a { background: url(images/talk-cbar.gif) no-repeat top; width: 143px; position: relative; } #toptabs #tt-4 a:hover, #toptabs #tt-4 a.selected { background: url(images/talk-cbar.gif) no-repeat bottom left; } /* MENU BAR */ #mbar { width: 851px; margin: 0 auto; float: right; height: 29px; } #mbar ul { list-style: none; margin: 0; padding: 0; } #mbar ul li { display: inline; } #mbar ul li a { display: block; width: 851px; height: 29px; float: left; } #mbar #mb-1 a { background: url(images/mbr-fjr.gif) no-repeat top; width: 283px; } #mbar #mb-2 a { background: url(images/mbr-fjw.gif) no-repeat top; width: 285px; position: relative; } #mbar #mb-3 a { background: url(images/mbr-fje.gif) no-repeat top; width: 283px; position: relative; } #mbar #mb-1 a:hover, #mbar #mb-1 a.selected { background: url(images/mbr-fjr.gif) no-repeat bottom left; } #mbar #mb-2 a:hover, #mbar #mb-2 a.selected { background: url(images/mbr-fjw.gif) no-repeat bottom left; } #mbar #mb-3 a:hover, #mbar #mb-3 a.selected { background: url(images/mbr-fje.gif) no-repeat bottom left; } /* JR - SUB MENU BAR */ #smbar { width: 841px; margin: 0 auto; height: 22px; border-bottom:1px solid #e3e3e3; padding:4px 0 0 10px; } #smbar ul { list-style: none; margin: 0; padding: 0; } #smbar ul li { display: inline; height: 14px; } #smbar ul li a:link, #smbar ul li a:visited { padding: 2px 10px 2px 6px; height: 14px; background: url(images/bg-jr-smbar.gif) no-repeat left center; text-decoration:none; font-size:.8em; font-weight:bold; color:#5f5f5f; } #smbar ul li a:hover, #smbar ul li a.selected { text-decoration:none; color:#df7417; } /* H's h1 { font-size:1.4em; border-bottom:#e7e9e9 1px solid; margin:0 0 15px 0; font-weight:normal; }*/ h1 { display:block; width:209px; height:53px; margin:21px 0 0 16px; text-indent:-9009px; background:transparent url(images/jocastas.gif) no-repeat 0 0; } h2 { font-size:1.1em; color:#5f5f5f; border-bottom:#e7e9e9 1px solid; margin:0 0 15px 0; font-weight:normal; } .jo-red { color:#810000; } .jo-sun { color:#df7417; } h3 { font-size:.9em; color:#5f5f5f; margin-bottom:15px; padding-top:10px; font-weight:bold; } h5 { display:block; width:209px; height:53px; margin:41px 0 0 32px; text-indent:-9009px; background:transparent url(images/jocastas2.gif) no-repeat 0 0; } /* CONTACT BAR */ #ctactbar { float:right; font-size:0.7em; text-align:center; margin:0; background-color:#ff0000; } #ctactbar .light { color:#ff6600; background: url(images/bg-topbar-rhs.gif) no-repeat bottom right; padding: 10px 15px 10px 15px; height:27px; } /* TITLE & STRAPLINE */ #logo { float:left; font-size:2.6em; margin:6px 0 0 0; font-weight:normal; } #logo .idle { color:#1e90ff; } #nletter { float:right; font-size:.9em; font-weight: bold; color:#5f5f5f; width:130px; text-align:center; margin:9px 8px 0 0; line-height:1em; } *html #nletter { float:right; font-size:.9em; font-weight: bold; color:#5f5f5f; width:130px; text-align:center; margin:9px 4px 0 0; line-height:1em; } #nletter .su { color:#810000; } #nletter input.text { margin: 0 0 4px 0; width: 120px; border: 1px solid #a3a3a3; background-color: #fff; padding:2px; font-family: Arial, "Times New Roman", Times, serif; font-size:.75em; font-weight:normal; } #nletter input.text:hover { background-color: #fff; } #nletter input.textsml { margin: 0 0 4px 0; width: 60px; border: 1px solid #a3a3a3; background-color: #fff; padding:2px; font-family: Arial, "Times New Roman", Times, serif; font-size:.8em; } /* NLETTER BREAKING */ #nletter-breaking { float:right; font-size:.9em; font-weight: bold; color:#5f5f5f; width:544px; text-align:center; margin:9px 8px 0 0; line-height:1em; } *html #nletter-breaking { float:right; font-size:.9em; font-weight: bold; color:#5f5f5f; width:544px; text-align:center; margin:9px 4px 0 0; line-height:1em; } #nletter-breaking .su { color:#810000; } #nletter-breaking input.text { margin: 0 0 4px 0; width: 120px; border: 1px solid #a3a3a3; background-color: #fff; padding:2px; font-family: Arial, "Times New Roman", Times, serif; font-size:.75em; font-weight:normal; } #nletter-breaking input.text:hover { background-color: #fff; } #nletter-breaking input.textsml { margin: 0 0 4px 0; width: 60px; border: 1px solid #a3a3a3; background-color: #fff; padding:2px; font-family: Arial, "Times New Roman", Times, serif; font-size:.8em; } #epic-ban {margin:8px 0 12px 0;} /* MAIN IMAGES */ #hp-promos { margin: 10px 0; } #jr-promo { float:left; background: url(images/hp-jr-promo.jpg) no-repeat top; width: 280px; height:226px; margin:0 auto; text-decoration:none; } #rs-promos { float:right; text-align: left; margin:0 auto; width:565px; } #je-promo { float:right; background: url(images/hp-je-promo.jpg) no-repeat top; width: 280px; height:226px; margin:0 auto; text-decoration:none; } #je-promo2 { float:right; background: url(images/hp-je-promo2.jpg) no-repeat top; width: 280px; height:226px; margin:0 auto; text-decoration:none; } #jw-promo { float:left; background: url(images/hp-jw-promo3.jpg) no-repeat top; width: 279px; height:226px; margin:0 auto; text-decoration:none; } #jr-promo .jr-title, #jw-promo .jw-title, #je-promo .je-title, #je-promo2 .je-title { font-size:1em; font-weight:bold; color:#5f5f5f; padding:13px 15px; } #jr-promo a:ilnk, #jw-promo a:link, #je-promo a:link, #je-promo2 a:link, #jr-promo a:visited, #jw-promo a:visited, #je-promo a:visited, #je-promo2 a:visited, #jr-promo a:hover, #jw-promo a:hover, #je-promo a:hover, #je-promo2 a:hover { text-decoration:none; cursor: hand; color:#fff; } /* #jr-promo .jr-title a, #jw-promo .jw-title a, #je-promo .je-title a, #jr-promo .jr-title a:visited, #jw-promo .jw-title a:visited, #je-promo .je-title a:visited, #jr-promo .jr-title a:hover, #jw-promo .jw-title a:hover, #je-promo .je-title a:hover { font-size:1em; font-weight:bold; color:#5f5f5f; text-decoration:none; cursor: pointer; } */ /* CONTENT */ #content { float:left; width:545px; padding:20px 0 25px 0; } #contentwide { width:749px; padding:20px 0 25px 0; } #rightcell { float:right; width:280px; text-align:left; padding:0; margin:0; } /*html #rightcell { float:right; width:208px; text-align:left; padding:24px 0 25px 0; margin-right:4px; }*/ #facbullets { margin:10px 50px; } #facbullets ul { list-style-type: disc; padding: 0; } #facbullets ul li { padding:0; text-align:left; font-size:.8em; } /* GROUPS PACKAGE */ #grppkg { margin:20px auto;width:350px;border:#e7e9e9 solid 1px;background-color:#f3f6f7;padding:18px 20px 10px 20px; } #grppkg ul { list-style: none; padding: 0; } #grppkg ul li { padding:0 15px 6px 30px; text-decoration:none; text-align:left; font-size:.8em; background:url(images/gtick.png) no-repeat top left; } /* POSH LOOS PROMO CONTAINER */ #pl-promo { width:280px; margin-top:10px; background:url(images/posh-loos-promo.jpg) no-repeat top; height:130px; } #pl-promo .pltitle { padding:13px 0 0 12px; font-size:1em; font-weight:bold; color:#fff; } #pl-promo .txt { font-size:.7em; text-align:left; padding:8px 0 0 12px; width:130px; color:#fff; font-weight:normal; } #pl-promo .button { margin-top:13px; padding-left:12px; } /* JUMP BOX */ #jbox { width:268px; padding:13px 0 0 12px; margin-top:10px; background:url(images/bg-jumpbox.gif) no-repeat top; height:64px; } #jbox .jbtitle { font-size:1em; font-weight:bold; color:#fff; padding-bottom:6px; } #jbox select.text { margin: 5px 0 0 12px; width: 270px; border: 1px solid #a3a3a3; background-color: #fff; padding:2px; font-family: Arial, "Times New Roman", Times, serif; font-size:.75em; font-weight:normal; } /* OPENING HOURS */ #openhours { background:url(images/opening-hours.gif) no-repeat top; height:172px; width:280px; margin-top:20px; } /* JR MENUS */ #menus-jr { background:url(images/bg-menus-500.gif) no-repeat left top; width:280px; margin-top:20px; } #menus-jr .jrm-title { padding:13px 0 0 12px; font-size:1em; font-weight:bold; color:#df7417; } #menus-jr .jtm-stitle { padding:15px 0 0 31px; font-size:.8em; font-weight:bold; color:#5f5f5f; } #menus-jr .mlist { margin-left:31px; } #menus-jr .mlist ul { list-style: none; margin: 0; padding: 0; width:218px; } #menus-jr .mlist ul li a, #menus-jr .mlist ul li a:visited { display: block; background:url(images/bg-menulist.gif) no-repeat left bottom; font-size:.8em; color:#5f5f5f; padding:5px 0 0 27px; height:19px; text-decoration:none; } #menus-jr .mlist ul li a:hover { text-decoration:none; color:#000; background:#ffebd9 url(images/bg-menulist2.gif) no-repeat left bottom; } #menus-jr .mlist ul li .onhold, #menus-jr .mlist ul li .onhold { display: block; background:url(images/bg-menulist.gif) no-repeat left bottom; font-size:.8em; color:#b1b1b1; padding:5px 0 0 27px; height:19px; text-decoration:none; } #menus-jr p { margin: 20px 22px 0 22px; color: #5f5f5f; font-size: 0.7em; line-height:1.2em; text-align:center; } .mlistbtm { background:url(images/bg-menus-btm.gif) no-repeat left bottom; height:20px; } /* HOW 2 BOOK */ #how2book { background:url(images/bg-menus-500.gif) no-repeat left top; width:280px; margin-top:20px; } #how2book .h2b-title { padding:13px 0 0 12px; font-size:1em; font-weight:bold; color:#df7417; } #how2book p { margin: 10px 22px; color: #5f5f5f; font-size: 0.8em; line-height:1.2em; } #how2book .tel { margin: 0 auto; color: #5f5f5f; font-size: 1em; font-weight:bold; line-height:1.2em; } .h2bbtm { background:url(images/bg-menus-btm.gif) no-repeat left bottom; height:25px; } /* GALLERY PROMO CONTAINER */ #gallery-promo { width:227px; float:left; margin-top:10px; } #gallery-promo .title { background:url(images/bg-promocont-head.gif) no-repeat top; height:33px; padding:11px 0 0 12px; font-size:1em; font-weight:bold; } #gallery-promo .action { background:url(images/bg-promogallery-btm.gif) no-repeat top; height:186px; text-align:center; } #gallery-promo .button { margin-top:18px; } /* TESTIMONIAL PROMO CONTAINER */ #testimonial-promo { width:227px; float:right; margin-top:10px; } #testimonial-promo .title { background:url(images/bg-promocont-head.gif) no-repeat top; height:33px; padding:11px 0 0 12px; font-size:1em; font-weight:bold; } #testimonial-promo .action { background:url(images/bg-promotesti.gif) no-repeat top; height:102px; text-align:left; padding:12px 12px 0 40px; font-size:.8em; } #testimonial-promo .client { font-size:.9em; padding-top:7px; } #testimonial-promo .button { background:url(images/bg-promocont-foot.gif) no-repeat top; padding-top:18px; height:54px; text-align:center; } /* TESTIMONAL INSERT */ #testimonial { margin:30px 25px 10px 20px;border-left:4px solid #f3f6f7;padding-left:15px; } #testiname { font-size:1.1em; text-align:right; padding-right:25px; } /* FOOTER REGION */ #iWrapfoot { margin:0 auto; background:url(images/bg-footer.gif) repeat-x top; text-align: left; padding:0; } #footer { margin:0 auto; width:851px; } #footer .loc { float:left; padding: 7px 0 0 105px; font-size:.7em; color:#807f7f; } #footer .loc a:link, #footer .loc a:visited { margin:0 auto; color: #807f7f; text-decoration: underline; } #footer .loc a:hover { color: #2b2b2b; text-decoration: none; } #footer .menu { float:right; padding: 7px 0 0 0; text-align:center; color: #696969; margin: 0 auto; font-size: 0.7em; font-family: Arial, "Trebuchet MS", "Times New Roman", Times, serif; } #footer .menu a:link, #footer .menu a:visited { margin:0 auto; color: #807f7f; padding:2px 6px; text-decoration: none; } #footer .menu a:hover { color: #2b2b2b; text-decoration: underline; } #footer .copy { text-align:center; font-size:.7em; font-weight:bold; margin:10px auto; color: #b8b8b8; text-decoration: none; } /*#ftab1 { margin:0 auto; background: url(images/ftab1.gif) no-repeat left top; height:20px; width:123px; } #ftab1 a:link { text-decoration:none; height:20px; width:123px; }*/ /* F BAR TABS */ #ftab { margin: 0 auto; text-align:left; height: 20px; } #ftab ul { list-style: none; margin: 0; padding: 0; } #ftab ul li { display: inline; } #ftab ul li a { height: 20px; float: left; } #ftab .ftb-1 a { background: url(images/ftab1.gif) no-repeat top; width: 123px; } /*#ftab #mb-2 a { background: url(images/mbr-fjw.gif) no-repeat top; width: 285px; position: relative; } #ftab #mb-3 a { background: url(images/mbr-fje.gif) no-repeat top; width: 283px; position: relative; }*/ #ftab .ftb-1 a:hover, #mbar .ftb-1 a.selected { background: url(images/ftab1.gif) no-repeat bottom left; } /*#ftab #mb-2 a:hover, #mbar #mb-2 a.selected { background: url(images/mbr-fjw.gif) no-repeat bottom left; } #ftab #mb-3 a:hover, #mbar #mb-3 a.selected { background: url(images/mbr-fje.gif) no-repeat bottom left; }*/ #test { background: #e5e5e5 url(images/bg-moo.gif) no-repeat bottom; color: #5f5f5f; padding: 2px; margin: 0 auto; border: 0; text-align:center; } *html #test { background: #e5e5e5 url(images/bg-moo.gif) no-repeat bottom; color: #5f5f5f; padding: 2px; margin: 0 auto; border: 0; text-align:center; } #potent { margin: 10px auto 20px; } #potent .pg { margin:0 auto; width: 36px; height:31px; background:url(images/potentgroup.gif) no-repeat top center; } /* GALLERY COLUMNS */ #gallholder { padding-left:7px; } *html #gallholder { padding-left:0; } /* GALLERY LAYOUT */ /* misc ----------------------------------------------- */ .thumbnail { padding: 3px 3px 8px 3px; background-color: #f3f6f7; border: 1px solid #e7e9e9; float: left; margin-left: 15px; margin-top: 15px; } *html .thumbnail { padding: 3px 3px 8px 3px; background-color: #f3f6f7; border: 1px solid #e7e9e9; float: left; margin-left: 13px; margin-top: 15px; } /*.thumbnail a:link, .thumbnail a:visited { background-color: #f3f6f7; border: 1px solid #e7e9e9; text-decoration: none; margin:0; padding:0; } .thumbnail a:hover { background-color: #ffdfca; border: 1px solid #ffbc8f; text-decoration: none; margin:0; padding:0; }*/ /* clearing ----------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html>body .clearfix { display: inline-block; width: 100%; } * html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ } /* CONTACT FORM */ #contactform { margin:0 auto; background:#f2f6f7 url(images/tform2-top.gif) no-repeat top; width:400px; padding:20px 0 0 0; } #contactformbtm { margin:0 auto; background:url(images/tform-btm.gif) no-repeat bottom; height: 16px; width:400px; } #mainforms { margin-left:50px; width:370px; padding:20px; font-family: Arial, "Times New Roman", Times, serif; font-size:.9em; background-color:#fdfdfd; border:1px solid #e3e3e3; text-align:left; } #mainforms p {margin:0;} *html #mainforms { margin-left:26px; width:370px; padding:20px; font-family: Arial, "Times New Roman", Times, serif; font-size:.9em; background-color:#fdfdfd; border:1px solid #e3e3e3; text-align:left; } #mainforms input.text { margin: 0 0 4px 0; width: 135px; border: 1px solid #a3a3a3; background-color: #fff; padding:2px; font-family: Arial, "Times New Roman", Times, serif; font-size:.8em; } #mainforms input.text:hover { background-color: #fff; } #mainforms input.textsml { margin: 0 0 4px 0; width: 60px; border: 1px solid #a3a3a3; background-color: #fff; padding:2px; font-family: Arial, "Times New Roman", Times, serif; font-size:.8em; } #mainforms textarea.texta { margin: 0 0 4px 0; width: 200px; height: 70px; border: 1px solid #a3a3a3; background-color: #fff; padding:2px; font-family: Arial, "Times New Roman", Times, serif; font-size:.8em; } /* SITE MAP BULLETS */ #smbullets { margin:15px 15px 0 0; font-size:0.8em; } #smbullets ul { list-style: none; margin: 0 15px 0 12px; padding-left: 15px; } #smbullets ul li { display: block; color: #151515; padding: 0 25px 6px 25px; background: url(images/page_white_add.png) no-repeat left top; text-align:left; line-height:1.3em; } #smbullets ul li ul { list-style: none; margin: 15px 15px 0 0; padding: 0; } #smbullets ul li ul li { display: block; color: #151515; padding: 0 25px 6px 25px; text-align:left; line-height:1.3em; background: url(images/page_white.png) no-repeat left top; } #smbullets ul .one a { text-decoration:none; font-weight:bold; } #smbullets ul .two a { text-decoration:none; font-weight:normal; }