/* Edited: 4 Apr 2011 (LD) Website: http://leisure.ordnancesurvey.co.uk/leisure/ Created: 14 February 2008 Author: Snow Valley UX team */ /* =========================== Global */ body { background-color: #fff; color: #333; text-align:center; voice-family:male; } body, textarea { font-family: Arial,Helvetica,sans-serif;} a { text-decoration:none;} a:link { color: #ff6600;} a:visited { color: #bd835c;} a:hover { text-decoration: underline;} a:active { text-decoration:none; color: #ec008c;} h1, h2, h3, h4, h5 {color:#333;} p { line-height: 1.3em; } small { font-size: .909em; } big { font-size: 1.273em; line-height: 1.35em; } sup { vertical-align: super; font-size: 75%; } table { border-collapse:collapse; width:100%; } #container { margin:0pt auto; width:970px; background-color: #fff;} #container2 { } /* Need this div for a second container background */ .section { padding: 1em 0; border-bottom: 1px solid #ccc; } .button, .buttonlink { border: 1px solid #cecdb3; padding: .25em .25em .5em; font-weight: normal !important; cursor: pointer; } .buttonlink { padding: .5em 1.5em; float:left;} .button:hover, .buttonlink:hover { background: #efe9cd none; text-decoration: none; } .button-strong {padding:.25em .25em .5em; font-size: 1.091em; font-weight: bold !important; background-color:#E95901 color: #fff !important; cursor: pointer; } .button-strong:hover { text-decoration: none; } .headerbar-link, .headerbar-link:visited { position: absolute; top:0; right: 0; padding: .5em 10px; font-weight: bold; color: #fb6c03; } /*.alt, .alt th, .alt td { background-color: #f0f4f5; }*/ /*Form elements*/ .textfield, textarea {padding:3px 6px; border: 1px solid #ccc; font-size:1em; color:#999; background-color:#f5f5f5;} .textfield:focus, textarea:focus {background-color:#fff; color:#000;} .formrow { margin-bottom:.5em;} .formrow.left {float:left; clear: both;} .formrow.right {float:left; margin-left:10px; display: inline; } .formrow label {display:block; margin-bottom: .6em;} .formrow select {font-size:1.1em;} .checkbox input, .radio input { float: left; vertical-align:middle; margin: 0; } .checkbox label, .radio label { margin-left:1.5em; } .required { font-size: 2em; color: #5BA125; position: relative; top: .273em;} input.linkbutton, .button, .button-strong {color:#FB6C03; background-color:transparent; border:0 none; cursor:pointer;} input.linkbutton {color:#FB6C03;} input:hover.linkbutton { border-bottom:#FB6C03 1px solid; background-color:transparent;} /*Errors and alerts*/ .alert {margin-top: 1em; margin-bottom:0.5em; border:1px solid #ccc; background-color: #FAF8E2; font-size:1.091em; padding: 10px; } .alert h3 { color: #C70B15; } .alert ul li { padding-left: 13px; margin-bottom: .25em; background: url(/Assets/OrdnanceSurvey/Images-css/bullet-green.gif) 0 .5em no-repeat; } /* =========================== Header */ #osbar { background-color:#eee; height: 14px; padding:8px 0; position:relative; font-size: 1.1em; color: #666; } #osbar a { color:#666; text-decoration: none; } #osbar a:hover { text-decoration: underline; } #osbar ul { position:absolute; right:0pt; top:5px; line-height: 1.3em; } #osbar ul li { display:inline;} #osbar ul li a { border-right:1px solid #666666; padding:0pt 5px; } #osbar ul li a.last { border-right: none; } #header { padding:10px; min-height: 66px; position: relative; font-size: 1.1em;border-bottom:1px solid #fff;} #header #main-home-link {float:left;} #header .logo {margin:0 0 10px 10px;} #header .logo-secondary {margin:4px 0 10px 5px; float:left;} #header a {color: #666;} #account-navigation { position: absolute; right: 8px; top: 18px; min-width: 167px; font-size: 1.091em; } #account-navigation li { float: left; margin: 0 6px 5px 0; line-height: 120%; } #account-navigation li a { color: #1f3084;text-decoration:underline; } #account-navigation li a:hover {text-decoration:none;} #category-navigation {background:#E6E5E5 url(/Assets/OrdnanceSurvey/Images-css/bg-section_nav.gif) repeat-x scroll 0 0; border-bottom:1px solid #CCCCCC; border-top:5px solid #FF6633 ; bottom:0; font-size:1.091em; left:0; position:absolute; width:100%;} #category-navigation li { display:block; float:left; min-height:22px;} #category-navigation a {display:inline-block;color:#333; padding:5px 8px;} #category-navigation li.first {padding-left:5px;} #category-navigation li.last a {padding-right:0;} #category-navigation.home li.home a, #category-navigation.paper-maps li.paper-maps a, #category-navigation.digital-maps li.digital-maps a, #category-navigation.navigation-and-gps li.navigation-and-gps a, #category-navigation.outdoor-essentials li.outdoor-essentials a, #category-navigation.road-and-street-atlases li.road-and-street-atlases a, #category-navigation.leisure-guide-books li.leisure-guide-books a, #category-navigation.wall-maps li.wall-maps a, #category-navigation.historical-maps li.historical-maps a, #category-navigation li.current a {color:#ff6600;} /* =========================== Shopping Basket */ #shopping-basket { position: absolute; right: 9px; bottom: 26px; width: 103px; height: 54px; padding: 26px 33px 14px 33px; background: url(/Assets/OrdnanceSurvey/Images-css/sprites.png) 0px -50px no-repeat; line-height: 1em; color: #1f3084; } #shopping-basket a { color: #1f3084; } #shopping-basket dt { margin-bottom: 12px; font-size: 1.091em; text-transform: uppercase; font-weight: bold; } #shopping-basket dt a { padding-left: 18px; background: url(/Assets/OrdnanceSurvey/Images-css/basket-icon.gif) left center no-repeat; } #shopping-basket dl strong { margin-right: 4px; text-transform: uppercase; } /* =========================== Global Navigation */ #global-navigation {float:right; width:auto; font-size:1.091em; font-weight:bold; margin:25px 2px 0;} #global-navigation li {min-width:82px; height:23px; text-align:center; display:block; float:left; margin-right:4px; *zoom:1; *position:relative; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; box-shadow:0 0 1px rgba(0,0,0,0.5); background: url(/Assets/OrdnanceSurvey/Images-css/global-nav-bg.png) 0 0 repeat-x; /*background: -moz-linear-gradient(top, #ff9900 20%, #ff6600 70%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ff9900), color-stop(70%,#ff6600)); background: -webkit-linear-gradient(top, #ff9900 20%,#ff6600 70%); background: -o-linear-gradient(top, #ff9900 20%,#ff6600 70%); background: -ms-linear-gradient(top, #ff9900 20%,#ff6600 70%); background: linear-gradient(top, #ff9900 20%,#ff6600 70%);*/ } #global-navigation li:last-child, #global-navigation li.last {margin-right:0;} #global-navigation li a {display:block; color:#fff; padding:5px 10px 6px 10px;} #global-navigation li:hover { background: url(/Assets/OrdnanceSurvey/Images-css/global-nav-bg.png) 0px -30px repeat-x; /*background: -moz-linear-gradient(top, #ffa700 20%, #ff7800 70%, #ff7b00 90%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffa700), color-stop(70%,#ff7800), color-stop(90%,#ff7b00)); background: -webkit-linear-gradient(top, #ffa700 20%,#ff7800 70%,#ff7b00 90%); background: -o-linear-gradient(top, #ffa700 20%,#ff7800 70%,#ff7b00 90%); background: -ms-linear-gradient(top, #ffa700 20%,#ff7800 70%,#ff7b00 90%); background: linear-gradient(top, #ffa700 20%,#ff7800 70%,#ff7b00 90%);*/ } /* =========================== Secondary Navigation Matrix */ #secondary-navigation { position: absolute; right:0px; top: 0px;width:75%; padding-right:4px; font-size:1.091em; text-align:right;} #secondary-navigation li {display: inline-block;} #secondary-navigation li a {display:inline-block; color:#000; white-space:nowrap;padding:10px;} /*#secondary-navigation li a:hover {text-decoration:none;}*/ #secondary-navigation li a span {background-color:#000; display:block; float:right; height:10px; margin-right:-12px; margin-top:1px; width:1px;} #secondary-navigation li:last-child a span, #secondary-navigation li.last a span {display:none;} /* =========================== Search */ #header-search, #map-search, #map-search-super { padding:0 0 1px; margin-bottom: 10px 7px 10px 10px; border-bottom: 3px solid #eee;background:#c4c4c4 url(/Assets/OrdnanceSurvey/Images-css/bg-search_header.gif) repeat-y 635px 0 scroll;} #header-search h2, #map-search h2, #map-search-super h2 {font-size: 1.3em;} #header-search fieldset, #map-search fieldset, #map-search-super fieldset { margin-bottom:0;font-size: 1.091em;background:#fff url(/Assets/OrdnanceSurvey/Images-css/bg-search_header.gif) repeat-y 635px 0 scroll; } #header-search fieldset.options, #map-search fieldset.options, #map-search-super fieldset.options { margin-top: .5em; } #header-search fieldset.options label, #map-search fieldset.options label, #map-search-super fieldset.options label { margin-right: 1em; color:#fff;} #header-search input.textfield, #map-search input.textfield, #map-search-super input.textfield { position:relative; border-style:none solid solid; border-width: 0 1px 0 3px; border-color: transparent #eee; width: 305px; height: 17px; padding:3px 3px 1px; color: #000; font-size:1em;background:transparent none;} #header-search fieldset.clearfix div.clearfix {float:right; width:338px;} #header-search input.button, #map-search input.button, #map-search-super input.button { float: left; /*margin-top: -2px; margin-left: 6px;*/ padding: 0; border: 0; background: none; margin-right:1px;} #header-search input.button {float:right;} div.brand #map-search .alert {margin:22px 0 -10px -10px; width:358px; border-top:1px solid #47A5AA; border-left:1px solid #47A5AA; border-right:1px solid #47A5AA;} div.category #map-search .alert {margin:0 0 -2px -10px; border:1px solid #47A5AA;} .account #header-search , .checkout #header-search, .product-list #header-search, .category #header-search, .account #map-search , .checkout #map-search, .product-list #map-search, .category #map-search {margin:0 -20px;} #main #map-search, #main #map-search-super, #sidebar #map-search, #sidebar #map-search-super {border-bottom:0 none; background:transparent none;} #main #map-search, #main #map-search-super {padding:10px;} #sidebar #map-search, #sidebar #map-search-super {margin:0;} #main #map-search fieldset, #main #map-search-super fieldset, #sidebar #map-search fieldset, #sidebar #map-search-super fieldset {background:transparent none;} #main #map-search fieldset.clearfix div.clearfix, #main #map-search-super fieldset.clearfix div.clearfix {float:left;} #main #map-search input.textfield, #main #map-search-super input.textfield, #sidebar #map-search input.textfield, #sidebar #map-search-super input.textfield {background-color:#fff;padding:3px 21px 1px 3px;border:1px solid #666;} #main #map-search input.button, #main #map-search-super input.button, #sidebar #map-search input.button, #sidebar #map-search-super input.button {margin-left:-20px; margin-top:2px; position:relative; right:1px;} #sidebar #map-search input.textfield, #sidebar #map-search-super input.textfield {width:304px; float:left;} #sidebar #map-search input.button {margin-right:12px;right:auto; float:right; margin-top:-21px;} #sidebar #map-search fieldset div {width:340px;} /*#sidebar #map-search input.button, #sidebar #map-search-super input.button {margin-top:-2px;}*/ /* =========================== Content */ .star-rating { background:transparent url(/assets/OrdnanceSurvey/images-css/sprites-starrating.png) repeat-x scroll 0 0; height:20px; width:116px;} .star-rating .rating { display: block; height: 20px; background: url(/assets/OrdnanceSurvey/images-css/sprites-starrating.png) 0 -25px repeat-x; } .star-rating .is-0 { width: 0; } .star-rating .is-1 { width: 20px; } .star-rating .is-1-5 { width: 34px; } .star-rating .is-2 { width: 44px; } .star-rating .is-2-5 { width: 58px; } .star-rating .is-3 { width: 68px; } .star-rating .is-3-5 { width: 82px; } .star-rating .is-4 { width: 92px; } .star-rating .is-4-5 { width: 106px; } .star-rating .is-5 { width: 116px; } /* =========================== Content */ #content, #main { min-height: 18em !important; } #content { position: relative; font-size: 1.1em; line-height: 1.35em; padding: 0 20px; } #content p { margin: .5em 0; font-size:1.091em; } #content h1 { font-size: 1.909em; line-height: 1em; padding: .25em 0 .25em 0; /*background: url(/Assets/OrdnanceSurvey/Images-css/dottedline-1.gif) left bottom repeat-x; */ } #content h2 { font-size: 1.454em; margin-bottom: .5em; } #content h3 { font-size: 1em; margin-bottom: .5em; } #content h1#head {width: auto; color: #333; min-height:15px;padding:20px 0;} #content .breadcrumb-header {width:600px;position:relative; padding-bottom:6px; color: #fff; text-indent:-1px;bottom:-2px; } /*#content.edit-details .breadcrumb-header,*/ #content.register .breadcrumb-header, #content.checkout-login .breadcrumb-header {border-bottom:3px solid #EEEEEE; margin: auto -20px auto -20px!important; padding:0 20px 3px; width:auto; background:url(/Assets/OrdnanceSurvey/Images-css/bg-breadcrumbs.gif) scroll repeat-x 0 100%;} #content.product-list .breadcrumb-header, #content.category .breadcrumb-header, #content.otherproduct .breadcrumb-header, #content.basket .breadcrumb-header, #content.account .breadcrumb-header, #content.login .breadcrumb-header {margin-bottom:-23px;} #content .breadcrumb-header li {float: left; width: auto; line-height: 1em; padding: .25em 0; margin:0 .5em; color:#666; } #content .breadcrumb-header li.first {margin-left:0;} #content .breadcrumb-header a {color:#999;text-decoration:underline; padding-right:.25em;} #content.os-select .breadcrumb-header {bottom:0; margin-bottom:0; position:static;} /*#content .breadcrumb-header h1 {float: left; font-size: 1em; background: none; padding: 0; }*/ #content h1.breadcrumb-title {background:none; /*margin-top: 12px;*/} #main { float:left; width: 550px; /*padding: 10px 0; */} #main.content h2 { font-size: 1em; background:#e6e6e6 url(/Assets/OrdnanceSurvey/Images-css/bg-heading.gif) repeat-x scroll left top ; border:1px solid #666; padding:8px 13px; margin-bottom:0;} #sidebar { float: left; min-width:380px; padding: 10px 10px 0; margin: 0 25px 10px 2px; border:1px solid #666666;} #sidebar.brand input.button { margin-left:4px; /*margin-right:-8px;*/} #sidebar.brand {min-width:340px; background: url(/Assets/OrdnanceSurvey/Images-css/bg-search_area.png) repeat-x top left; padding-right:0; padding-bottom:0;} #sidebar.cms { border-width: 0; } #main .promos { padding-top: 0; } /* =========================== Footer (inner shop-footer) */ #shop-footer { clear: both; padding: 20px 10px 10px 0; background-color:#fff;padding:10px; font-size:1.1em;line-height:1.35em} #shop-footer ul.col { float: left; width: 240px; } #shop-footer ul.col:first-child, #shop-footer ul.col.first { margin-right: 10px; } #shop-footer li { margin-bottom: 2px; font-size: 1.091em;} #shop-footer li ul {padding-bottom:20px;} #shop-footer li li { margin-bottom: 2px; font-size: 1em;} #shop-footer li.browse-products { float: left; width: 480px; margin-right: 10px; } #shop-footer li.ordering { float: left; width: 235px; margin-right: 10px; } #shop-footer li.your-account { float: left; width: 155px; margin-right: 10px; } #shop-footer li.about { float: left; width: 217px; margin-right: 0; } #shop-footer h3 { margin-bottom: 12px; padding: 0; color: #333; } #shop-footer a { color: #333; text-decoration: none; } #shop-footer a:hover { text-decoration: underline; } #shop-footer img.payment-types {float:right;padding-right:6px;} /* =========================== Footer (outer OS site-wide footer) */ #footer {font-size: 1em; clear:left; padding:15px 20px; border-top: 1px solid #cccccc; text-align:right; color:#000; background-color:#fff; margin-bottom:20px;} #footer a { color:#333; } #footerleft {float:left; text-align:left; width:auto;line-height:1.3em;} #footerleft strong {font-weight:normal;} #footerright p { margin-bottom: .5em; } #supplementarynav {float:left; padding-left:15px;} #supplementarynav li { display:inline; } #supplementarynav li a { border-left:1px solid #666666; padding:0pt 3px 0pt 5px; text-decoration:underline;} #supplementarynav li a:hover { text-decoration:none;} #supplementarynav li:first-child, #supplementarynav li.first a { border:medium none; } /* =========================== Home page */ #home #content {padding:10px 0 0 0;} #home #content .breadcrumb-header { margin: 0 -10px 8px -10px; } #home .search-head {background:#f60; margin-bottom:5px;} #home .search-head .top {padding:5px; border-bottom:1px solid #e35b1d;} #home .search-head h1 {display:inline-block; *display:inline; *zoom:1; vertical-align:middle; color:#fff; letter-spacing:-1px; margin-right:10px;} #home .search-head .search-box {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;} #home .search-head #map-search {padding:0;} #home .search-head #map-search * {float:none !important;} #home .search-head #map-search input {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;} #home .search-head #map-search .textfield {width:160px; border:2px solid #e35b1d; height:22px; font-size:12px; line-height:22px; -webkit-box-shadow:inset 0 1px 3px 1px #d7d7d7; -moz-box-shadow:inset 0 1px 3px 1px #d7d7d7; box-shadow:inset 0 1px 3px 1px #d7d7d7;} #home .search-head #map-search .button {margin: 2px 0 0 7px; right:0;} #home .search-head #map-search .alert {border:2px solid #E35B1D; margin-top:.7em;} #home .search-head .popular-searches {border-top:1px solid #ff923f; padding:5px; color:#fff; font-size:1.3em;} #home .search-head .popular-searches a {text-decoration:none; color:#fff;} #home .search-head .popular-searches a:hover {text-decoration:underline;} #home #main {padding:0; margin:0 20px 0 0; display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:645px;} #home .flexslider {position:relative; height:269px; *overflow:none;} #home .flex-container {} #home .flex-direction-nav {*position:relative; *height:20px; *top:-20px;} #home .flex-direction-nav li a {width:15px; height:auto; margin:0; display:block; position:absolute; top:auto; bottom:-28px; text-align:center; font-weight:bold; color:#2e2e2e; font-size:1em;} #home .flex-direction-nav li .next {right:5px;} #home .flex-direction-nav li .prev {left:5px;} #home .flex-control-nav {position:absolute; bottom:-28px; text-align:center;} #home .flex-control-nav li {margin:0 0 0 5px;} #home .flex-control-nav li:first-child {margin:0;} #home .flex-direction-nav li a, #home .flex-control-nav li a {display:block; border:1px solid #d7d7d7; color:#2e2e2e; padding:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:1em;} #home .flex-control-nav li a.active {font-weight:bold; color:#fff; border-color:transparent; background:url(/assets/ordnancesurvey/images-css/selected-slide.png) center -1px no-repeat; padding-top:4px;} #home .flex-direction-nav li a:hover, #home .flex-control-nav li a:hover {text-decoration:none;} #home .pagination-bg {height:35px; border:1px solid #d7d7d7; border-top:none; margin-bottom:10px; background-color: #fffefc; background-image: -webkit-gradient(linear, left top, left bottom, from(#fffefc), to(#e6e6e6)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #fffefc, #e6e6e6); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #fffefc, #e6e6e6); /* FF3.6 */ background-image: -ms-linear-gradient(top, #fffefc, #e6e6e6); /* IE10 */ background-image: -o-linear-gradient(top, #fffefc, #e6e6e6); /* Opera 11.10+ */ background-image: linear-gradient(top, #fffefc, #e6e6e6); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fffefc', EndColorStr='#e6e6e6'); /* IE6-IE9 */} #home #main .promo-banner {margin-bottom:10px;} #home #main .promo-banner * {display:block;} #home .link-boxes {margin-right:-1px;} #home .link-box {float:left; width:200px; border:1px solid #d7d7d7; border-top:3px solid #f60; margin-left:20px;} #home .link-box:first-child {margin-left:0;} #home .link-box h2 {color:#f60; font-size:1.5em; line-height:100%; margin:5px;} #home .link-box img {width:180px; margin:5px 10px;} #home .link-box li {border-top:1px solid #d7d7d7; margin:0 5px;} #home .link-box a {color:#2e2e2e; font-size:1.2em; display:block; padding:5px;} #home .link-box a:hover {text-decoration:none; background:#f7f7f7;} #home .link-box .more a {color:#f60; font-weight:bold;} #home .link-box .more a:after {content:" >>";} #home .rightside {display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:305px;} #home .rightside .widget {color:#fff; background:#2e2e2e; margin-bottom:10px; padding:10px; min-height:188px;} #home .rightside .widget .button-strong {padding:.25em .5em; font-size: 1.1em; height:22px; position:relative; border:none; line-height:16px; *width:90px; -webkit-box-shadow:1px 2px 6px -2px #555; -moz-box-shadow:1px 2px 6px -2px #555; box-shadow:1px 2px 6px -2px #555; -webkit-text-shadow:0 -1px 1px #d40; -moz-text-shadow:0 -1px 1px #d40; -ms-text-shadow:0 -1px 1px #d40; -o-text-shadow:0 -1px 1px #d40; text-shadow:0 -1px 1px #d40; background-color: #f90; color:#fff; font-weight:bold; background-image: -webkit-gradient(linear, left top, left bottom, from(#f90), to(#f60)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #f90, #f60); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #f90, #f60); /* FF3.6 */ background-image: -ms-linear-gradient(top, #f90, #f60); /* IE10 */ background-image: -o-linear-gradient(top, #f90, #f60); /* Opera 11.10+ */ background-image: linear-gradient(top, #f90, #f60); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff9900', EndColorStr='#ff6600'); /* IE6-IE9 */ -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} #home .rightside .widget .button-strong:hover {background:#f60; filter:none;} #home .rightside .widget .button-strong:active {top:1px;} #home .rightside .widget h2 {color:#fff; font-size:2.4em; line-height:100%;} #home .rightside .widget .textfield {width:150px;} #home .rightside .make-a-map {background:url(/Content/images/homepage/home-os-select-bg.jpg) repeat-y 0 0;} #home .rightside .make-a-map strong, #home .rightside .make-a-map ul {font-size:1.3em; display:block; margin:.6em 90px .2em 0; line-height:1.2em;} #home .rightside .make-a-map li {margin-bottom:.2em;} #home .rightside .get-a-map {background:url(/Content/images/homepage/home-get-a-map.jpg) -45px 0 no-repeat; position:relative;} #home .rightside .get-a-map h2 {margin-bottom:.2em;} #home .rightside .get-a-map img {margin-bottom:2px;} #home .rightside .get-a-map .info-bubble {position:absolute; top:100px; left:100px; bottom:0; pight:0; padding:16px 24px 0 42px; color:#2E2E2E; line-height:1.1em; background:url(/Assets/OrdnanceSurvey/Images-Css/info-bubble.png) 0 0 no-repeat;} #home .rightside .get-a-map .info-bubble li {margin-bottom:.4em;} #home .promo-right img {display:block; max-width:100%;} #home .promo-right a {display:block;} #home .promo-right li {margin-bottom:10px;} /* =========================== Sitemap */ #container #content.sitemap h1 {visibility:visible;} #content.sitemap h2 {clear:both; border-bottom:solid 1px #E8E8E8; font-size:1.364em; padding:0.5em 0;} #content.sitemap h3 { font-size:1.182em;} .sitemap ul {width:900px; clear:both; margin-bottom:3em;} .sitemap ul.breadcrumb-header {margin-bottom:0;} .sitemap ul ul {width:120px; clear:both; margin-bottom:0;} .sitemap ul li {float:left; width:140px; margin-left:0px; margin-right:50px; font-weight:bold;} .sitemap ul li li {float:none; width:140px; margin:5px 0px; font-weight:normal; font-size:1.091em;} .sitemap ul li li a {color:#666666;} .sitemap ul li li ul {margin-bottom:5px;} .sitemap ul li li li {font-size:0.916em; margin:0 10px;} .sitemap ul li li li li {font-size:1em;} /*Shop by location and brand landing pages*/ #main.content a.main, #main.content img.main {display:block; margin-bottom:0.818em;} #main.content ul.other-links {clear:both; margin-right:-0.818em;} #main.content ul.other-links li {float:left; display:block;} #main.content ul.other-links li a {display:block; margin-right:0.818em; margin-bottom:0.818em;} #main.content ul.featured {margin-right:-10px;} #main.content ul.featured li {float:left; display:block;} #main.content ul.featured li a { margin-bottom:10px; margin-right:10px; display:block;} /* =========================== Global banners */ #container #banners {clear:both;padding:0 20px;} #container #banners li {display:inline-block;} /* =========================== Canned landing pages */ #content.landing #main {width:700px; float:right;} #content.landing #main img.main {padding-bottom:10px;} #content.landing #main ul.other-links {clear:both; margin-right:-0.818em;} #content.landing #main ul.other-links li {float:left; display:block;} #content.landing #main ul.other-links li a {display:block; margin-right:0.636em; margin-bottom:0.818em;} #content.landing #sidebar.cms {width:240px;margin-right:0px;margin-left:0px;padding-right:0; padding-left:0; padding-top:0;} #content.landing #sidebar.cms {width:200px; min-width:200px;} #content.landing #sidebar.cms h2 {color:#353535; margin-bottom:.25em;} #content.landing #sidebar.cms ul {margin-bottom:15px; font-size:1.091em;} #content.landing #sidebar.cms li {background-image:none; padding-left:0; margin-bottom:0;} #content.landing #sidebar.cms h2.head, #content.landing #sidebar.cms ul.head {padding:10px;} #content.landing #sidebar.cms h2.head {background-color:#bbbdbc; margin-bottom:0;} #content.landing #sidebar.cms ul.head {background-color:#eeeeee; margin-bottom:20px; padding-bottom:20px;} /* =========================== Category and product list pages */ #sidebar.category {background:url(/Assets/OrdnanceSurvey/Images-css/bg-search_area.png) repeat-x top left; margin-left:0; padding-right:0; min-width:340px;border:1px solid #666;margin-right:15px;} #sidebar.category.search {margin-top:20px; margin-left:10px; } #sidebar.category.search h2 {margin-bottom:0.5em;} /*#sidebar.category #map-search input.textfield {width:304px;}*/ #sidebar.category #map-search {padding:0 0 10px 0;} #sidebar.category #map-search fieldset {padding-bottom:8px;} #sidebar.category #map-search fieldset div span label, #sidebar.category #map-search fieldset div span input {margin-top:-3px;} #sidebar.category #map-search input.button {right:auto;} #sidebar.category #map-search fieldset span {padding-top:10px; display:inline-block;} #sidebar.category .map-browse {padding:0; margin-left:-10px; width:auto;} .map-browse { position: relative; background-color:#fff; width:350px; padding:15px 0; margin:-8px auto 0; text-align:center; border-top:solid 1px #666;} .map-browse .controls { position: absolute; left: 11px; top: 18px; width: 65px; height: 119px; background: url(/Assets/OrdnanceSurvey/Images-css/bg-mapcontrol.png) left top no-repeat; } .map-browse .controls input, .map-browse .controls .map-zoom-level { position: absolute; } .map-browse .controls .map-up { left: 23px; top: 4px; } .map-browse .controls .map-left { left: 5px; top: 24px; } .map-browse .controls .map-right { left: 42px; top: 24px; } .map-browse .controls .map-down { left: 23px; top: 44px; } .map-browse .controls .map-zoom-in { left: 5px; top: 69px; } .map-browse .controls .map-zoom-out { left: 5px; top: 90px; } .map-browse .controls .map-zoom-level { left: 28px; top: 95px; cursor: pointer; } .map-browse #map-overlay { display: none; position: absolute; text-align: center; width: 38px; height: 27px; padding-top: 11px; background: transparent url(/Assets/OrdnanceSurvey/Images-css/bg-mapoverlay.png) center no-repeat; font-size: 1em; font-weight: bold; color: #fff; } .map-legend { padding:5px 15px; border-color:#47A5AA; border-style:solid; border-width:0 1px 1px; margin-left:-10px;} #main #standard-results-heading h2 {border:0px none; background-color:Transparent; color:#667272; font-weight:bold; padding:0; margin-bottom:0.25em;} .brand h2 { margin-bottom:0em!important;} .brand #map-search {padding:10px 0;} .brand .map-brands {background-color:#FFFFFF;border-top:1px solid #666; margin:0 -10px 2px;padding:7px 10px;position:relative;width:330px;} .brand .map-brands h2 {margin-bottom:.5em!important; padding-top:7px;} .brand .map-brands ul {padding-bottom:30px;} .brand-maps-results h3 {font-size:1.273em!important;} .brand-maps-results ul li {background:url(/Assets/OrdnanceSurvey/Images-css/dottedline-1.gif) repeat-x scroll left bottom; padding:5px 0 5px 0;} .brand-maps-results ul li p {margin:0 0 .2em 0!important;} .brand-maps-results ul.featured li, .brand-maps-results ul.other-links li {padding:0; background-image:none;} .categories {padding:0 0 0.1em 0; background:transparent url(/Assets/OrdnanceSurvey/Images-css/dottedline-1.gif) repeat-x scroll left bottom;} .categories ul {padding:10px; font-size:1.091em; font-weight:bold; background-color:#e5f5ce;} .categories li {float:left; width:30%; padding-left:13px; margin-bottom:.5em; background:url(/Assets/OrdnanceSurvey/Images-css/gt-green.gif) 0 .3em no-repeat;} .categories h2 {background:#628133 url(/Assets/OrdnanceSurvey/Images-css/bg-find.gif) repeat-x scroll left top; color:#fff; padding:0.5em; margin-bottom:0!important;} /*#content .paging { color: #a8a8a8; }*/ .paging a:focus, .paging a:visited, .paging a:active { background-color: transparent; color: #fb6c03;} .paging p, .paging li { float: left; } .paging ul, #paging-list { float: right; } .paging li { margin: .5em .25em; } .paging li a { padding: 0 .25em; } .paging li.last { margin-right: 0; } .paging .options { clear: both; position: relative; background-color: #f1ffc5; padding: 10px; border-bottom: 1px solid #DADAD3; margin-bottom: .5em; } .paging .options ul, .paging .options .sort li { float: none; } .paging .options div { float: left; width: 40%; } .paging .options h3 { color: #5B9B11; } .paging .options li { margin-left: 0; } .paging .options li a { font-weight: bold; } .paging .options li.active { background-color: #fff; } .paging .options li.active a { color: #a8a8a8; } .paging .options p.close { position: absolute; right: 10px; top: 10px; margin-top: 0 !important; } .results { padding:1em 0 20px; margin-top: .25em; border-top:1px solid #ccc;} .results ul { margin-right: -20px; } .results li {float: left; min-height: 12em; width: 244px; padding: 1em 0; margin-right: 20px; background: url(/Assets/OrdnanceSurvey/Images-css/dottedline-1.gif) left bottom repeat-x; display:inline;} .results li img { float: left; } .results li h2, .results li p { float: right; width: 149px; } .results li h2 { margin: 0 !important; /*font-size: 1.182em !important;*/} .results li a { font-weight: bold; } .results li p { margin: .091em 0; } .results li p.publisher, .results li p.series { font-size:1.091em;} #content .results li p.publisher { margin-bottom:0;} #content .results li p.series, #content .results li p.price { margin-top:0;} .results li p.price { font-size: 1.091em; color: #667272; font-weight:bold;} .results li p.price .offer {color:#e10000;} .results li p.has-comment {cursor:pointer;} #main .results h2 {border:0px none; background-color:Transparent; color:#FB6C03; font-size:1.273em; font-weight:bold; padding:0;} #main .results h2 a {color:inherit!important; text-decoration:underline;} #main .results h2 a:hover {text-decoration:none;} #gazetteerresults { padding: 0 0 1em 0; margin-bottom: 1em; background-color:#f5f5f5; border:1px solid #ccc; min-height:76px;} #gazetteerresults h2 a, #gazetteerresults p a {text-decoration:underline;} #gazetteerresults h2 a:hover, #gazetteerresults p a:hover {text-decoration:none;} .js-enabled #gazetteerresults {padding:11px;} .js-enabled #gazetteerresults .summary {position:relative; top:0; left:0; } .js-enabled #gazetteerresults .summary p.summary {cursor:pointer; color:#014449; font-size:1.273em; padding:7px 16px 10px; width:468px; margin-bottom:0;} .js-enabled #gazetteerresults .summary p.summary.active {background-position: 0 -483px;} .js-enabled #gazetteerresults div.list {width:492px;background: transparent url(/Assets/OrdnanceSurvey/Images-css/shdw-gaz_dropdown.png) scroll no-repeat bottom right; padding-right:7px; padding-bottom:7px; max-height:380px; position:absolute; left:2px; top:30px; overflow-y: hidden;} .js-enabled #gazetteerresults div.list.active {display:block;} .js-enabled #gazetteerresults div.list div {background-color:#fff; /*padding:1px;*/ border:1px solid #47A5AA;} .js-enabled #gazetteerresults ol {color:#014449; font-size:1.273em; background-color: #fff; padding:7px 16px 10px; width:451px; max-height:350px; overflow-y:scroll; margin:5px;} .js-enabled #gazetteerresults ol.active { padding-bottom:0px; margin-bottom:10px; margin-left:0;} #gazetteerresults ol li { margin-bottom: .5em; /*min-height:30px;*/ } #gazetteerresults ol li h2 { margin-bottom: 0; font-size: 1em; } #gazetteerresults ol li p { margin-top: 0; font-size: .857em; font-weight: normal;} /*paging links*/ #gazetteerresults ol#page-links li a.selected { color:#A8A8A8; cursor:default; text-decoration:none;} #locationresults li.pagenumber {background:none; margin:0.5em 0.25em; min-height:0; padding:0; width:auto;} #locationresults a {font-weight:normal;} #locationresults h2 a {font-weight:bold;} #locationresults a.selected { color:#A8A8A8; cursor:default; text-decoration:none;} #locationresults .paging {margin-bottom:1em;} #locationresults ul.pagination {background: url(/Assets/OrdnanceSurvey/Images-css/dottedline-1.gif) left top repeat-x;} .results ul li div, #locationresults ul li div {clear:both; display:block; padding-left:91px;} .results ul li div input, #locationresults ul li div input, .results ul li div input:hover, #locationresults ul li div input:hover {margin-top:.5em; padding:.25em .25em .5em;; height:29px; width:92px; text-indent:-9999em; border:0px none; display:block; clear:left;background: url(/Assets/OrdnanceSurvey/Images-css/sprites.png) 0 -340px no-repeat; } .results ul li div input:hover, #locationresults ul li div input:hover {background-position: -100px -340px;} .results ul li div input.add {background: url(/Assets/OrdnanceSurvey/Images-css/sprites.png) 0 -383px no-repeat;} .results ul li div input.add:hover {background-position: -100px -383px;} /* For makeGridList script */ .results ul.gridRow { margin:0; border-bottom:1px solid #ccc; } .results ul.gridRow li { background: none; margin-right: 20px; } .intro { padding: 10px; background-color: #faf9e2; font-size: 1.091em;} .intro img { float: right; margin: -48px 0 0 10px; } .intro ul { font-size: 0.901em; } .intro ul.col { float: left; margin-right: 2%; width: 48%; } .intro .add-to-basket { clear: both; } .intro .add-to-basket .button-strong { } .product-list-paging { color: #a8a8a8; padding: 0; } .product-list-paging a:focus, .product-list-paging a:visited, .product-list-paging a:active { background-color: transparent; color: #fb6c03; } .product-list-paging li { float: left; } .product-list-paging li { margin: .5em .25em; } .product-list-paging li a { padding: .25em; display: block; float: left; } .product-list-paging li a.active { color: #a8a8a8; } .product-list-paging li:first-child, .product-list-paging li.first { margin-left: 0; } .browse-products h2 em { font-style: normal; color: #5B9B11; } .browse-products .product-list { color: #676f73; } .product-list h3 { color: #2b3233; font-size: 1.273em; padding: .5em 0; } /* =========================== Product detail page */ #content.product-details {padding:0; background-color:#eee;} #content.product-details h1#head {background-color:#fff; border-right:1px solid #C4C4C4;border-bottom:0 none; color:#333; margin:0 0 0 186px; padding:12px 12px 0; width:510px;} #content.product-details h1#head em {font-style:normal;} .product-details #main {width:auto; background-color:#eee; padding:0; float:none;} .product-details #sidebar {min-width:340px; padding-top:0 !important; margin-right:15px!important;border-color:#ccc;} .product-details .product-preview { padding-top: 0; font-size: 1.091em; } .product-details .product-info {position: relative; padding-top:0; border-bottom:0 none;} #content.product-details .product-info h2 { padding-bottom: 2px; margin:0; font-weight:normal; font-size:1.637em; color:#333; line-height:1.11em;} .product-details .product-cover { float:left; padding: 10px; margin:0; font-size: 1.091em; background:#fff url(/Assets/OrdnanceSurvey/Images-css/shdw-170_8bit.png) no-repeat right bottom; position:absolute; left:0; top:-34px;} .product-details .product-cover a {display:block; margin-bottom:15px;} .product-details .product-preview p, .product-details .product-cover p { margin-bottom: 0 !important; padding-left:0.5em;} .product-details .product-info #middle, .product-details .product-info #right {border-bottom:1px solid #c4c4c4;} .product-details .product-info #middle {padding:0 12px 12px; background-color:#fff;margin-left:186px;width:510px;min-height:294px;float:left;border-right:1px solid #C4C4C4;} .product-details .product-info #right {position:absolute; right:0; top:-34px; bottom:11px; width:249px;background:#F5F5F5 url(/Assets/OrdnanceSurvey/Images-css/bg-add_basket_section.gif) scroll repeat-x bottom left;} .product-details .product-info p, .product-details .product-info li {font-size: 1.091em;} .product-details .product-info p.sheet {margin: 0 0 0.714em!important; } .product-details .product-info p.price {margin:0!important; padding:10px 12px; border-width:1px 0 1px 1px; border-style:solid; border-color:#fff transparent #ccc #fff; font-size: 1.091em; color: #667272; } .product-details .product-info p.price span {display:none;} .product-details .product-info p.price strong {font-size: 1.5em; font-weight: normal; color:#e20000 /*#2b3233*/; display:block; padding-bottom:5px; } .mapproduct .product-info p.price strong, .snowandrockproduct .product-info p.price strong {font-weight:bold;} .mapproduct .product-info p.price span.was, .snowandrockproduct .product-info p.price span.was, .mapproduct .product-info p.price span.you-save, .snowandrockproduct .product-info p.price span.you-save {color:#888; display:inline;} .mapproduct .product-info p.price span.was, .snowandrockproduct .product-info p.price span.was {font-size:1.5em; padding-right:3px;} .mapproduct .product-info p.price span.you-save, .snowandrockproduct .product-info p.price span.you-save {font-size:0.917em;} .product-details .product-info #activity-attributes {} .product-details .product-info #activity-attributes li {display:inline-block;padding-right:1px; } .product-details .product-info #target-links {padding-top:13px;} .product-details .product-info #target-links li {padding-bottom:10px;} .product-details .product-info #target-links li a {background: transparent url(/Assets/OrdnanceSurvey/Images-css/r_arrow_small.gif) scroll no-repeat right center; padding-right:10px;} .product-details .product-info .reviews {padding-bottom:13px; border-bottom:1px solid #c4c4c4; border-left:1px solid #fff;} #content.product-details .product-info .reviews h2 {padding:7px; font-size:1.091em!important; background:#e6e6e6 url(/Assets/OrdnanceSurvey/Images-css/bg-thead.png) repeat-x scroll 0 0; font-weight:bold!important; border-bottom:1px solid #c4c4c4; margin-bottom:1em!important;} .product-details .product-info .reviews .star-rating, .product-details .product-info .reviews p {float:left;} .product-details .product-info .reviews .star-rating {margin-left:10px;} .product-details .product-info .reviews p {font-size:1.091em;padding:3px 7px; margin:0!important;} .product-details .product-info .addthis_toolbox {clear:both; border-top:1px solid #fff; padding:10px; min-height:31px;} .product-details .product-info .addthis_toolbox a.addthis_button_facebook, .product-details .product-info .addthis_toolbox a.addthis_button_twitter, .product-details .product-info .addthis_toolbox a.addthis_button_print, .product-details .product-info .addthis_toolbox a.email {background:transparent url(/Assets/OrdnanceSurvey/Images-css/sprites.png) no-repeat scroll -350px -223px; height:31px; width:31px; padding:0; margin-right:8px; cursor:pointer;} .product-details .product-info .addthis_toolbox a.email {display:none;} .js-enabled .product-details .product-info .addthis_toolbox a.email {display:block;} .product-details .product-info #right .link-button {display:none;} .product-details .product-info .addthis_toolbox a.addthis_button_twitter {background-position: -388px -223px;} .product-details .product-info .addthis_toolbox a.email {background-position: -426px -223px; float:left;} .product-details .product-info .addthis_toolbox a.addthis_button_print {background-position: -464px -223px;} .product-details .product-info .addthis_toolbox a.addthis_button_facebook span, .product-details .product-info .addthis_toolbox a.addthis_button_twitter span, .product-details .product-info .addthis_toolbox a.addthis_button_print span {background-image:none!important;} .product-details table {display:block; width: 620px; padding-top:1px; float:left; font-size:1.091em; border-bottom-color:#C4C4C4; border-right:1px solid #c4c4c4; background-color:#f4fafa} #content.product-details table, #content.product-details #map-details .map-browse {margin-bottom:6px;} .product-details td { width: 479px; padding: .5em 10px;} .product-details th { width: 141px; padding: .5em 10px;} .product-details th, .product-details td {background-color:#f4fafa} .product-details .alt th, .product-details .alt td {background-color:#e1f1f2} .product-details thead th, .product-details thead td {background:#e6e6e6 url(/Assets/OrdnanceSurvey/Images-css/bg-thead.png) repeat-x scroll 0 0!important; border-bottom:1px solid #c4c4c4;} .product-details thead th:hover, .product-details thead td:hover {background-color:#e6e6e6} /*.product-details tbody td {border-right:1px solid #c4c4c4;} maybe move this styling to the table itself*/ .product-details .product-info #right th, .product-details .product-info #right td {background-color:transparent;} .product-details .panes {margin-top:1px; padding-bottom:10px;} .product-details #map-details .map-browse {width:349px; float:right; margin:0; padding:0; border:0 none;border-left:1px solid #FFFFFF;} .product-details #map-details .map-browse h2, .product-details h2.alternative-products, .product-details #more-info h2, #content.snowandrockproduct .alternative-products h3 {padding:0.5em 10px; background:#e6e6e6 url(/Assets/OrdnanceSurvey/Images-css/bg-thead.png) repeat-x scroll 0 0; border-bottom:1px solid #c4c4c4; margin-bottom:0; font-size:1.091em; text-align:left;} .product-details #map-details .map-browse {} #content.product-details .add-to-basket { margin: 0 0 .5em; padding:20px 10px 10px; width: auto; overflow: hidden; border-top:1px solid #fff;border-left:1px solid #fff; } #content.mapproduct .add-to-basket, #content.snowandrockproduct .add-to-basket {padding-top:7px;} #content.snowandrockproduct .add-to-basket {border-bottom:1px solid #CCCCCC; margin:0; padding:5px 0;} #content.product-details .add-to-basket h2 {padding:0 0 .857em; font-size:1.273em; font-weight:bold;} .product-details .add-to-basket fieldset { font-size: 1.091em; float: right; margin-bottom: .5em; width:19em;} .mapproduct .add-to-basket fieldset, .snowandrockproduct .add-to-basket fieldset {clear:both; float:left; /*width:164px;*/} .product-details .add-to-basket label, .product-details .add-to-basket input { /*float: left;*/ margin-left: 10px; } .product-details .add-to-basket label { margin-top: .75em; margin-left:0; } .mapproduct .add-to-basket label, .snowandrockproduct .add-to-basket label { font-weight:bold; float:none; display:block;} .product-details .add-to-basket input.button {float:right;} .mapproduct .add-to-basket input.button, .snowandrockproduct .add-to-basket input.button {display:block; float:right; position:relative;} .snowandrockproduct .add-to-basket input.button {margin-right:10px; float:right; left:0; margin-top:0;} .product-details .add-to-basket input.textfield { margin-top: .35em; margin-left:6px;} .product-details .add-to-basket input.textfield {width:1.667em; padding:4px 5px; height:auto; color: inherit; text-align:right;} .mapproduct .add-to-basket input.textfield, .snowandrockproduct .add-to-basket input.textfield { background-image:none; height:15px; width:15px; padding:4px; border-color:#aaa; text-align:center; float:left;} .snowandrockproduct .add-to-basket input.textfield {margin-left:0;} .mapproduct .add-to-basket a.sv-increment, .snowandrockproduct .add-to-basket a.sv-increment, .mapproduct .add-to-basket a.sv-decrement, .snowandrockproduct .add-to-basket a.sv-decrement {display:inline-block; width:20px; height:21px; background: url(/Assets/OrdnanceSurvey/Images-css/sprites.png) -450px 0px no-repeat scroll; text-indent:-9999em; margin-top:6px;} .mapproduct .add-to-basket a.sv-increment, .snowandrockproduct .add-to-basket a.sv-increment {margin-left:7px; float:left;} .mapproduct .add-to-basket a.sv-decrement, .snowandrockproduct .add-to-basket a.sv-decrement {background-position:-475px 0px; float:left; /*float:right; margin-right:97px;*/} .snowandrockproduct .add-to-basket a.sv-decrement {background-position:-475px 0; float:left; margin:6px 7px 0 10px;} .product-details .add-to-basket input.textfield:focus { background-color: #fff; } .product-details .add-to-basket input.button { padding: 0; border: 0; margin-left:0; background: none; } .product-details .add-to-basket input.wishlist {background-position:-200px -383px!important; margin-bottom:0!important; padding: .25em .25em .5em} .product-details .add-to-basket input.wishlist:hover {background-position:-350px -383px!important;} .product-details .add-to-basket .alert { clear: both; } /*tabs*/ .product-details #main .preview {border-top:1px solid #48a5aa; margin-top:59px;} .product-details #main .preview .tabs {display:block; width:536px; margin:-39px auto 0;} .product-details #main .preview .tabs li {display:inline-block; width:130px; height:38px; padding-right:2px;} .product-details #main .preview .tabs li.last {padding-right:0px;} .product-details #main .preview .tabs li a {color:#333; font-weight:bold; display:block; padding:15px 0 8px; text-align:center; font-size:1.273em; background: url(/Assets/OrdnanceSurvey/Images-css/sprites.png) 0px -1016px no-repeat scroll;} .product-details #main .preview .tabs li a:hover {background-position:-135px -1016px; text-decoration:none;} .product-details #main .preview .tabs li a.active {color:#fff; background-position:-270px -1016px;} .product-details .alternative-products {background:none;} #content.product-details h2.alternative-products, #content.snowandrockproduct .alternative-products h3 {clear:both; margin-bottom:10px;border-left:1px solid #FFFFFF;font-size:1.273em;} .product-details .alternative-products ul {/*padding-bottom:30px;*/ clear:both;} .product-details .alternative-products h3 { font-size: 1.091em !important; } .product-details .alternative-products li { display:inline-block; float:left; padding-top:170px; position:relative; top:0; width:180px; min-height:130px; background-image:none; } .product-details .alternative-products li h2, .product-details .alternative-products li p { /*width:159px; */ width:180px;} .product-details #main .alternative-products li h2 {color:#333;text-align:center; padding-top:12px; margin-bottom:0; font-size:1.273em;} .product-details #main .alternative-products li h2 a {text-decoration:none;color:#333;} .product-details #main .alternative-products li h2 a:hover {text-decoration:underline;} .product-details #main .alternative-products li a.image {background: transparent url(/Assets/OrdnanceSurvey/Images-css/shdw-170_8bit.png) bottom right no-repeat; padding-bottom:14px; display:block;left:0; position:absolute; top:0; text-align:center;} .product-details #main .alternative-products li a.image img {border:10px solid #fff; display:inline; padding:0;} .product-details .alternative-products li p.price, .product-details .alternative-products li p.series {text-align:center;} .product-details .alternative-products li p.price {margin:0 10px 0 0!important;font-size:1.273em; font-weight:bold;} .product-details .alternative-products li p.series {margin-top:0 10px 5px 0!important;} .product-details .alternative-products li input.button {padding:.25em .25em .5em; height:29px; width:92px; text-indent:-9999em; border:0px none; display:block; clear:left;background: url(/Assets/OrdnanceSurvey/Images-css/sprites.png) 0 -340px no-repeat scroll; margin:0 auto; position:relative; left:-10px;} .product-details .alternative-products li input.button:hover {background-position: -100px -340px} .product-details .alternative-products li input.add {background: url(/Assets/OrdnanceSurvey/Images-css/sprites.png) 0 -383px no-repeat;} .product-details .alternative-products li input.add:hover {background-position: -100px -383px;} .product-details #area-covered {font-size:1.091em;background-color:#fff;} .product-details #area-covered img {float:left;padding:20px 0 20px 25px;} .product-details #area-covered #os-select-search, .product-details #area-covered #map-buying-guide, .product-details #reviews-faq #reviews { width:250px; float:right; background-color:#daedee;} .product-details #area-covered #os-select-search h2, .product-details #area-covered #map-buying-guide h2, .product-details #reviews-faq #reviews h2, .product-details #reviews-faq #faqs h2, .product-details #size-guide h2, .product-details #delivery h2, .product-details #returns h2 {padding:9px 10px; margin:0; min-height:17px; background:#e6e6e6 url(/Assets/OrdnanceSurvey/Images-css/bg-heading2.png) repeat-x scroll 0 0; border-bottom:1px solid #c4c4c4; font-size:1.167em; text-align:left;} .product-details #reviews-faq #faqs h2 {border-right:1px solid #c4c4c4;} .product-details #reviews-faq #reviews h2 {border-left:1px solid #fff;} .product-details #area-covered #os-select-search p, .product-details #area-covered #map-buying-guide p {padding:12px 9px 24px; margin:0;} .product-details #area-covered #os-select-search fieldset {padding:0 9px;} .product-details #area-covered #os-select-search fieldset p {padding:0 0 4px;} .product-details #area-covered #os-select-search fieldset p.link, .product-details #area-covered #map-buying-guide p.link {padding:0 0 36px; font-size:1.167em;} .product-details #area-covered #os-select-search fieldset p.link a, .product-details #area-covered #map-buying-guide p.link a {background: transparent url(/Assets/OrdnanceSurvey/Images-css/r_arrow_small.gif) right center no-repeat scroll;} .product-details #area-covered #os-select-search fieldset h3 {font-size:1.167em; color:#0b9da5;} .product-details #area-covered #os-select-search fieldset .textfield, .product-details #reviews-faq #reviews fieldset .textfield, .product-details #reviews-faq #reviews fieldset textarea, #report-a-review fieldset .textfield, #report-a-review fieldset textarea, div#tell-a-friend .formrow .textfield, div#tell-a-friend .formrow textarea { width:215px; height:22px; padding:6px 7px 0; margin-bottom:9px; background-image:none; color:#aaa; font-size:1.167em;} .product-details .add-to-basket input.button.wishlist, .product-details #area-covered #os-select-search fieldset .button-strong, .product-details #reviews-faq #reviews fieldset div.action input, #report-a-review div.action input, .product-details #reviews-faq #reviews .add fieldset p.submit input, .product-details #reviews-faq #reviews .add p.write-review input.button {clear:both; display:block; height:39px; width:138px; margin-bottom:17px; background:transparent url(/Assets/OrdnanceSurvey/Images-css/sprites.png) -169px -281px no-repeat scroll; border:0 none; text-indent:-9999em; padding-top:.25em; padding-bottom:.5em;} .product-details #area-covered #os-select-search fieldset .button-strong:hover {background-position:-320px -281px;} .product-details #area-covered #map-buying-guide {clear:right; min-height:300px;} .product-details #area-covered #map-buying-guide p.link {padding-left: 8px;padding-right: 8px;} .product-details #area-covered #regional-product {background-color:#eee; margin-top:-10px; padding-top:10px;} .product-details #adjacent-maps {background-color:#fff;} .product-details #adjacent-maps #surrounding-area {padding:20px 0 20px 25px;} .product-details #adjacent-maps #adjacent-map-set {width:360px; padding-top:10px; float:right;} .product-details #main #adjacent-maps .alternative-products li a.image {background-position:bottom left;} #content.snowandrockproduct .panes #returns p, #content.snowandrockproduct .panes #delivery p {padding:0 15px;} /*reviews*/ .product-details #reviews-faq {font-size:1.091em; background-color:#fff;} .product-details #reviews-faq #reviews {width:350px;} .product-details #reviews-faq #reviews .add p {margin:0; padding:12px 9px 24px;} .product-details #reviews-faq #reviews .star-rating {float:right; margin-top:-28px; margin-right:10px;} .product-details #reviews-faq #reviews h3, .product-details #reviews-faq #reviews fieldset, .product-details #reviews-faq #reviews ul, .product-details #reviews-faq #reviews a.view-all {padding:0 8px;} .product-details #reviews-faq #reviews ul {margin-bottom:-24px;} .product-details #reviews-faq #reviews ul li {padding:12px 0 24px} .product-details #reviews-faq #reviews ul li .star-rating {float:none; margin-top:auto; margin-right:auto;} .product-details #reviews-faq #reviews a.view-all {} .product-details #reviews-faq #reviews div.meta h3 {padding:0;} .product-details #reviews-faq #reviews fieldset textarea, .product-details #reviews-faq #reviews fieldset textarea.textfield, #report-a-review fieldset textarea, #main div#tell-a-friend .formrow textarea {width:314px; height:100px; padding-bottom:6px;} .product-details #reviews-faq #reviews #report-a-review fieldset div.action input, #report-a-review fieldset div.action input {background-position:-265px -50px;height:29px;width:93px;} .product-details #reviews-faq #reviews #report-a-review fieldset div.action input:hover, #report-a-review fieldset div.action input:hover {background-position:-365px -50px;} .product-details #reviews-faq #reviews .add p.message {padding:12px 8px;} .product-details #reviews-faq #reviews .add p.write-review input.button {background-position:-350px -530px;} .product-details #reviews-faq #reviews .add p.write-review input.button:hover {background-position:-350px -570px;} .product-details #reviews-faq #reviews .add fieldset p {padding:12px 0 0; } .product-details #reviews-faq #reviews .add fieldset label {display:block; float:left; padding-bottom:5px; padding-right:10px;} .product-details #reviews-faq #reviews .add fieldset input.textfield {width:314px; clear:both;} .product-details #reviews-faq #reviews .add fieldset p.rating, .product-details #reviews-faq #reviews .add fieldset div.star-rating { float:left; margin-top:10px; padding-top:0;} .product-details #reviews-faq #reviews .add fieldset p.rating {padding-right:10px;} .product-details #reviews-faq #reviews .add fieldset p.rating {padding-right:10px;} .product-details #reviews-faq #reviews .add fieldset p.submit {padding-top:20px;clear:both;} .product-details #reviews-faq #reviews .add fieldset p.submit input {background-position:-169px -80px;} .product-details #reviews-faq #reviews .add fieldset p.submit input:hover {background-position:-350px -80px;} .product-details #reviews-faq #faqs {width:620px;} .product-details #more-info .inner, .product-details #reviews-faq #faqs .inner, .product-details #size-guide .inner, .product-details #delivery .inner, .product-details #returns .inner, .product-details #delivery-returns .inner {padding:12px 8px 24px;} .product-details #more-info .inner h2, .product-details #reviews-faq #faqs .inner h2 {background: transparent none; border-right:0 none; border-bottom:0 none; padding-left:0;} /*report review overlay*/ .js-enabled #report-a-review.overlay { border:0px none; background: transparent url(/Assets/OrdnanceSurvey/Images-css/bg-add_basket-top.png) no-repeat scroll top left; width:428px!important; padding-top:24px; padding-left:0; padding-right:0; right:50%; margin-right:-214px; position:absolute; top:auto; /*margin-top:-226px;*/ display:none;} .js-enabled #report-a-review.overlay {top:0;} .js-enabled #report-a-review.overlay .inner {background: transparent url(/Assets/OrdnanceSurvey/Images-css/bg-add_basket-main.png) no-repeat scroll bottom left; padding:0 20px 10px;} .js-enabled #report-a-review.overlay .inner a.close {background: transparent url(/Assets/OrdnanceSurvey/Images-css/bg-close_x_blue.gif) no-repeat scroll top left;display:block; float:right; height:9px; text-indent:-9999em; width:9px;margin-right:10px;} .js-enabled #report-a-review.overlay .inner .alert {background-color:#ebfaff; border: 0 none;margin:0 10px 10px 6px;padding:10px 0;} .js-enabled #report-a-review.overlay .inner .alert h3 {padding:0;} .js-enabled #report-a-review.overlay .inner .alert ul {margin-bottom:0!important;} .js-enabled #report-a-review.overlay .inner .alert li {background-image:none;padding:0!important;} .js-enabled .product-details #reviews #report-a-review.overlay fieldset textarea {width:352px;} .js-enabled .product-details #reviews #report-a-review.overlay p.success {padding:10px 8px 20px;} /*.js-enabled .product-details #main .scrollable { /* required settings position:relative; overflow:hidden; width: 970px; min-height:90px; }*/ /*.js-enabled .product-details #main .scrollable .container {width:20000em; position:absolute;} .js-enabled .product-details #main .scrollable .container div { float:left; }*/ .product-details .quick-links, .product-details .promos {float:left; width:254px; } .product-details .quick-links { margin-right: 20px; font-size: 1.091em; } /*Added to basket pop-up*/ #added-to-basket, #added-to-wishlist { display: none; position:absolute; top:-144px; right:16px; width: 206px !important; padding: 12px; background:#fff; border: 3px solid #ddd; z-index:9999; text-align: left; } #added-to-basket h3, #added-to-wishlist h3, #added-to-basket p, #added-to-wishlist p { float: left; margin-left: 10px; width: 110px; display: inline; } #added-to-basket h3, #added-to-wishlist h3 { font-size: 1.091em; color: #5B9B11; } #added-to-basket input.button-strong, #added-to-wishlist input.button-strong { width: 100px; margin: 1em 0 0 10px; } #added-to-basket img, #added-to-wishlist img { float: left; margin-bottom: 1em; } #added-to-wishlist p.continue-shopping, #added-to-basket p.continue-shopping {clear:both; margin-left:0;} /*New added to basket*/ #added-to-basket { border:0px none; background: transparent url('/Assets/OrdnanceSurvey/Images-css/bg-add_basket-top.png') no-repeat scroll top left; width:428px!important; padding-top:24px; padding-left:0; padding-right:0; right:50%; margin-right:-214px; position:fixed; top:auto;} #added-to-basket .inner {background: transparent url('/Assets/OrdnanceSurvey/Images-css/bg-add_basket-main.png') no-repeat scroll bottom left;} #added-to-basket h2 {color:#0c6468;} #added-to-basket h2, #added-to-basket img {padding-left:32px;} #added-to-basket h3, #added-to-basket ul {padding-left:10px; margin-left:0;} #added-to-basket div.info { float:left;} #added-to-basket h3 {color:#394949; font-size:1.273em; margin-bottom:0;} #added-to-basket ul {clear:left; font-size:1.091em;} #added-to-basket input.button-strong {background: transparent url('/Assets/OrdnanceSurvey/Images-css/sprites.png') no-repeat scroll 0 -533px; width:182px; height:38px; border:0px none; text-indent:-9999em;top:-30px; position:relative;right:32px; float:right;} #added-to-basket p.basket-summary, #added-to-basket p.continue-shopping {font-size:1.273em} #added-to-basket p.basket-summary {clear:both;display:block;float:none;margin-left:32px;width:360px; margin-top:10px; padding-top:10px; border-top:1px solid #97d4ef;} #added-to-basket p.continue-shopping {margin-left:32px; clear:left; width:160px; margin-top:0; color:#0c6468;} #added-to-basket p.continue-shopping a {color:#ff7018; font-weight:bold;background: transparent url('/Assets/OrdnanceSurvey/Images-css/bg-continue_from_added.gif') no-repeat scroll 0 2px; padding-left:18px; } #added-to-basket p.close {font-weight:bold;position:absolute;right:40px;text-align:right;top:20px;} #added-to-basket p.close a {color:#87CCEB;background: transparent url('/Assets/OrdnanceSurvey/Images-css/bg-close_from_added.gif') no-repeat scroll 0 3px;padding-left:18px;} /* Out of stock more info popup */ #out-of-stock-popup {display: none; position:absolute; top:-144px; right:16px; width: 206px !important; padding: 12px; background:#fff; border: 3px solid #ddd; z-index:9999; text-align: left; } #out-of-stock-popup {border:0px none; background: transparent url('/Assets/OrdnanceSurvey/Images-css/bg-add_basket-top.png') no-repeat scroll top left; width:428px!important; padding-top:24px; padding-left:0; padding-right:0; right:50%; margin-right:-214px; position:fixed; top:auto;} #out-of-stock-popup .inner-wrapper {max-height:330px; padding:2em 0 4em; background:transparent url('/Assets/OrdnanceSurvey/Images-css/bg-add_basket-main.png') no-repeat scroll bottom left;} #out-of-stock-popup .inner {width:360px; max-height:300px; overflow-y:auto; padding:0 2em 2em;} #out-of-stock-popup h3 {color:#394949; font-size:1.273em;} #out-of-stock-popup h2 {color:#0c6468;} #out-of-stock-popup p.continue-shopping {position:absolute; top:11px; left:20px;} #out-of-stock-popup p.continue-shopping a {color:#ff7018; font-weight:bold;background: transparent url('/Assets/OrdnanceSurvey/Images-css/bg-continue_from_added.gif') no-repeat scroll 0 2px; padding-left:18px; } #out-of-stock-popup p.close {font-weight:bold; position:absolute; right:25px; text-align:right; top:11px;} #out-of-stock-popup p.close a {color:#87CCEB;background: transparent url('/Assets/OrdnanceSurvey/Images-css/bg-close_from_added.gif') no-repeat scroll 0 3px;padding-left:18px;} /*Enlarge image pop up*/ body#image-zoom {background-position: 50% 15px;} div#image-zoom-wrapper {width:500px; margin: 0 auto; padding-top:25px;} div#image-zoom-wrapper #OSImage {margin-bottom:25px; margin-top:15px; margin-left:35px; height:50px;} div#image-zoom-wrapper #OSImage img {clear:both;} div#image-zoom-wrapper #OSImage img, div#image-zoom-wrapper #flipImageLink, div#image-zoom-wrapper .return {float:left;} div#image-zoom-wrapper .return {margin-left:35px;} div#image-zoom-wrapper #flipImageLink {margin-left:10px;} div#image-zoom-wrapper #main {width:460px;} /*Tell a friend overlay*/ div#tell-a-friend.overlay {height:393px; width:560px; background: transparent url(/Assets/OrdnanceSurvey/Images-css/bg-tell_friend_overlay.png) scroll top left no-repeat; position:fixed; top:50%; left:50%; margin-left:-314px; margin-top:-197px; padding: 24px 36px 33px 31px; z-index:10; font-size:1.091em; /*display:none;*/} /*div.tell-a-friend .inner { background-color:#fff; height:320px;height:300px;overflow-y:auto; width:560px; clear:both;}*/ div#tell-a-friend.overlay a.close {color:#47A5AA;background: transparent url(/Assets/OrdnanceSurvey/Images-css/bg-close_x_blue.gif) 0 3px scroll no-repeat; padding-left:15px; font-weight:bold; float:right;} div#tell-a-friend.overlay h2 {color:#47A5AA; left:30px; position:absolute; top:25px; width:500px;} div#tell-a-friend.overlay div .first {padding-top:50px;} div#tell-a-friend.overlay .formrow label {float:left; font-size:1em;padding-top:7px; padding-right:10px; width:140px; text-align:right;} div#tell-a-friend.overlay div.action {padding-left:148px;} div#tell-a-friend.overlay div.action input {clear:both; display:block; height:38px; width:139px; margin-bottom:17px; background:transparent url(/Assets/OrdnanceSurvey/Images-css/sprites.png) -169px -120px no-repeat scroll; border:0 none; text-indent:-9999em; line-height:40px;} div#tell-a-friend.overlay div.action input:hover {background-position: -320px -120px;} /* Gam Products */ #content.gamproduct .product-info h2, #content.gamproduct #sidebar {display:none;} /* =========================== Snow & Rock Product detail page */ #content.snowandrockproduct .product-cover {background:url("/Assets/OrdnanceSurvey/Images-css/shdw-170_8bit.png") no-repeat scroll 140px 300px transparent; padding:0; width:300px; text-align:center; /*background-position: 98px bottom;*/} #content.snowandrockproduct .product-cover a.zoom {background-color:#FFFFFF; height:300px; margin:0; width:300px;} #content.snowandrockproduct h1#head, #content.snowandrockproduct .product-info #middle {width:386px; margin-left:310px;} #content.snowandrockproduct .product-info #middle {min-height:405px;} #content.snowandrockproduct .product-info #middle h2 {color:#ff6601;} #content.snowandrockproduct .product-info #right table {width:auto; background-color:transparent; border-right:0 none;} #content.snowandrockproduct .product-info #right p.price {color:#EF3100; font-size:1.5em; line-height:2em;} #content.snowandrockproduct .product-info #right .add-to-basket .variants {border-bottom:1px solid #CCCCCC; min-height:60px; padding:10px 1px; width:247px;} #content.snowandrockproduct .product-info #right .add-to-basket .variants ul {width:190px;} #content.snowandrockproduct .product-info #right .add-to-basket .variants ul li {height:20px; width:90px; float:left;} #content.snowandrockproduct .product-info #right .add-to-basket .variants ul li label {margin-top:0.2em; margin-left:30px;} #content.snowandrockproduct .product-info #right .add-to-basket .variants input {float:left;} #content.snowandrockproduct .product-info #right .add-to-basket label {margin-left:0.8em; display:block; float:none;} #content.snowandrockproduct .add-to-basket label.size {margin-top:.125em} #content.snowandrockproduct .add-to-basket select {margin-left:0.5em;} #content.snowandrockproduct .add-to-basket a.size-guide-link { float:right;margin-right: -45px; margin-top:10px;} #content.snowandrockproduct .panes .inner {background-color:#fff;} #content.snowandrockproduct .panes .inner div, #content.snowandrockproduct .panes .inner p, #content.snowandrockproduct .panes .inner ul, #content.snowandrockproduct .panes .inner ol, #content.snowandrockproduct .panes .inner dl, #content.snowandrockproduct .panes .inner table {padding-bottom:6px; margin-top:0;} #content.snowandrockproduct .panes .inner ul, #content.snowandrockproduct .panes .inner ol, #content.snowandrockproduct .panes .inner dl {padding-left:1em;} #content.snowandrockproduct .panes .inner table {background-color:transparent; border-bottom:1px solid #C4C4C4;} #content.snowandrockproduct .panes .inner th {background:#E6E6E6 url(/Assets/OrdnanceSurvey/Images-css/bg-thead.png) repeat-x scroll 0 0;border-top:1px solid #C4C4C4; border-left:1px solid #C4C4C4;} #content.snowandrockproduct .panes .inner td {background-color:transparent;border-top:1px solid #C4C4C4; border-left:1px solid #C4C4C4;} #content.snowandrockproduct #alternative-images {float:left;} #content.snowandrockproduct #alternative-images h2 {background:none repeat scroll 0 0 transparent; border-bottom:0 none; font-size:1.273em; font-weight:bold; padding:1em 0.7em 0.5em; text-align:left;} #content.snowandrockproduct #alternative-images ul.alternatives {padding-bottom:10px;} #content.snowandrockproduct #alternative-images li {background:url("/Assets/OrdnanceSurvey/Images-css/alt-shadow.png") no-repeat scroll right bottom transparent; float:left; padding:0 0 7px 8px;} #content.snowandrockproduct #alternative-images a {display:block; margin:0;} #content.snowandrockproduct #alternative-images ul li a {height:89px; width:89px; background-color:#fff;} #content.snowandrockproduct .panes #info {margin-left:309px; border-left:1px solid #c4c4c4;background-color:#fff;} #content.snowandrockproduct .panes #info .inner {padding-bottom:0;} #content.snowandrockproduct .panes #info .inner {width:400px; float:left;} #content.snowandrockproduct .panes #info .links {width:225px; float:right;background-color:#fff;padding:12px 10px 0 0;} #content.snowandrockproduct .panes #info .links a {background:transparent url(/Assets/OrdnanceSurvey/Images-css/r_arrow_med.gif) no-repeat scroll right center; padding-right:15px; margin-bottom:10px; font-size:1.273em;} #content.snowandrockproduct .panes #info .links a.image {background:transparent none; padding-right:0;display:block;} #content.snowandrockproduct .results {border-top:0 none;} #content.snowandrockproduct .results ul {border-bottom:0 none;} #content.snowandrockproduct .results li h2 {float:none;} #content.snowandrockproduct .results li p {float:none;text-align:center;} #content.snowandrockproduct .results li p.publisher {margin-top:.25em;} #content.snowandrockproduct .alternative-products ul {padding:10px 0 0 20px;} #content.snowandrockproduct .alternative-products ul li {min-height:95px; padding-top:170px;} #content.snowandrockproduct .alternative-products ul li a.image {left:5px;} #content.snowandrockproduct .alternative-products ul li a.image img {height:150px;} #content.snowandrockproduct .alternative-products ul li p.brand {margin:0;} #content.snowandrockproduct .alternative-products ul li input.button {margin:0 54px; position:absolute; bottom:0;} /* =========================== Non Map Product detail page */ #content.otherproduct {background-color:transparent;} #content.otherproduct h1#head {font-size:1.909em; margin:0 0 6px; min-height:15px; padding:20px; width:auto; border-right:0 none;} #content.otherproduct .breadcrumb-header {margin-left:10px; text-indent:2px;} /*#content.otherproduct .breadcrumb-header {width:auto;border-bottom:1px solid #97D4EF;margin-bottom:auto; position:static;margin:0 10px;}*/ #content.otherproduct .breadcrumb-header li { color:#FB6C03;} #content.otherproduct #ctl00_MainContent_ProductUpdatePanel {padding:0 10px;} .otherproduct #main {width:528px;float:left; padding:0 0 10px;background-color:transparent;} .otherproduct #sidebar {min-width:340px; padding-top:0 !important; margin-right:15px!important;} .otherproduct .product-preview { padding-top: 0; font-size: 1.091em; text-align:center;} .otherproduct .product-preview p {text-align:left;} .otherproduct .product-info { position: relative; padding-top: 0; border-bottom:1px solid #DEDEDE;} #content.otherproduct .product-info h2 { padding-bottom:.625em;margin-bottom:.625em background: url(/Assets/OrdnanceSurvey/Images-css/dottedline-1.gif) left bottom repeat-x;font-weight:bold; font-size:1.454em; line-height:0.825em;} .otherproduct .product-info h2 em { font-style: normal; display:block; width:420px;} /*set width to the h2 em in order not to overlap the sheet number with longer headings*/ .otherproduct .product-info p, .otherproduct .product-info li {font-size:1em;} .otherproduct .product-cover { float: right; padding: 5px; margin: .5em 0; border: 1px solid #ccc; font-size: 1.091em; position:static;background-image:none;} .otherproduct .product-cover a {margin-bottom:0;display:inline;} .otherproduct .product-preview p, .otherproduct .product-cover p { margin-bottom: 0 !important; padding-left:0;} .otherproduct .product-info p.sheet { position: absolute; top: 0; right: 0; margin: 0 !important; font-size: 1.091em; } .otherproduct .product-info p.price { margin: 0 0 0.5em !important; padding:0; font-size: 1.091em; color: #667272; border-bottom:0 none;} .otherproduct .product-info p.price strong { font-size: 1.5em; font-weight: normal; color: #2b3233; } .otherproduct .product-info p.price, .otherproduct table { margin-right: 10px; width: 360px; } #content.otherproduct table { display: block; margin: 1em 0; padding: 0.5em 0;background-color:transparent; border-right:0 none; border-bottom:1px solid #DEDEDE; font-size:1em; float:none;} .otherproduct td { width: 245px; padding: .5em 10px; } .otherproduct th { width: 75px; padding: .5em 10px; } .otherproduct .alt th, .otherproduct .alt td {background-color:#F0F4F5;} #content.otherproduct .add-to-basket { margin: .5em 0; padding: 10px; width: 338px; border: 1px solid #ccc; background-color: #f5f5f5; overflow: hidden; } #content.otherproduct .add-to-basket h2 {float:left; padding:.5em 18px 0 .5em; background:url(/Assets/OrdnanceSurvey/Images-css/arrow-orange.gif) 100% 85% no-repeat; font-size:1.455em!important;} .otherproduct .add-to-basket fieldset { font-size: 1.091em; float: right; margin-bottom: .5em; width:19em;} .otherproduct .add-to-basket label, .otherproduct .add-to-basket input { float: left; margin-left: 10px;} .otherproduct .add-to-basket label { margin-top: .75em; margin-left:2em;} .otherproduct .add-to-basket input.button { float:right; } .otherproduct .add-to-basket input.textfield {margin-top: .35em; width: 1.667em; padding: 4px 5px; height: auto; color: inherit; text-align:right; } .otherproduct .add-to-basket input.textfield:focus { background-color: #fff; } .otherproduct .add-to-basket input.button { padding: 0; border: 0; background: none; } .otherproduct .add-to-basket input.wishlist {border:1px solid #CECDB3; padding:0.25em 1.5em; margin:0.5em 3px 0 80px!important; padding: .25em .25em .5em; background-position:-200px -383px!important;} .otherproduct .add-to-basket input.wishlist:hover {background-position:-350px -383px!important;} .product-details .add-to-basket .alert { clear: both; } .otherproduct .add-to-basket .alert { clear: both; } .otherproduct .alternative-products { background: none; } .otherproduct .alternative-products h3 { font-size: 1.091em !important; } .otherproduct .alternative-products ul {padding-bottom:0;} .otherproduct .alternative-products li { width: 254px;padding:1em 0;} .otherproduct .alternative-products li h2, .otherproduct .alternative-products li p { width:129px; } .otherproduct .alternative-products li a.image img {width:85px;} .otherproduct .alternative-products li p.price, .otherproduct .alternative-products li p.series {text-align:left;} .otherproduct .alternative-products li p.price {margin-right:0!important;} .otherproduct #main .alternative-products li h2 {color:#FB6C03;padding-top:0; text-align:left;} .otherproduct #main .alternative-products li h2 a {text-decoration:underline;} .otherproduct #main .alternative-products li h2 a:hover {text-decoration:none;} .otherproduct .quick-links, .otherproduct .promos { float: left; width: 254px; } .otherproduct .quick-links { margin-right: 20px; font-size: 1.091em; } /* =========================== Wishlist */ table.wishlist-set th, table.wishlist-set td {padding-right:20px; /*white-space:nowrap;*/} table.wishlist-set td {vertical-align:top; padding-top:20px;} /* =========================== Your Account */ .account .subnavigation { padding: .75em 0; } .account .subnavigation li { float: left; margin: .182em 2em 0 0; font-weight: bold; } .account .subnavigation li a { font-size: 1.091em; color: #fb6c03;} .account .subnavigation li.active a { color: #666; } .account .subnavigation li.sign-out { float: right; margin: 0; } .account .subnavigation li.sign-out a { font-size: 1em; display: block; } .account #main {width:530px; padding-top:10px;} .account #main .order-history {width:930px; margin-top:-10px;} .account #main .order-history table th, .account #main .order-history table td {padding:0.5em;} .account #sidebar {width:352px; border:0; padding:10px 0; margin:0 20px 0 0;} .account #sidebar .section {padding-top:0;} #main #trolley table thead th, .account #sidebar .section h3, .account h2 {padding:.357em 10px; font-size:16px; margin-bottom:4px !important; background-color:#faf8e2;} .account table {min-height:1000px;} .account .details, .account .addresses {padding-top:0;} .account .details h2 {background-color:#e6f9af;} .account .details dl {padding:10px; background-color:#f1ffc5;} .account .details dt {float:left; width:30%; padding-right:5%; margin-bottom:.5em; font-weight:bold } .account .details dd {float:left; width:65%; margin-bottom .5em; } .account .details dl .last {padding-bottom: 1em; margin-bottom:0; background: url(/Assets/OrdnanceSurvey/Images-css/dottedline-1.gif) left bottom repeat-x; } .account .details fieldset {padding:0 10px 10px; background-color:#f1ffc5;} .account .details .button-strong { width:240px;} .account .addresses { position: relative; font-size: 1.091em; } .account .addresses p { margin: 0 0 .5em 0 !important; } .account .addresses li { padding: 10px; } .account .addresses fieldset { padding-top: 1em; } .account .addresses .col { float: left; } .account .addresses .name { width: 116px; margin-right: 10px; } .account .addresses .address { width: 190px; margin-right: 10px; } .account .addresses .defaults { width: 180px; text-align: right; } .account .addresses .name li { float: left; padding: 0; margin-right: 12px; } .account .addresses .name li a { font-size: 0.917em; font-weight: bold; color: #fb6c03; } .account .addresses .button { font-size: 0.917em; padding: .25em 4px; width: 168px; } .account .addresses fieldset .button { font-size: 1em; font-weight: bold !important; width: 200px; } .account .subscriptions {padding:1em 0;} .account .subscriptions li {margin:0 10px;} .account .subscriptions h3 {font-size:1.091em;} .account .subscriptions fieldset {margin-top:1em;} .account .subscriptions .button {width: 168px; font-weight:bold!important;} .account .subscriptions .button[value="Unsubscribe"] { font-weight: normal !important; } .account .promos {padding-top:1em!important;} .account .promos li {float:left; margin-left:20px;} .account .promos li:first-child, .account .promos li.first {margin-left:0;} /* View Order */ #main #trolley {padding:0;} #main #trolley, #sidebar #checkout .section {border-top:1px solid #CCCCCC; margin-top:-1px;} #sidebar #checkout dl address {padding:0;} #sidebar #checkout dl, #sidebar #checkout address, #sidebar #checkout h4, #main #trolley h3, #main #trolley dl, #main #trolley table, #sidebar #checkout ul {padding:1em 1em 0;} #main #trolley dl dt {float:left; width:100px; margin-right:1em; display:inline-block;} #main #trolley div input.button {margin:0.5em 0.5em 1em;} #main #trolley table thead th {width:70px; text-align:left; border-top:1px solid #ccc;} #main #trolley table thead th.qty {width:55px;} #main #trolley table thead th.item {width:85px;} #main #trolley table td {vertical-align:top; padding:1em;} #main #trolley table td.thumbnail {display:inline;} #main #trolley table td h3 {padding:0;} #main #trolley dl.total, #main #trolley dl.sub-total, #main #trolley dl.delivery-total {padding:0.7em 1em; text-align:right; background-color:#F7F7F7; border-top:1px solid #d8d8d8;} #main #trolley dl.total dt, #main #trolley dl.sub-total dt, #main #trolley dl.delivery-total dt {width:430px;} #shop-footer img.payment-types {padding-right:10px;} /*account section buttons*/ .account .subnavigation li.sign-out a, .account .details .button-strong, .account .subscriptions .button, .account .addresses .button, .account .addresses fieldset .button, .edit-details #address-details .formrow .button, /*.edit-details #address-details div p .button,*/ .edit-details .buttons li .button-strong, .edit-details .buttons li .button {background: url(/Assets/OrdnanceSurvey/Images-css/sprites.png) 0 0 scroll no-repeat;line-height:40px;text-indent:-9999em;padding:0.25em 0.25em 0.5em;} .account .subnavigation li.sign-out a {background-position:; width:71px; height:21px;} .account .subnavigation li.sign-out a:hover {background-position:-87px 0;} .account .details .button-strong {background-position:0 -427px; height:39px; width:264px;} .account .details .button-strong:hover {background-position:-275px -427px;} .account .subscriptions .button {background-position:0 -149px; height:29px; width:92px;} .account .subscriptions .button:hover {background-position:0 -184px;} .account .addresses .button {width:118px; height:29px;} .account .addresses .shipping {background-position:-175px 0;} .account .addresses .shipping:hover {background-position:-302px 0;} .account .addresses .billing {background-position:0 -85px;} .account .addresses .billing:hover {background-position:0 -120px;} .account .addresses fieldset .button {background-position:0 -235px; width:142px; height:29px;} .account .addresses fieldset .button:hover {background-position:-150px -235px;} .edit-details #address-details .formrow .button {background-position:-100px -200px;height:29px; width:120px;} .edit-details #address-details .formrow .button:hover {background-position:-227px -200px;} .edit-details #address-details div p .button {padding:0;display:inline;} .edit-details #address-details div p .button:hover {text-decoration:underline; border-bottom:0 none;} .edit-details .buttons {padding-bottom:14px;} .edit-details .buttons li .button-strong {background-position:-360px -610px;height:39px; width:139px;margin-left:-4px;} .edit-details .buttons li .button-strong:hover {background-position:-360px -651px;} .edit-details .buttons li .button {background-position:-360px -692px;height:39px; width:139px;} .edit-details .buttons li .button:hover {background-position:-360px -733px;} /* =========================== Login/Register */ #content.login .button-strong, #content.register .button-strong {height:50px; display:block; width:175px; background-position:0 -808px;text-indent:-9999em; line-height:40px;margin-left:-4px;} #content.login .button-strong:hover, #content.register .button-strong:hover {background-position:-183px -808px;} /* =========================== Forgotten Password */ #sidebar.password {width:100%;} #retrieve-password * {display:block;} #retrieve-password .help-text, #retrieve-password .fieldset {width:352px;} #retrieve-password input.button-strong {margin-top:10px;} #retrieve-password div.formrow {margin-top:5px;} #retrieve-password div.formrow label {margin-bottom:0.25em;} #retrieve-password input {width:135px;} #retrieve-password input.button-strong {width:139px;} #retrieve-password .create-password div.formrow {position:relative;} /* =========================== ViewOrder */ div#trolley.clearfix p.supplier-info { font-size:0.9em; } div#trolley.clearfix p.tracking-reference { font-size:0.9em; } /* =========================== Basket & Checkout */ .checkout #main { width: auto; padding-top: 0; float:none;} .checkout #sidebar { width: 352px; margin: 0 0 0 20px; padding: 0 0 10px 0; border: 0; } .checkout #sidebar .section {padding:0;border-bottom:0 none;} .checkout #sidebar .section a {text-decoration:underline;} .checkout #sidebar .section a:hover {text-decoration:none;} .checkout #sidebar .step {border-bottom:1px solid #999; border-left:1px solid #999; border-right:1px solid #999;} .checkout #main .intro { margin: 1em 0 0; background-color: transparent; padding: 0; font-size:1em; border-bottom:0px none;} .checkout #main .items { float: left; font-size:1.909em; color: #333; margin: 0; margin-bottom: .5em; } .checkout #main .items span { padding: 0 .1em; font-size: 1.5em; color: #2b3233; } .checkout #main .intro dl { float: right; font-size: 1em; } .checkout #main .intro .total { padding: 0 10px !important; margin-top: 0 !important; float: left; margin: .5em 0; background: none; } .checkout #main .intro dt.total {width:90px;} .checkout #checkout-breadcrumbs {padding:19px 0;} .checkout #checkout-breadcrumbs-header {display:inline-block;font-size:1.636em;font-weight:normal; margin-bottom:0;} .checkout #checkout-breadcrumbs ol {display:inline-block;font-size:1.636em;} .checkout #checkout-breadcrumbs li {display:inline-block;} .checkout #checkout-breadcrumbs h3 {padding:8px; padding-right:10px; color:#4fa9b1;} .checkout #checkout-breadcrumbs h3, .checkout #checkout-breadcrumbs h3 strong{ font-weight:normal;} .checkout #checkout-breadcrumbs h3.active {color:#fff;background: url(/Assets/OrdnanceSurvey/Images-css/bg-checkout_steps_r.gif) top right no-repeat; margin-left:16px; } .checkout #checkout-breadcrumbs h3.active strong { background: url(/Assets/OrdnanceSurvey/Images-css/bg-checkout_steps_l.gif) top left no-repeat; margin-left:-16px; padding:4px 0 5px 10px; } .checkout #main p.delivery {float:none; clear:both; padding:8px 10px; background-color:#47a5aa; color:#fff; font-size:1.091em; margin-bottom:0;} .checkout #main p.delivery strong {text-transform:uppercase;} .checkout #main p.delivery a {float:left; display:block; color:#fff; text-decoration:underline;} .checkout #main p.delivery a:hover { text-decoration:none;} .checkout #main div.checkout {height:60px; width:310px; float:right; clear:right; text-align:right;} .checkout #main div.checkout input {background:transparent url(/Assets/OrdnanceSurvey/Images-css/sprites.png) 0px -671px no-repeat; height:50px; width:175px; border:0px none; text-indent:-9999em; margin-top:7px;} .checkout #main div.checkout input:hover {background-color:transparent; background-position:-183px -671px;} .checkout #main div.checkout.top {margin-top:-90px;} .checkout #main div.checkout.bottom {padding-bottom:50px;} .checkout #main .basket { margin-top:1px; clear:both; } .complete #main .basket {margin-top:0;} .checkout #main .basket thead th { font-size:1.273em; font-weight:normal; background:#e6e6e6 url(/Assets/OrdnanceSurvey/Images-css/bg-heading.gif) repeat-x scroll left top ; border-right:1px solid #ccc; padding:8px 13px;border-top: 1px solid #999;border-bottom: 1px solid #999;} .checkout #main .basket td { padding: .5em 10px; font-size: 1.273em; vertical-align: top; border-bottom: 1px solid #999;} .checkout #main .basket td a { color: #FB6C03; } .checkout #main .basket thead th.item {border-left:1px solid #999;border-right:0 none;} .checkout #main .basket thead th.quantity {text-align:center;} .checkout #main .basket thead th.price { width: 120px; padding-left: 0; } .checkout #main .basket thead th.price, .checkout #main .basket td.price { text-align: right;} .checkout #main .basket thead th.subtotal {border-right:1px solid #999;} .checkout #main .basket td.item {border-left:1px solid #999;} .checkout #main .basket td.item a {font-weight:bold; text-decoration:underline;} .checkout #main .basket td.item a:hover {text-decoration:none;} .checkout #main .basket td.item p {float:left;} .checkout #main .basket td.item p.size, .checkout #main .basket td.item p.sheet {padding-right:1.909em;} .checkout #main .basket p.supplier-info { font-size:0.7em; } .checkout #main .basket .series, .checkout #main .basket .quantity, .checkout #main .basket .price {border-right:1px solid #ccc;} .checkout #main .basket .quantity { width: 6em; padding: .5em 0; text-align:center; } .checkout #main .basket .series {padding: .5em 0; width:32em; } .checkout #main .basket .subtotal { width: 7em;} .checkout #main .basket tr:last-child td.item, .checkout #main .basket tr:last-child td.series {border-bottom:1px solid #999;} .checkout #main .basket td.subtotal {border-right:1px solid #999;} .checkout #main .basket td.quantity input { float: left; margin-right: 8px; } .checkout #main .basket td.quantity .button { border: 0; padding: 0; } .checkout #main .basket td.quantity a {color:#FB6C03; display:block!important; margin-top:4px; text-decoration:underline; font-size: 0.917em;} .checkout #main .basket td.quantity a:hover { text-decoration:none;} .checkout #main .basket td.quantity input.link {padding:0 0 1px 0; display: inline; font-size:1em;} .checkout #main .basket td.quantity input:hover.link {padding:0;} .checkout #main .basket td.quantity input.textfield { width: 1.6em; font-size:1em; padding: 3px; text-align:right;} .checkout #main .basket td.price input[alt="Remove"] { margin: 0 0 0 20px; display:inline; padding:0; } .checkout #main .basket tr.free-gift td {background-color:#ffa172; font-weight:bold;} .checkout #main .basket tr.free-gift strong {color:#993300;} .checkout #main .basket tr.free-gift td.subtotal {padding-right:40px;} .checkout #main dl, .checkout #main #promocode {float:right; width:238px; clear:both;} .checkout #main #promocode {width:236px; border-bottom:1px solid #ccc; border-left:1px solid #999; border-right:1px solid #999;} .checkout #main #promocode .promo-code {padding:10px;} .checkout #main #promocode .promo-code input.textfield {margin-top:3px; width:110px; margin-right:2px;} .checkout #main #promocode .promo-code input.button, .checkout #main #promocode .promo-code input:hover.button {float:right; background:transparent url(/Assets/OrdnanceSurvey/Images-css/sprites.png) 0 -50px no-repeat; height:29px; border:0px none; text-indent:-9999em;} .checkout #main #promocode .promo-code input.use-promo {width:53px;} .checkout #main #promocode .promo-code input:hover.use-promo {background-position:-61px -50px;} .checkout #main #promocode .promo-code input.cancel-promo {width:65px; background-position:-119px -50px;} .checkout #main #promocode .promo-code input:hover.cancel-promo {background-position:-193px -50px;} .checkout #main dl dt {width:96px;} .checkout #main dl dd {width:87px; padding-right:13px!important;} .checkout #main .totals, .checkout #main .discount-total { font-weight: bold; font-size: 1.091em; } .checkout #main .totals dt, .checkout #main .discount-total dt { float: left; padding: 10px; padding-right:20px; text-align: right; } .checkout #main .totals dd, .checkout #main .discount-total dd { float: right;padding: 10px; text-align: right;} .checkout #main .discount-total, .checkout #main .subtotal, .checkout #main .total { padding: 1em 0; } .checkout #main .totals {padding-top:0; border-bottom:0px none;} .checkout #main .totals dt, .checkout #main .totals dd {border-bottom:1px solid #dadada;} .checkout #main .totals dt {margin-left:0; border-left:1px solid #999;} .checkout #main .totals dd {border-right:1px solid #999;} .checkout #main .discount-total, .checkout #main .subtotal { font-size: 1.167em; } .checkout #main .discount-total { padding:0; } /*.checkout #main dt.delivery { font-weight: normal; }*/ .checkout #main .totals .total { font-size: 1.5em; border-bottom:1px solid #999;} .checkout #main dt.total { font-weight:normal; border-left:1px solid #999} .checkout #main dl.discount {width:236px; font-size:1.167em; font-weight:bold; border-bottom:1px solid #999; border-left:1px solid #999; border-right:1px solid #999;} .checkout #main dl.discount dt {float:left; /*width:373px;*/ text-align:right; padding:5px 10px;} .checkout #main dl.discount dd {float:right; /*width:104px;*/ text-align:right; padding:5px 10px;} .checkout #sidebar .intro { font-size: 1.091em; margin: 1em 0; background: none; padding: 0; } .checkout .log-in { padding: 0 0 10px; margin: 10px auto; border: 1px solid #666; width:352px; } .checkout .log-in .section {padding-top:0;} .checkout .log-in .checkout-now { width: 100%; } .checkout .log-in h2 {background:#e6e6e6 url(/Assets/OrdnanceSurvey/Images-css/bg-heading.gif) repeat-x scroll left top; font-size:1.091em;margin-bottom:1.455em;padding:8px 12px;border-bottom:1px solid #ccc; } .checkout .log-in input.textfield {width:154px;} .checkout .log-in #returning-customer fieldset {padding:0 12px;} .checkout .log-in #returning-customer .formrow {margin-left:0; clear:both;} .checkout .log-in #returning-customer ul.buttons {clear:both;} .checkout .log-in #new-customer input.button-strong {background:transparent url(/Assets/OrdnanceSurvey/Images-css/sprites.png) 0px -947px no-repeat; height:49px; width:213px; border:0px none; text-indent:-9999em; margin-left:6px;} .checkout .log-in #new-customer input.button-strong:hover {background-position:-220px -947px;} .checkout .log-in #returning-customer input.button-strong {background:transparent url(/Assets/OrdnanceSurvey/Images-css/sprites.png) 0px -878px no-repeat; height:49px; width:177px; border:0px none; text-indent:-9999em; margin-top:7px; margin-left:-4px;} .checkout .log-in #returning-customer input.button-strong:hover {background-position:-183px -878px;} .checkout .log-in #new-customer input:hover.button-strong, .checkout .log-in #returning-customer input:hover.button-strong {background-color:Transparent;} .checkout #sidebar .formrow .textfield { width: 154px; } .checkout #sidebar .buttons { clear:both; padding-top:0.75em; width:100%; } .checkout #sidebar .buttons li { float:right; } .checkout #sidebar .buttons li.link { float:left; font-size: 1.091em; padding: .5em 0; } .checkout #sidebar .buttons .button-strong { width: 160px; } .checkout #sidebar .step h2 { color: #a1babf; margin: 0; } .checkout #sidebar .active h2 { padding-bottom: 1em; color: #5BA125; background: url(/Assets/OrdnanceSurvey/Images-css/dottedline-1.gif) left bottom repeat-x; } .checkout #sidebar .step strong { color: #2b3233; margin-right: .35em; } .checkout #sidebar .step h3 {background:#e6e6e6 url(/Assets/OrdnanceSurvey/Images-css/bg-heading.gif) repeat-x scroll left top ; border-top:1px solid #999; border-bottom:1px solid #999; padding:8px 13px;font-size:1.455em; font-weight:normal; margin-bottom:0.5em;} .checkout #sidebar .step h3 label {margin-bottom:0;} .checkout #sidebar .step fieldset {padding:0 12px;} .checkout #sidebar .step .type {margin-bottom:1.455em} .checkout #sidebar .step .type select {margin-left:12px;} .checkout #sidebar .step .type select, .checkout #sidebar .step select.card-type {width:157px;} .checkout #sidebar .step .formrow select {} .checkout #sidebar .step dl {padding:0 12px;} .checkout #sidebar .step dl dt {font-weight:bold;} .checkout #sidebar .step p.edit, .checkout #sidebar .step #stored-addresses, .checkout #sidebar .step .stored-billing-addresses, .checkout #sidebar .step #delivery-details, .checkout #sidebar .step #current-delivery, .checkout #sidebar .step #billing-details, .checkout #sidebar .step p#return {font-size:1.091em; padding:0 12px; margin-bottom:0;} .checkout #sidebar .step #stored-addresses, .checkout #sidebar .step .stored-billing-addresses, .checkout #sidebar .step #delivery-details, .checkout #sidebar .step #current-delivery, .checkout #sidebar .step #billing-details {padding-bottom:1em;} .checkout #sidebar .step p.edit a, .checkout #sidebar .step #stored-addresses p.change a, .checkout #sidebar .step .stored-billing-addresses a, .checkout #sidebar .step #delivery-details p.change a, .checkout #sidebar .step #billing-address p a, .checkout #sidebar .step #billing-details p.change a, .checkout #sidebar .step p#return a {padding-right:1em; background: transparent url(/Assets/OrdnanceSurvey/Images-css/r_arrow_small.gif) scroll no-repeat 100% 60%;} .checkout #sidebar .step #stored-addresses dl {padding:0;} .checkout #sidebar .step #stored-addresses .address-book p.use-this {} .checkout #sidebar .step .stored-billing-addresses .billing-addresses p {} .checkout #sidebar #delivery-type.section {padding-bottom:0!important;} .checkout #sidebar #delivery-type table input {float:left; margin-left:0; margin-right:1.5em;} .checkout #sidebar #delivery-type table span {float:left; clear:left; margin-left:28px; margin-bottom:5px;} .checkout #sidebar #delivery-type table label {display:block; float:left; margin-top:2px; line-height:1.636em;} .checkout #sidebar #additional-details {display:none;} .checkout #sidebar #additional-details fieldset {padding:0;} .checkout #sidebar #additional-details p {padding:0 12px;} .checkout #sidebar #payment-details fieldset {margin-bottom:0;} .checkout #sidebar #payment-details .expiry select { margin-right: 1em; width:77px;} .checkout #sidebar #payment-details .s-code {position:relative; padding-bottom:15px; clear:both; display:block;} .checkout #sidebar #payment-details .s-code input.textfield {width:100px;} .checkout #sidebar #payment-details .s-code em {font-size:1em; margin-left:0; font-style:normal;} .checkout #sidebar li.terms, .checkout #sidebar p.terms {font-weight:bold; padding:0 12px;} .checkout #sidebar li.terms {width: 50%;} .checkout #sidebar #billing-address p { margin-bottom: .5em; padding:0 12px;} .checkout #sidebar #billing-address .button { display: block; width: 110px; text-align: center;} .checkout #sidebar #additional-details textarea {margin-left:10px; padding:8px 12px; height:45px; width:242px;} .checkout #sidebar #additional-details textarea:focus {color:#000;} #content.checkout p.continue-shopping {float:left;padding-left:42px; position:relative; bottom:-3px; font-size:1.091em;} /*Basket page overlay*/ .checkout #overlay {height:320px; width:560px; background: transparent url(/Assets/OrdnanceSurvey/Images-css/bg-basket_page_overlay.png) scroll top left no-repeat; position:fixed; top:50%; left:50%; margin-left:-314px; margin-top:-189px; padding: 24px 36px 33px 31px; z-index:10; display:none;} .checkout #overlay .inner { background-color:#fff; height:320px;height:300px;overflow-y:auto; width:560px; clear:both;} .checkout #overlay a.close {color:#47A5AA;background: transparent url(/Assets/OrdnanceSurvey/Images-css/bg-close_x_blue.gif) 0 3px scroll no-repeat; padding-left:15px; font-weight:bold; float:right;} .checkout #overlay h2 {color:#47A5AA;left:30px;position:absolute;top:20px;} .checkout #overlay h3 {text-decoration:underline; margin-top:} .checkout #overlay ul, .checkout #overlay dl { list-style: disc outside; margin-left:1em; padding-left:1em; padding-bottom:.5em;} .checkout #overlay dt {font-weight:bold; text-indent:-2em;margin:0.5em 0;} .checkout #overlay dd {display:list-item;} /*Delivery, payments, review and complete pages*/ .delivery #main, .payment #main, .review #main, .complete #main {float:right; width:630px;} .complete #main {width:640px;} /*.delivery #main .basket, .payment #main .basket, .review #main .basket, .complete #main .basket {margin-top:0;} .delivery #main .basket td.subtotal, .payment #main .basket td.subtotal, .review #main .basket td.subtotal, .complete #main .basket td.subtotal { padding-right:40px;} */ .delivery #sidebar, .payment #sidebar, .review #sidebar, .complete #sidebar {float:left; min-width:0; width:290px; margin-left:0; padding-bottom:55px;} .delivery #sidebar .buttons input.button-strong, .payment #sidebar .buttons input.button-strong, .review #sidebar .buttons input.button-strong, .complete #sidebar .buttons input.button-strong {background: transparent url(/Assets/OrdnanceSurvey/Images-css/sprites.png) 0 -809px scroll no-repeat; height:49px; width:175px;text-indent:-9999em;border:0px none;} .delivery #sidebar .buttons input.button-strong:hover, .payment #sidebar .buttons input.button-strong:hover, .review #sidebar .buttons input.button-strong:hover, .complete #sidebar .buttons input.button-strong:hover {background-position:-183px -809px;} /*Payments page*/ .payment #sidebar #payment-form label {font-weight:bold;} .payment #sidebar #payment-form .formrow {margin-left:0;} .payment #sidebar .formrow .textfield {width:250px;} .payment #sidebar .buttons li { float:left; padding-left:5px;} /* Reviews page */ .review #sidebar .buttons li { float:left; padding-left:5px;} .checkout #sidebar .step #delivery-details, .checkout #sidebar .step #current-delivery, .checkout #sidebar .step #billing-details {padding-left:0; padding-right:0;} .checkout #sidebar .step #more-info, .review #sidebar .step #delivery-details p.change, .review #sidebar .step #billing-details p.change {padding:0 12px;} .checkout #sidebar .step #billing-address p {font-size:1.091em;} /*Confirmation page*/ .complete #more-info .totals {width:200px; height:30px;} .complete #more-info dl dt, .complete #more-info dl dd {float:left;} .complete #more-info dl dt {padding-right:.5em;} .complete #more-info dl dd {font-weight:bold;} .complete p.confirm {padding:0 12px; font-size:1.091em; font-weight:bold;} .complete #more-info dl dt, .complete #more-info dl dd, .complete #sidebar .step #delivery-details dd.last, .complete #sidebar .step #billing-details dd {padding-bottom:.5em;} .register #main, .edit-details #main { width: 518px; padding-top: 0; } .register #sidebar, .edit-details #sidebar { width: 352px; margin: 0 0 0 20px; padding: 0 0 10px 0; border: 0; } .register fieldset, .edit-details fieldset { margin-bottom: 1em; } .register label, .edit-details label { margin-top: 1em; margin-bottom: 1em; } .register input.textfield, .edit-details input.textfield { width: 180px; } .register .formrow .email-options label {margin-top:0.5em;} .register input.postcode, .edit-details input.postcode { width: 88px; } .register .button-strong, .edit-details .button-strong { width: 180px; margin-top: 1.5em; background-image: url(/Assets/OrdnanceSurvey/Images-css/sprites.png)} .edit-details .buttons { padding-top:0.75em; } .edit-details .buttons li { float:left; margin-right: 1em;} .edit-details .buttons li input { margin-top:.5em; font-size:1.091em; } /* =========================== Contact Us page */ #content #contact h2 {padding:0.5em 0;} #content #contact .help-text {margin-bottom:0.75em;} #content #contact fieldset { margin-bottom:2em;} #content #contact .details {float:left; margin-top:1px;} #content #contact #enquiry {float:left; margin-left:2em} #content #contact #enquiry textarea {width:27em; height:19.35em;} #content #contact #enquiry ul.buttons {margin-top:1em; width:301px;} #content #contact #enquiry ul.buttons input.button-strong {float:right;} #content #contact .formrow {margin-bottom:0;} #content #contact label {margin-bottom:0.5em;} #content #contact input.textfield, #content #contact select.select {margin-bottom:0.75em;} /* =========================== Error pages */ div#error {margin-left:6.5em; margin-top:4.0em; margin-bottom:5.5em; font-size:1.2em;font-weight:normal;} div#error h1 {font-weight:100; font-size:3.0em;} ul#error-reasons {line-height:1.6em; } ul#error-links {font-size:1.2em; font-weight:bold; margin-left:0.7em; } /* =========================== CMS content areas */ #content .cms h2 { font-size: 1.091em; } #content .cms ul li { padding-left: 13px; margin-bottom: .25em; background: url(/Assets/OrdnanceSurvey/Images-css/bullet-green.gif) 0 .5em no-repeat; } /* =========================== Webkit fixes @media screen and (-webkit-min-device-pixel-ratio:0) { #header-search input.button {margin-top:-20px;} #main #map-search input.button, #sidebar #map-search input.button {margin-top:-21px;} .product-details table {width:619px;} .otherproduct table {width:360px;} .js-enabled #report-a-review.overlay {margin-top:0;} } */