/*----------------------------------------------------------------------------*/
/* @font-face declarations */

@font-face {
	font-family: 'Museo500';
	src: url('/content/webfonts/museo500-regular-webfont.eot');
	src: local('☺'), url('/content/webfonts/museo500-regular-webfont.woff') format('woff'), url('/content/webfonts/museo500-regular-webfont.ttf') format('truetype'), url('/content/webfonts/museo500-regular-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Museo300';
	src: url('/content/webfonts/museo300-regular-webfont.eot');
	src: local('☺'), url('/content/webfonts/museo300-regular-webfont.woff') format('woff'), url('/content/webfonts/museo300-regular-webfont.ttf') format('truetype'), url('/content/webfonts/museo300-regular-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Sosa';
	src: url('/content/webfonts/sosa-regular-webfont.eot');
	src: local('☺'), url('/content/webfonts/sosa-regular-webfont.woff') format('woff'), url('/content/webfonts/sosa-regular-webfont.ttf') format('truetype'), url('/content/webfonts/sosa-regular-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*----------------------------------------------------------------------------*/
/* Column structure */

.row {position: relative; float: left; display: block; clear: left; margin: 0; width: 100%;}
.column {float: left; display: block; width: 100%;}
.clear {display: block; height: 0px; overflow: hidden; clear: left; width: 100%; visibility: hidden;}

.column.colDivT > .colPadding, .colDivT > .row, .row.colDivT {border-top: 1px solid #000; margin-top: -1px;}
.column.colDivR > .colPadding, .colDivR > .row, .row.colDivR {border-right: 1px solid #000; margin-right: -1px;}
.column.colDivB > .colPadding, .colDivB > .row, .row.colDivB {border-bottom: 1px solid #000; margin-bottom: -1px;}
.column.colDivL > .colPadding, .colDivL > .row, .row.colDivL {border-left: 1px solid #000; margin-left: -1px;}
.row.colDivT, .row.colDivR, .row.colDivB, .row.colDivL {margin: 0;}

.col5 {width: 5%;}
.col12-5 {width: 12.5%;}
.col14-2 {width: 14.28%;}
.col17 {width: 17%;}
.col18 {width: 18%;}
.col20 {width: 20%;}
.col25 {width: 25%;}
.col30 {width: 30%;}
.col33-3 {width: 33.33%;}
.col35 {width: 35%;}
.col40 {width: 40%;}
.col45 {width: 45%;}
.col50 {width: 50%;}
.col60 {width: 60%;}
.col65 {width: 65%;}
.col66-6 {width: 66.66%;}
.col70 {width: 70%;}
.col75 {width: 75%;}
.col77 {width: 77%;}
.col78 {width: 78%;}
.col80 {width: 78%;}
.col95 {width: 95%;}
.col100 {width: 100%;}

.colPad {padding: 0 11px;}
.colPad .colPad {padding: 0; border: 0; margin: 0;}


/*----------------------------------------------------------------------------*/
/* General layout */

body {background: url(../images/bkg_simple_sky.jpg) top fixed repeat-x #c4e9fc; color: #616856; margin: 0; padding: 0; text-align: center; max-width: 100%; font-family: 'Museo500', sans-serif;}
body #bkg_simple {background: url(../images/bkg_simple_fore.jpg) bottom fixed repeat-x transparent;}
#butterfliesTop {display: block; width: 100%;}
#pageWidth {display: block; width: 862px; margin: 0 auto; padding: 60px 0; position: relative; text-align: left;}
#logo {margin: 0 0 30px;}
#logo a {display: block; width: 594px; height: 109px; background: url(../images/logo.png); text-indent: -9999px;}
#logo a #printlogo {display: none;}
.right {float: right;}
.right + .right {margin-right: 1em;}
.left {float: left;}

.left + .left {margin-left: 1em;}
#postcode .left + .left {margin-left: 0;}

.photo, img.map {padding: 7px; border: 1px solid #ddd; background: #f4f4f4; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }

.mapField, #map, #Item_PostCode_btn {display: none;}
.jsEnabled .mapField, .jsEnabled #map, .jsEnabled #Item_PostCode_btn {display: block;}
#Item_PostCode_btn {font-size:1em;}
#postcode.formPair { background:none; }
/*.jsEnabled #postcode .col33-3 { visibility:hidden; }*/
#confirmemail, #emailcontact, #optsintoemails { background:none; }

img.right { float: right; margin: 0 0 1.5em 1.5em; }

div.radio-buttons label {
	display: block;
	clear: left;
}

/*----------------------------------------------------------------------------*/
/* Typography */

h1, h2, h3, h4, h5, h6 {margin-top: 0; font-weight: normal; color: #8ba842; font-family: 'Museo500', sans-serif; letter-spacing: -0.01em;}
h1 {font-size: 2.4em; font-family: 'Museo300', sans-serif}
h2 {font-size: 1.8em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.2em;}
h6 {font-size: 0.9em; text-transform: uppercase; margin-bottom: 0;}
hr {float: none; clear: both; display: block; width: 100%; height: 3px; background: url(../images/hr.png) 50% 50% no-repeat; border: none; margin: 0 0 22px;}

.intro {font: 1.8em 'Museo300', sans-serif; color: #4a6a22; text-shadow: 1px 1px 6px rgba(255,255,255,1); letter-spacing: -0.01em;}
.intro a {white-space: nowrap;}
.page .intro {font: 1.4em/1.4em 'Museo300', sans-serif; color: #7f8871; letter-spacing: -0.01em;}
.logo {font-family: 'Museo500', sans-serif; color: #4a6a22;}
.sponsors {font-family: 'Museo500', sans-serif; margin: 12px 0 0; line-height: 1.2em;}
.latinName {font: italic 1.1em Georgia, "Times New Roman", Times, serif; color: #888; margin-top: -1em;}
.detailsBig {color: #444; font: 1.4em/1.4em 'Museo300', sans-serif; letter-spacing: -0.01em;}
.detailsBig .detailsBig {font: 1.7em/1.4em 'Museo500', sans-serif; margin: 0.2em; position: relative; top: 0.15em; color: #8ba842;}
.details {margin-bottom: 0; color: #444;}
.details strong {color: #000; padding: 0 4px; font-style: italic; background: #dbefa6;}
.underline {padding-bottom: 0.6em; background: url(../images/hr.png) 50% 100% no-repeat;}
.field-validation-error {position: relative; top: 2px; clear: both; display: block; background: #af1e13; font-size: 1.2em; font-family: 'Museo500', sans-serif; color: #fff !important; padding: 3px 10px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; box-shadow: 2px 2px 3px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);}
.jsEnabled #galleryPageSlider .field-validation-error {width: 717px; margin-left: 14px;}
.validation-summary-errors {clear: both; display: block; border: 3px solid #AF1E13; background: #EAD0D0; font: 1.1em 'Museo500', sans-serif; color: #AF1E13; margin-bottom: 1em; padding: 1em 10px 3px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; box-shadow: 2px 2px 3px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);}


/*----------------------------------------------------------------------------*/
/* Typography */

textarea {width: 100%; height: 70px; margin: 0 0 20px;}
.textarea {min-height: 70px; background: #fff; margin: 1px; padding: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; box-shadow: 2px 2px 3px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);}


/*----------------------------------------------------------------------------*/
/* Links */
a, a:visited {color: #e28316;}
a:hover {color: #af1e13;}
a img, a:visited img {text-decoration: none;}
h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited {text-decoration: none;}


/*----------------------------------------------------------------------------*/
/* Buttons */

.button {display: block; padding: 0.6em 0.8em 0.5em; font: bold 1.2em 'Museo500', sans-serif; color: #fff; background: url(../images/button.png) top repeat-x; text-shadow: 1px 1px 3px rgba(0,0,0,0.4); text-decoration: none; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; box-shadow: 2px 2px 3px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.2); cursor: pointer;}
.button:visited {color: #fff;}
.button:hover {box-shadow: 2px 2px 3px rgba(0,0,0,0.4); -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.4); color: #fff;}
.buttonSmall {font-size: 0.9em; font-weight: bold; padding: 0.35em 0.5em 0.25em;}
#reviewbasket .buttonLarge {font-size: 0.9em; font-weight: bold; padding: 0.35em 0.5em 0.25em;}
#reviewbasket .right {margin-right: 51%;}
.button .buttonInfo {display: block; clear: left; font: 0.75em Arial, Helvetica, sans-serif;}
.buttonOrange {background-color: #e28214; border: 3px solid #e79d48;}
.buttonOrange:hover {background-color: #e37f0c;}
.buttonGreen {background-color: #8ca842; border: 3px solid #b5ce7d;}
.buttonGreen:hover {background-color: #91b03f;}
.buttonDownload {background-image: url(../images/buttonDownload.png); background-position: 0 0; background-repeat: no-repeat; padding-left: 45px;}
.buttonWide { clear: both; text-align: center; margin: 10px 0; padding: 0.3em 0 0.5em; width: 766px; }
#introButton {display: block; padding: 0.9em 0 0.8em; text-align: center; font-size: 1.7em; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; border-radius: 11px;}
#introButton span {display: block; font-size: 0.7em; font-weight: normal;}

.buttonCenter {text-align: center;}
.col33-3 .buttonCenter {font-size: 1.4em;}

.buttonWrap {background: url(../images/buttonWrap.png) repeat; padding: 1px; -moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2); opacity: 0.95;}
.buttonWrap:hover {opacity: 1;}
.buttonWrap2 {background: #7c6d5a; padding: 1px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px;}

.homeSteps a.button {margin: 15px 0 0;}
.jsEnabled .homeSteps a.button {margin: 0;}
.jsEnabled .homeSteps .buttonWrap {margin: 15px 0 0;}
#introButton {margin-top: -8px;}
.jsEnabled #introButton {margin-top: 0;}
.jsEnabled .introButtonWrap .buttonWrap {margin-top: -8px; -moz-border-radius: 13px; -webkit-border-radius: 13px; -khtml-border-radius: 13px; border-radius: 13px;}
.jsEnabled .introButtonWrap .buttonWrap2 {-moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px;}

.formPair p {font-size: 0.9em; position: relative;}
.formPair p span {font-family: 'Museo500', sans-serif; font-size: 1.2em; color: #8ba842;}
.formPair p .required {position: absolute; top: 0; right: -5px; color: #AF1E13; cursor: help;}
.formPair p .required em {display: none; position: absolute; top: -1px; right: 10px; z-index: 100; background: #fff; color: #AF1E13; border: 1px solid #AF1E13; padding: 1px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; box-shadow: 2px 2px 3px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);}
.formPair p .required:hover em {display: block;}

.formPair {padding: 15px 0 5px; background: url(../images/hr2.png) 50% bottom no-repeat;}
.subFormPair {padding: 0; background: none;}
.subFormPair + br + .formPair {padding-top: 5px;}
.formField {display: block; font-size: 1.2em; padding: 0.4em 0.8em 0.4em; margin: 0; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; box-shadow: 2px 2px 3px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.2); border: none;}
.longFormField {width: 435px;}
select {display: block; font-size: 1.2em; padding: 0.4em; margin: 0; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; box-shadow: 2px 2px 3px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.2); border: none;}
textarea {display: block; font: 1.2em 'Museo500', sans-serif; padding: 0.4em 0; width: 96.6%; border: 8px solid #fff; margin: 0; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; box-shadow: 2px 2px 3px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);}
.col50 textarea {width: 95.6%;}
.col66-6 textarea {width: 95.2%;}

#calendar table {float: left; margin: 0 1em 0 0;}

input[type=checkbox] {
	float: left;
}
.formPair span.checkbox {
	color: #616856;
	display: block;
	float: left;
	font-size: 0.9em;
	width: 90%;
}

/*----------------------------------------------------------------------------*/
/* Page */

.page {position: relative; z-index: 2; clear: left; display: block; margin: 33px 0 40px; background: url(../images/page.png) top repeat-y;}
.pageTop {position: relative; z-index: 2; top: -17px; display: block; background: url(../images/page_top.png) top no-repeat;}
.pageBottom {position: relative; z-index: 2; bottom: -117px; display: block; background: url(../images/page_bottom.png) bottom no-repeat;}
.pageBkg {position: relative; z-index: 2; top: -100px; display: block; background: url(../images/page_bkg.jpg) top no-repeat; min-height: 450px; padding: 33px 48px; overflow: hidden;}
.page .row {margin: 0; width: 100%;}

.topBorder {margin: 37px 0 0;}
.topBorder .colPad {background: url(../images/hr.png) 50% 0 no-repeat; padding-top: 22px;}

.page .topSpace {margin-top: 36px;}


/*----------------------------------------------------------------------------*/
/* Social media links */
#social-actions {
	list-style: none;
	margin: 0;
	position: absolute;
	right: 200px;
	top: 5px;
}
	#social-actions li {
		float: left;
		margin-right: 5px;
	}
		#social-actions li iframe {
			border: none;
		}
#social-networks {
	background-color: #FDFDFD;
	border: 3px solid #F2F2F2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px; 	
	border-radius: 5px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.50);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.50);
	-o-box-shadow: 0 1px 2px rgba(0,0,0,0.50);
	box-shadow: 0 1px 2px rgba(0,0,0,0.50);
	height: 32px;
	list-style: none;
	margin: 0;
	padding: 10px 5px 5px 10px;
	position: absolute;
	right: 20px;
	top: -5px;
}

	#social-networks li {
		display: block;
		float: left;
		margin-right: 5px;
	}
		#social-networks li a {
			display: block;
			height: 32px;
			text-indent: -9999px;
			width: 32px;
		}
			#social-networks li.twitter a,
			#social-networks li.facebook a,
			#social-networks li.flickr a,
			#social-networks li.instagram a {
				background: transparent url(../images/twitter_32.png) center top no-repeat;
			}
				#social-networks li.facebook a {
					background-image: url(../images/facebook_32.png);
				}
				#social-networks li.flickr a {
					background-image: url(../images/flickr_32.png);
					
				}
				#social-networks li.instagram a {
					background-image: url(../images/instagram_32.png);
					
				}
				#social-networks li.twitter a:hover,
				#social-networks li.facebook a:hover,
				#social-networks li.flickr a:hover,
				#social-networks li.instagram a:hover {
					background-position: center bottom;
				}


/*----------------------------------------------------------------------------*/
/* Homepage steps */

.page .homeSteps {margin: 0 3px 22px; width: auto;}
.page .homeSteps .colPad {padding: 0 3px;}
.page .homeSteps .colPad .homeStepH2, .page .homeSteps .colPad .homeStepH3 {padding: 0 8px;}

.homeSteps li {display: block; text-decoration: none;}
.homeSteps .linkOrNot {min-height: 370px; display: block; text-decoration: none; color: #7f8871; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px;}
.homeSteps a.linkOrNot:hover {background: rgba(178,211,56,0.25); color: #3e4237;}
.homeSteps span {display: block;}
.homeSteps .homeStepH3 {display: block; font: 1.1em 'Museo500', sans-serif; color: #7f8871;}
.homeSteps .homeStepH2 {display: block; font: 1.75em 'Museo500', sans-serif; color: #8ba842; letter-spacing: -0.01em;}
.homeSteps .homeStepDesc {padding: 5px 23px 15px;}
.homeSteps a .homeStepH2 {color: #e28316;}
.homeSteps a:hover .homeStepH2 {color: #aa460b;}

.homeSteps .linkOrNot .homeStepPhoto {background: url(../images/homeSteps.png) top left no-repeat; padding: 15px 15px 0;}
.homeSteps .linkOrNot .homeStepTitle {background: url(../images/homeSteps.png) bottom left no-repeat; padding: 3px 15px 19px;}
.homeSteps a.linkOrNot .homeStepPhoto {background-position: top;}
.homeSteps a.linkOrNot .homeStepTitle {background-position: bottom;}
.homeSteps a.linkOrNot:hover .homeStepPhoto {background-position: -248px 0;}
.homeSteps a.linkOrNot:hover .homeStepTitle {background-position: -248px 100%;}

/*----------------------------------------------------------------------------*/
/* Homepage latest activity */
#dyn-latest-activity .activity { width:50%; height:3em; }
#dyn-latest-activity .activity.odd { float:left; }
#dyn-latest-activity .activity.even { float:right; }
.jsEnabled #latest-activity {display:none;}
#latest-activity, #dyn-latest-activity {
	list-style: none;
	margin: 0 0 20px 0;
	overflow: auto;
}
	#dyn-latest-activity .activity, #latest-activity li {
		display: block;
		font-size: 16px;
		text-align: center;
		padding: 5px 0;
		width: 50%;
	}
	#latest-activity li {
		float: left;
	}

/*----------------------------------------------------------------------------*/
/* Homepage results */

#homeResults {background: url(../images/hr.png) 50% 100% no-repeat; margin: 0 0 37px; padding: 0 0 22px;}
#homeResults h2 {margin-top: 0;}
#homeResults hr {display: block; width: 100%; height: 3px; background: url(../images/hr.png) 50% 50% no-repeat; border: none; margin: 0 0 22px;}





/*----------------------------------------------------------------------------*/
/* Footer */

#footer {position: relative; z-index: 100; top: -1.3em; text-align: center;}
#footer li {display: inline; margin: 0 1em; font: bold 0.9em Arial, Helvetica, sans-serif;}
#footer a {color: #fff9b5; text-decoration: none; text-shadow: 1px 1px 6px rgba(0,0,0,1)}
#footer a:hover {color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,1)}


/*----------------------------------------------------------------------------*/
/* Gallery */

.jsEnabled #galleryDetails #galleryDetailImages {display: block; width: 336px; overflow: hidden; position: relative;}
.jsEnabled #galleryDetails #galleryImageSlider {position: relative; display: block; width: 5000px; height: 227px;}
.jsEnabled #galleryDetails #galleryImageSlider .galleryDetailImage {float: left;}


#galleryGrid {overflow: hidden; margin: 0; padding: 0;}
#galleryGrid .colPad, .relatedspecies .colPad {padding: 0 6px;}
#galleryGrid img, .relatedspecies img {width: 85px; height: 57px;}
#galleryGrid a, .relatedspecies a {display: block; text-decoration: none; line-height: 1.2em; background: #f5f5f5; border-color: #bbb;}
.relatedspecies a { width:85px; }
.relatedspecies li, .relatedspecies li:last-child {margin-bottom:1em;}
#galleryGrid a:hover, .relatedspecies a:hover {background: #fff; border-color: #777;}
#galleryGrid a span, .relatedspecies a span {font-size: 0.95em; line-height: 0.9em; margin: -3px 0 0; display: block; color: #444; background: #e8ebe0; padding: 5px; min-height: 30px;}
#galleryGrid a:hover span,, .relatedspecies a:hover span {background: #fff; color: #222;}
#galleryGrid .photo, .relatedspecies .photo {display: block; margin-bottom: 6px; padding: 4px 4px 0; min-height: 101px; position: relative; -moz-border-radius: 0; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-bottom: 0;}
.relatedspecies .photo { -moz-border-radius:4px;border-bottom:1px solid #ccc; }
#galleryGrid.infoPage {
	margin-bottom: 20px;
}
#galleryGrid.infoPage div {
	margin-right: 10px;
}
#galleryGrid.infoPage .photo {
	border-bottom: 1px solid #BBB; 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px; 	
	border-radius: 4px;
	padding: 4px;  
}

.galleryBasketControls {display: block; margin: -7px 0 13px; padding: 2px; background: #8ba842; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border: 1px solid #8ba842; border-top: 3px solid #849f3f;}
.galleryBasketControls input {display: block; width: 54px; height: 27px; font: 1.1em 'Museo500', sans-serif;}
.galleryBasketControls .galleryBasketAdd {float: right; margin-top: -1px; background: url(../images/galleryBasketControlsAdd.png) top left no-repeat;}
.galleryBasketControls .galleryBasketAdd:hover {background-position: bottom left;}
.galleryBasketControls .galleryBasketRemove {float: right; width: 80px; margin-top: -1px; background: url(../images/galleryBasketControlsRemove.png) top left no-repeat;}
.galleryBasketControls .galleryBasketRemove:hover {background-position: bottom left;}
.galleryBasketValue {margin: 3px 0;}
.galleryBasketValue em {background: #fff; margin: 0 2px; padding: 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;}
.galleryBasketValue em input {display: inline; height: auto; width: 20px; margin-top: -2px;}
.galleryBasketValue span {display: none;}

#sightingsContent .galleryBasketControls {border: 0; background: transparent;}
#sightingsContent .galleryBasketValue em {padding: 2px 7px; height: 27px; font: 1.1em 'Museo500', sans-serif; color: #111;}


#gallerySizer {display: none; float: right;}

.galleryDetailCaption p {margin: 0 0 5px; line-height: 1.2em; font: 1em 'Museo300', sans-serif; }
#galleryDetailImages .galleryDetailCaption {position: relative; bottom: 0; left: 0; max-width: 100%; background: transparent; color: #333; margin: 0 0 20px; padding: 0;}
#galleryDetails .galleryDetailImage .galleryDetailCaption {display: none; position: absolute; bottom: -4px; left: 10px; padding: 8px 8px 3px; max-width: 305px; background: rgba(0,0,0,0.5); color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;}
#galleryDetails .galleryDetailImage:hover .galleryDetailCaption {display: block;}
#galleryDetails .galleryBasketControls {margin: 0;}

#galleryDetails div.col50 + div.col50 div.colPad {
	padding: 0;
}

#galleryDetailPage div.similarSpecies {
	border-top: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px; 	
    border-radius: 5px;
    overflow: auto;
    padding: 10px 0 0;
    width: 340px;
}


.jsEnabled #galleryPageSlider {position: relative; display: block; width: 5000px;}
.jsEnabled #galleryPageSlider .galleryPage {display: block; float: left; margin: 0 8px; width: 750px;}

.pagPrev {position: absolute; top: -8px; left: 174px; display: block; width: 143px; height: 37px; background: url(../images/panelLeftPrevious.png) top no-repeat; cursor: pointer;}
.pagNext {position: absolute; top: -8px; right: 174px; display: block; width: 143px; height: 37px; background: url(../images/panelRightNext.png) top no-repeat; cursor: pointer;}
.pagPrev:hover, .pagNext:hover {background-position: bottom;}
#galleryDetailImages .pagPrev {left: 65px; top: 230px; width: 37px; background-image: url(../images/panelLeft.png);}
#galleryDetailImages .pagNext {left: 230px; top: 230px; width: 37px; background-image: url(../images/panelRight.png);}

/* 

.galleryBasketValue em {padding: 3px 6px;}

#galleryGrid .inBasket a {background: #fff; color: #8ba842;}


#galleryGrid .buttonWrap, #galleryGrid .buttonWrap2 {float: left;}
#galleryGrid .button {font: 0.9em 'Museo500', sans-serif; padding: 0.1em 0.5em 0.1em;}


.galleryBasketControls .galleryBasketRemove {float: right; margin-top: -1px; background: url(../images/galleryBasketControls.png) top right no-repeat;}
.galleryBasketControls .galleryBasketRemove:hover {background-position: bottom right;}
.galleryBasketControls .galleryBasketAdd {float: right; margin-top: -1px; background: url(../images/galleryBasketControls.png) top left no-repeat;}
.galleryBasketControls .galleryBasketAdd:hover {background-position: bottom left;}
.galleryBasketValue {margin: 3px 0;}
.galleryBasketValue em {background: #fff; margin: 0 2px; padding: 3px 6px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;}
.galleryBasketValue span {display: inline;}
.gallery3x7 .galleryBasketValue span {display: none;}

#galleryGridDots {margin-top: -10px;}
#galleryGridDots hr {margin-top: 10px;}



*/
#galleryGrid.gallery3x5 .photo {min-height: 130px;} 
#galleryGrid.gallery3x3 .photo {min-height: 189px;} 
#galleryGrid.gallery3x3 .photo span {min-height: 22px;}
.gallery3x7 .column {width: 14.28%; min-height: 160px;}
.gallery3x5 .column {width: 20%; min-height: 193px;}
.gallery3x3 .column {width: 33.33%; min-height: 250px;}
.gallery3x5 img {width: 128px !important; height: 95px !important;}
.gallery3x3 img {width: 228px !important; height: 152px !important;}

.sizeThumbnails.jsEnabled #gallerySizer {display: block; list-style: none; position: relative; top: 11px;}
#gallerySizer li {float: left; display: inline; margin-left: 5px;}
#gallerySizer a, #gallerySizer a:visited {margin-top: -3px; position: relative; float: right; text-decoration: none; display: block; width: 20px; height: 20px; background: url(../images/gallerySizer.gif) 0 0 no-repeat;}
#gallerySizer a span {display: none;}
#gallerySizer a:hover span {display: block; position: absolute; top: -16px; right: 3px; color: #ccc;}
#gallerySizer .current {padding-bottom: 4px; border-bottom: 1px solid #aaa;}
#gallerySizer .current:hover {border-bottom-color: #ccc;}
#gallerySizerSmall a, #gallerySizerSmall a:visited {background-position: 0 0;}
#gallerySizerSmall a:hover, #gallerySizerSmall.current a {background-position: 0 -20px;}
#gallerySizerMedium a, #gallerySizerMedium a:visited {background-position: -20px 0;}
#gallerySizerMedium a:hover, #gallerySizerMedium.current a {background-position: -20px -20px;}
#gallerySizerMedium a:hover span {top: -18px;}
#gallerySizerLarge a, #gallerySizerLarge a:visited {background-position: -40px 0;}
#gallerySizerLarge a:hover, #gallerySizerLarge.current a {background-position: -40px -20px;}
#gallerySizerLarge a:hover span {top: -20px;}




.jsEnabled #galleryDetails {float: left; background: url(../images/galleryDetail.png) top no-repeat; background-size: 100% 100%; margin-bottom: 36px; position: relative;  z-index: 1;}
.jsEnabled #galleryDetails .row {width: 765px; margin-bottom: -10px; padding: 36px 0; z-index: 1;}
#galleryDetails .colPad {padding: 0 36px;}
#galleryDetails .col50:first-child .colPad {padding: 0 11px 0 36px;}
#galleryDetails .col50 + .col50 .colPad {padding: 0 36px 0 11px; overflow: visible;}
#galleryDetails .col100 .colPad {padding: 10px 36px;}
#galleryDetails #galleryDetailText {max-height: 260px; margin-bottom: 16px; overflow: auto; padding-right: 5px; width: 358px;}
#galleryDetails .galleryDetailMore {float: none; margin: -5px 0 0; padding: 5px 0 0; font-size: 1.2em; border-top: 1px solid #ccc;}
#galleryDetails #galleryDetailImages img {width: 336px; height: 225px; margin-right: 4px;}
.galleryDetailImage {position: relative;}
.galleryDetailImageDots {text-align: center; font-size: 2.4em; margin: -0.3em 0 0; padding: 0 0 3px;}
#galleryDetails .galleryDetailImageDots {border: none; margin: -0.5em 0 0; position: relative; top: -6px;}
.galleryDetailImageDots li {display: inline;}
.galleryDetailImageDots a, .galleryDetailImageDots a:visited {color: #999; text-decoration: none; padding: 0 4px;}
.galleryDetailImageDots a:hover {color: #555;}
.galleryDetailImageDots a.current, .galleryDetailImageDots a.current:visited {color: #e28316;}
.galleryDetailImageDots .prev, .galleryDetailImageDots .next {font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; position: relative; top: -1px;}
#galleryDetails .galleryBasketControls {outline: 4px solid #fff; padding-top: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border-width: 1px;}

.relatedspecies {list-style: none; margin-left: 0;}
.relatedspecies li {display: inline; padding-right: 5px; margin-right: 3px; width: 29.5%;}
.relatedspecies li:last-child {margin-right: 0; padding: 0; border: 0;}

#closeDetails {display: block; position: absolute; z-index: 99; top: 13px; right: 19px; background: #af1e13; text-decoration: none; color: #fff; padding: 1px 5px; font: 1.1em 'Museo500', sans-serif; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;}



/*----------------------------------------------------------------------------*/
/* basket */

#baskethead {z-index: 100;}

#sightings {display: block; width: 250px; background: url(../images/button.png) top repeat-x #8ba842; color: #d1e59f; position: absolute; top: -18px; z-index: 100; padding: 16px 16px 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; box-shadow: 2px 2px 2px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2); border: 1px solid #fff;}
#sightings h3 {color: #fff; font: bold 1.2em sans-serif; margin: 0;}
#sightings h3 a, #sightings h3 a:visited {color: #fff; text-decoration: none;}
#sightings h3 a:hover {text-decoration: underline;}
#sightingsContent {display: none;}
#sightings:hover #sightingsContent, .sightingsHover #sightingsContent {display: block;}
#sightingsContent ul {margin: 0; border-top: 1px solid #ccc; padding-top: 10px;}
#sightingsContent li {float: left; display: block; width: 230px; padding: 10px; background: rgba(255,255,255,0.4); list-style: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; margin: 0 0 10px;}
#sightingsContent li img {width: 70px; float: left; margin: 0 10px 0 0;}
#sightingsContent li a span {display: block; padding: 3px 0 3px; color: #555; font-size: 1.1em; line-height: 1em; font-family: 'Museo500', sans-serif; margin-bottom: 5px;}
#sightingsContent li a:hover span {color: #111;}
#sightingsContent li a:hover img {outline: 3px solid #fff;}
#sightingsContent .galleryBasketControls {display: block; background: none; padding: 5px 0 0; margin-bottom: 0;}
#sightingsContent .photo {border: 0; padding: 0;}


.whereType p {position: relative; display: block; opacity: 0.8; margin: 0 0 1em 5px !important; width: 65px;font-family: 'Museo500', sans-serif; color: #444; padding: 4px; padding: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
.whereType p:first-child, .whereType p.first {margin-left: 0 !important;}
.whereType input {position: absolute; right: 0; top: 66px;}
.whereType label {display: block; cursor: pointer; line-height: 1.1em;}
.whereType label img {margin: 0 0 4px; padding: 1px;}
.whereType p:hover, .whereType p.selected {color: #000;}
.whereType p:hover img {outline: 3px solid #af1e13;}

.jsEnabled .whereType input {display: none;}
.jsEnabled .whereType label img {display: none;}
.jsEnabled .whereType label {width: 60px; padding: 66px 2px 0; min-height: 30px; background-repeat: no-repeat; background-position: 2px 2px; border: 2px solid #fff; background-color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;}
.jsEnabled .whereType label:hover {border: 2px solid #8ba842;}
.jsEnabled .whereType .selected label {border: 2px solid #111;}
.jsEnabled .whereType .selected {opacity: 1;}

.inbasket .galleryBasketControls {background-color: #e28316; border-color: #e28316; border-top-color: #cd7714;}
.error .galleryBasketControls {background-color: #af1e13; border-color: #af1e13;}

.inBasketOverlay {display: none; background: rgba(0, 0, 0, 0.5); color: #fff; height: 53px; left: 4px; text-shadow: 0 0 10px #000; padding: 4px 0 0 0; position: absolute; text-align: center; top: 4px; width: 85px; line-height: 350%;}
a:hover .inBasketOverlay {display: block;}
.gallery3x5 .inBasketOverlay {width: 128px; height: 91px; line-height: 680%;}
.gallery3x3 .inBasketOverlay {width: 228px; height: 148px; line-height: 1150%;}

.galleryBasketValue span.count {display: inline}

/*----------------------------------------------------------------------------*/
/* cornfirm sightings */

.confirmListing {float: left; display: block; width: 100%; list-style: none; margin: 0; background: url(../images/hr.png) 50% bottom no-repeat; padding: 0 0 10px}
.confirmListing li {float: left; width: 94%; padding: 14px 2% 10px; background: #B9CA8D; list-style: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; margin: 5px 0 10px;}
.confirmListing li:nth-child(odd) {float: left; width: 45%; padding: 14px 2%; background: #B9CA8D; list-style: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; margin: 5px 2% 10px 0;}
.confirmListing li:nth-child(even) {float: left; width: 45%; padding: 14px 2%; background: #B9CA8D; list-style: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; margin: 5px 0 10px 0;}
.confirmListing li img {float: left; width: 90px; height: auto; margin-right: 22px; border: 1px solid #fff; outline: 3px solid #eee}
.confirmListing li .title {color: #444; font-size: 1.2em;}
.confirmListing .galleryBasketControls {display: block; width: 100%; background: none; border: none; margin: 10px 0 3px;}
.confirmListing .galleryBasketControls em {border: 1px solid #ccc; padding: 4px 6px; border: 1px solid #999; color: #000; }
.confirmListing .galleryBasketAdd {display: none}
.confirmListing .galleryBasketValue {margin: 0;}
.confirmListing .galleryBasketValue input {border: 1px solid #ccc; padding: 0 6px; border: 1px solid #999; color: #000; position: relative; top: -3px; width: 1em;}

iframe, #map {margin-bottom: -4px; border: 3px solid #fff; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px;}

.resultsControls {float: left; clear: left; display: block; width: 100%; margin: 0 0 15px; margin: 0 0 5px; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
.resultsControls dd, .resultsControls dd {clear: left; display: block; width: 100%; margin: 0;}
.resultsControls dt {font: 1.2em 'Museo500',sans-serif; color: #8BA842; margin-bottom: 3px;}
.resultsControls .formField, .resultsControls select {font-size: 1em;}

.map_where {width: 478px; height: 275px;}
.map_thankyou {width: 734px; height: 450px;}
.map_results {width: 478px; height: 650px;}
#resultLoader { position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 900000;background-color:#333; background-color:rgba(0, 0, 0, 0.8); } 
#resultLoaderPrompt { position: relative; top:35%;margin-left:15%;right:0;text-align:center;z-index: 900001; width:70%; } 
#resultLoaderPromptInner { background-color:#eee;border:5px #eee;padding:0.5em 1em 1em 1em;border-radius: 7px 7px 7px 7px;background-image:url("../images/page_bkg.jpg") } 
#resultLoaderPromptInner img { margin:0.5em; } 
#resultLoaderPromptInner p { margin-bottom:0; } 
#resultLoader.error #resultLoaderPromptInner p { color:#f00; } 

#sponsorMS {display: block; float: right; height: 58px; width: 176px; background: url(../images/sponsors.gif) top right no-repeat; text-indent: -9999px;}

#sponsorJL {display: block; float: right; height: 58px; width: 139px; background: url(../images/sponsorsJL.jpg) top left no-repeat; text-indent: -9999px; background-size: cover;}
#sponsorW {display: block; float: right; height: 58px; width: 146px; background: url(../images/sponsorsW.jpg) top left no-repeat; text-indent: -9999px; background-size: cover;}
#sponsorBC {display: block; float: right; height: 58px; width: 205px; background: url(../images/sponsorsBC.jpg) top left no-repeat; text-indent: -9999px; background-size: cover;}
#sponsorBQ {
    display: block;
    float: right;
    height: 58px;
    width: 58px;
    background: url(../images/sponsorsBQ.jpg) top left no-repeat;
    text-indent: -9999px;
    background-size: cover;
}

/*----------------------------------------------------------------------------*/
/* Social media share message */

.share-results.row {margin: 22px 0;}
.share-results.row .column:first-child .colPad {padding-left: 0;}
.share-results.row .column:last-child .colPad {padding-right: 0;}

.share-results-btn {padding: 10px; display: block; cursor: pointer; color: #fff; border-radius: 5px; text-align: center;}
.share-results-btn span {display: block; font-size: 0;}
.share-results-btn#facebook {background: #3b5998;}
.share-results-btn#facebook span:before {display: block; content: '\0135'; font: 90px/.3 Sosa; text-align: center;}
.share-results-btn#twitter {background: #4099ff;}
.share-results-btn#twitter span:before {display: block; content: '\0136'; font: 90px/.3 Sosa; text-align: center;}
.share-results.row:hover .share-results-btn {color: #fff; color: rgba(255,255,255,.5);}
.share-results.row .share-results-btn:hover {color: #fff;}


#toggleContent {position: fixed; bottom: 0; left: 0; display: block; width: 20px; height: 20px; background: transparent; text-indent: -9999px;}
#toggleContent:hover {background: rgba(0,0,0,0.1);}


/*----------------------------------------------------------------------------*/
/* admin area */

#adminmenu {float: left; width: 100%; list-style: none; margin: 0 0 1em; padding: 0 0 2em; background: url(../images/hr.png) 50% bottom no-repeat;}
#adminmenu li {float: left; background: url(../images/buttonWrap.png) repeat; padding: 1px; -moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2); margin: 0 5px 0 0; padding: 1px;}
#adminmenu a, #adminmenu a:visited {float: left; padding: 0.3em 0.8em 0.5em; font-family: 'Museo500', sans-serif; color: #fff; background: url(../images/button.png) top repeat-x; text-shadow: 1px 1px 3px rgba(0,0,0,0.4); text-decoration: none; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; box-shadow: 2px 2px 3px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.2); background-color: #e28214; border: 3px solid #e79d48;}
#adminmenu a:hover{background-color: #ea830d;}
.editablelist {list-style: none; margin-left: 0; border-top: 1px solid #ddd;}
.editablelist li {border-bottom: 1px solid #ddd;}
.editablelist a {display: block;text-decoration: none; padding: 2px 6px; margin: 1px 0;}
.editablelist a:hover {background: rgba(0,0,0,0.02)}







/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}




/* 2012 changes to listing page
#galleryDetails {display: none;} */
.well {background: rgba(80,80,0,0.04); border: 1px solid rgba(80,80,0,0.1); border-width: 1px 0 0 1px; border-radius: 10px; margin: 0 2% 20px; padding: 30px 2%; width: 92%;}
.well textarea {height: 180px;}

#galleryGrid {width: 98%; margin: 0 1%;}
#galleryGrid .column, .galleryDetails .column {min-height: 200px; width: 20%;}
#galleryGrid .colPad, .galleryDetails .colPad {padding: 0 3px;}
#galleryGrid .photo, #galleryGrid .photo:hover, #galleryDetails .photo {position: relative; border: 0; padding: 0; background: #8BA842; margin: 0;}
#galleryDetails .photo {background: transparent;}
#galleryDetails .photo {float: left;}
#galleryGrid .photo img, #galleryDetails .photo img {width: 100%; height: auto; float: left;}
#galleryDetails .photo img {float: none;}
#galleryGrid .photo span {color: #333; padding: 6px; margin-top: -3px; border-top: 1px solid #fff; min-height: 34px; line-height: 1.1em; clear: left;}
#galleryDetails .photo span {color: #fff; background: rgba(0,0,0,0.5); position: absolute; top: 10px; left: 0; padding: 12px; line-height: 1.1em; clear: left;}
#galleryGrid .galleryBasketControls {margin-top: 0; border: 0; border-top: 1px solid rgba(0,0,0,0.5); border-radius: 0 0 4px 4px;}
#galleryGrid .galleryBasketValue {color: #fff; padding: 0 25px 0 6px; font-size: 0.8em; line-height: 1.1em;}
#galleryGrid .galleryBasketValue em input {margin-top: -13px; margin-right: -21px;}

#galleryDetails {
	-webkit-transition: all 1s ease-in-out;
		 -moz-transition: all 1s ease-in-out;
			 -o-transition: all 1s ease-in-out;
			-ms-transition: all 1s ease-in-out;
					transition: all 1s ease-in-out;
	}
.jsEnabled #galleryDetails {display: block; position: absolute; top: 0; bottom: -36px; right: 22px; left: 800px; background: url(../images/galleryDetails2012_Bkg.png) 0 0 repeat; padding: 0 25px 0 150px; opacity: 0; }
.jsEnabled #galleryDetails.open {display: block; left: 22px; opacity: 1; right: 22px;}
.jsEnabled #galleryDetails .row {width: 100%;}
#galleryDetails #galleryDetailPage .col50 {width: 358px;}
#galleryDetails #galleryDetailPage .col50 + .col50 {width: 285px;}
#galleryDetails .colPad, #galleryDetailPage .col50 .colPad, #galleryDetailPage div.col50 + div.col50 div.colPad {padding: 0 11px;}
#galleryDetails #galleryDetailText {padding: 0; width: auto;}
#galleryDetails h2 {display: block; clear: both; text-align: center;}
#galleryDetails #galleryDetailText {max-height: none;}

#galleryDetails .galleryBasketControls {color: #fff; padding: 10px 0 2px;}
#galleryDetails #galleryDetailPage .galleryBasketControls .col50 {width: 353px;}
#galleryDetails #galleryDetailPage .galleryBasketControls .col50 + .col50 {width: 280px;}
#galleryDetails #galleryDetailPage .galleryBasketControls h4 {color: #fff; margin: 0;}
#galleryDetails .galleryBasketControls .galleryBasketValue { margin: -4px 0 0;}

#gallerySave .galleryBasketValue em input {margin-top: -12px}