@import url("master.css");

/* ----- IDS ----- */
body { background: #e8e9eb; color: #69727c; }
#container, #footer { width: 967px; margin: 0px auto 0; background: #dbdddf url("../templateimages/background-container.gif") repeat-y right; }
#popup { padding: 20px; background: #fff; }
#footer { margin-top: 0; background: #fff url("../templateimages/background-container.gif") repeat-y right; }
#top-layer { position: relative; width: 967px; overflow: hidden; height: 150px; background: #fce100 url("../templateimages/background-top-layer.gif") no-repeat top right; }
#middle-layer, #breadcrumb-layer, #footer-layer { height: 30px; background: #69727c url("../templateimages/background-container.gif") repeat-y right; }
#breadcrumb-layer { padding-top: 10px; margin-right: 7px; background: #edeeef url("../templateimages/background-breadcrumb.gif") repeat-x; }
#main-layer, #bottom-images { margin: 1px 0 0; background: #fff url("../templateimages/background-container.gif") repeat-y right; }
#main-layer { padding: 20px 0 70px; }
#home-layer { position: relative; margin: 0 17px 0 10px; padding-top: 725px; }
#fullsize-layer { position: relative; margin: 0 16px 0 9px; padding-top: 525px; }
#location-layer { position: relative; margin: 0 25px 0 18px; padding-top: 400px; }
#location-map { position: absolute; top: 0; left: 0; padding: 7px; width: 683px; line-height: 1.3em; background: url("../templateimages/background-location-layer.gif") no-repeat; }
#location-offers { position: absolute; top: 259px; left: 488px; }
#location-advice { position: absolute; top: 400px; left: 488px; width: 417px; padding: 10px; background: #f5f5f5; border: 1px solid #ececec; }
#full-layer { margin: 0 17px 0 10px; background: #fff; }
#home-choice { position: absolute; top: 375px; left: 0; width: 939px; border: 1px solid #6f95a8; }
#fullsize-layer #home-choice { top: 400px; border: 0; }
#home-image { position: absolute; top: 0; left: 0; width: 711px; height: 364px; border-right: 1px solid #e1e1e1; }
#home-price { position: absolute; top: 0; right: 0; width: 218px; }
#home-hurry { position: absolute; top: 725px; right: 0; }
#main-holder { background: url("../templateimages/background-main-layer.gif") repeat-y 0 20px; }
#left-layer, #right-layer { width: 200px; margin: 0 20px; }
#left-layer { float: left; }
#right-layer { float: right; margin-right: 27px; }
#main-content { margin: 0 267px 0 260px; }
#location-layer #main-content { margin-left: 7px; width: 470px; }
#home-layer #main-content { width: 647px; margin: 0; padding: 10px; background: #fff url("../templateimages/background-home-content.gif") no-repeat; font-size: 0.9em; }
#full-layer #main-content { margin: 0; }
#footer-links { padding: 20px 0; background: url("../templateimages/background-bottom-links.gif") no-repeat bottom; }
#googlemap { float: left; width: 462px; height: 374px; margin-right: 20px; }
#google-map { float: left; width: 240px; height: 250px; margin-right: 20px; background: #444; }
#google-map-large { width: 440px; height: 580px; margin-bottom: 1em; }
#gmap-enlarge { position: absolute; top: 336px; left: 304px; }
#avail-anim { line-height: 48px; padding-left: 165px; background: url("../templateimages/availibility.gif") no-repeat 390px 19px; border-top: 2px solid #e2e2e2; border-bottom: 2px solid #e2e2e2; font-size: 1.4em; font-weight: bold; }
#avail-yes { line-height: 50px; background: #eff0f1; text-align: center; font-size: 1.6em; font-weight: bold; }
#section5 .summary { padding: 20px; border: 1px solid #dfe1e3; }
#flash-holder { width: 750px; height: 400px; }
#image-holder { float: left; }
#you-save, .you-save { color: #900; }

/* ----- CLASSES ----- */
.basket #main-holder, .checkout #main-holder { background-image: url("../templateimages/background-main-layer-basket.gif"); }
.landing #main-holder, .full #main-holder { background: none; }
.basket #main-content, .checkout #main-content, .landing #main-content, .full #main-content { margin-right: 27px; }
.landing #main-content, .full #main-content { margin-left: 20px; }
.landing #google-map-large { height: 390px; }
.checkout #top-layer { height: 120px; }

.landing-left { float: left; width: 565px; padding-right: 20px; border-right: 3px solid #ccc; }
.landing-right { float:right; width: 312px; padding-left: 20px; }
.landing .line { border-bottom: 3px solid #ccc; }
.landing-left .line { margin-right: -20px; }
.landing-right .line { margin-left: -20px; }
.landing-left #google-map-large { width: 565px; height: 465px; }

#top-layer .float-right { width: 240px; }
#home-choice .align-right { padding: 1em 20px 0 0; }

.red { color: #900; }
.nomargin { margin-top: -0.8em; }
.pad { margin-left: 180px; }
.box { clear: left; margin: 0 0 20px; padding: 10px 20px; background: url("../templateimages/background-box.gif") no-repeat; }
#main-content .box { clear: none; margin: 0; padding: 0; background: none; }
.landing #main-content .box { padding: 10px 20px; }
.box-offer { background: none; padding-top: 20px; }
.box-yellow { float: left; clear: none; width: 210px; margin-right: 20px; background: #fff url("../templateimages/background-box-yellow.gif") repeat-x; }
#left-layer .box-offer, #right-layer .box-offer { padding: 10px 0 0; }
#left-layer .box-yellow, #right-layer .box-yellow { width: 160px; background: #f9c700 url("../templateimages/background-box-yellow-right.gif") no-repeat top right; }
.box-blue { margin-top: 0; background: #083f86 url("../templateimages/background-box-blue.gif") no-repeat; color: #fff; }
#main-content .landing-right .box-blue { background: #1a78cf url("../templateimages/background-box-blue-wide.gif") no-repeat; }
#main-content .landing-right .box-yellow { float: none; margin-bottom: 1em; width: 272px; background: #e7bd03 url("../templateimages/background-box-yellow-right-wide.gif") no-repeat top right; }
.yellow { height: 67px; margin-right: -18px; padding: 5px 10px; background: url("../templateimages/background-quote-yellow.png") no-repeat; }
#main-content .landing-right .yellow { height: 57px; padding: 15px 10px 5px; font-size: 0.9em; background-image: url("../templateimages/background-quote-yellow-wide.png"); }
.image { position: relative; margin: 20px 0; }
.products, .sizes { margin-right: -19px; }
.product, .size { float: left; width: 134px; margin: 0 19px 20px 0; }
.size { width: 214px; }
.main .versions { height: 170px; margin-right: 190px; background: url("../templateimages/background-prices.gif") repeat-x; border: 1px solid #eff0f1; }
.main .versions .prices { font-weight: bold; padding: 20px 20px 0;  }
.main .versions .prices .price { float: left; width: 90px; font-weight: normal; }
.also-bought { clear: both; }
.also-bought .versions, .related .versions { height: auto; margin: 0; background: none; border: none; }
.also-bought .versions .prices, .related .versions .prices, .products .prices { float: left; width: 47px; line-height: 18px; padding: 0 0 0 3px; font-weight: bold; border: 1px solid #eff0f1; }
.products .addtobasket { float: right; margin-top: -20px; }
.inputform { margin-bottom: 1.5em; padding: 0 20px 20px; background: #fff url("../templateimages/background-inputform.gif") repeat-x bottom; border: 1px solid #dfe1e3; border-top: 0; }
.image-thumb { float: right; width: 170px; height: 170px; }
.extrainfolinks { margin: 50px 0; }
.spec-holder { min-height: 285px; padding: 20px; border: 1px solid #dfe1e3; border-top: 0; }
.tick { margin-right: 0.5em; vertical-align: middle; }
.warning { color: #f00; }
.team { float: right; padding: 10px 0 10px 15px; width: 330px; font-size: 0.85em; background: #ede6ed; }
.team .product { width: 150px; margin: 0 15px 5px 0; }
.offer { clear: right; float: left; margin-bottom: 1em; padding: 15px; width: 530px; background: #ede6ed; }
.offer-form { margin-left: 575px; margin-bottom: 1em; padding: 15px; background: #3885bd; color: #fff; border: 1px dashed #fff; }
.guarantee, .packaging { float: left; padding: 15px; margin-right: 15px; width: 160px; height: 160px; text-align: center; border: 1px dashed #ccc; line-height: 1.2em; }
.packaging { width: 320px; text-align: left; }
.room-holder { padding: 10px; background: #ececec; }
.room-image { float: left; width: 360px; margin-right: 10px; padding: 10px; background: #fff; }
.room-location { float: left; margin-left: 15px; width: 160px; }
.room-length { position: relative; float: left; width: 335px; font-weight: bold; }
.room-length-new { position: relative; float: left; width: 510px; font-weight: bold; }
.yellow-text { color: #fcb700; }
.control-layer { clear: both; margin-top: 5em; line-height: 30px; background: #616a74 url("../templateimages/background-left-layer-a.gif") no-repeat right; color: #fff; }

/* ----- LISTS ----- */
#top-layer ul, #middle-layer ul, #breadcrumb-layer ul, #left-layer ul, #bottom-images ul, #footer-layer ul, #footer-links ul, .image ul, .basket-status, .quote, .quote-space, .recent ul, ul.attributes, ul.attributes-new, ul.number, ul.rooms, ul.prevnext, ul.prevnext-new, control-layer ul, #home-image ul, #home-choice ul, ul.box-buttons, ul.reasons, #location-offers ul, ul.tours, ul.stores { margin: 0 0 0 0; }
#breadcrumb-layer ul, #bottom-images ul { margin: 0 20px; }
#middle-layer ul, #footer-layer ul, #footer-links ul, #bottom-images ul { text-align: center; }
#middle-layer li, #breadcrumb-layer li, #bottom-images li, #footer-layer li, #footer-links li { display: inline; }
#middle-layer li, #breadcrumb-layer li, #left-layer li { line-height: 30px; }
#nav-layer li a, #middle-layer li a, #left-layer li a, #footer-layer li a, #footer-links li a, .image li a { text-decoration: none; }
#top-layer li.first, #top-layer li.last, #middle-layer li.last, #footer-layer li.last, #footer-layer li.float-right, #footer-links li.last { border: none; }

#top-layer ul { clear: right; float: right; margin: 15px 13px 0 0; }
#top-layer li { float: left; padding: 0 9px; border-right: 1px solid #2472b1; white-space: nowrap; }
#top-layer li.first { width: 374px; text-align: center; }

ul#nav-layer { float: none; margin: 23px 21px 0; }
.wp ul#nav-layer { margin-top: 29px; }
#nav-layer li { margin: 0 1px 0 0; padding: 0; background: #fce100 url("../templateimages/background-nav-layer.gif") no-repeat; border: none; }
#nav-layer li a { float: left; min-width: 87px; padding: 0 10px; line-height: 30px; background: url("../templateimages/background-nav-layer-a.gif") no-repeat right; color: #525b65; font-weight: bold; text-align: center; }
#nav-layer li.selected a, .home #nav-layer li.home a, .store #nav-layer li.store a, .reserve #nav-layer li.reserve a, .shop #nav-layer li.shop a, .self #nav-layer li.self a, .why #nav-layer li.why a, .contact #nav-layer li.contact a, #nav-layer li a:hover { background: #69727c url("../templateimages/background-nav-layer-a-hover.gif") no-repeat right; color: #fff; }

#middle-layer li { padding: 0 16px; border-right: 1px solid #fce100; }
#middle-layer li.last { border: 0; }
#middle-layer li a { color: #fce100; font-weight: bold; }

#breadcrumb-layer li { padding-left: 3px; }
#breadcrumb-layer li a { padding-right: 11px; background: url("../templateimages/arrow-blue.gif") no-repeat 97% center; }
#breadcrumb-layer .float-right li { font-weight: bold; padding-left: 0; }

#left-layer li { display: inline; }
#left-layer li a { display: none; }
#left-layer li li, #left-layer .nav li, #left-layer .store li { display: block; float: left; margin-bottom: 5px; text-indent: 20px; }
#left-layer li.last, #left-layer li.accessories { margin-bottom: 20px; }
#left-layer li li a, #left-layer .nav li a { display: block; float: left; width: 200px; background: #616a74 url("../templateimages/background-left-layer-a.gif") no-repeat right; color: #fff; font-weight: bold; }
#left-layer li li a.selected, #left-layer li li a:hover, #left-layer .nav li a.selected, #left-layer .nav li a:hover { background: #fce100 url("../templateimages/background-left-layer-a-hover.gif") no-repeat right; color: #69727c; }
#left-layer .nav li li { margin: 0; }
#left-layer .nav li li a { background: #fff; color: #2472b1; font-weight: normal; }
#left-layer .nav li li a:hover, #left-layer .nav li li a.selected { background: #fff !important; color: #2472b1 !important; text-decoration: underline !important; }

#left-layer .store { margin-top: 15px; padding: 8px 0 7px; width: 200px; background: #616a74 url("../templateimages/background-left-layer-a.gif") no-repeat top right !important; } 
#left-layer .store li { float: none; padding: 0 20px; line-height: 15px; text-indent: 0; color: #fce100; font-weight: normal; }
#left-layer .store li.first { color: #fff; font-weight: bold; }
#left-layer .store li a { float: none; display: inline; color: #fce100; font-weight: normal; }

#left-layer .box li { display: block; line-height: 1.4em; margin: 1em 0; padding-left: 15px; background: transparent url("../templateimages/arrow-blue.png") no-repeat left 0.25em; }
#left-layer .box li a { display: block; text-decoration: underline; }

#home-image #images li { position: absolute; top: 0; left: 0; }
#home-image #control, #location-map #control { position: absolute; top: 20px; left: -20px; margin: 0; }
#location-layer #location-map #control { left: -30px; }
#fullsize-layer #home-image #control { top: 100px; }
#home-image #location li { position: absolute; top: 140px; left: 340px; width: 271px; height: 204px; padding: 15px 25px 25px 15px; background: url("../templateimages/location-frame.png") no-repeat; }
#home-image #location h3 { color: #000; margin-bottom: 0.5em; }
#home-image #control li { margin-bottom: 6px; }
#fullsize-layer #home-image #control li { margin-bottom: 16px; }
#location-map #control li { margin-bottom: 10px; }

#home-choice ul { height: 246px; }
#home-choice li { float: left; height: 246px; width: 225px; margin-right: 8px; }
#home-choice li.choice1 { background: url("../templateimages/home-choice1.png") no-repeat; }
#home-choice li.choice2 { background: url("../templateimages/home-choice2.png") no-repeat; }
#home-choice li.choice3 { background: url("../templateimages/home-choice3.png") no-repeat; }
#home-choice li.choice4 { background: url("../templateimages/home-choice4.png") no-repeat; }
#home-choice li h3 { font-size: 1.3em; font-weight: bold; letter-spacing: -1px }
#home-choice li h3 a { display: block; padding: 25px; height: 196px; color: #69727c; text-decoration: none; }
#home-choice li h3 small { display: block; }

ul.box-buttons { width: 964px; height: 238px; margin: 0 0 1em -23px; }
ul.box-buttons li { float: left; margin-left: 23px; }

ul.reasons { height: 265px; margin-bottom: 1em; }
ul.reasons li { float: left; width: 424px; height: 39px; line-height: 39px; padding: 7px 0 7px 46px; list-style: none; font-weight: bold; border-bottom: 1px solid #ccc; }
ul.reasons li.long { line-height: 18px; }
ul.reasons li.last { border: 0; }
ul.reasons li img { float: left; margin-left: -46px; }

#bottom-images li { line-height: 79px; }
#bottom-images li.float-left { margin-right: 25px; }
#bottom-images li.float-right { margin-left: 25px; }

#footer-layer li { line-height: 30px; padding: 0 15px; border-right: 1px solid #fff; color: #fff; font-size: 0.85em; }
#footer-layer li a { color: #fff; }
#footer-layer li a:hover { color: #fce100; text-decoration: underline; }

#footer-links li { padding: 0 7px; font-size: 0.85em; }

.image li { list-style: none; }
#images { width: 440px; height: 190px; }
#images li { position: absolute; top: 0; left: 0; list-style: none; }
.control { height: 25px; }
.control li { float: left; line-height: 18px; width: 18px; margin-right: 10px; text-align: center; border: 1px solid #dfe1e3; font-size: 0.9em; font-weight: bold; }
.control li.selected { background: #69727c; color: #fff; }
.control li.last { float: none; width: auto; margin: 0; padding: 1px 0; border: none; text-align: right; }
.control li a { color: #69727c; font-weight: bold; }
.control li.selected a { background: #69727c; color: #fff; }

.quote { border-bottom: 1px solid #dfe1e3; }
.quote-space { margin: 2em 0 0; }
.quote li, .quote-space li { float: left; margin-right: 10px; list-style: none; background: url("../templateimages/background-quote-tab.gif") no-repeat; }
.quote li.last, .quote-space li.last { float: none; height: 39px; background: none; }
.quote li a, .quote-space li a { float: left; padding: 0 10px; line-height: 39px; background: url("../templateimages/background-quote-tab-a.gif") no-repeat right; color: #525b65; font-weight: bold;  text-decoration: none; }
.quote li a.selected, .quote li a:hover, .quote-space li a.selected, .quote-space li a:hover { background: #616a74 url("../templateimages/background-quote-tab-hover.gif") no-repeat right; color: #fff; }
.quote li a { font-size: 1.4em; }

.basket-status { float: left; margin-bottom: 20px; width: 680px; background: url("../templateimages/background-basket-status.gif") repeat-x; }
.basket-status li { float: left; width: 170px; height: 51px; color: #96968c; text-align: center; color: #3c494f; font-size: 0.85em; background-repeat: no-repeat; background-position: 0 21px; }
.basket-status li.a-a, .basket-status li.b-a, .basket-status li.c-a, .basket-status li.d-a { color: #2e7eb9; font-weight: bold; }
.basket-status li.a-a { background-image: url("../templateimages/background-basket-status-1-a.gif"); }
.basket-status li.a-b { background-image: url("../templateimages/background-basket-status-1.gif") }
.basket-status li.b { background: url("../templateimages/background-basket-status-2.gif") no-repeat 75px 26px; }
.basket-status li.b-a { background-image: url("../templateimages/background-basket-status-2-a.gif"); }
.basket-status li.b-b { background-image: url("../templateimages/background-basket-status-2-b.gif"); }
.basket-status li.c { background: url("../templateimages/background-basket-status-3.gif") no-repeat 80px 26px; }
.basket-status li.c-a { background-image: url("../templateimages/background-basket-status-3-a.gif"); }
.basket-status li.c-b { background-image: url("../templateimages/background-basket-status-3-b.gif"); }
.basket-status li.d { background: url("../templateimages/background-basket-status-4.gif") no-repeat 80px 26px; }
.basket-status li.d-a { background-image: url("../templateimages/background-basket-status-4-a.gif"); }

ul.attributes li { float: left; padding: 0 14px; text-align: center; border-bottom: 1px solid #dfe1e3; list-style: none; }
ul.attributes li:first-child { padding-left: 0; }
ul.attributes li span { display: block; line-height: 30px; color: #69727c; text-decoration: none; }
ul.attributes li.selected span, ul.attributes li:hover span { background: #616a74 url("../templateimages/background-left-layer-a.gif") no-repeat right; color: #fff; font-weight: bold; }
ul.attributes li img { margin-bottom: 0.5em; }

ul.attributes-new li { float: left; margin: 0 6px; text-align: center; list-style: none; }
ul.attributes-new li:first-child { padding-left: 0; }
ul.attributes-new li span { display: block; line-height: 30px; color: #69727c; text-decoration: none; height:44px; width:140px;}
ul.attributes-new li.selected, ul.attributes-new li:hover { background: #eff3f7; }
ul.attributes-new li.selected span, ul.attributes-new li:hover span { background: url('../templateimages/chooseasizetypebg.gif') no-repeat center; width:140px;}
ul.attributes-new li img { margin-bottom: 0.5em; }

ul.number { clear: both; margin-top: 1em; }
ul.number li { float: left; margin-left: 11px; text-align: center; background: #616a74 url("../templateimages/background-left-layer-a.gif") no-repeat right; list-style: none; }
ul.number li:first-child { width: auto; margin: 0 30px 0 0; text-align: left; background: none; }
ul.number li.selected { background: #fce100 url("../templateimages/background-left-layer-a-hover.gif") no-repeat right; }
ul.number li a { float: left; min-width: 47px; padding: 0 10px; line-height: 30px; color: #fff; text-decoration: none; font-size: 1.1em; }
ul.number li.selected a { color: #616a74; }

.number-outer { float:left; width: 100%; background: #eff3f7; height:32px; padding:10px 0; margin:15px 0;}
.number-outer p { float:left; width: auto; margin: 6px 30px 0 6px; }

ul.number-new { margin: 0 10px 0 0; float:right}
ul.number-new li { float: left; margin-left: 11px; text-align: center; background: #616a74 url("../templateimages/background-left-layer-a.gif") no-repeat right; list-style: none; }
ul.number-new li:first-child {  }
ul.number-new li.selected { background: #fce100 url("../templateimages/background-left-layer-a-hover.gif") no-repeat right; }
ul.number-new li a { float: left; min-width: 47px; padding: 0 10px; line-height: 30px; color: #fff; text-decoration: none; font-size: 1.1em; }
ul.number-new li.selected a { color: #616a74; }

ul.rooms { clear: both; }
ul.rooms li { position: relative; min-height: 300px; padding: 10px 210px 10px 320px; border-bottom: 1px solid #dfe1e3; list-style: none; }
ul.rooms li:first-child { border-top: 1px solid #dfe1e3; }
ul.rooms li img.thumb { position: absolute; top: 0; left: 0; }
ul.rooms li .float-right { position: absolute; bottom: 0; right: -4px; }
ul.rooms li .float-right strong { color: #900; font-size: 1.5em; font-weight: bold; } 
ul.rooms li .float-right img { margin-top: 10px; }
ul.rooms ul { margin: 0 0 0.8em 1.5em; }
ul.rooms ul li { min-height: 10px; margin-left: 1.5em; padding: 0; border: 0; list-style: disc; }
ul.rooms ul li:first-child { border: 0; }

ul.prevnext { float: right; }
ul.prevnext li { float: left; margin-left: 10px; padding: 0 10px; line-height: 30px; background: #616a74 url("../templateimages/background-left-layer-a.gif") no-repeat right; list-style: none; }
ul.prevnext li a { color: #fff; text-decoration: none; }
ul.prevnext li.selected { background: #fce100 url("../templateimages/background-left-layer-a-hover.gif") no-repeat right; }
ul.prevnext li.selected a { color: #616a74; }

ul.prevnext-new { float: right; margin: -30px 0 0 0; clear:both;}
ul.prevnext-new li { float: left; margin-left: 10px; padding: 0 10px; line-height: 30px; background: #616a74 url("../templateimages/background-left-layer-a.gif") no-repeat right; list-style: none; }
ul.prevnext-new li a { color: #fff; text-decoration: none; }
ul.prevnext-new li.selected { background: #fce100 url("../templateimages/background-left-layer-a-hover.gif") no-repeat right; }
ul.prevnext-new li.selected a { color: #616a74; }

ul.big li { font-size: 1.2em; }
#location-offers ul { width: 448px; margin-left: -7px; }
#location-offers li { float: left; margin-left: 7px; }

.control-layer ul { float: right; }
.control-layer li { display: inline; padding: 0 2px 0 5px; text-transform: uppercase; }
.control-layer li.all { padding-left: 10px; border-right: 1px solid #fff; }
.control-layer li.reset { padding-right: 10px; }
.control-layer li a { color: #fff; text-decoration: none; }
.control-layer li.selected { background: #fce100; color: #fff; }

.tour { width: 460px; margin: 0 -20px 0 0; }
.tour li { float: left; width: 210px; margin-right: 20px; list-style: none; }
.tours { height: 256px; }
.tours li { float: left; width: 210px; margin: 0 0 17px 20px; }
.tours li:first-child { width: 462px; margin-left: 0; }
.stores { border-top: 1px solid #ddd; }
.stores li { display: inline; line-height: 30px; padding-right: 5px; }

ul.feature { margin-left: 0; }
.feature li, #section5 li { padding-left: 20px; font-weight: bold; background: url("../templateimages/arrow-blue-large.gif") no-repeat 2px 5px; list-style: none; }
.recent li { padding-left: 10px; background: url("../templateimages/arrow-blue.gif") no-repeat 0 6px; }
.main .versions dl { padding: 0 0 20px 20px; border-bottom: 1px solid #eff0f1; }
.main .versions dt { float: left; width: 90px; }
.main .versions dd { font-weight: bold; }
.sitemap ul ul { margin-bottom: 0; }

.offer ul { margin: -10px 0 0 200px; }
.offer li { list-style: none; padding: 10px 0 0 30px; font-size: 1.1em; background: url("../templateimages/tick.png") no-repeat 0 13px; }

#section5 ul { height: 56px; padding: 20px; margin: 0; background: #f5f5f5; border: 1px solid #dfe1e3; }
#section5 li { float: left; width: 180px; padding-right: 20px; background-image: url("../templateimages/arrow-blue-grey.gif"); }
#section5 li.first { float: right; margin: -10px 0; width: 80px; background: none; }
#section5 dl { padding: 20px; border: 1px solid #dfe1e3; }
#section5 dt, .hours dt { float: left; width: 100px; }
#section5 dt { margin-left: 30px }
.hours dt { width: 200px; }
#section5 dd, .hours dd { margin: 0 0 0 120px !important; font-weight: bold; }
#section5 dd#space-location, #section5 dd#space-size { font-size: 1.3em; }
#location-map .hours dt { width: 120px; }

.room-length dt, .room-length-new dt { float: left; width: 200px; line-height: 30px; }
.room-length dd, .room-length-new dd { margin-left: 200px; line-height: 30px; }

ul.booking { margin-left: 0; }
ul.booking-right { margin: 0 0 0 240px; font-size: 1.1em; }
.booking li, .booking-right li { list-style: none; padding-left: 25px; background: url("../templateimages/tick.png") no-repeat 0 2px; }
.booking-right li { padding: 0 0 10px 25px; }
.booking dt { float: left; width: 220px; font-weight: bold; }
.booking dd { margin-left: 220px; }

.landing .hours dt { width: 150px; }
.landing .hours dd {}
.landing .landing-right dl { font-size: 1.1em; line-height: 25px; }
.landing .landing-right dt { margin-left: -20px; text-indent: 20px; }
.landing .landing-right dl .alt { background: #e8e9eb; }

#main-content ul { list-style: disc; }
#main-content ol { list-style: decimal; }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, .h1, h2, .h2, h3, .h3 { }
h2 strong { text-transform: uppercase; }
h2 em, h3 em { display: block; margin-top: -0.8em; }
hr { height: 1px; margin-bottom: 0.8em; border: 1px solid #dfe1e3; }

#middle-layer .h2 { line-height: 30px; text-indent: 20px; color: #fff; }
.inputform h2 { margin: 0 -21px 20px; line-height: 30px; text-indent: 20px; background: #616a74 url("../templateimages/background-left-layer-a.gif") no-repeat right; color: #fff; }
h2.n1, h2.n2, h2.n3, h2.n4, h2.n5 { line-height: 30px; margin: 1.5em 0; padding-left: 40px; font-size: 1.6em; color: #2e7eb9; font-weight: bold; }
h2.n1 { background: url("../templateimages/number1.gif") no-repeat; }
h2.n2 { background: url("../templateimages/number2.gif") no-repeat; }
h2.n3 { background: url("../templateimages/number3.gif") no-repeat; }
h2.n4 { background: url("../templateimages/number4.gif") no-repeat; }
h2.n5 { background: url("../templateimages/number5.gif") no-repeat; }
h2.blue { margin-top: 1em; line-height: 33px; color: #fff; font-weight: bold; }
h2.blue span { padding: 7px 18px 7px 6px; background: #21569e url("../templateimages/h2blue.gif") no-repeat right; }
h3.reserve { margin: 1em 0; padding: 30px 0 32px 23px; background: url("../templateimages/background-arrow.gif") no-repeat; font-size: 1em; font-weight: bold; }
h3.reserve strong { display: block; line-height: 2em; font-size: 1.5em; }
h3.manager { margin: 3em 0 0; }
h4.meet { margin-top: 50px; }
h3.hours { float: left; }
h3.icon { height: 35px; line-height: 35px; padding: 5px 0 5px 70px; }
h3.icon img { float: left; margin-left: -70px; }

#home-choice h2 { margin: -1px -1px 0; line-height: 37px; text-indent: 10px; background: url("../templateimages/background-home-choice.gif") repeat-x; color: #fff; text-transform: uppercase; font-weight: bold; }
#location-advice h2 { margin: 0; color: #3399cc; font-size: 1.4em; font-weight: bold; }
#location-advice h3 { color: #3399cc; font-size: 1.3em; }

.box .h1, .box .h2 { margin: 0; }
.box small { display: block; margin-top: 0.8em; }
.product strong { display: block; margin: 5px 0 -20px; }
.product em { line-height: 1.1em; font-style: normal; }

.room-form .reserve h3 { color: #2472b1; }
.room-location h4, .room-length h4, .room-length-new h4 { padding-bottom: 0.5em; border-bottom: 2px solid #d0d2d4; color: #2165a5; }
.room-location h4 { margin-left: -15px; }
.room-location p.align-center { width: 90px; text-decoration: underline; }

.landing h1 { font-size: 3em; margin-bottom: 0.5em; }
.landing h2 { font-size: 2em; }
.landing .offer h2, .landing .offer h3 { margin-bottom: 0.5em; }
.landing h3 { margin-bottom: 0; }
.landing address { margin-top: 2.5em; text-align: center; }
.offer-form h4 { text-align: center; }
.packaging h3 { margin-bottom: 1.5em; }

.full h1 small, .full h4 small { display: block; padding-top: 0.5em; font-size: 0.65em; font-weight: normal; }
.full h4 small { font-size: 0.85em; }

.landing .float-left h1 { margin: 0; font-size: 1.7em; }
.landing .float-left h2, .landing .float-left blockquote { font-size: 1.2em; font-style: italic; }
.landing .float-left h3 { margin: 0 0 1em; font-size: 1.6em; font-weight: bold; }
.landing .float-left h4 { margin: 0; }
.landing .float-left address { margin: 1.5em 0 2em; text-align: left; }
.landing .float-left blockquote { display: block; width: 220px; margin: 1.5em 10px 2em; text-align: center; background: url("../templateimages/quote-right.gif") no-repeat 90% 90%; }

.landing .landing-left h1 { font-size: 1.7em; font-weight: normal; }
.landing .landing-left h2 { font-size: 1.2em; line-height: 1.5em; }
.landing .landing-left h2.h1 { margin-top: 1em; font-size: 1.7em; font-weight: bold; }
.landing .landing-left h3 { margin: 0 0 1em; font-size: 1.1em; line-height: 1.5em; }
.landing .landing-right h2, .landing .landing-right h3 { margin: 0 0 1em; }
.landing .landing-right h4 { margin: 1em 0; line-height: 20px; }

#main-content .box-yellow .h1, #main-content .box-yellow h2, #main-content .box-yellow p { padding: 0 20px; }
#main-content .box-yellow .h1, #main-content .box-yellow h2 { padding-top: 10px; background: url("../templateimages/background-box-yellow-corner.gif") no-repeat top right; }
#main-content .landing-right .box-yellow .h1, #main-content .landing-right .box-yellow .h2 { padding: 10px 0 0; background: none; }
#main-content .landing-right .box-yellow .h1 { text-transform: uppercase; }
#main-content .landing-right .box-yellow .h4 { float: left; width: 126px; }
#main-content .landing-right .box-yellow p { padding: 0; }
.box-blue .h1 { font-size: 2.5em; margin-top: -0.2em; text-transform: uppercase; }
.box-blue .h2 { font-size: 1.8em; font-weight: bold; text-transform: uppercase; }
.box-blue small { font-weight: bold; }
#left-layer .box-yellow .h1, #right-layer .box-yellow .h1 { margin-bottom: 0.4em; font-size: 2.5em; text-transform: uppercase; }
#left-layer .box-yellow .h2, #right-layer .box-yellow .h2 { font-size: 1.2em; text-transform: uppercase; font-weight: bold; }
#section5 p.float-right { padding: 50px 0 40px; }

#top-layer .float-right strong { float: right; margin: 15px 21px 0 0; font-size: 1.8em; text-align: right; font-weight: normal; }
#top-layer span { position: absolute; top: 75px; left: 311px; width: 260px; text-align: center; }
#top-layer span.h3 { top: 25px; line-height: 20px; color: #2472b1; font-weight: bold; }

p.quote { padding-left: 40px; background: url("../templateimages/quote-left.gif") no-repeat; border: none; }
p.quote em { display: block; padding-right: 40px; background: url("../templateimages/quote-right.gif") no-repeat top right; }
p.removal { line-height: 30px; border-bottom: 1px solid #ddd; }

.yellow span { font-size: 1.4em; text-transform: uppercase; }

/* ----- LINKS ----- */
a { color: #2472b1; }
a img { margin: 0 0 -3px; }

.yellow a { color: #094087; font-size: 1.2em; font-weight: bold; text-decoration: none; }
a.arrow { display: block; line-height: 34px; padding-right: 40px; margin-right: -10px; color: #69727c; font-weight: bold; text-decoration: none; background: url("../templateimages/arrow-grey-large.gif") no-repeat top right; }
#main-content .landing-right .box-yellow a.arrow { margin-right: 0; text-align: right; }
#home-choice .align-right a { float: right; width: 395px; height: 36px; background: url("../templateimages/text-10-reasons.gif") no-repeat; }
#home-choice .align-right a:hover { background-image: url("../templateimages/text-10-reasons-on.gif"); }
#home-choice .align-right a span { display: none; }

/* ----- IMAGES ----- */
#top-layer img { margin: 20px 20px 0; }
#top-layer img.absolute { left: 280px; }
#top-layer li img { margin: 0 7px 0 0; vertical-align: middle; }
#bottom-images img { vertical-align: middle; }

#top-girl, #top-phone { float: left; }
#top-layer #top-girl { margin: 6px 7px 0 0; }
#top-layer #top-phone { margin: 11px 0 0 10px; }
#home-price img { margin-bottom: 5px; }
#section5 #image-holder img { margin: 10px 20px; }
#location-advice img { float: right; margin: 0 -10px -10px 0; }

.room-location img { margin-bottom: 0.5em; }
.room-length img { position: absolute; top: 350px; left: -120px; z-index: 1; }
.room-length-new .bottomoffer { position: absolute; top: 290px; left: 0; z-index: 1; }
img.absolute-arrow { position: absolute; top: -1px; right: 75px; }

img.checkout { float: right; margin-right: 10px; vertical-align: bottom; }
.image .absolute { top: 0; left: 0; z-index: 2; }
.control li img { padding: 2px 0 0 1px; }
.tour img { margin-bottom: -3px; }
h3.manager img { margin-top: -20px; }

/* ----- TABLES ----- */
table { width: 100%; margin-bottom: 1.5em; }
thead th, tfoot th { background: #616a74; line-height: 20px; color: #fff; text-align: left; font-weight: bold; }
thead th.total { background: #616a74 url("../templateimages/background-left-layer-a.gif") no-repeat right; text-align: right; }
tfoot td.quantity { text-align: right; }
th, td { padding: 5px; border-bottom: 1px solid #dfe1e3; }
td { background: #f4f5f6; }
tr.subtotals td.quantity, tr.subtotals td.total { border-bottom: 0; }
tr.subtotals td.quantity, tr.subtotals td.total, tr.totals td.quantity, tr.totals td.total { font-size: 1.6em; font-weight: bold; }
tr.subtotals td.total, tr.totals td.total { color: #2e7eb9; }
tr.selected td { background: #fff9d5; }
td.image { border-left: 1px solid #dfe1e3; }
td.total { border-right: 1px solid #dfe1e3; text-align: right; }
.price_2 { text-align: right; }
.quantity { text-align: center; }

/* ----- FORMS ----- */
fieldset { margin: 0 0 0.8em 0; }
legend { margin-left: -3px; }
label { float: left; width: 150px; font-weight: bold; }
input, textarea, select { width: 170px; padding: 0.3em 0.5em 0; height: 1.5em; }
select { width: 184px; padding: 0; height: auto; }
textarea { height: auto; }
input.image, input.submit { width: auto; height: auto; margin: 0; }
legend.h2 { text-indent: 0; background: none; }

#CP_CouponCode, #strEmailAddressReminder, #numShipMethod, #quantity-add { padding: 0.1em; height: auto; }
#numCardStartMonth, #numCardStartYear, #numCardExpiryMonth, #numCardExpiryYear, #numShipMethod, #quantity-add, #strReadTerms { width: auto; }
#strReadTerms, #strMailingList { vertical-align: middle; }
#strMailingListHTML { margin-left: 28px; }
#strCustomerComments { width: 340px; margin-right: 20px; }
#C_Card_IssueNumber { width: 20px; }
#C_Card_SecurityNumber { width: 40px; }
.errors label { float: none; width: auto; }
.versions label { width: 90px ; margin-left: 20px; }
.inputform label { text-align: right; margin-right: 20px; }
.inputform input.image { margin: 0 0 20px 165px; }
#quote-form input.image { margin-left: -5px; }
.addtobasket input.image, .applycoupon input.image, .emailreminder input.image, .shippingmethodline input.image { margin: -3px 0 0 0; vertical-align: top; }
.products .addtobasket input.image { margin: -4px -6px 0 0; }
.button { float: right; }
.button input.image { margin: 36px 130px 0 0; }

.form-row { margin: 1em 0; }
.auto, .checklabel { float: none; width: auto !important; margin-right: 10px; border: 0 !important; }
.normal, .validation-passed { border: 1px solid #7f9db9; }
.disabled { color: #ACA899; border: 1px solid #C9C7BA; }
.active { border: 1px solid #529214; }
.validation-failed { border: 1px solid #d12f19; }
.validation-advice, .errors, .advice { margin: 1em 0; padding: 0.5em; background: #fbe3e4; border: 1px solid #fbc2c4; color: #d12f19; font-weight: bold; }
.advice { background-color: #dff4ff; border: 1px solid #c2e1ef; color: #336699; }
.validation-advice { width: 170px; }

.radio { float: none; display: inline; font-weight: normal; padding: 0.1em; height: auto; width: auto !important; }

.offer-form label { padding-top: 0.3em; width: 75px; }
.offer-form button { padding: 4px 0; background: #fcde00; border: 2px solid #eb1425; font-size: 1.2em; font-weight: bold; }
.offer-form button:hover { border-color: #00CC00; }

.room-form { margin: 10px 0; }
.room-form .left-column { float: left; margin-right: 20px; }
.room-form .left-column label { display: none; }
.room-form .left-column label.show { display: block; }
.room-form fieldset { padding: 15px; border: 2px solid #ececec; }
.room-form fieldset.reserve { float: right; width: 468px; margin-left: 10px; }
.room-form fieldset.reserve .left-column { width: 220px; }
.room-form fieldset.reserve input { width: 200px; }
.room-form fieldset.reserve input.image { width: auto; }
.room-form legend { display: none; }
.room-form .need-help { padding: 15px 15px 0 113px; }
.room-form .need-help img { float: left; margin: -10px 0 0 -113px; }
.room-form .image { margin-left: -6px; }
.room-form .email .image { margin-top: 50px; }
.room-form .reserve .image { margin: 18px 0 3px -6px; }

.control-layer label { float: none; display: inline; padding: 0 10px; }
.control-layer select { display: inline; width: 160px; }

/* ----- LIGHTBOX ----- */
#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img { border: none; }
#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#loading img { width: 32px; height: 32px; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0;}
#hoverNav a { outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url("../templateimages/spacer.gif") no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url("../templateimages/prevlabel.gif") left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("../templateimages/nextlabel.gif") right 15% no-repeat; }
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }
#imageData { padding: 0 10px; color: #666; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }	
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose { width: 66px; float: right;  padding-bottom: 0.7em;	}	

#overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 90; background-color: #000; -moz-opacity: 0.8; opacity: .80; filter: alpha(opacity=80); }
#overlay[id] { /* IE6 and below Can't See This */ position: fixed; }
.lightbox { width: 780px; background: #fff; padding: 10px 10px 50px; border: 2px solid #eee; }
#close { float: right; width: 66px; height: 22px; margin-top: 15px; cursor: pointer; }
.lbox #caption { padding-top: 10px; }

#gmlb_overlay { width: 680px; height: 480px; top: 0; left: 0; z-index: 90; background: transparent url("../templateimages/bg.png"); }
#gmlb_container { position: absolute; display: inline; width: 680px; padding: 10px; background: #fff; }
#gmlb_label { float: left; display: block; padding-top: 10px; margin-top: 5px; background: #fff; }
#gmlb_close { position: absolute; bottom: 15px; right: 10px; width: 66px; height: 22px; cursor: pointer; background: url("../templateimages/closeLabel.gif"); }
#gmlb_map { float: l; display: block; width: 680px; height: 480px; }

/* ----- MagicToolBox ----- */
/* CSS class for zoomed area */
.MagicZoomBigImageCont { border: 1px solid #094087; }
/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader { color: #fff; background: #094087; text-align: center !important; }
/* CSS class for small looking glass square under mouse */
.MagicZoomPup { border: 1px solid #aaa;	background: #ffffff; cursor: hand; }
/* CSS style for loading animation box */
.MagicZoomLoading { text-align: center; background: #ffffff; color: #444; border: 1px solid #ccc; opacity: 0.8; padding: 3px 3px 3px 3px !important; display: none; /* do not edit this line please */ }
/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img { padding-top: 3px !important; }