/**
 * Screen stylesheet
 * 
 * Contains generic styling.
 * 
 * @package ZSL
 * @author Gareth Rake
 */

/* Move following to header block css */
/**
 * Header block stylesheet
 *
 * @package ZSL
 * @author Gareth Rake
 */

#hd {height:290px; background-color:#FFF; padding:10px 12px 0; background-position:50% 41px; background-repeat:no-repeat; position:relative;}
#hd A {text-decoration:none;}

#hd .flash {position:absolute; left:12px; margin-top:31px; width:956px; height:194px; overflow:hidden; z-index:1}
#hd .flash P {position:absolute; margin:20px; top:0; background:#fff; padding:2px 10px;}

.wiki A {text-decoration:underline;}

.core-navigation {width:40%; float:left; font-size:90%;}
.core-navigation UL {margin:3px 0 0 0;}
.core-navigation LI {display:inline; margin-right:4px; border-right:1px solid #CFCFCF;}
.core-navigation LI.last {border:none;}
.core-navigation A:hover, .core-navigation STRONG A {text-decoration:underline;}
.account-search-block {width:60%; float:right;}
.search {width:13.846em; *width:13.5em;}
#hd .search {position:absolute; margin-top:-5px; right:12px;}
.search P {margin:0;}
.search LABEL {color:#FFF;}

.search .search-submit {color:#FFF; font-weight:bold; background:none; border:none; font-size:95%; cursor:pointer;}
.search .search-text {width:8.6em; *width:9em; padding:2px 2px 2px 10px; text-transform:lowercase; color:#AFAFAF; font-size:95%; border:none;}
.search .dark {color:#000;}
.no-js .search-text {width:3.846em; *width:3.399em; color:#646464;}

.account-links {text-align:right; font-size:90%; margin-top:3px; position:absolute; width:33em; *width:32.176em;}
.account-links A {margin:0 2px 4px 0; padding-left:4px; white-space:nowrap; border-left:1px solid #CFCFCF;}
.account-links A.first {border:none;}
.account-links A:hover {text-decoration:underline;}
.donate {position:absolute; top:40px; left:12px; width:164px; height:140px;}
.donate .donate-inner {zoom:1; display:block; width:164px; height:140px; background:url('/static/site/graphics/general/donate.png') no-repeat;
_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/site/graphics/general/donate.png', sizingMethod='image');}
A.donate-link {position:relative; overflow:hidden; text-indent:-500px; display:block; width:164px; height:140px; z-index:1;}

.flash-donate, .flash-donate .donate-inner {display:none;}

.logo {cursor:pointer; position:absolute; top:85px; left:130px; height:124px; width:160px;}
.logo A {overflow:hidden; text-indent:-500px; display:block; height:124px; width:160px; position:absolute;}

/* N.B. width of LI may be overwritten in section.css to accomodate the different text lengths */
.navigation {margin-top:228px; *margin-top:238px; _margin-top:236px; width:100%; zoom:1; font-size:120%;}
.flash-present {margin-top:228px; *margin-top:238px; _margin-top:237px;}
@media screen and (-webkit-min-device-pixel-ratio:0){.flash-present {margin-top:228px;}}
.navigation UL {margin:0; width:100%;}
.navigation LI {list-style:none; float:left; width:12.6%; margin-right:0.2%; background:#8F8F8F; position:relative; overflow:visible;} 
@media screen and (-webkit-min-device-pixel-ratio:0){.navigation LI {width:12.5%; margin-right:0.4%;}}
.navigation LI A:hover SPAN, .navigation LI STRONG A SPAN {background:#8F8F8F;}
.navigation LI.last {margin:0; float:right!important;}

.navigation A {display:block; color:#FFF; text-decoration:none; text-align:center; overflow:visible; width:100%;}
.navigation A:hover, .navigation A:focus, .navigation A:active, .navigation A {background-position:bottom left; color:#FFF!important;}
.navigation A:hover {background:transparent;}
.navigation A EM {display:block; cursor:pointer; font-style:normal; font-weight:bold; padding:3px 0; background:url('/static/site/graphics/general/nav-grad.png') bottom left repeat-x; _zoom:1; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/site/graphics/general/nav-grad.png', sizingMethod='scale');}
.navigation A:focus EM, .navigation A:hover EM, .navigation STRONG A EM {font-style:normal; text-decoration:none; padding:5px 0 4px 0!important;}
.navigation A SPAN {display:block; height:1px; overflow:hidden; margin:0 1px -1px 1px; position:relative; top:0; background:#FFF;}
@media screen and (-webkit-min-device-pixel-ratio:0){.navigation A EM {font-weight:normal;}}

/* Side Column */
.side-column .bold-item {font-weight:bold;}

.side-column H2 {font-size:160%; margin-bottom:10px;}

.side-column .main-links UL {margin:-20px 0 20px 0; position:relative; z-index:10;}
.side-column .main-links UL LI {list-style:none; margin:0;}
.side-column .main-links UL LI A {color:#fff; display:block; overflow:hidden; height:30px; padding-top:38px; width:102px; padding-left:94px; font-size:120%; font-weight:bold;}
.side-column .main-links UL LI A:hover {color:#FFF!important; opacity:0.8; *filter:alpha(opacity=80);}

.side-column .dropdown-menu {margin:0 0 20px;}
.side-column .dropdown-menu H2 {zoom:1; display:block; margin:0; font-size:130%; font-weight:bold;}
.side-column .dropdown-menu H2 A, .sidebar-heading {background-image:url('/static/site/graphics/general/nav-grad.png'); background-position:bottom left; background-repeat:repeat-x; _background-image:none;}
.side-column .dropdown-menu A {display:block; zoom:1; margin-bottom:1px; padding:6px; font-family:arial, sans-serif; color:#FFF;}
.side-column .dropdown-menu A:hover {color:#FFF;}
.side-nav UL {margin:0!important; padding:0!important; zoom:1;}
.side-nav UL UL {margin:0; padding:0;}
.content .side-nav UL LI {width:100%; list-style:none!important; margin:0!important;}
.content .side-nav UL LI STRONG {width:100%; zoom:1;}
.side-nav LI LI A {padding-left:30px!important; font-size:100%;}
.side-nav LI LI LI A {padding-left:50px!important;}
.side-nav .dropdown-menu UL LI A {color:#646464;}
.side-nav .dropdown-menu LI A:hover, .side-nav .dropdown-menu LI STRONG A {color:#3F3F3F!important;}

.side-column .newsletter-subscription {border:3px solid #EBEBEB; border-width:3px 0; padding:20px 0; margin:30px 0;}
.side-column .newsletter-subscription .search {width:auto; float:none;}
.newsletter-subscription FORM {margin:0;}
.newsletter-subscription LABEL {color:#FFF; font-weight:bold;}
.newsletter-subscription .no-js LABEL {display:block;}
.newsletter-subscription .submit {color:#FFF; font-weight:bold; background:none!important; border:none; font-size:95%; cursor:pointer; padding:0!important;}
.newsletter-subscription .submit:hover {opacity:1; *filter:alpha(opacity=100);}
.newsletter-subscription .text {width:8em!important; *width:7.287em!important; padding:2px 2px 2px 10px!important; text-transform:lowercase; color:#AFAFAF; font-size:95%; border:none!important;}
.newsletter-subscription .dark, .newsletter-subscription .no-js .text {color:#000;}

@media screen and (-webkit-min-device-pixel-ratio:0){.side-column .dropdown-menu H2 {font-weight:normal;}}

/* Account Pages */
.account-page .spacer {margin-bottom:50px;}
.account-page TD FORM {margin:0;}

/* Shopping Pages */
.shopping-page .spacer {padding-bottom:10px; border-bottom:1px solid #EBEBEB; margin-bottom:30px;}
.shopping-page .disclaimer {margin-top:20px;}
.shopping-page TD FORM {margin:0;}
.shopping-page.confirm-page .fieldcontrol {padding-left:0!important;}
.shopping-page .confirm-basket {margin-bottom:20px;}
.confirm-page .confirm-buttons P {width:50%; float:right; text-align:right;}

TH.total, TD.total {text-align:right!important;}
.small-cell {width:6.923em; *width:6.75em;}
.secondary-button {float:left; margin-right:10px; padding:4px 10px!important; float:left;}/*font-weight:normal!important; font-size:100%!important;*/
.primary-button {float:right;}

/* Image Gallery */
.gallery-overlay {padding:20px 0;}
.gallery-overlay {text-align:center!important;}

.gallery-overlay .main-image {position:relative; width:600px; margin:20px auto;}
.gallery-overlay .main-image IMG {display:block;}
.gallery-overlay .main-image FORM {margin:0!important;}
.gallery-overlay .main-image .button-container {zoom:1;}
.gallery-overlay .one-button {display:block; margin:0 19em; *margin:0 18.525em;}
.gallery-overlay .two-buttons {display:block; margin:0 14.9em; *margin:0 14.528em;}
.gallery-overlay FORM {float:left; padding:0 0.2em; width:7.692em; *width:7.5em;}
.gallery-overlay FORM SPAN.button {display:block; margin:0;}

.gallery-overlay .main-image .button .submit {cursor:pointer!important;}
.gallery-overlay .previous, .gallery-overlay .next {position:absolute; top:50%; margin-top:-30px; display:block; width:26px; height:23px; overflow:hidden;}
.gallery-overlay .previous {left:0; margin-left:-40px;}
.gallery-overlay .previous .ie6-inner, .gallery-overlay .next .ie6-inner {display:block; width:100%; height:100%; zoom:1; background:url('/static/site/graphics/general/next.png') no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/site/graphics/general/next.png', sizingMethod='image'); text-indent:-9999px; overflow:hidden;}
.gallery-overlay .previous .ie6-inner {background:url('/static/site/graphics/general/previous.png') no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/site/graphics/general/previous.png', sizingMethod='image');}
.gallery-overlay .inactive {background-color:#E9E9E4!important;}
.gallery-overlay .next {right:0; margin-right:-40px;}
.gallery-overlay .previous A, .gallery-overlay .next A {display:block; width:100%; height:100%; position:relative; z-index:100;}
.gallery-overlay .previous, .gallery-overlay .next {background-color:#AAB636;}
.gallery-overlay .previous:hover, .gallery-overlay .next:hover {background-color:#AAB636;}/* lighter */
.gallery-overlay .caption {margin-top:10px;}

/* Login Page */
.login-page .spacer {margin-bottom:50px;}
.login-page .fieldcontrol {padding-left:0;}

/* Move following to promotions block css */
/**
 * Promotion block stylesheet
 *
 * @package ZSL
 * @author Gareth Rake
 */
 
.promotion {border-bottom:1px solid #EBEBEB; margin-bottom:15px; *margin-bottom:5px; padding-bottom:15px; *padding-bottom:0;}
.promotion STRONG {display:block;}
.promotion IMG {display:block; float:left; margin-right:10px;}
.promotion SPAN {display:block; float:left; width:45%;}
  
/* Move following to news block css */
/**
 * News block stylesheet
 *
 * @package ZSL
 * @author Gareth Rake
 */

.flash-movie-link {position:relative;}
.flash-movie-link .icon {display:block; position:relative; margin:-30px 0 -10px 175px; overflow:hidden; width:60px; height:65px; z-index:10;}
.flash-movie-link .icon {*margin-bottom:0;}
.news-landing .icon {margin-left:120px; }
.flash-movie-link .icon SPAN {display:block; width:60px; height:1134px; background-image:url('/static/site/graphics/general/movie-arrow.png'); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/site/graphics/general/movie-arrow.png', sizingMethod='image');}
.main-news-image, .home-news IMG.main-image {display:block; float:left; width:225px; margin-right:10px;}
.main-news-details {display:block; float:right; width:50%;}
A .main-news-details  {color:#646464!important;}
A:hover .main-news-details {color:#9F9F9F!important;}
.news-list DIV {margin-bottom:10px;}
.features-small DIV {margin-top:35px;}
.news-list STRONG {float:left; width:50%; font-weight:bold; display:block; margin-bottom:10px; line-height:120%;}
.news-list IMG {float:left; margin:0 10px 0 0;}
.home-news-list STRONG {width:40%;}
.home-news-list DIV {margin-bottom:45px;}

.features .news-list {margin-top:10px;}
.features .news-list DIV {float:left; width:18.077em; *width:17.25em;} /* 230 */
.features .news-list DIV.second {float:right;}
.features .news-list DIV STRONG {margin-top:0;}
.news-landing .main-news-image {width:175px;}
.news-landing .main-news-details {width:44%;}
.news-landing .news-list {margin-top:30px;}
.news-landing .news-list DIV {float:left; width:11.923em; *width:11.625em;} /* 155 */
.news-landing .news-list DIV.second {float:right;}
.news-landing .news-list STRONG {margin-top:0; width:45%;}

.news-venue-item {margin-top:-10px; margin-bottom:20px;}
.news-venue-item IMG {float:left; margin-right:10px;}
.news-venue-item .news-summary {clear:both; display:block;}
.news-venue-item STRONG {font-size:110%!important; display:block; width:6.666em; *width:6.5em; float:left; position:relative; top:-10px; _overflow:hidden;}

/* Article Selector */
.article-selector A IMG {float:left; margin-right:10px;}
.article-selector .yui-g, .article-selector .yui-gb {border-top:1px solid #EBEBEB; margin-bottom:15px; padding-top:15px;}
.article-selector .yui-g .yui-g {border:0; margin:0; padding:0;}
.article-selector .first {border:none; padding:0;}
.article-selector .item IMG {float:left; margin-right:10px; _margin-right:0;}
.article-selector STRONG {float:left; width:40%;}
.col-narrow-1 .article-selector .clear {margin-bottom:10px;}

/* Move following to whatson block css */
/**
 * What's on block stylesheet
 *
 * @package ZSL
 * @author Gareth Rake
 */
 
#whatson-accordion {padding-right:5%;}
#whatson-accordion .links {margin-top:20px;}
#whatson-accordion .accordion H2 {_width:385px;}

/* Animal Page */
.animal-page .button-container {margin-top:30px;}
.animal-page .button {margin:0 16.923em; *margin:0 16.5em;}

.event-page .button-container {margin-top:30px!important;}
.event-page .spacer {margin-bottom:40px;}
.event-list .results-text {width:20em!important; *width:19.5em!important;}/*260*/
.event-list H2 {margin-bottom:40px;}
.event-page .button-container {margin-top:10px; margin-bottom:30px;}
.event-page .button {margin:0 16.923em; *margin:0 16.5em;}
.event-page H1 {margin-bottom:30px;}

.tab-container UL, UL.conservation-tabs {position:relative; z-index:100; padding-top:20px; margin:0 31px; border-bottom:1px solid #EBEBEB; border-width:0 0 1px 0; padding-bottom:3px;}
.tab-container LI, UL.conservation-tabs LI {padding:4px 10px; cursor:pointer; list-style:none; display:inline; margin-left:5px; font-family:'times new roman' serif; font-wieght:bold; font-size:150%; border:1px solid #EBEBEB; border-bottom:0; background: url('/static/site/graphics/general/tab-shade.gif') bottom left repeat-x;}
.tab-container LI.selected, UL.conservation-tabs LI.selected {border-bottom:0; background:#FFF;}
.tab-container LI A, .tab-container LI A:hover, UL.conservation-tabs LI A, UL.conservation-tabs LI A:hover {color:#646464!important;}
.tab-container #conservationTabs LI, UL.conservation-tabs LI {display:block; float:left; width:15%; text-align:center; margin-bottom:-3px;}
.generic-button .button-container {border-top:1px solid #EBEBEB!important;}
.generic-button .button-container .button {background-image:url('/static/site/graphics/general/button-l-new.png'); background-color:#CDCCCC!important;}
UL.conservation-tabs LI {position:relative; left:12px;}
@media screen and (-webkit-min-device-pixel-ratio:0){.tab-container UL {padding-bottom:3px;}}

/* Move following to highlights block css */
/**
 * Highlights block stylesheet
 *
 * @package ZSL
 * @author Gareth Rake
 */

.highlights STRONG {display:block; margin:10px 0; font-size:130%;}
.highlights A {display:block; color:#646464;}
.highlights A:hover {color:#9F9F9F!important;}

/* Conservation Landing Page */
.conservation-tab-display .item {margin-bottom:30px;}
.conservation-tab-display .item IMG {float:left; margin-right:15px;}
.conservation-tab-display .item .details {display:block; float:left; width:39.615em; *width:38.625em;}
.conservation-tab-display .item .title {display:block; margin-bottom:10px;}

.ecosystems-tab, .regions-tab, .blogs-tab {padding-top:20px; margin:0 31px;}
.ecosystems-tab DIV {margin-bottom:20px;}

.tab-list {clear:both;}
.tab-list .item {margin-bottom:0;}
.tab-list .item IMG {margin-bottom:10px; margin-right:5px;}
.tab-list .item STRONG {width:20%; _overflown:hidden;}

/* Move following to search results block css */
/**
 * Search Results block stylesheet
 *
 * always uses light green colour theme so colour styles contained here
 *
 * @package ZSL
 * @author Gareth Rake
 */

.search-results-top {position:relative; border-bottom:3px solid #AAB636; height:5em; padding-top:2em; margin-bottom:20px;}
.search-results-top H1 {position:absolute; top:0;}
.search-results A STRONG {color:#646464!important;}
.search-results A:hover STRONG {color:#9F9F9F!important;}
.search-results .results-text {padding-top:0; display:block; float:right; width:31.538em; *width:30.75em;}/*420*/
.search-results .results-text STRONG {margin:0 0 10px 0;}
.search-results .clear {margin-bottom:20px;}

.refine-results-top {height:5em; padding-top:2em;}
.refine-results H3 {font-weight:bold; margin-bottom:0.5em;}
.refine-results UL {margin-left:0; border-bottom:3px solid #F3F3F3; padding-bottom:15px;}
.refine-results UL LI {list-style:none; margin:0 0 0.25em 0!important;} 

.paging {border-top:3px solid #AAB636; margin-top:30px;}
.paging .clear {width:58%; margin:0 auto;}
.paging A, .paging STRONG {display:block; float:left; margin-right:2px; background:#AAB636 url('/static/site/graphics/general/button-l.png') bottom left no-repeat; _background:#AAB636 url('/static/site/graphics/general/button.gif') bottom left no-repeat; _filter:alpha(opacity=80);}
.paging .arrow {background-color:#ACACAC!important;}
.paging STRONG.arrow {background-color:#DFDFDF; _filter:alpha(opacity=50);}
.paging .arrow EM {display:block; text-indent:-9999px; width:10px; height:1.3em; overflow:hidden; background:url('/static/site/graphics/general/pager-arrows.gif') center left no-repeat;}
.paging .next EM {background-position:center right;}
.paging A EM {cursor:pointer;}
.paging A:hover, .paging STRONG {background:#AAB636 url('/static/site/graphics/general/button.gif') bottom left no-repeat; _filter:alpha(opacity=100);}
.paging STRONG {text-decoration:underline; color:#FFF;}
.paging SPAN {color:#FFF; font-size:120%; display:block; font-weight:bold; padding:5px 15px; background:transparent url('/static/site/graphics/general/button.gif') bottom right no-repeat;}

/* Site Map*/
.site-map H1 {margin-bottom:20px;}
.site-map H2 {margin-top:30px;}

/* Gallery Page */
.gallery-page .yui-g {border-top:3px solid #EBEBEB; margin-bottom:15px; padding-top:15px;}
.gallery-page .yui-g .yui-g {border:0; margin:0; padding:0;}
.gallery-page A STRONG {font-family:'times new roman', serif; font-size:130%; margin-bottom:10px; display:block;}

/* Animal Index Page */
.animal-index .yui-gb {border-top:3px solid #EBEBEB; margin-bottom:15px; padding-top:15px;}
.animal-index A STRONG {font-family:'times new roman', serif; font-size:130%; margin-bottom:10px; display:block;}

/* News Archive */
.list-page .paging .clear {margin-bottom:30px; width:93%;}
.list-page .link-block {margin-bottom:20px;}
.list-page .date {margin-top:-10px; font-size:85%; display:block; margin-bottom:5px;}
.list-page .image-left EM {width:116px; display:block;}

/**
* Generic page styles 
*
*/
/* Panels */
/*.panel {display:block; margin:0 auto 5px 0; position:relative; z-index:1;}*/
.panel .panel-c, .panel .panel-t, .panel .panel-b, .panel .panel-b DIV {display:block; background-color:transparent; background-repeat:no-repeat; background-image:url('/static/site/graphics/general/panel-outline.gif'); background-position:right top;}
.panel .panel-c {position:relative; zoom:1; _overflow-y:hidden; padding:10px 18px;}
.panel .panel-t {position:absolute; left:0; top:0; width:18px; height:100%; _height:1600px; background-position:0 0;}
.panel .panel-b {position:relative;}
.panel .panel-b, .panel .panel-b DIV {display:block; height:18px; font-size:1px;}
.panel .panel-b {background-position:100% 100%; text-align:left;}
.panel .panel-b DIV {position:relative; width:18px; background-position:0 100%;}

.panel.search .panel-c, .panel.search .panel-t, .panel.search .panel-b, .panel.search .panel-b DIV {background-image:url('/static/site/graphics/general/search-panel.png'); _background-image:url('/static/site/graphics/general/search-panel.gif');}
.panel.search .panel-c {padding:6px 7px 0!important; *padding:4px 7px 0!important; margin-bottom:-2px; *margin-bottom:-4px;}
.panel.search .panel-t {width:8px!important;}
.panel.search .panel-b, .search .panel-b DIV {height:8px!important;}
.panel.search .panel-b DIV {width:8px!important;}

.panel.drop-shadow-panel .panel-c, .panel.drop-shadow-panel .panel-t, .panel.drop-shadow-panel .panel-b, .panel.drop-shadow-panel .panel-b DIV {background-image:url('/static/site/graphics/general/panel-drop-shadow.png'); _background-image:url('/static/site/graphics/general/panel-drop-shadow.gif');}
.panel.drop-shadow-panel .panel-c {padding:45px 45px 10px 0; margin-left:50px;}
.panel.drop-shadow-panel .panel-t {width:50px; margin-left:-50px;}
.panel.drop-shadow-panel .panel-b, .panel.drop-shadow-panel .panel-b DIV {height:50px; margin-left:50px;}
.panel.drop-shadow-panel .panel-b DIV {width:50px; margin-left:-50px;}

.panel.outline-panel {margin:0 -5px 10px;}
.panel.outline-panel .panel-c {padding:20px 18px 0;}

/* Links
*
* List background position is dependent on section and contained in colour.css.
*/
UL.links {clear:both; margin-left:0;}
UL.links LI {list-style:none; padding-left:10px; background-image:url('/static/site/graphics/general/arrows-sprite.gif'); background-repeat:no-repeat;}

/* Link block
 * 
 */
.link-block STRONG {display:block; margin:10px 0; font-size:130%;}
.link-block A, .product .link-block A STRONG {display:block; color:#646464;}
.link-block A:hover, .product .link-block A:hover STRONG  {color:#9F9F9F!important;}

/* Accordions 
*
* .collapsed H2 background position is dependent on section and contained in colour.css
*/

.accordion {clear:both; position:relative;}
.expanded H2, .collapsed H2 {background-image:url('/static/site/graphics/general/arrows-sprite.gif'); background-repeat:no-repeat; background-position:99% -855px;}
.accordion H2 {border:1px solid #E8E8E8; background-color:#FFF; border-width:1px 0 1px; padding:10px 0; cursor:pointer; margin:0 0 -1px 0!important; zoom:1;}
.accordion-content {padding-top:20px;}
.accordion-content A {display:block;}
.accordion-content .item .text {display:block; float:right; width:60%; padding:0; margin-top:-15px;}
.accordion-content .item A STRONG {font-size:120%; line-height:140%; font-weight:bold; display:block; margin-bottom:10px;}
.accordion-content .item A {color:#646464;}
.accordion-content .item A:hover {color:#9F9F9F!important;}


/**
 * Paginators
 *
 */
 
 /* Horizontal */
.horizontal-paginator-container {background:url('/static/site/graphics/general/horizontal-paginator.gif') center top repeat-y; margin-bottom:20px; padding:0;}
.horizontal-paginator-container .paginator-item {position:relative; left:15px; float:left; width:16.66%; height:180px; overflow:hidden; padding-top:10px;}
.horizontal-paginator-container .paginator-item STRONG {display:block; font-size:100%; font-weight:normal; color:#8F8F8F; width:90px; height:50px; line-height:110%;}
.horizontal-paginator-container .paginator-item A:hover STRONG {color:#CFCFCF;}

/*.paginator.horizontal  {position:relative;}*/
.paginator-controls.horizontal {position:relative; margin-top:-1px;}
.paginator-controls.horizontal .previous, .paginator-controls.horizontal .next {cursor:pointer; float:left; width:31px; height:169px; position:relative; z-index:200; background-image:url('/static/site/graphics/general/paginator-l.png'); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/site/graphics/general/paginator-l.png', sizingMethod='image'); text-indent:-9999px;}
.paginator-controls.horizontal .next {float:right; background-image:url('/static/site/graphics/general/paginator-r.png'); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/site/graphics/general/paginator-r.png', sizingMethod='image');}
.paginator-controls.horizontal .disabled {opacity:0.4; *filter:alpha(opacity=40); cursor:default;}
.paginator-controls.horizontal .pages {position:absolute; top:155px; right:40px; _right:60px;}
.paginator-controls.horizontal .pages SPAN {display:block; float:left; width:5px; padding-top:6px; height:0; overflow:hidden; border:1px solid #646464; margin-right:8px; cursor:pointer;}
.paginator-controls.horizontal .pages SPAN.selected {background:#646464; cursor:default;}

/* Vertical */
.vertical-paginator-container {padding:46px 0 46px; position:relative;}
.vertical-paginator-container .paginator-item {clear:both; height:80px; margin-bottom:10px;}
.animal-page .webcast-area .vertical-paginator-container .paginator-item {position:relative; left:25px;}
.vertical-paginator-container .paginator-item IMG {display:block; float:left; margin-right:10px;}
.vertical-paginator-container .paginator-item STRONG {display:block; width:95px; overflow:hidden; float:left; font-size:100%; font-weight:normal;}

.paginator-controls.vertical {}
.paginator-controls.vertical .previous, .paginator-controls.vertical  .next {cursor:pointer; width:181px; overflow:hidden; height:31px; position:absolute; z-index:200; background-image:url('/static/site/graphics/general/paginator-t.png'); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/site/graphics/general/paginator-t.png', sizingMethod='image'); text-indent:-9999px;}
.paginator-controls.vertical .previous {top:0;}
.paginator-controls.vertical .next {bottom:0; background-image:url('/static/site/graphics/general/paginator-b.png'); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/site/graphics/general/paginator-b.png', sizingMethod='image');}
.paginator-controls.vertical .disabled {opacity:0.4; *filter:alpha(opacity=40); cursor:default;}
.paginator-controls.vertical .pages {position:absolute; top:0; left:0; display:none;}
.paginator-controls.vertical .pages SPAN {display:block; float:left; width:16px; padding-top:8px; height:0; overflow:hidden; border:1px solid #646464; margin-right:8px; cursor:pointer;}
.paginator-controls.vertical .pages SPAN.selected {background:#646464; cursor:default;}

/* Tabbed Paginator */

/**
* Tabs
*
*/
.tabs {margin:0!important; border-bottom:3px solid;}
.tabs LI {display:block; float:left; list-style:none; margin:0 0.3em 0 0; cusor:pointer; font-weight:bold; position:relative; left:0.8em; *left:0.7em;}
.tabs LI A {display:block; cursor:pointer; font-style:normal; font-size:130%; font-weight:bold; padding:3px 20px; background:url('/static/site/graphics/general/nav.png') 50% 0 repeat-x; _background:none;}
.tabs LI A, .tabs LI A:hover {color:#FFF;}
.tabs LI.selected A {padding:10px 18px 10px 22px; cursor:default;}
@media screen and (-webkit-min-device-pixel-ratio:0){.tabs LI  {left:1em;}}

.tabs {border-color:#593F1A;}
.tabs LI {background-color:#898266; width:19%; text-align:center;}
.tabs LI:hover {background-color:#ABA692;}
.tabs LI.selected {display:block; position:relative; top:-14px; margin-bottom:-14px; background:url('/static/site/graphics/general/brown-tab-r.gif') top right no-repeat;}
.tabs LI.selected STRONG {display:block; _width:100%; background:url('/static/site/graphics/general/brown-tab-l.gif') no-repeat; margin-right:2px;}
.tabs LI.selected STRONG A {color:#FFF!important;}

/**
* Overlays
*
*/
.overlay-content P {margin-bottom:10px;}
.overlay-content .content {text-align:left;}
.close-button {position:absolute; right:7px; top:12px; text-indent:-9999px; width:32px; height:32px; cursor:pointer; font-weight:bold; z-index:1000000;}

/* Social bookmarking */
.social-bookmarking {padding:40px 0 30px 0; border-bottom:3px solid #E6E6E6;}
.social-bookmarking .share-this {margin:0; margin:0 0 20px 0;}
.social-bookmarking .share-this LI {display:inline; list-style:none; background-image:url('/static/site/graphics/general/social-bookmarking-sprite.gif'); background-repeat:no-repeat; padding:5px 12px 5px 31px;}
.social-bookmarking .delicious {background-position:0 0;}
.social-bookmarking .digg {background-position:0 -150px;}
.social-bookmarking .reddit {background-position:0 -300px;}
.social-bookmarking .facebook {background-position:0 -450px;}
.social-bookmarking .stumbleupon {background-position:0 -600px;}

/* Tools */
P.tools {margin:30px 0;}
P.tools A {background-image:url('/static/site/graphics/general/tools-sprite.gif'); background-repeat:no-repeat; padding:10px 30px 5px 35px;}

/* Article image */

.article-image {line-height:0; text-align:center; width:38.462em; *width:37.5em; margin:0 0 30px 0;}
.article-image IMG {display:block;}
.article-image .one-button {display:block; margin:0 15.9em; *margin:0 15.503em;}
.article-image .two-buttons {display:block; margin:0 11.1em; *margin:0 10.823em;}
.article-image FORM {float:left; padding:0 0.2em; width:7.692em; *width:7.5em;}
.article-image SPAN.button {margin:0; font-size:90%;}

/* Button Styles - colour defined in colour.css depending on theme*/
.button-container {clear:both; float:none; display:block; border-top:3px solid;}
.narrow-button {margin-top:29px; padding:0 195px;}
.narrow-button .button SPAN A, .narrow-button .button SPAN A:hover {display:block; color:#fff; padding:4px 0;}
.button-container FORM {margin:0;!important;}
.button {display:block; margin:0 1.923em; *margin:0 1.875em;}
.widest-button .button {margin:0 16.923em; *margin:0 16.5em;}
.ticket-wide-button .button {margin:0 21.923em; *margin:0 21.375em;}
.ticket-wide-button {margin-bottom:20px;}
.medium-button .button {margin:0 14em; *margin:0 13.65em;}
.button {background-image:url('/static/site/graphics/general/button-l.png'); _background-image:url('/static/site/graphics/general/button.gif')!important; background-position:bottom left; background-repeat:no-repeat;}
.button SPAN, .button .submit {overflow:visible; display:block!important; border:none; text-align:center; font-family:'times new roman', serif!important; color:#FFF; font-size:160%; font-weight:normal; padding:2px 4px; background:transparent url('/static/site/graphics/general/button.gif') bottom right no-repeat!important;}
.button .submit {width:100%;}
.content .button-container FORM {margin:0!important;}
P.button {background:none!important;}/* needed to override .button class added in the old wiki content */
.button .conservation-submit, .button .conservation-submit:hover {text-transform:none; color:#646464!important;}

/**
* Shop pages 
*
* contains colour styles as all shop pages use light green theme
*
*/

/* Shop landing page */
.shop-related-products .product-description {display:none;}
.top-sellers .description {display:block; float:left; width:9.615em; *width:9.375em;}
.top-sellers .description STRONG {font-size:100%!important;}
.top-sellers P {border-bottom:1px solid #EBEBEB; padding-bottom:5px; *padding-bottom:15px; margin-bottom:10px;}

/* Category Page */
.category-page H1 {margin-bottom:1em;}
.category-page .page-intro {margin-bottom:4em;}
.category-page .yui-gb, .category-page .yui-g {border-bottom:4px solid #EBEBEB; padding-bottom:30px; margin-bottom:40px;}
.category-page .yui-g .yui-g {border:none; padding:0; margin:0;}
.category-page .description {font-family:'times new roman', serif; font-weight:bold; font-size:125%;}
.category-page .product STRONG {font-size:120%; font-weight:bold; height:3em;}
.category-page .product .button SPAN {font-size:140%; *font-size:120%; font-weight:bold;}
.category-page .ticket-product IMG {display:block; margin:0 auto;}
.category-page .wide-ticket .button {margin:0 6.5385em; *margin:0 6.375em;}
.category-page .wide-ticket .product STRONG {height:1.3em;}
.category-page .narrow-ticket .button {margin:0 2.2em;}
.category-page .narrow-ticket .product STRONG {height:1.3em;}


.product {font-size:90%; position:relative;}
.product .link-block {padding-bottom:20px;}
.product .link-block SPAN {cursor:pointer;}
.product .image-container {text-align:center; display:block;}
.product IMG {margin-bottom:10px;}
.product STRONG {font-size:160%; font-weight:normal; margin-bottom:20px; display:block; overflow:hidden; text-align:center; height:2em; _margin-bottom:0; _height:2.8em;}
.article-product STRONG {text-align:left;}
.article-product .button {margin:0 2.2em; font-size:100%}
.product-description {display:block; height:6em;}
.product .product-name {display:block; height:3.4em;}

.product-page .related-products {margin-bottom:100px;}
.product-page  .related-products H2 {margin-bottom:20px;}
.related-products .product {border-right:1px solid #EBEBEB; padding-right:12px; text-align:center;}
.related-products .last .product {border-right:none; padding-right:13px; }

/* Ticket Product Page */
.ticket-product H2 {font-size:150%;}
.ticket-table TH {display:none;}
.ticket-table TD H2 {margin:30px 0 5px 0; font-size:180%;}
.ticket-table TD {vertical-align:bottom; padding:0; border:none;}
.ticket-product .gift-aid, .ticket-product .button-container {margin-top:40px;}
.ticket-product .gift-check {margin-left:100px;}

.select-spinner {display:block; width:54px; height:25px; background:url('/static/site/graphics/general/select-spinner.gif') no-repeat;}
.select-spinner .down {display:block; width:17px; height:25px;}
.select-spinner .display {display:block; float:left; text-align:center; width:21px; padding-top:3px; font-size:110%; height:22px;}
.select-spinner .up {display:block; width:16px; height:25px;}
.select-spinner .up, .select-spinner .down {cursor:pointer; float:left; text-indent:-9999px; overflow:hidden;}

.date-selector {border:4px solid #EBEBEB; border-width:4px 0; padding-top:20px; margin-bottom:20px;}
.date-selector .winter {background-color:#C7E7FF;}
.date-selector .mid {background-color:#CAFF95;}
.date-selector .peak {background-color:#FFE0B4;}

.seasonKey {margin-bottom:10px;}
.seasonKey DT {float:left; margin-right:15px; font-weight:bold;}
.seasonKey DD {float:left; margin-right:50px;}

.content .calendar {overflow:hidden; background:url('/static/site/graphics/general/calendar.gif') center center repeat-x; border:none!important; clear:both;}
.calendar TABLE {margin:0; width:100%; border-top:none!important;}
.calendar CAPTION {font-family:'times new roman', sans-serif; font-size:160%; font-weight:normal; margin-left:7px; padding:0 0 5px 0; color:#7F7F7F;}
.calendar TH, .calendar TD {vertical-align:top; padding:2px; text-align:center!important;}
.calendar TH {font-family:arial, sans-serif; font-size:100%; background:none; border-bottom:none; font-weight:bold; color:#7F7F7F;}
.calendar TD {border-bottom:none;}
.calendar TD SPAN {display:block;}
.calendar A {border:1px solid #D0D0D0; display:block!important; color:#646464;}
.calendar A:hover {color:#000;}
.calendar A.current-day, .calendar .today {border:1px solid #8D8D8D; background:#8D8D8D; color:#FFF;}
.calendar A.selected {border:1px solid #000; background:#000; color:#FFF;}

/* paginator overrides */
#calendar .horizontal-paginator-container .paginator-item {width:30%; _width:28%; left:22px; margin-right:3%!important; _margin-right:1%!important; height:210px; overflow:hidden;}
#calendar .horizontal-paginator-container .paginator-item STRONG {font-family:arial, sans-serif; width:auto; height:auto; font-size:100%;}
#calendar .paginator-controls.horizontal .pages {top:220px;}

/* Retail Product Page */
#mainImage {height:290px;}
#thumbs {margin-top:30px;}
#thumbs .thumbnail {margin-left:86px; cursor:pointer;}
#thumbs .thumbnail:hover {opacity:0.8; *filter:alpha(opacity=80);}
#thumbs .thumbs IMG {border:1px solid #FFF;} 
#thumbs .selected IMG {border:1px solid #EBEBEB;}
#thumbs .first {margin-left:0;}
.price {font-weight:bold; font-size:120%; display:block; margin-bottom:20px;}
.price-centre{text-align:center;}
.buy-product {margin-top:30px;}
.buy-product .button, .ticket-product .button {margin:0 16.923em; *margin:0 16.5em;}
.buy-product FORM {margin:0!important;}
.ticket-product .button .submit {font-size:190%;}

/* Keeper for a day page */
.product-keeper .keeper-image {margin-right:10px; width:429px;}
.product-keeper .keeper-table {margin-bottom:20px; padding-top:3px; padding-bottom:3px; border:3px solid #EBEBEB; border-width:3px 0;}
.product-keeper .keeper-table DIV {background:url('/static/site/graphics/general/horizontal-paginator.gif') center top repeat-y; padding-bottom:30px!important;}
.product-keeper #mainImage {height:429px;}
.product-keeper #thumbs {margin-top:0;}
.product-keeper #thumbs .thumbnail {margin:0 0 5px 0!important; *margin:0 0 7px 0!important; display:block; clear:both;}
.product-keeper .fieldcontrol {padding-left:0;}
.product-keeper .fieldcontrol {margin-bottom:10px;}

/* Adoptions */
BODY.adoption {background-color:#c9b11b!important;}
.adoption #wrapper {background:url('/static/site/graphics/general/adoption-wrapper.png') 50% -200px no-repeat; _background:none;}
.adoption #background {background-image:url('/static/site/graphics/general/adoption-background.png'); _background-image:url('/static/site/graphics/general/adoption-background.gif');}
.adoption #footerBackground DIV {background:none;}

.js-adoption .adoption-login FORM {margin-top:0;}
.content .adoption-login .text, .content .adoption-login .password {width:245px!important;}
.content .adoption-login .submit, .content .adoption-login .submit-hover {margin:0!important; right:0!important;}
.content .adoption-login .fieldcontrol {padding:0; text-align:right;}
.js-adoption .adoption-login .fieldlabel {display:block; width:auto; position:absolute; color:#AFAFAF; padding:1px 5px;}
.js-adoption .adoption-login .fieldrequired {color:#AFAFAF;}

.adoption-centre .accordion-content .item .text {width:78%;}

.adoption-animal .panel .panel-c, .adoption-animal .panel .panel-t, .adoption-animal .panel .panel-b, .adoption-animal .panel .panel-b DIV {background-image:url('/static/site/graphics/general/panel.gif');}
.adoption-animal .panel .panel-c {min-height:150px;}
.adoption-animal .panel-c {padding:20px!important; margin-left:0!important;}
.adoption-animal .panel-t {width:10px!important; margin-left:0!important;}
.adoption-animal .panel-b, .adoption-animal .panel-b DIV {height:10px!important; margin-left:0!important;}
.adoption-animal .panel-b DIV {width:10px!important; margin-left:0!important;}
.adoption-animal .button-container {border-color:red!important;}
.adoption-animal .button {background-color:red!important;}

.purchase-adoption .price {margin-top:30px; font-family:'times new roman', serif; font-size:180%; font-weight:normal;}

.purchase-gift-adoption #mainImage {height:429px; margin-right:10px;}
.purchase-gift-adoption #thumbs {margin-top:0;}

.adoption-details {font-weight:bold; color:#FFF; font-size:120%; font-family:'times new roman', serif;}
.adoption-details UL {margin:0;}
.adoption-details UL LI {list-style:none;}
.adoption-details A {color:#FFF; text-decoration:underline;}
.animal-page .panel .panel-c, .animal-page .panel .panel-t, .animal-page .panel .panel-b, .animal-page .panel .panel-b DIV {background-image:url('/static/site/graphics/general/panel.gif');}
.animal-page .panel .panel-c {min-height:150px;}

.adopted-animal .panel-c {min-height:70px;}
.adopted-animal .animal-info {width:198px; float:left;}
.adopted-animal .animal-info UL {margin-top:10px; margin-left:15px;}
.adopted-animal .animal-info A {font-size:110%;}
.adopted-animal .animal-form {width:475px; float:right;}
.adopted-animal .animal-form .fieldcontrol {padding:0;}
.adopted-animal .animal-form .panel {margin-bottom:10px;}
.adopted-animal .animal-form .panel, .adopted-animal .animal-form .panel H4 {color:#fff;}
.adopted-animal .animal-form .panel H4 {margin:0 0 5px 0!important; font-size:150%;}
.adopted-animal .animal-form .panel FORM {margin-top:0!important;}
.adopted-animal .animal-form .panel FORM .fieldlabel {float:none; clear:both; padding:0 0 5px 0!important;}
.adopted-animal .animal-form .panel .panel-c P {margin:0 0 10px 0!important;}
.adopted-animal .animal-form .panel FORM SPAN {display:block; clear:both;}
.adopted-animal .animal-form .panel FORM SPAN.fieldrequired {display:inline;}
.adopted-animal .animal-form .panel FORM SELECT {margin-right:20px;}
.adopted-animal .animal-form .panel .panel-c, .adopted-animal .animal-form .panel .panel-t, .adopted-animal .animal-form .panel .panel-b, .adopted-animal .animal-form .panel .panel-b DIV {background-image:url('/static/site/graphics/general/green-panel.gif');}
.adopted-animal .animal-form .panel .panel-c {padding:10px 18px 3px;}
.adopted-animal .animal-form .panel .panel-c .fieldcontrol .fieldrequired {display:block; color:#fff; margin-right:150px; padding-top:10px;}
.adopted-animal .animal-form .panel .panel-c A {color:#fff;}
.adopted-animal .animal-form .panel .panel-b, .adopted-animal .animal-form .panel .panel-b DIV {height:10px;}
.adopted-animal .animal-form .panel FORM .submit, .adopted-animal .animal-form .panel FORM .submit-hover {position:absolute; right:20px; margin-top:-20px; background-color:#FFF; background-image:url('/static/site/graphics/general/ticket-button.gif'); color:#646464!important;}
.adopted-animal .animal-form .panel FORM .submit-hover, .adopted-animal .animal-form .panel FORM .submit:hover {color:#999!important;}

.adopted-animal .newsletter-form {position:relative;}
.adopted-animal .newsletter-form .submit, .adopted-animal .newsletter-form .submit-hover {position:absolute!important; right:20px!important; top:10px!important;}
.adopted-animal .newsletter-radios {margin-bottom:10px;}
.adopted-animal .newsletter-radios P {margin-bottom:5px!important;}

.wildabout-panel {margin-bottom:30px!important;}

/* Regions Map */
.regions-map {margin-bottom:40px; background-image: url('/static/site/graphics/general/mapbase.gif'); width: 593px; height: 300px;}
.regions-map IMG {margin:0 auto;}
.regions-map AREA {cursor:pointer;}

/* Link Object */
.link-object H2 {font-size:220%;}

/* Photo Story */
.photo-story {text-align:center; margin-top:30px;}
.photo-story .thumbnail-images IMG {margin-bottom:0!important;}
.photo-story .links {margin-bottom:20px;}
.photo-story .previous-link, .photo-story .next-link {width:30%; float:left;}
.photo-story .next-link {float:right;}
.photo-story IMG {margin-bottom:20px;}

/* Text Block Index */
.text-block-index .spacer {border-bottom:1px solid #EBEBEB;}

/* Video Index Page */
#thumbnails IMG {cursor:pointer;}

/* Features */
.feature P {display:block; width:199px; height:88px; overflow:hidden;}
.feature A {display:block; width:398px; height:88px;}
.feature A:hover {margin-left:-199px;}
.feature A:hover IMG {opacity:1; *filter:alpha(opacity=100);}

.account-lookup BUTTON, .account-lookup .login-status { margin-left: 8px; }
.message {display:block; border:1px solid #BFBFBF; padding:10px; background:#F8F8F8; font-size:90%;}
.warning, A.warning {color:#FF2F2F!important;font-style:normal;}
A.warning:hover {color:#fb8f8f!important;}

.print-controls {text-align:left; padding:10px 25px;}
.print-controls A.action {margin-right:10px; color:#FFF!important;}

/*
BODY.overlay-open SELECT {visibility:hidden;}
BODY.overlay-open .overlay-content SELECT {visibility:visible;}
*/

.overlay-content .shopping-page TABLE {_width:98%;}

/* Quick Book form */
.sidebar-heading { margin: 0 0 0 0 !important; }
.sidebar-heading P { font: bold 15px Arial, sans-serif; color: #ffffff; padding: 6px 0 6px 6px; margin: 0; }
#quickBookForm { background: #EFF7E8; margin: 0; padding: 6px; }
#quickBookForm LABEL { float: left; width: 130px; margin-bottom: 8px; margin-right: 6px; }
#quickBookForm SELECT { float: left; }
#quickBookForm .action { clear: both; margin: 8px 0; }