/*
Edited: 15 Nov 2011 (MS)
Website: http://leisure.ordnancesurvey.co.uk/leisure/
Created: 14 February 2008
Author: Snow Valley UX Team
*/

/* Global Stuff */
#content.os-select {font-size:1.2em; padding:0;}

.os-select .button-strong {padding:.35em .5em; font-size: 1.5em; position:relative; border:none; line-height:27px;
	-webkit-box-shadow:1px 2px 6px -2px #555; -moz-box-shadow:1px 2px 6px -2px #555; box-shadow:1px 2px 6px -2px #555;
	background: #e9e6e8; color:#2e2e2e; font-weight:normal !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#e9e6e8), to(#a3a1a5)); /* Saf4+, Chrome */
	background: -webkit-linear-gradient(top, #e9e6e8, #a3a1a5); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background:    -moz-linear-gradient(top, #e9e6e8, #a3a1a5); /* FF3.6 */
	background:     -ms-linear-gradient(top, #e9e6e8, #a3a1a5); /* IE10 */
	background:      -o-linear-gradient(top, #e9e6e8, #a3a1a5); /* Opera 11.10+ */
	background:         linear-gradient(top, #e9e6e8, #a3a1a5);
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.os-select .button-strong.arrow {
	padding:.35em 1.5em .35em 1em;
	background:url(/Assets/OrdnanceSurvey/Images-css/arrow-black.png) right center no-repeat #f70;
	background:url(/Assets/OrdnanceSurvey/Images-css/arrow-black.png) right center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#e9e6e8), to(#a3a1a5)), url(\Assets\OrdnanceSurvey\Images-css\arrow-black.png) right center no-repeat;
	background:url(/Assets/OrdnanceSurvey/Images-css/arrow-black.png) right center no-repeat, -webkit-linear-gradient(top, #e9e6e8, #a3a1a5), url(\Assets\OrdnanceSurvey\Images-css\arrow-black.png) right center no-repeat;
	background:url(/Assets/OrdnanceSurvey/Images-css/arrow-black.png) right center no-repeat, -moz-linear-gradient(top, #e9e6e8, #a3a1a5), url(\Assets\OrdnanceSurvey\Images-css\arrow-black.png) right center no-repeat;
	background:url(/Assets/OrdnanceSurvey/Images-css/arrow-black.png) right center no-repeat, -ms-linear-gradient(top, #e9e6e8, #a3a1a5), url(\Assets\OrdnanceSurvey\Images-css\arrow-black.png) right center no-repeat; 
	background:url(/Assets/OrdnanceSurvey/Images-css/arrow-black.png) right center no-repeat, -o-linear-gradient(top, #e9e6e8, #a3a1a5), url(\Assets\OrdnanceSurvey\Images-css\arrow-black.png) right center no-repeat;
	background:url(/Assets/OrdnanceSurvey/Images-css/arrow-black.png) right center no-repeat, linear-gradient(top, #e9e6e8, #a3a1a5);}
.os-select .button-strong:active {top:1px;}
#added-to-basket .button-strong {-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}

.os-select #os-select-search {padding:10px; background-color:#F60; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.os-select #os-select-search fieldset,
.os-select #os-select-search label,
.os-select #os-select-search input {display:inline-block; *display:inline; *zoom:1; vertical-align:top; }
.os-select #os-select-search .textfield {width:360px; background:#FFFFFF; border:2px solid #E35B1D; color:#AAAAAA; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; font-size:1em; height:19px; padding:5px 3px 5px 7px; margin:0;}
.os-select #os-select-search.active .textfield {background-color:#f1ffcb; }
.os-select #os-select-search .button-strong {width:161px; margin:0 5px -10px; height:32px; font-size:1.3em; padding:.25em .5em; font-weight:bold !important; *margin-top:2px;}
.os-select #os-select-search p {font-weight:normal; color:#fff; font-size:1.166em; }
.os-select #os-select-search .alert {margin:.8em .3em .3em 0; display:block; border:2px solid #6b8227;}
#content.os-select .breadcrumb-header {position:static; padding:5px 10px; margin-bottom:5px; text-indent:0; bottom:0; width:auto; border-bottom:1px solid #d7d7d7; color:#2e2e2e;}
#content.os-select .breadcrumb-header li {color:#2e2e2e;}
#content.os-select .breadcrumb-header a {color:#2e2e2e; text-decoration:underline;}
.os-select #header-search {display:none;}

.os-select #os-select-message { min-height: 10em; padding: 2em 22px; border: 1px solid #c6d9d1; color: #666; margin-bottom: 1.429em; font-size: 1.272em; line-height: 1.5em; }
.os-select #os-select-message h2 { font-size: 1.714em; margin-bottom: .75em; font-weight: normal; }
.os-select #os-select-message p { margin: 1.5em 0; }

/* Select Steps */
.os-select .select-header {padding:15px; border-bottom:1px solid #dadbd6;}
#content.os-select .steps p {font-size:1.5em; font-weight:bold; margin:-5px 0 7.5px 0;}
.os-select .steps span {color:#F60;}
.os-select.step-2 .select-header,
.os-select.step-3 .select-header {margin:0 15px; padding:15px 0 5px 0;}
.os-select.step-2 .select-header .steps,
.os-select.step-3 .select-header .steps {display:inline-block; *display:inline; *zoom:1; margin-bottom:0; line-height:100%; margin-right:2px;}
.os-select .select-header .faux-steps {display:inline-block; *display:inline; *zoom:1; float:right; *margin-top:-30px;}
.os-select .select-header .faux-steps a {font-size:1.1em; font-weight:bold !important; text-decoration:underline; color:#f60;}
.os-select .select-header .faux-steps a:hover {background:none;}
.os-select .select-header .faux-steps a:before {content:"< ";}

/* Center Body */
.os-select #main {position:relative; display:inline-block; *display:inline; *zoom:1; width:608px; border:1px solid #dadbd6;}
.os-select #main .intro1 {display:inline-block; *display:inline; *zoom:1; vertical-align:top; color:#2e2e2e;}
.os-select #main .intro1.left {width:340px; margin:10px;}
.os-select #main .intro1.right {width:220px; margin:10px 0 10px 10px;}
.os-select #main .intro1.right .centre > div {border-bottom:1px solid #d7d7d7; margin:0; padding:10px 0;}
.os-select #main .intro1.right .centre > div:first-child {padding-top:0;}
.os-select #main .intro1.right h3 {margin:0;}
.os-select #main .intro1 h3 {font-size:1.1em; color:#000;}
.os-select #main .intro1 .part {border-bottom:1px solid #d7d7d7; margin-bottom:1.2em;}
.os-select #main .intro1 strong {font-size:1em;}
#content.os-select #main .intro1 p {font-size:1.1em; margin-bottom:1em;}
#content.os-select .intro1 ul {margin-left:17px;}
#content.os-select .intro1 ul li {margin-bottom: 1.2em; line-height: 1.3em; background:none; list-style-type:square; padding:0;}
#content.os-select ul.map-detail-list,
#content.os-select ul.map-detail-list li {list-style-type:none; margin:0; padding:0; background:none;}
#content.os-select ul.map-detail-list li {padding:1px 0;}
#content.os-select ul.map-detail-list li strong {display:block;margin-bottom:1px;}
#content.os-select ul.map-detail-list.inline strong {display:inline;}
.os-select #main .intro1 .warning {padding:10px; font-weight:bold; background:#feeff7;}
.os-select #main .intro1 a {text-decoration:underline; font-weight:bold;}
.os-select #main .intro1 a:after {content:" >>";}

.os-select .section {padding:0 0 10px 0;}
.os-select #main .instructions {padding-top: 0; margin: 0 10px 0 0; }
.os-select #main .instructions h2 { margin-bottom: 0; padding-bottom: 0; }
.os-select #main .instructions p { margin-top: 0; }
.os-select #main .intro2 { float: left; width: 363px; padding-right: 20px; color: #395100; }
.os-select #main .intro2 .instructions { padding: 0 180px 3em 0; }
.os-select #main .intro2 .instructions img { position: absolute; top: 2px; right: -10px; }
.os-select #main .prices h3, .os-select #main .intro2 div.prices td.price { font-weight: bold; font-size: 1.5em; margin: 0;  }
.os-select #main .prices td.price { text-align: right; }
.os-select #main .prices p {font-size:1.272em; margin:0;}

/* Right Column */
.os-select .rightside {display:inline-block; *display:inline; *zoom:1; width:359px; border-left:1px solid #fff; border-top:1px solid #fff;}
.os-select .rightside .prices {border-bottom:1px solid #d7d7d7; padding-bottom:10px;}
.os-select .rightside .prices table {margin:10px 10px 0 10px; width:338px; font-size:1.1em; *zoom:1;}
.os-select .rightside .prices table .price {text-align:right; color:#ab2526; font-size:1.3em; font-weight:bold;}
.os-select .rightside .prices table td {vertical-align:top;}
.os-select .rightside .prices table img {border:2px solid #fff; display:block; margin:4px 2px; *margin:2px; -webkit-box-shadow:0 0 2px 1px #d7d7d7; -moz-box-shadow:0 0 2px 1px #d7d7d7; box-shadow:0 0 2px 1px #d7d7d7;}
.os-select .rightside .map-steps {border:1px solid #c57a5a; padding:10px;}
#content.os-select .rightside .map-steps li {font-size:1.6em; color:#000; background:#fff; padding:0;  line-height:26px; vertical-align:bottom; margin-bottom:0;}
.os-select .rightside .map-steps li span {font-size:0.7em; color:#FFF; display:inline-block; *display:inline; *zoom:1; height:26px; width:26px; line-height:26px; background:url(/Assets/OrdnanceSurvey/Images/map-steps.jpg) center center no-repeat; font-weight:bold; text-align:center; vertical-align:baseline; margin-right:5px;}
.os-select .rightside .map {border-bottom:1px solid #d7d7d7; padding:10px;}
#content.os-select .rightside .map h3 {margin:0;}
.os-select .rightside .promos {padding:5px;}
.os-select .rightside .promo-banners a {display:block; margin-top:10px;}
.os-select .rightside .promo-banners img {display:block;}
#content.os-select .rightside .prices h3,
#content.os-select .rightside .prices p {margin:0;}
.os-select .rightside .right-heading {padding:10px; background-color: #ffffff; border-bottom:1px solid #d7d7d7; *zoom:1;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e9e9e9)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ffffff, #e9e9e9); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #ffffff, #e9e9e9); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ffffff, #e9e9e9); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, #e9e9e9); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ffffff, #e9e9e9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e9e9e9'); /* IE6-IE9 */}
#content.os-select .rightside .right-heading h2 {color:#F60; margin:0; font-size:1.5em; font-weight:normal;}
#content.os-select .rightside .right-heading h3 {color:#F60; margin:-3px 0; font-size:1.1em; font-weight:bold;}

/* Step 2 */
.os-select #main #options {padding:15px;}
.os-select .map-browse {margin:0 0 0 auto; border:none; padding:5px 0;}
.os-select .map-browse #arrow-overlay {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; *top:50%; *left:50%; *margin:-35px 0 0 -35px; height:70px; width:70px; background:url(/assets/ordnancesurvey/images-css/map-cross.png) center center no-repeat; pointer-events:none;}
.os-select.step-2 .section {margin-bottom:5px;}
.os-select .map-refinement {padding:6px 10px 0 10px;}
.os-select .map-refinement td {padding:4px;}
.os-select .map-scale label h3,
.os-select .map-scale label p {display:inline; font-weight:bold;}
.os-select .map-format h4 {*zoom:1;}
.os-select .map-format input {display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin-top:15px;}
.os-select .map-format label {display:inline-block; *display:inline; *zoom:1; vertical-align:top; padding-left:10px;}
.os-select .map-format .folded-map {padding-left:70px; background:url(/Assets/OrdnanceSurvey/Images-css/folded-map-icon.png) no-repeat;}
.os-select .map-format .flat-map {padding-left:70px; background:url(/Assets/OrdnanceSurvey/Images-css/flat-map-icon.png) no-repeat;}
.os-select .map-format .flat-map .note {display:block; padding:3px 6px 3px 25px; margin:2px 0; background:url(/Assets/OrdnanceSurvey/Images-css/osselect-note-icon.png) 5px 2px no-repeat #fdf1f3;}
.os-select .map-scale input {display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin-top:15px;}
.os-select .map-scale label {display:inline-block; *display:inline; *zoom:1; vertical-align:top; padding-left:10px;}
.os-select .map-scale .explorer-map {padding-left:45px; background:url(/Assets/OrdnanceSurvey/Images-css/os-explore-map-icon.png) no-repeat;  min-height:55px; padding-top:6px;}
.os-select .map-scale .landranger-map {padding-left:45px; background:url(/Assets/OrdnanceSurvey/Images-css/os-landranger-map-icon.png) no-repeat;  min-height:55px; padding-top:6px;}
.os-select .map-scale .explorer-map div,
.os-select .map-scale .landranger-map div {width:470px;}
#content.os-select #main .warning-message,
#content.os-select #main .warning-message-red {padding:10px 10px 10px 35px; margin:10px 0 0 0; background:url(/Assets/OrdnanceSurvey/Images-css/osselect-note-icon.png) 10px 10px no-repeat #fdf1f3;}
#content.os-select #main .warning-message-red {border:3px solid #c2221d;}
.os-select .rightside .map-controlls {text-align:center; padding:0 0 0 5px;}
.os-select .rightside .map-controlls input {margin-right:5px;}
.os-select .rightside .map-preview-details p {padding:5px 10px;}
.os-select .rightside .map-preview-details .right-heading {margin:0 0 5px 0;}
#content.os-select .rightside .map-preview-details p {font-size:0.9em;}
.os-select #preview .locked * {cursor:default; pointer-events:none;}

/* Step 3 */
.os-select #main .map-cover {padding:10px 15px 0 15px;}
.os-select #main .map-cover .section {border:none; padding:0;}
.os-select #main .sub-section-heading {background:#ecf0e1; padding:5px; font-size:1.2em;}
#content.os-select #main .sub-section-heading h3,
#content.os-select #main .sub-section-heading p {display:inline-block; *display:inline; *zoom:1; margin:0; padding:0; font-size:0.9em;}
.os-select #main .map-cover .detail {margin-bottom:5px; border:none; padding-left:5px;}
.os-select #main .map-cover .group {padding:10px 0; border-bottom:1px solid #d7d7d7; margin-bottom:5px; padding-left:5px;}
.os-select #main .map-cover .group label {font-weight:bold; margin:0 10px 5px 0; width:75px; display:inline-block; *display:inline; *zoom:1;}
.os-select #main .map-cover .group input {color:#333; margin-bottom:5px; width:200px;}

.os-select #main .cover-selection {padding:0	 15px 0 15px;}
.os-select #main .cover-selection #preview {margin-top:10px;}
.os-select #main #preview {border-bottom:1px solid #d7d7d7;}
.os-select #main #preview .tabs {border-bottom:2px solid #569696;}
.os-select #main #preview .tabs li {display:inline-block; *display:inline; *zoom:1; background:#c4c4c4; border-radius:10px 10px 0 0; vertical-align:top; margin-top:1px; *margin-right:1px; min-width:80px; text-align:center;}
.os-select #main #preview .tabs li a {font-size:11px; color:#fff; text-decoration:none; font-weight:bold; display:block; line-height:30px; height:30px; padding:0 10px; vertical-align:middle; text-align:center;}
.os-select #main #preview .tabs li.active {background:#569696;}
.os-select #main #preview .tabs li.active a {}
.os-select #main #preview .tabs li.active a:hover {}

.os-select #main .cover-images {padding:0 15px 0 0; background:#eee; margin-bottom:15px; min-height:104px; max-height:208px; overflow-y:auto; border:15px solid #eee; border-right:none;}
.os-select #main .cover-images > ul {width:524px; margin:0 auto;}
.os-select #main .cover-images li {display:inline-block; *display:inline; *zoom:1; height:auto !important; padding:3px 2px;}
.os-select #main .cover-images li label {display:block; border:2px solid transparent;}
.os-select #main .cover-images li img {width:90px; height:90px; border:2px solid transparent;}
.os-select #main .cover-images li label.active {border-color:#C57A5A;}
.os-select #main .cover-images li label.active img {border-color:#fff;}

.os-select .continue {padding:15px;}
.os-select.step-2 .continue {padding-top:0;}

.os-select .spine-preview {border-bottom:1px solid #d7d7d7; padding:7px;}
.os-select .spine-preview .explorer {width:345px; background:url(/Assets/OrdnanceSurvey/Images-css/osselect-explorer-spine.jpg) top left no-repeat; height:30px; position:relative;}
.os-select .spine-preview .landranger {width:345px; background:url(/Assets/OrdnanceSurvey/Images-css/osselect-landranger-spine.jpg) center left repeat; height:30px; position:relative;}
.os-select .spine-preview .text-box {position:absolute; top:7px; left:80px; color:#fff; text-transform:uppercase; font-weight:bold; font-size:.7em;}

.os-select .cover-preview .cover-container {padding:20px; border-bottom:1px solid #d7d7d7;}
.os-select .cover-preview #cover {width:210px; height:340px; margin:auto; position:relative;}
.os-select .cover-preview .cover-container .landranger {background:url(/Assets/OrdnanceSurvey/Images-css/osselect-landranger-map.png) left -1px no-repeat;}
.os-select .cover-preview .cover-container .explorer {background:url(/Assets/OrdnanceSurvey/Images-css/osselect-explorer-map.png) left top no-repeat;}
.os-select #cover > * {position:absolute; }
.os-select #cover .titles {left:15px; top:24px; color:#FFF;}
.os-select #cover .titles span{font-weight:bold; display:block; font-size:13px; line-height:17.5px;}
.os-select #cover .titles .MapSubtitleLabel {font-size:.7em; line-height:16px;}
.os-select #cover img {left:0; top:94px; width:162px; height:220px;}

.os-select .legend-preview {padding:20px 20px 40px 20px; border-bottom:1px solid #D7D7D7; min-height:215px;}
.os-select .legend-preview h4 {font-size:2.6em; font-weight:lighter; line-height:1em; margin:0.5em 0;}
.os-select .legend-preview .MapTitleLabel,
.os-select .legend-preview .MapTitle2Label {font-size:2.6em; font-weight:bold; line-height:1em; margin-bottom:0.2em; display:block;}
.os-select .legend-preview .MapSubtitleLabel {font-size:1.8em; display:block; font-weight:bold; margin-top:1em;}

/* Previous Styling (Pre Nov 2011) */

.os-select #main #preview .map-browse { position: relative; float: left; margin: 0 14px .5em 0; width: 350px; }
.os-select .map-browse .controls { background: url(/Assets/OrdnanceSurvey/Images-css/bg-mapcontrol-nozoom.png) left top no-repeat; }
.os-select #main #preview .map-browse .crosshair { position: absolute; left: 159px; top: 153px; }
.os-select #main #preview .map-browse .area-box { position: absolute; left: 115px; top: 115px; }

.os-select #main #preview .instructions { float: left; width: 190px; color: #2b3233; font-size: 1em; }
.os-select #main #preview .instructions .section { padding-top: 0; margin-bottom: .75em; }
.os-select #main #preview .instructions p { font-weight: normal; }

.os-select #main #preview .cover-preview #cover-disclaimer { float:right; width:101%; font-size:10px; color:#ff0000;}

/*
===========================
Custom corners, borders and shadows
*/
/*
	Flexible custom corners and borders - Adapted from Roger Johansson's Custom Corners and Borders http://www.456bereastreet.com/archive/200505/transparent_custom_corners_and_borders/


.cbb {background:#fff; border:1px solid #c7d9d1; padding: 20px;}

.bt {background: url(/Assets/OrdnanceSurvey/Images-css/bg-dropshadow.png) no-repeat 100% 0; margin:0 0 0 18px; height:17px;}
.bt div {height:17px; width:18px; position:relative; left:-18px; background:url(/Assets/OrdnanceSurvey/Images-css/bg-dropshadow.png) no-repeat 0 0;}

.bb {background:url(/Assets/OrdnanceSurvey/Images-css/bg-dropshadow.png) no-repeat 100% 100%; margin:0 0 0 12px; height:14px;}
.bb div {height:14px; width:12px; position:relative; left:-12px; background:url(/Assets/OrdnanceSurvey/Images-css/bg-dropshadow.png) no-repeat 0 100%;}

.i1 {padding:0 0 0 12px; background:url(/Assets/OrdnanceSurvey/Images-css/bg-borders.png) repeat-y 0 0;}
.i2 {padding:0 12px 0 0; background:url(/Assets/OrdnanceSurvey/Images-css/bg-borders.png) repeat-y 100% 0;}
.i3 {background:#FFF; border:1px solid #fff; border-width:1px 0; padding:8px 10px 10px 16px; overflow:auto;}
 CSS for the box ends here */