@import "editor-import.css"; 
#mobile, * { padding: 0; } #mobile, body { text-align: center; } *, body { margin: 0; } #nav ul, #nav ul li a, h2 { text-transform: uppercase; } #main, #nav ul, #nav ul li { display: inline; } #footer-wrap, #wrap, code { text-align: left; } * { outline: 0; } body { background: url(https://secure.hotels.uk.com/Core/Views/DynamicWebsite/TemplateOne/imgs/h1bg.png) top #41924b; font-family: "Open Sans", sans-serif !important; color: #666 !important; } p { /*font-size:13px*/ } a, a:visited { color: #000; background: inherit; text-decoration: none; } a:hover { color: #41924b; text-decoration: underline; } #footer-wrap a, #header #header-links a, #header h1#logo-text a, #main .black a:hover, #main h2 a, #nav ul li a, #sidebar ul.sidemenu, #sidebar ul.sidemenu li a, .booknow, a.booknow { text-decoration: none; } #master0 img { width: 100%; } h1, h2, h3 { font-family: "Playfair Display SC", serif; font-weight: Bold; } h1 { font-size: 190%; font-weight: 400; color: #555; } #mobile { position: relative; clear: both; background-color: #000; height: 30px; font-size: 18px; color: #fff; } img, img.free { /*background:#FAFAFA;border:0 solid #DCDCDC*/ } @media only screen and (min-width: 320px) and (max-width: 429px) { #header { height: 150px; } #header h1#logo-text a { font: 16px "Times New Roman", Times, serif; } #header-links { margin-top: -40px; } } @media only screen and (min-width: 430px) { #header h1#logo-text a { font: 32px "Playfair Display SC', serif"; } } h2, h3 { font-size: 130%; } @media only screen and (min-width: 430px) and (max-width: 599px) { #header-links { margin-top: -80px; } #header { height: 130px; } } @media only screen and (min-width: 600px) and (max-width: 767px) { #header-links { margin-top: -76px; } } @media only screen and (min-width: 768px) { #mobile { display: none; } #sidebar { display: block; } } .container { max-width: 950px; } h2 { color: #88ac0b; } h1, h2, h3, p { /*padding:10px;*/ margin: 0; } ol, ul { margin: 5px 20px; } img { max-width: 100%; } img.free { padding: 0; } img.float-right { margin: 5px 0 10px 10px; } img.float-left { margin: 5px 10px 10px 0; } img.room { background: url(../images/lgbackground.jpg) top left no-repeat #fff; border: 0 solid #dcdcdc; padding: 3px; } blockquote, code { background: url(../images/post.jpg); border: 1px solid #e0dbc9; } code { margin: 5px 0; padding: 10px; display: block; overflow: auto; font: 500 1em/1.5em "Lucida Console", "courier new", monospace; } acronym { cursor: help; border-bottom: 1px dashed #777; } blockquote { margin: 10px; padding: 0 0 0 25px; font: 700 1.3em/1.5em "Trebuchet MS", Tahoma, Sans-serif; color: #a89a6a; } .searchform { background-color: transparent; border: none; margin: 0 0 0 3px; padding: 5px 0 10px; width: 220px; } .searchform p { margin: 0; padding: 0; } #content-wrap, #header { position: relative; margin-left: 15px; } .searchform input.textbox { width: 130px; color: #777; height: 18px; padding: 2px; border: 1px solid #e5e5e5; vertical-align: top; } #header #header-links a:hover, #main h2 a { color: #444; } .searchform input.button { width: 60px; height: 24px; padding: 2px 5px; vertical-align: top; } #main h2, #main h3 { text-transform: none; padding: 10px 0 0 10px; } #wrap { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7); position: relative; background: #fff; margin: 10px auto; border: 3px solid #dedede; } .grey { background-color: #f7f7f7; } #top-bg { z-index: 2; height: 19px; } #content-wrap { clear: both; padding: 0 15px; border-bottom: 0 solid #d0d0d0; } #header i { color: #41924b; background-color: transparent; margin-top: 10px; margin-left: -7px; margin-right: 9px; float: left; } #header { border-bottom: 5px solid #cbcbc9; padding: 0; margin-right: 15px; min-height: 170px; z-index: 100; } #header h1#logo-text a { position: absolute; margin: 0; padding: 0; letter-spacing: 0; color: #2b2b2b; text-transform: none; left: 5px; top: -10px; } #header h1#logo-text span { font: 400 24px; font-family: "Playfair Display SC", serif; } #header p#slogan { position: absolute; margin: 0; padding: 0; font: bolder 14px Arial, Helvetica, sans-serif; text-transform: none; color: #999; top: 28px; left: 6px; } #header #header-links { position: absolute; right: 0; color: #888; top: -10px; font-size: 12px; text-align: right; } #header #header-links a { color: #838181; } #header-photo { clear: both; height: 200px; width: 920px; margin: 0 auto; background: url(../images/header-photo.jpg) center center no-repeat #fff; } #nav { clear: both; padding: 0; } #nav ul { float: left; list-style: none; background: url(../images/nav1.jpg) repeat-x; width: 920px; margin: 0 0 0 15px; padding: 0; } #nav ul li { margin: 0; padding: 0; } #nav ul li a { display: block; float: left; width: auto; margin: 0; padding: 0 14px; border-right: 1px solid #899d00; border-left: 1px solid #a7d101; border-bottom: none; color: #fff; font: 700 13px/2.8em "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif; letter-spacing: 1px; } #nav ul li a:active, #nav ul li a:hover { background: url(../images/nav-hover.jpg) repeat-x; } #nav ul li#current a { background: url(../images/nav-current.jpg) repeat-x; } #main { background: #fff; padding: 0; } #main h2 { font: 400 1.9em "Playfair Display SC", serif; font-size: 24px; letter-spacing: -1px; border-bottom: 1px solid #ddd; } #main h3 { font: 400 13px Arial, Helvetica, sans-serif; color: #666; } #main h3 a { color: #85970c; text-decoration: none; } #main .narrowwhitebox, #main .whitebox { background: #fff; color: #000; padding: 4px; border: 0 solid #999; right: 15px; top: 0; filter: alpha(opacity=90); position: absolute; z-index: 10; } #main .narrowwhitebox { width: 265px; height: 437px; -moz-opacity: 0.9; opacity: 0.9; } #main .narrowwhitebox h3 { font-size: 14px; font-weight: 700; } #main .narrowwhitebox p { font-size: 12px; } #main .whitebox { width: 660px; -moz-opacity: 0.9; opacity: 0.9; } #main .whitebox h3 { font-size: 14px; font-weight: 700; } #main .whitebox p { font-size: 12px; } #main .black { position: absolute; background: #8a847a; color: #fff; padding: 7px; left: 255px; top: 10px; z-index: 10; } #main .black a { color: #fff; text-transform: capitalize; font-weight: 700; font-size: 85%; } #footer-wrap h3, .room legend, .student p { text-transform: uppercase; } #sidebar { float: left; background: #fff; padding: 0; margin-top: 5px; } #sidebar h3 { padding: 5px; font: 700 1.4em "Trebuchet MS", Tahoma, Sans-serif; color: #8c9f0d; } #sidebar ul.sidemenu { margin: -7px 0 0; padding: 0; background: url(../images/dots1.jpg) left top repeat-x #f2f2f2; } #sidebar ul.sidemenu li { list-style: none; padding: 0; font-size: 15px; font-weight: 400; margin: 0 2px; color: #8f8f8f; } * html body #sidebar ul.sidemenu li { height: 1%; } #sidebar ul.sidemenu li a { color: #666; padding: 4px 5px 4px 10px; display: inline-block; width: 100%; background: url(../images/dots1.jpg) left bottom repeat-x #f2f2f2; } #sidebar ul.sidemenu li a:hover { color: #434325; background: url(../images/dots1.jpg) left bottom repeat-x #e2e2e2; } #sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; } #sidebar ul.sidemenu ul li { background: 0 0; } #footer-wrap { clear: both; font-size: 95%; padding: 10px 0; } #footer-wrap a { color: #666; font-weight: 700; } #footer-wrap a:hover { color: #000; } #footer-wrap p { padding: 10px 0 3px; } #footer-wrap h3 { color: #666; margin: 0; padding: 0 10px; } #footer-columns { color: #888; margin: 0 auto; padding: 0; width: 910px; } #footer-columns table { border: 1px solid FFF; margin: 2px 0 5px; padding: 2px; background: #fff; } #footer-columns ul { list-style: none; margin: 0 0 0 5px; padding: 0; } #footer-columns ul li { list-style: square; margin: 0 0 0 15px; padding: 0; } #footer-columns .col3-left { float: left; width: 210px; margin: 0 3px; } #footer-columns .col3, .col3-center { float: right; width: 36%; margin: 0 6px; } #footer-bottom, #footer-bottom a { margin: 0 auto; padding: 10px 0; text-align: center; background-position: center; clear: both; } #footer-bottom { background-color: #f7f7f7; color: #111; } #footer-bottom a { color: #333; } .post-footer { background: url(../images/post.jpg); padding: 5px; margin: 5px 10px 10px; font-size: 95%; color: #aea471; border: 1px solid #e0dbc9; } .post-footer .date, .post-footer a.comments, .post-footer a.readmore { margin: 0 10px 0 5px; } .post-info { font-size: 0.95em; padding: 0 10px; margin-left: 2px; color: #888; } .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } .clear { clear: both; } .booknow, a.booknow { font: 700 14px Arial, Helvetica, sans-serif; border: 1px solid #41924b; background-color: #41924b; margin: 2px 4px; padding: 4px 6px; color: #fff; } .sideaddress { margin-top: -60px; } textarea { height: 100%; } .fancyback { padding: 10px; border: 1px solid #777; margin: 15px 5px; -moz-box-shadow: 0 1px 7px #ccc; -webkit-box-shadow: 0 1px 7px #ccc; box-shadow: 0 1px 7px #ccc; background: #f9f9f9; width: 98%; } .fancyback p { padding: 5px; } .fancyback ul { margin: 0 0 0 20px; padding: 0; } .fancyback .room_title { background: url(../images/smalltrbg.png) #b99247; color: #b99247; font-weight: 700; line-height: 20px; padding: 2px 10px; } .fancyback .photo { width: 232px; margin: 5px; vertical-align: top; background: #fff; padding: 2px; border: 1px solid #e0e0e0; -moz-box-shadow: 0 0 7px #ccc; -webkit-box-shadow: 0 0 7px #ccc; box-shadow: 0 0 7px #ccc; } .fancyback .price { color: #1e3540; } .fancyback .gallery ul { list-style: none; margin: 0 0 24px 5px; } .fancyback .gallery .main-image { margin-bottom: 0.75em; } .fancyback .gallery .thumbnails li { display: inline; } .fancyback .gallery .thumbnails img { height: 50px; width: 50px; padding: 5px; } .centered-text { text-align: center; } .testimonial { padding: 15px 0 0 !important; } .quote { background: #ebf3f5; padding: 15px 20px 5px 15px; border-radius: 5px; margin-bottom: 10px; } .room, .student { margin-bottom: 50px; } .quote:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 20px 18px 0; border-color: #ebf3f5 transparent transparent; position: relative; top: 37px; left: 20px; } .student { margin-left: 25px; } .student .photo { background-color: #ccc; border-radius: 100px; width: 60px; height: 60px; float: left; margin-right: 10px; } .student p { position: relative; top: 5px; padding-right: 60px; } .student p:nth-child(2) { font-size: 10px; margin-top: -8px; } .student p:nth-child(3) { font-size: 14px; color: #777; } .room { display: table; margin-left: 10px; margin-right: 40px; transition: all ease-in-out 0.25s; } .room img { width: 100%; height: 175px; } .room p { height: 65px; font-size: 13px; overflow: hidden; white-space: word-wrap; text-overflow: ellipsis; } .room legend { line-height: 17px; font-size: 0.92em; font-weight: 700; text-align: left; margin-bottom: 2px; vertical-align: middle; padding: 5% 0; height: 60px !important; } .room h4 { height: 35px; } .room h2 { margin: 0 !important; padding: 0 !important; color: #333; font-size: 16px !important; letter-spacing: 0.005em !important; font-weight: 400 !important; } .room ul { padding: 0 0 10px !important; margin: 40px 0 0 !important; } .book-button { padding: 8px; position: absolute; bottom: 0; left: 0; width: 100%; height: 35px !important; color: #fff; text-decoration: none !important; transition: all ease-in-out 0.15s; } .book-button:focus, .book-button:hover { color: #000 !important; background: 0 0 !important; border: 1px solid #000 !important; } .attraction_title, .review_title { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; font-weight: 700; } [id*="room-gallery_"] img { width: 110px !important; height: 90px !important; padding: 5px !important; } .hotel-facilities li i, .room-facilities li i { padding-right: 6px; } [id*="room-gallery_"] { margin-top: 50px; } .hotel-facilities { padding-left: 12px !important; } .room-facilities { height: 96px; margin-top: 20px; } .room-facilities li { padding-bottom: 6px; font-size: 12px; } .booking-widget { height: 225px !important; } .review { background: #f8f6f6; margin-left: 10px !important; } .review_title { background: #e3e1e1; font-size: 16px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .review_descp:before { content: url(https://secure.hotels.uk.com/imgs/ql.png) no-repeat top left; float: left; margin-right: 5px; } .review_descp:after { content: url(https://secure.hotels.uk.com/imgs/qr.png) no-repeat top right; margin-left: 5px; padding-top: 5px; } .rating { font-size: 10px; } .attraction { background: #f8f6f6; margin-left: 10px !important; } .attraction_title { background: #e3e1e1; font-size: 16px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .attimg { margin-top: 12px; } .txtsize { font-size: 10px; } .editable { background-color: #e9f8fc; border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #d4f3fc; } .editbar { background-color: #fff; background-image: linear-gradient(145deg, #fff, #fff); width: 300px; height: 100%; position: fixed; top: 0; } .editbar span { color: #555; font-size: 36px; } .editbar h2 { color: #777; padding: 0 0 20px; font-size: 18px; font-size: 22px; } .editbar h4 { color: #777; font-size: 16px; padding: 20px 0; letter-spacing: 2px; } .editbar .bottom { background-color: #f8f8f8; margin-top: 30px; height: 100%; } .editbar ul { margin-top: 10px; } .editbar ul li { color: #222; line-height: 28px; font-weight: 700; padding: 10px 0; } .editbar .block { background-color: #f2f2f2; height: 115px; } .modal-backdrop { z-index: 0 !important; } @media (min-width: 768px) { .sidebar-nav .navbar .navbar-collapse { padding: 0; max-height: none; } .sidebar-nav .navbar ul { float: none; } .sidebar-nav .navbar ul:not { display: block; } .sidebar-nav .navbar li { float: none; display: block; } .sidebar-nav .navbar li a { padding-top: 6px; padding-bottom: 6px; font-family: "Playfair Display SC", serif; font-size: 16px; border-bottom: 1px solid #ddd; } } .navbar { border-radius: 0 !important; } .navbar-default { background: 0 0 !important; border: none !important; background-color: none !important; box-shadow: none !important; } .sidebar p { line-height: 18px; } .sidebar a { color: #888; } .fancybox-container { width: 180px; height: 134px; float: left; overflow: hidden; padding: 4px 5px; } .fancybox img { height: 100%; width: 100%; min-width: 180px; min-height: 134px; } .logoholder img { max-height: 120px; width: auto; } @media screen and (max-width: 768px) { .address { display: none; } .logoholder img { display: block; /* Ensures margin:auto works */ margin-left: auto; margin-right: auto; } } #main h3 { font: 400 20px "Playfair Display SC", serif; }