@charset "utf-8"; /* =================== CSS Document ====================== Site: Author: Steven Gibbons | Union Room Ltd Created: 02 December 2009 Updated: Copyright: (c) 2009 ========================================================= /* ========= Global ========= */ * { margin: 0; padding: 0; } html { font-size: 100%; height: 100%; } body { height: 100%; overflow-x: hidden; font-size: 62.5%; font-family: Verdana, Geneva, sans-serif; margin: 0; background: #001c44 url('../img/bg/top.jpg') repeat-x top; } p { font-size: 1.1em; color: #FFF; margin: 0; line-height: 1.5; margin: 0; padding: 0 0 10px 0; text-align: left; } a:focus { outline: none!important; } div#container { margin: 0 auto; width: 900px; min-height: 100%; margin-bottom: -580px; position: relative; z-index: 2; } div#hdr { position: relative; width: 100%; height: 110px; } div#hdr span#left { position: absolute; left: -60px; width: 60px; height: 110px; background: url('../img/bg/logo-left-grad.jpg') no-repeat; } div#hdr span#right { position: absolute; left: 220px; width: 60px; height: 110px; background: url('../img/bg/logo-right-grad.jpg') no-repeat; } div#hdr h1 { float: left; width: 220px; height: 110px; background: url('../img/iR/logo.jpg') no-repeat; } div#hdr ul#topLinks { float: right; margin: 26px 25px 11px 0; } div#hdr ul#topLinks li { float: left; margin: 0 0 0 30px; list-style: none; font-family: Verdana, Geneva, sans-serif; font-size: 1.3em; } div#hdr ul#topLinks li a { display: block; color: #CCC; text-decoration: none; } div#hdr ul#topLinks li a.active, div#hdr ul#topLinks li a:hover { background-position: left top!important; color: #FFF!important; } div#hdr ul#topLinks li a#phoneDirectory { padding: 10px 0 10px 45px; background: url('../img/bg/a-phone-directory.gif') no-repeat bottom left; } div#hdr ul#topLinks li a#onlineBooking { padding: 10px 0 10px 45px; background: url('../img/bg/a-online-booking.gif') no-repeat bottom left; } div#hdr ul#topLinks li a#myItinerary { padding: 10px 0 10px 45px; background: url('../img/bg/a-my-itinerary.gif') no-repeat bottom left; } div#hdr ul#phoneDirectoryDrop { visibility: hidden; top: 60px; left: 424px; clear: both; position: absolute; z-index: 20!important; width: 400px; background: #002356; border: 1px solid #002B6C; border-width: 1px 1px 0 1px; } div#hdr ul#phoneDirectoryDrop li { display: block; list-style: none; float: none; font-size: 1.0em; border: 1px solid #002B6C; border-width: 0 0 1px 0; color: #FFF; padding: 7px 15px; } div#hdr ul#phoneDirectoryDrop li span { text-align: right; float: right; } div#hdr ul#phoneDirectoryDrop li:hover { background: #8E1422; cursor: pointer; } div#hdr ul#phoneDirectoryDrop li.noColor:hover { background: none } div#hdr ul#phoneDirectoryDrop li.noColor a { text-decoration: none; position: relative; left: 339px; color: #FFF; } div#hdr ul#phoneDirectoryDrop li.noColor a:hover { color: #8E1422; } div#hdr ul#nav { position: relative; z-index: 10; float: right; clear: right; margin: 0; border: 1px solid #001739; border-width: 0 1px 0 0; } div#hdr ul#nav li { float: left; padding: 10px 0; border: 1px solid #001739; border-width: 0 0 0 1px; list-style: none; font-family: Verdana, Geneva, sans-serif; font-size: 1.3em; } div#hdr ul#nav li a { zoom: 1; border-left: 1px solid #002B6C; background: url('../img/bg/a-grad.gif') repeat-x; padding: 10px 25px; color: #FFF; text-decoration: none; } div#hdr ul#nav li a.active, div#hdr ul#nav li a:hover { background: #001C46 url('../img/bg/a-border.gif') no-repeat bottom center; } div#hdr ul#nav ul { position: absolute; top: 100%; width: 204px; border-top: 1px solid #002B6C; } div#hdr ul#nav ul li { padding: 0; font-size: 1.0em; float: none; border: 1px solid #002B6C; border-width: 0 0 1px 0; } div#hdr ul#nav ul li a { display: block; padding: 7px 15px; border-right: 1px solid #002B6C; background-color: #002356; background-image: none; } div#hdr ul#nav ul li a.active, div#hdr ul#nav ul li a:hover { background: #001C46 url('../img/bg/a-child-border.gif') no-repeat bottom right; } div#hdr ul#nav ul ul { left: 100%; top: 0; margin: -1px 0 0 0; } div#hdr ul#nav ul ul li a { border-left: none; } div#hdr ul#nav li:hover > ul { visibility: visible; } div#gallery { position: relative; margin: 25px 0; width: 900px; height: 175px; overflow: hidden; } div#gallery div#side { float: left; width: 255px; position: absolute; z-index: 4!important; left: 0; overflow: hidden; } div#gallery div#side a { font-size: 1.4em; text-decoration: none; color: #FFF; text-transform: uppercase; margin: 0 0 1px 0; display: block; width: 239px; height: 18px; padding: 8px; background: url('../img/gallery/bg.png') no-repeat; } div#gallery div#side a:hover { background-position: left bottom; position: relative; z-index: 4000!important; } div#gallery div#cycle { width: 665px; height: 175px; } div#gallery div { float: right; position: absolute; right: 0; width: 665px; height: 175px; z-index: 0!important; } div#gallery div#img-1 { width: 665px; height: 175px; background: url('../img/gallery/1.jpg') no-repeat; } div#gallery div#img-2 { width: 665px; height: 175px; background: url('../img/gallery/2.jpg') no-repeat; } div#gallery div#img-3 { width: 665px; height: 175px; background: url('../img/gallery/3.jpg') no-repeat; } div#gallery div#img-4 { width: 665px; height: 175px; background: url('../img/gallery/4.jpg') no-repeat; } div#gallery div#img-5 { width: 665px; height: 175px; background: url('../img/gallery/5.jpg') no-repeat; } div#gallery div#img-6 { width: 665px; height: 175px; background: url('../img/gallery/1.jpg') no-repeat; } div#gallery div#img-7 { width: 665px; height: 175px; background: url('../img/gallery/2.jpg') no-repeat; } div#gallery div#img-8 { width: 665px; height: 175px; background: url('../img/gallery/3.jpg') no-repeat; } div#gallery div#img-9 { width: 665px; height: 175px; background: url('../img/gallery/4.jpg') no-repeat; } div#gallery div#img-10 { width: 665px; height: 175px; background: url('../img/gallery/1.jpg') no-repeat; } div#gallery div#img-11 { width: 665px; height: 175px; background: url('../img/gallery/2.jpg') no-repeat; } div#gallery div#img-12 { width: 665px; height: 175px; background: url('../img/gallery/3.jpg') no-repeat; } div#gallery div#img-13 { width: 665px; height: 175px; background: url('../img/gallery/4.jpg') no-repeat; } div#gallery div#img-14 { width: 665px; height: 175px; background: url('../img/gallery/1.jpg') no-repeat; } div#gallery div#img-15 { width: 665px; height: 175px; background: url('../img/gallery/2.jpg') no-repeat; } div#gallery div#img-16 { width: 665px; height: 175px; background: url('../img/gallery/3.jpg') no-repeat; } div#gallery div#img-17 { width: 665px; height: 175px; background: url('../img/gallery/4.jpg') no-repeat; } div#gallery div div { display: none; width: 282px; height: 165px; background: url('../img/gallery/info-bg.png') no-repeat; float: right; } div#gallery div div span.left-1 { width: 18px; height: 18px; display: block; position: absolute; top: 45px; left: 28px; background: url('../img/gallery/quotes.jpg') no-repeat; } div#gallery div div span.right-1 { width: 18px; height: 18px; display: block; position: absolute; top: 98px; left: 223px; background: url('../img/gallery/quotes.jpg') no-repeat; } div#gallery div div span.left-2 { width: 18px; height: 18px; display: block; position: absolute; top: 45px; left: 28px; background: url('../img/gallery/quotes.jpg') no-repeat; } div#gallery div div span.right-2 { width: 18px; height: 18px; display: block; position: absolute; top: 98px; left: 198px; background: url('../img/gallery/quotes.jpg') no-repeat; } div#gallery div div span.left-3 { width: 18px; height: 18px; display: block; position: absolute; top: 45px; left: 28px; background: url('../img/gallery/quotes.jpg') no-repeat; } div#gallery div div span.right-3 { width: 18px; height: 18px; display: block; position: absolute; top: 98px; left: 253px; background: url('../img/gallery/quotes.jpg') no-repeat; } div#gallery div div span.left-4 { width: 18px; height: 18px; display: block; position: absolute; top: 45px; left: 28px; background: url('../img/gallery/quotes.jpg') no-repeat; } div#gallery div div span.right-4 { width: 18px; height: 18px; display: block; position: absolute; top: 98px; left: 208px; background: url('../img/gallery/quotes.jpg') no-repeat; } div#gallery div div span.left-5 { width: 18px; height: 18px; display: block; position: absolute; top: 45px; left: 28px; background: url('../img/gallery/quotes.jpg') no-repeat; } div#gallery div div span.right-5 { width: 18px; height: 18px; display: block; position: absolute; top: 98px; left: 218px; background: url('../img/gallery/quotes.jpg') no-repeat; } div#gallery div div span.spacer { padding: 0; padding-left: 40px; margin: 0; background: none; font-size: 1.1em; display: inline; } div#gallery div div span { margin-left: -15px!important; display: block; font-size: 1.5em; text-decoration: none; color: #FFF; text-transform: uppercase; background: #001535; padding: 5px 15px; margin: 0 0 10px 0; width: 252px!important; } div#gallery div div p { padding: 0 15px; } div#gallery div div p a { margin: 10px 0 0 0; display: block; width: 90px; height: 25px; background: url('../img/gallery/a-read-more.gif') no-repeat; } div#gallery div div p a:hover { background-position: bottom; } div#leftColumn ul.newsletterListing li { margin: 0 0 20px 0; padding: 0 20px 0 0; list-style: none!important; border-bottom: 1px solid #002B6C; } div#leftColumn ul.newsletterListing li img { float: left; margin: 0 20px 20px 20px; } div#leftColumn ul.newsletterListing li h4 { margin: 0 0 10px 0; padding: 0; font-size: 1.2em; text-transform: none; border: none; } div#leftColumn ul.newsletterListing li p { font-size: 1.0em; } div#leftColumn ul.newsletterListing li p a { padding: 10px 40px 10px 0; background: url('../img/bg/pdf.gif') no-repeat top right; } div#leftColumn ul#sitemap { margin: 20px 0 0 100px; } div#leftColumn ul#sitemap li { list-style: none; margin: 0 0 15px 0; padding: 0; } div#leftColumn ul#sitemap li a { font-size: 1.0em; color: #CCC; text-decoration: none; } div#leftColumn ul#sitemap li a:hover { color: #FFF; text-decoration: underline; } div#leftColumn ul#sitemap li ul li { list-style: disc; list-style-position: inside; margin: 5px 0 0 15px; } div#leftColumn ul#sitemap li ul li a { font-size: 0.9em; color: #CCC; text-decoration: none; } div#leftColumn ul#sitemap li ul li a:hover { color: #FFF; text-decoration: underline; } div#leftColumn ul#sitemap li.col2#top { margin: -389px 0 15px 250px; } div#leftColumn ul#sitemap li.col2 { margin: 0 0 15px 250px; } div#leftColumn h3.latest { border: none; margin: 0; padding: 0 0 15px 0; font-family: Verdana, Geneva, sans-serif; font-size: 1.8em; color: #FFF; text-transform: uppercase; } div#leftColumn ul.latest li { margin: 0 0 30px 0; padding: 20px 20px 0 0; list-style: none!important; border: 1px solid #002B6C; background: #001535; } div#leftColumn ul.latest li img { float: left; margin: 0 20px 20px 20px; } div#leftColumn ul.latest li h4 { margin: 0 0 10px 0; padding: 0; font-size: 1.2em; text-transform: none; border: none; } div#leftColumn ul.latest li p { font-size: 1.0em; } div#leftColumn ul.latest li p a { padding: 10px 40px 10px 0; background: url('../img/bg/pdf.gif') no-repeat top right; } div#leftColumn input#airline { border: none; background: #FFF; padding: 3px 5px; font-size: 1.0em; } div#leftColumn a#go { position: relative; top: -17px; display: inline-block; background: url('../img/iR/a-go.gif') no-repeat; width: 39px; height: 25px; } div#leftColumn p.select { margin: 20px 0 0 100px; } div#leftColumn p.abstract { color: #CCC; font-size: 1.6em; font-style: italic; text-align: center; } div#leftColumn p.title { font-size: 1.1em; font-weight: bold; } div#leftColumn p.small { font-size: 10px; } div#leftColumn p.margin { margin: 15px 0 0 0; } div#leftColumn p.margin span { font-size: 1.1em; font-weight: bold; } ul#check { width: 597px; position: relative; z-index: 10; top: -22px; left: 213px!important; display: none; margin: 0; padding: 0; border: 1px solid #002966; border-width: 1px 0 0 1px; } ul#check li { background: #002356; float: left; width: 198px; margin: 0!important; padding: 0; list-style: none!important; border: 1px solid #002966; border-width: 0 1px 1px 0; } ul#check li a { display: block; margin: 0; padding: 5px 10px; text-decoration: none; color: #FFF; } ul#check li a:hover { background: #8E1422; } ul#options { width: 777px; position: relative; z-index: 10; top: -22px; left: 98px; display: none; margin: 0; padding: 0; border: 1px solid #002966; border-width: 1px 0 0 1px; } ul#options li { background: #002356; float: left; width: 258px; margin: 0!important; padding: 0; list-style: none!important; border: 1px solid #002966; border-width: 0 1px 1px 0; } ul#options li a { display: block; margin: 0; padding: 5px 10px; text-decoration: none; color: #FFF; } ul#options li a:hover { background: #8E1422; } div#leftColumn { float: left; width: 590px; } div#leftColumn h2 { margin: 0 0 20px 0; font-family: Verdana, Geneva, sans-serif; font-size: 2.4em; color: #FFF; text-transform: uppercase; } div#leftColumn h3 { border-bottom: 1px solid #002B6C; margin: 0 0 20px 0; padding: 0 0 15px 0; font-family: Verdana, Geneva, sans-serif; font-size: 1.8em; color: #FFF; text-transform: uppercase; } div#leftColumn h3.online { border: none!important; margin: 10px 0 0 0!important; font-size: 2.0em; } div#leftColumn a#whyChoose { float: right; margin: 20px 0; width: 194px; height: 29px; background: url('../img/iR/a-why-choose-horncastle.gif') no-repeat; } div#leftColumn a#whyChoose:hover { background-position: bottom; } a#submit { float: right; margin: 20px 0; width: 62px; height: 25px; background: url('../img/iR/a-submit.gif') no-repeat; } a#submit:hover { background-position: bottom; } a#submit2 { float: right; margin: 20px 0; width: 62px; height: 25px; background: url('../img/iR/a-submit.gif') no-repeat; } a#submit2:hover { background-position: bottom; } ul#external li { float: left; list-style: none!important; margin: 10px 7px 15px 0!important; } ul#external li.last { margin: 10px 0 15px 0!important; } a#airportHotels { width: 142px; height: 29px; background: url('../img/iR/a-airport-hotels.gif') no-repeat; } a#airportLounges { width: 142px; height: 29px; background: url('../img/iR/a-airport-lounges.gif') no-repeat; } a#airportParking { width: 142px; height: 29px; background: url('../img/iR/a-airport-parking.gif') no-repeat; } a#travelInsurance { width: 142px; height: 29px; background: url('../img/iR/a-travel-insurance.gif') no-repeat; } a#holidayBookings { margin: 10px auto; text-align: center; width: 200px; height: 29px; background: url('../img/iR/a-holiday-bookings.gif') no-repeat; } div#leftColumn a#viewNewcastle { float: right; margin: 20px 0; width: 239px; height: 25px; background: url('../img/iR/a-view-newcastle.gif') no-repeat; } div#leftColumn a#viewEdinburgh { float: right; margin: 20px 0; width: 239px; height: 25px; background: url('../img/iR/a-view-edinburgh.gif') no-repeat; } div#leftColumn a#viewNorwich { float: right; margin: 20px 0; width: 239px; height: 25px; background: url('../img/iR/a-view-norwich.gif') no-repeat; } div#leftColumn a#viewNewcastle:hover, div#leftColumn a#viewEdinburgh:hover, div#leftColumn a#viewNorwich:hover { background-position: bottom; } form div { margin: 20px 0 0 0; background: #001535; border: 1px solid #002B6C; padding: 20px; } form div p { color: #BE131B; font-weight: bold; } form div table th { width: 170px; margin: 0; padding: 3px 10px 0 0; text-align: right; float: right; font-weight: normal; font-size: 1.1em; color: #FFF; } form div table td { padding: 0 0 8px 0; } form div table td input { width: 300px; border: none; background: #FFF; padding: 5px 7px; color: #000; font-family: Verdana,Geneva,sans-serif; font-size: 1.1em; } div#rightColumn { -moz-border-radius: 10px; -webkit-border-radius: 10px; float: right; width: 242px; padding: 20px; background: transparent url('../img/bg/right-back.png') no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/bg/right-back.png'); } div#rightColumn h4 { margin: 0 0 10px 0; padding: 7px 10px 10px 45px; background: url('../img/bg/latest-news.gif') no-repeat; font-size: 1.6em; color: #FFF; text-transform: uppercase; } div#rightColumn h5 { margin: 0 0 5px 0; font-size: 1.1em; font-weight: bold; color: #FFF; text-transform: uppercase; } div#rightColumn ul li { list-style: none; margin: 0 0 5px 0; } div#rightColumn a#readMore { opacity: 1!important; float: right; width: 102px; height: 27px; background: url('../img/iR/a-read-more.gif') no-repeat; } div#rightColumn a#readMore:hover { background-position: bottom; } div#rightColumn ul.popular li { list-style: disc; margin: 0 0 5px 15px; padding: 0; font-size: 1.1em; color: #FFF; } div#rightColumn ul.popular li a { text-decoration: none; color: #FFF; } div#rightColumn ul.popular li a:hover { text-decoration: underline; } div#converterRightColumn { margin: 20px 0 0 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; float: right; width: 242px; padding: 20px; background: transparent url('../img/bg/right-back.png') no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/bg/right-back.png'); } div#converterRightColumn h4 { margin: 0 0 10px 0; padding: 7px 10px 10px 45px; background: url('../img/bg/latest-news.gif') no-repeat; font-size: 1.6em; color: #FFF; text-transform: uppercase; } div#info { position: relative; top: 30px; margin: 0 0 -100px 0; } div#edinburgh { position: relative; top: -200px; left: 375px; width: 290px; } div#norwich { position: relative; top: -330px; left: 663px; width: 260px; } div.block { margin: 0 0 -100px 0; } div.block ul { list-style: none; color: #FFF; } div.block ul li { margin: 0 0 20px 0; list-style: none!important; } div.block ul li.address { padding: 0 0 0 30px; background: url('../img/bg/address_bg_icon.gif') no-repeat 0 5px; } div.block ul li.phone { padding: 0 0 0 30px; background: url('../img/bg/phone_bg_icon.gif') no-repeat 0 5px; } div.block ul li.email { padding: 0 0 0 30px; background: url('../img/bg/email_bg_icon.gif') no-repeat 0 5px; } div.block ul li a { text-decoration: none; color: #BE1319; } div.block ul li a:hover { text-decoration: underline; } div.directions { width: 400px; } div.directions h3 { font-size: 1.3em; margin: 0 0 10px 0; } div.directions p { color: #000; font-size: 1.1em; } div#ftr { position: relative; top: -300px; width: 100%; height: 580px; background: #00183c url('../img/bg/sea.jpg') no-repeat; background-position: center; } div#links { margin: -460px auto 0 auto; width: 900px; } div#links p { position: relative; z-index: 4; font-size: 1.0em; text-align: center; } div#links p a { text-decoration: none; color: #CCC; margin: 0 5px; } div#links p a.active, div#links p a:hover { color: #FFF; background-position: bottom!important; } div#links p span { color: #FFF; margin: 0 5px; } div#links p.sponsors { margin: 0 auto 10px auto; width: 881px; } div#links p.sponsors a { float: left; margin: 0 10px; } div#links p a#gtmc { margin-top: 5px; width: 169px; height: 27px; background: url('../img/iR/a-gtmc.png') no-repeat; } div#links p a#baw { margin-top: 5px; width: 112px; height: 30px; background: url('../img/iR/a-baw.png') no-repeat; } div#links p a#afp { width: 84px; height: 46px; background: url('../img/iR/a-afp.png') no-repeat; } div#links p a#m1 { margin-top: 5px; width: 50px; height: 32px; background: url('../img/iR/a-m1.png') no-repeat; } div#links p a#m2 { margin-top: 5px; width: 50px; height: 32px; background: url('../img/iR/a-m2.png') no-repeat; } div#links p a#atoc { margin-top: 10px; width: 65px; height: 20px; background: url('../img/iR/a-atoc.png') no-repeat; } div#links p a#pro { width: 43px; height: 43px; background: url('../img/iR/a-pro.png') no-repeat; } div#links p a#abta { margin-top: 10px; width: 73px; height: 22px; background: url('../img/iR/a-abta.png') no-repeat; } div#links p a#iata { width: 55px; height: 37px; background: url('../img/iR/a-iata.png') no-repeat; } div#leftColumn ul li { list-style: none; margin: 0 0 20px 0; } div#leftColumn ul li h4 { margin: 0 0 10px 0; padding: 0 0 15px 0; font-family: Verdana, Geneva, sans-serif; font-size: 1.2em; color: #FFF; text-transform: uppercase; border-bottom: 1px solid #002B6C; } div#leftColumn ul li p a { float: right; text-decoration: none; color: #BE1319; } div#leftColumn ul li p a:hover { text-decoration: underline; } div#leftColumn p a { text-decoration: none; color: #BE1319; } div#leftColumn p a:hover { text-decoration: underline; } div#leftColumn ul li { list-style: disc; line-height: 1.5; margin: 0 0 10px 35px; font-size: 1.1em; color: #FFF; } div#leftColumn img { margin: 10px 0 15px 0; } div#leftColumn img.left { margin: 10px 5px 15px 0; } div#leftColumn a.left { float: left!important; } ul#onlineLinks li { float: left; margin: 0!important; padding: 0!important; list-style: none!important; } ul#onlineLinks li img { float: left; margin: 10px 9px 15px 0!important; padding: 0!important; list-style: none!important; } ul#onlineLinks li img.left { float: left; margin: 10px 0 15px 0!important; padding: 0!important; list-style: none!important; } div#leftColumn ul.listing { margin: 0 0 10px 0; } div#leftColumn ul.listing li { list-style: none; margin: 0; font-size: 1.0em; color: #FFF; } div#leftColumn ul.pagenation li { list-style: none; float: right; font-size: 1.1em; color: #CCC; margin: 0 0 0 10px ; padding: 0; } div#leftColumn ul.pagenation li a { text-decoration: none; color: #FFF; margin: 0; padding: 0; } div#leftColumn ul.pagenation li a:hover { text-decoration: underline; } div#leftColumn a img { margin: 20px 10px 0 0; border: 0!important; } div#leftColumn a img.last { margin: 20px 0 0 1px; border: 0!important; } a#headOfficeTimes { width: 200px; height: 29px; background: url('../img/iR/a-head-office-opening-times.gif') no-repeat; } a#edinburghTimes { width: 190px; height: 29px; background: url('../img/iR/a-edinburgh-opening-times.gif') no-repeat; } a#norwichTimes { width: 190px; height: 29px; background: url('../img/iR/a-norwich-opening-times.gif') no-repeat; } /* ========= impromptu ========= */ .jqifade{ position: absolute; background-color: #000; } div.jqi{ width: 400px; font-family: Verdana, Geneva, sans-serif; position: absolute; background-color: #002356; font-size: 11px; text-align: left; padding: 7px; } div.jqi .jqicontainer{ font-weight: bold; } div.jqi .jqiclose{ position: absolute; top: 4px; right: -2px; width: 18px; cursor: default; color: #002356; font-weight: bold; } div.jqi .jqimessage{ padding: 10px; line-height: 20px; color: #FFF; } div.jqi .jqibuttons{ text-align: right; padding: 5px 0 5px 0; background-color: #001C46; } div.jqi button{ padding: 3px 10px; margin: 0 10px; background-color: #7C1629; border: none; color: #FFF; font-weight: bold; font-size: 12px; } div.jqi button.jqidefaultbutton{ background-color: #7C1629; } .jqiwarning .jqi .jqibuttons{ background-color: #7C1629; } /* ========= Currency Converter ========= */ table#converter th { width: 200px; color: #FFF; padding: 10px; font-size: 1.1em; } table#converter td { padding: 10px; } table#converter td input[type="text"] { margin: 0; padding: 5px; width: 50px; color: #FFF; font-size: 1.0em; background: #001535; border: 1px solid #002B6C; } table#converter td select { margin: 0; font-size: 1.0em; padding: 5px; width: 350px; height: 150px; color: #FFF; font-family: Verdana, Geneva, sans-serif!important; background: #001535; border: 1px solid #002B6C; } table#converter td select option { padding: 3px; } /* ========= Carbon Calculator ========= */ #carbon {} #carbon td { width: 50px!important; text-align: left; color: #FFF; padding: 10px; font-size: 1.1em; } #carbon td { text-align: left; } #carbon td input#fromInput, #carbon td input#toInput { width: 120px!important; } #carbon td input[type="text"] { margin: 0; padding: 5px; width: 50px; color: #FFF; font-size: 1.0em; background: #001535; border: 1px solid #002B6C; } #carbon td select { margin: 0; font-size: 1.0em; padding: 5px; width: 350px; height: 150px; color: #FFF; font-family: Verdana, Geneva, sans-serif!important; background: #001535; border: 1px solid #002B6C; } #carbon td select option { padding: 3px; } #carbon td a#submit { margin: 0!important; } /* ========= Important Classes ========= */ h1, h2, h3, h4, h5, h6 { font-weight: lighter; } a.btnReplace { cursor: pointer; } a.front { z-index: 3000!important; display: block!important; } input.btnReplace { display: none; margin: 0; padding: 0; } input, textarea { font-family: Verdana, Geneva, sans-serif!important; } img.btnReplace { cursor: pointer; } .imgReplace { background-position: top; background-repeat: no-repeat; display: block; } .imgReplace span { width: 0px; height: 0px; overflow: hidden; display: block; } * html .clearfix { height: 1%; /* IE5-6 */ } * + html .clearfix { display: inline-block; /* IE7not8 */ } .clearfix:after { /* FF, IE8, O, S, etc. */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* ========= HEY ARNOLD'S AWESOME AMENDS!!!!! ========= */ div#testimonials { width: 590px; clear: both; margin-top: 15px; } div#testimonials h3 { margin: 0 0 20px 0; font-family: Verdana, Geneva, sans-serif; font-size: 2em; color: #FFF; text-transform: uppercase; border: 0;} div#testimonials div.testimonial { border: 1px solid #002B6C; background: url('../img/bg/open_testimonial.gif') no-repeat 10px 15px #001535; margin: 10px 0 0; padding: 15px 0 15px 50px; width: 540px; } div#testimonials div.testimonial p { padding-right: 50px; background: url('../img/bg/close_testimonial.gif') no-repeat bottom right #001535; width: 480px; } /* ========= HEY ARNOLD'S AWESOME CONTACT PAGE!!!!! ========= */ div#contact_page { width: 900px; margin: 0 0 -100px 0; } div#contact_page h2 { margin: 0 0 10px 0; font-family: Verdana, Geneva, sans-serif; font-size: 2.4em; color: #FFF; text-transform: uppercase; border: 0;} div#contact_page h3 { margin: 0 0 15px 0; font-family: Verdana, Geneva, sans-serif; font-size: 1.6em; color: #FFF; text-transform: uppercase; border: 0;} div#contact_page h4 { margin: 0 0 10px 0; font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 1.1em; color: #BE131B; border: 0;} div#contact_page div#contact_form { width: 430px; float: left; position: relative; z-index: 2000!important; } div#contact_page div#contact_form table { width: 430px; float: left; margin-top: 0; } div#contact_page div#contact_form table input{ width: 290px; padding: 3px; } div#contact_page div#contact_form table textarea{ width: 290px; padding: 3px; height: 110px; } div#contact_page div#contact_form table th { margin: 0; padding: 3px 10px 0 0; text-align: right; float: right; font-weight: normal; font-size: 1.1em; color: #FFF; } div#contact_page div#contact_form table td { padding-bottom: 8px; vertical-align: top; } div#contact_page div#contact_form table td.left { width: 104px; text-align: right; color: #FFFFFF; padding-right: 5px; padding-top: 5px; } div#contact_page div#contact_form table td a#submit { float: right; margin: 10px 55px 20px 0; width: 62px; height: 25px; background: url('../img/iR/a-submit.gif') no-repeat; } div#contact_page div#contact_form table td a#submit:hover { background-position: bottom; } div#contact_page div#contact_map { width: 395px; height: 385px; padding: 25px; float: right; background: url('../img/bg/map_bg.gif') no-repeat; } div#contact_page div#contact_map div.google_map { width: 387px; height: 258px; clear: both; margin-top: 20px; } div#contact_page div#contact_map div#map_tabs { margin: -10px 0 0 0; width: 395px; } div#contact_page div#contact_map div.map_tab { padding-right: 25px; float: left; } div#contact_page div#contact_map div.map_tab a { position: relative; z-index: 100; font-size: 1.1em; color: #FFFFFF; text-decoration: none; } div#contact_page div#contact_map div.map_tab a.active { font-weight: bold; color: #FF0000; } .hidden { display: none; } div.spacer { height: 30px!important; } div.profile_form { width: 550px; border: 1px solid #002B6C; background-color: #001535; padding: 20px; margin-bottom: 15px; } div.profile_form h4 { margin: 0 0 20px 0; font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 1.1em; color: #BE131B; border: 0; } div.profile_form table { width: 500px; float: left; margin-top: 10px; color: #FFFFFF;} div.profile_form table ul { list-style: none; list-style-type: none; width: 300px; padding: 0; margin-top: 10px; } div.profile_form table ul li { float: left; width:145px; list-style: none; list-style-type: none!IMPORTANT; margin: 0 3px 5px 0!IMPORTANT; padding: 0; } div.profile_form table ul li input { width: 20px; } div.profile_form table ul li input.other { width: 150px;} div.profile_form table.ffm_table { width: 450px; float: left; margin-top: 10px; color: #FFFFFF; margin-left: 50px;} div.profile_form table.fgpm_table { width: 400px; float: left; margin-top: 10px; color: #FFFFFF; margin-left: 50px;} div.profile_form table.fgpm_table input { width: 166px; } div.profile_form table input{ width: 290px; padding: 3px; } div.profile_form table input.postcode{ width: 90px; padding: 3px; } div.profile_form table input.date{ width: 30px; padding: 3px; } div.profile_form table input.year{ width: 50px; padding: 3px; } div.profile_form table input.tel{ width: 190px; padding: 3px; } div.profile_form table input.ext{ width: 50px; padding: 3px; } div.profile_form table input.other{ width: 185px; padding: 3px; } div.profile_form table input.ffm{ width: 140px; padding: 3px; margin-right: 5px; } div.profile_form table select{ width: 150px; padding: 3px; } div.profile_form table textarea{ width: 290px; padding: 3px; height: 110px; font-size: 1.1em!important; font-family: Verdana, Geneva, sans-serif!important; } div.profile_form table th { margin: 0; padding: 3px 10px 0 0; text-align: right; float: right; font-weight: normal; font-size: 1.1em; color: #FFF; } div.profile_form table td { padding-bottom: 8px; vertical-align: top; } div.profile_form table td.left { width: 180px; text-align: right; color: #FFFFFF; padding-right: 5px; padding-top: 5px; } a#submitDetails { float: right; margin: 20px 0; width: 106px; height: 25px; background: url('../img/iR/a-submit-details.gif') no-repeat; } a#submitDetails:hover { background-position: bottom; }