/* ************************************************* CLIFTON HOUSE HOTEL Master Screen Styles ************************************************* */ /*------------------------------------------- General Selectors -------------------------------------------*/ body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#474747; background: #fff url(../images/bg.jpg) repeat-x; } p { margin-bottom: 1.35em; } a { text-decoration:none; font-weight:bold; color:#83c027; } a:hover { text-decoration:underline; } h1, h2, h3, h4, h5 { margin:0; padding:0; color:#000; } h2 { font-size:17px; } h3 { font-size:16px; } ul, li { margin:0; padding:0; } .clear { clear:both; } #all { margin:0 auto; width:962px; } /*------------------------------------------- Header -------------------------------------------*/ #logo { float:left; width:220px; height:143px; background:url(../images/logo.jpg) no-repeat; } #menu { float:left; width: 648px; font-size:13px; margin-left:8px; } #menu ul { float:left; width:648px; margin:0; padding:0; } #menu li { list-style-type: none;float: left;padding:11px 0px; padding-top:27px; display:block; } #menu li a { color:#fff; padding:11px 18px; padding-top:28px; background:url(../images/menu-divider.gif) no-repeat center right; } #menu li a:hover { background:#558114; text-decoration:none; } #headerquote { float:right; width:510px; height:60px; background:url(../images/headerquote.gif) no-repeat top left; margin-top:14px; margin-right:18px; text-align:right; padding-top:6px; } #headerquote h1 { font-style:italic; font-size:17px; color:#aaa; font-weight:normal; } #headerquote em { color:#000; font-weight:bold; } #enjoyengland { float:right; width:82px; height:115px; background:url(../images/enjoy-england-logo.jpg) no-repeat; margin-top:27px; } /*------------------------------------------- Homepage -------------------------------------------*/ #genpanel { float:left; width:932px; background:#fff; border:1px #d9d9d9 solid; margin-top:14px; } #genpanel { padding:14px; } #genpanel h1 { font-size:24px; color:#83c027; margin-bottom:14px; border-bottom:1px solid #ccc; padding-bottom:6px; } #genpanel h1 em a { font-size:11px; color:#888; padding-left:10px; } .pad h2 { font-size:16px; color:#83c027; font-family:'Trajan Pro', Georgia, serif; } #genpanel ul { padding-left:24px; } #genpanel li { padding:5px 0; } #genpanel #colleft { float:left; width:580px; } #genpanel #colright { float:right; width:300px; background:#f7f7f7; border:1px #ccc solid; padding:14px; } #genpanel #colright h2 { border-bottom:1px #ccc solid; padding-bottom:4px; margin-bottom:10px; } #genpanel #colright h3 { font-size:14px; color:#444; margin-top:10px; } /*------------------------------------------- Facilities + Special Offers -------------------------------------------*/ .specialoffer { float:left; width:270px; background:#f0f0f0; border:1px #ccc solid; margin-top:14px; padding:14px; margin-right:14px; line-height:17px; } .specialoffer h3 { margin-top:10px; color:#a61c43;line-height:19px; } .facilities { float:left; width:618px; background:#fff; border:1px #d9d9d9 solid; margin-top:14px; padding:14px; padding-bottom:8px; } .wifi { float:left; width:170px; margin-left:18px; background:url(../images/icon-wifi.gif) no-repeat; padding-left:86px; padding-right:28px; height:54px; text-align:center; border-right:1px solid #ccc; margin-top:18px; padding-top:14px; } .bar { float:left; width:200px; background:url(../images/icon-lager.gif) no-repeat; padding-left:46px; height:54px; padding-right:28px; text-align:center; margin-left:30px; margin-top:18px; padding-top:14px; } .carpark { float:left; width:200px; background:url(../images/icon-carparking.gif) no-repeat; padding-left:92px; height:54px; text-align:center; margin-left:10px; border-right:1px solid #ccc; margin-top:18px; padding-top:10px; } .planesm { float:left; width:180px; background:url(../images/icon-plane-small.gif) no-repeat; padding-left:76px; height:54px; text-align:center; margin-left:30px; margin-top:18px; padding-top:10px; } #bookonline .pad, #aboutthehotel .pad, #localattractions .pad {float:left; padding:12px; } #bookonline { float:left; width:300px; background:#eaf3dd url(../images/mainimg-bookonline.jpg) no-repeat; padding-top:192px; } #aboutthehotel { float:left; width:300px; background:#f4f4f4 url(../images/mainimg-aboutthehotel.jpg) no-repeat; padding-top:192px; margin-left:16px; } #localattractions { float:left; width:300px; background:#f4f4f4 url(../images/mainimg-localattractions.jpg) no-repeat; padding-top:192px; margin-left:16px; } #bookonline h2, #aboutthehotel h2, #localattractions h2 { font-size:19px; color:#83c027; font-family:'Trajan Pro', Georgia, serif; padding-top:8px; } #bookonline h2, #bookonline a { color:#a61c43; } .eviivologo { float:left;padding-right:18px; } .callus { padding:12px 18px; font-style:italic; color:#888; font-size:18px; line-height:28px; border:1px #ccc dashed; margin-top:10px; } .callus strong { color:#000;} .callus img { float:left; padding-right:20px;} .callus a { background:#a61c43; color:#fff; padding:2px 6px; } .checkinnotice { background:#83c027; border:1px solid #548904; color:#fff; padding:8px; font-weight:bold; } /*------------------------------------------- Rooms -------------------------------------------*/ #fadeshow1 { background:#fff; margin-bottom:16px; } .roomthumb, .roomthumb2 { float:left; width:220px; margin-right:14px; margin-bottom:14px; background:#f9f9f9; } .roomthumb2 { margin-right:0px; } .roomthumb .pad, .roomthumb2 .pad { padding:14px;} .roomthumb h2, .roomthumb2 h2 { height:50px; font-size:17px;} .roomthumb h5, .roomthumb2 h5 { font-family:'Trajan Pro', Georgia, serif; padding-bottom:6px;font-size:11px; color:#777;} .roomthumb h2 em, .roomthumb2 h2 em { font-style:normal; color:#000; font-size:14px;} .roomthumb a.link, .roomthumb2 a.link { float:left; clear:left; background:#83c027; border:1px #5f940f solid; color:#fff; padding:6px 28px; margin:20px 0; } .featureswifi { width:284px; margin-top:10px; font-size:12px; line-height:18px; font-style:italic; color:#777; border:1px #ccc dashed; padding:6px; } .featureswifi img {float:left; padding-right:10px; } /*------------------------------------------- Contact Us -------------------------------------------*/ .address { float:left; width:288px; margin-top:16px; background:#eee; padding:16px; } .address a { background:#a61c43; padding:4px 8px; color:#fff; } .address h2 { font-size:16px; border-bottom:1px solid #ccc; padding-bottom:6px; color:#000; } .address em { color:#000000; font-style:normal; font-weight:bold; } .contactform { float:right; width:590px; margin-top:16px; } .contactform h2 { border-bottom:1px solid #ccc; padding-bottom:6px; color:#000; } #cform fieldset {float:left;border:none; margin:0; padding:0;} #cform label {float: left;width: 200px;margin-right: 1em;font-weight: bold;color:#000;font-family:Arial, Helvetica, sans-serif;} #cform .categoryName { color:#fff; } #cform ol {list-style:none; padding:0; margin:0; } #cform li {float: left; clear: left;margin-bottom:1.5em; padding: 0; } #cform fieldset legend {font-size:1.3em; font-weight:normal; color:#ccc;} #cform em { color:#fff; font-size:0.9em; font-weight:bold; background-color:#d00000; padding:0.2em 0.6em; font-style:normal; margin-left:10px;} /* Required */ #cform i { color:#FF0000; font-style:italic;} #antispam { visibility:hidden; display:none; } /* Submit Button */ .submit-btn { margin-top:0px; cursor:pointer; border:outset 1px #ccc; background:#999; color:#000; font-weight:bold; font-size:14px; padding: 6px 24px; background:url(../images/inputbtn-bg.gif) repeat-x left top; margin-bottom:0; font-family:Arial, Helvetica, sans-serif;} .submit-btn:hover { background:#333; color:#fff;} .errtext { color:#FF0000; } /*------------------------------------------- Footer -------------------------------------------*/ #footerwrap { clear:left; float:left; width:100%; background:#ebebeb url(../images/footerbg.jpg) repeat-x; padding:20px 0; padding-bottom:28px; margin-top:20px; } #footer { width:962px; margin:0 auto; font-size:12px; color:#666; } #footerlogo { float:left; width:94px; height:63px; background:url(../images/footer-logo.jpg) no-repeat; border-right:#bebebe solid 1px; padding-right:20px; } #footeradd1 { float:left; width:56%; } #footeradd1 em { font-style:normal; font-size:11px; } #footeradd2 { float:right; width:36%; text-align:right; } /*------------------------------------------- jCarousel -------------------------------------------*/ #jCarouselLiteDemo .carousel { padding: 0; margin: 0 0 20px 0; position: relative; } #jCarouselLiteDemo .main { margin-left: 0px; } #jCarouselLiteDemo .demo em { color: #FF3300; font-weight: bold; font-size: 60%; font-style: normal; } #jCarouselLiteDemo .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/ float: left; } #jCarouselLiteDemo .carousel a.prev, #jCarouselLiteDemo .carousel a.next { display: block; float: left; width: 20px; padding-top:90px; margin-right:8px; text-decoration: none; /*background: url("images/carousel-btn-prev.gif") left 60px no-repeat;*/ } #jCarouselLiteDemo .carousel a.next { margin-right:0px;margin-left:8px; /*background: url("images/carousel-btn-next.gif") right 60px no-repeat;*/ } #jCarouselLiteDemo .carousel a.next:hover { /*background-image: url("images/carousel-btn-next.gif");*/ } #jCarouselLiteDemo .carousel a.prev:hover { /*background-image: url("images/carousel-btn-prev.gif");*/ } #jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active { border: none; outline: none; } #jCarouselLiteDemo .carousel .jCarouselLite { float: left; /* Needed for rendering without flicker */ position: relative; visibility: hidden; left: -5000px; } #jCarouselLiteDemo .carousel ul { margin: 0; } #jCarouselLiteDemo .carousel li img, #jCarouselLiteDemo .carousel li p { background:#eee; border:1px solid #aaa; padding:6px; width: 266px; height: 194px; margin: 0 6px; } #jCarouselLiteDemo .widget img { cursor: pointer; } #jCarouselLiteDemo .mid { margin-left: 80px; width: 400px; height: 300px; } #jCarouselLiteDemo .vertical { margin-left: 170px; } #jCarouselLiteDemo .vertical .jCarouselLite { /* so that in IE 6, the carousel div doesnt expand to fill the space */ width: 170px; } #jCarouselLiteDemo .imageSlider li img, #jCarouselLiteDemo .imageSlider li p, #jCarouselLiteDemo .imageSliderExt li img , #jCarouselLiteDemo .imageSliderExt li p { width: 400px; height: 300px; }