/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Howletts And Port Lympne
CSS Author : John Davies / john.davies@gforces.co.uk / G-Forces Web Management Ltd
PHP Author : Simon Brenchley / simon.brenchley@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Description : Screen and projection stylesheet for Howletts And Port Lympne site

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
html { min-height: 100%; }
body { height: 100%; font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#fbfbfb url(../images/layup/bodyBg.jpg) bottom center no-repeat; color:#000000; text-align:center; }
/*  This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text.  
Declaring the font size in pixels makes it more consistent across browsers. */
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }
html>body td, html>body textarea, html>body input, html>body select { font-size:11px; }
/* some browsers don't inherit the font into tables or textareas! */

/* ----- IDS ----- */
#outer { width: 100%; height: 100%; }
#container { width:960px; margin:0 auto; text-align:left; font-size:120%; line-height: normal; }   
#printHeader { display:none; }
#header { height: 149px; position: relative; }
#header #logo { position: absolute; top: 0px; left: 0px; }
#header #contactDetails { position: absolute; top: 68px; right: 0px; }
#header #siteSearch { position: absolute; top: 0; right: 0; background:url(../images/layup/siteSearchBg.gif) top left no-repeat; width: 142px; height: 52px; padding: 13px 5px 0px 91px; }
#header #siteSearch #btnSearch { width: 39px; height: 26px; border: none !important; }
#header #siteSearch input { width: 86px; height: 15px; border: 1px solid #fff !important; font-size: 1.0em !important; text-align: center; outline: none !important; }

/* ----- HOME JUMPS ----- */
#homeJumps { height: 183px; margin-bottom: 10px; }
#homeJumps .jump { float: left; position: relative; }
#homeJumps .jump .sash { position: absolute; top: -7px; right: -2px; }


#homeJumpsCustom .jump { width:192px; height:192px; position:relative; float:left; margin:11px 11px 11px 0px;}
#homeJumpsCustom .jump.last { margin-right:0px !important;}
#homeJumpsCustom .jump .frame { position:absolute; top:0px; left:0px; }

/* ----- HOME LEFT ----- */
#homeLeft { float: left; width: 599px; }
#homeImage { position: relative; margin-bottom: 11px; z-index: 0; }
#homeImage .controls { position: absolute; top: 15px; right: 15px; }
#homeImage .controls a { width: 19px; margin-right: 2px; float: left; }
#homeImage .frame { position: absolute; top: 0; left: 0; }
#homeContent { width: 599px; }
#homeContent .padding { padding: 0px 20px; background: #fff; width: 559px; }
#homeContent .quickLinksNews { width: 214px; float: right; margin-left: 30px; }
#homeContent .quickLinks ul { padding: 0px 0px 20px 0px; margin: 0; list-style: none; }
#homeContent .quickLinks li { background:url(../images/layup/bullet.gif) 0px 1px no-repeat; padding: 0px 0px 7px 20px; margin-left: 10px; }
#homeContent .quickLinks a { color: #646463; }
#homeContent .latestNews { border-top: 1px solid #e4e7e9; padding-top: 16px; }
#homeContent .latestNews a { color: #646463; }
#homeContent .latestNews .article { padding-bottom: 20px; }
#homeContent .latestNews .article a { display: block; font-weight: normal; color: #000; }
#homeContent .latestNews .article .title { font-weight: bold; }
#homeContent .testimonials { border-top: 1px solid #e4e7e9; padding-top: 16px; }
#homeContent .testimonials a { color: #646463; }
#homeContent .testimonials .article { padding-bottom: 10px; }
#homeContent .testimonials .article a { display: block; font-weight: normal; color: #000; }
#homeContent .testimonials .article .quoter { font-style: italic; padding-top: 15px; }

/* ----- HOME RIGHT ----- */
#homeRight { float: right; width: 349px; }
#homeRight .box { margin-bottom: 11px; width: 349px; }
#homeRight .jumpWhatsNew a { text-decoration: none; cursor: pointer; width: 349px; height: 262px; }
#homeRight .jumpWhatsNew .title { position: relative; }
#homeRight .jumpWhatsNew .controls { position: absolute; top: 18px; right: 12px; }
#homeRight .jumpWhatsNew .controls a { width: 13px; height: 15px; margin-right: 8px; float: left; background:url(../images/layup/spriteWhatsNewBtn.gif) 0px -15px no-repeat; }
#homeRight .jumpWhatsNew .controls a:hover { background:url(../images/layup/spriteWhatsNewBtn.gif) 0px 0px no-repeat; }
#homeRight .jumpWhatsNew .controls .active { background:url(../images/layup/spriteWhatsNewBtn.gif) 0px 0px no-repeat; }
#homeRight .jumpWhatsNew .image { position: relative; height: 262px; }
#homeRight .jumpWhatsNew .frame { display: block; position: absolute; top: 0px; left: 0px; }
#homeRight .jumpWhatsNew .imageTitle { display: block; background:url(../images/layup/imageTitleBg.png) top left repeat; font-weight: bold; position: absolute; bottom: 0px; left: 0px; color: #fff; width: 303px; padding: 12px 23px 12px 23px; }
#homeRight .jumpWhatsNew .imageTitle .fontLarge { font-size: 1.4em; display: block; }
#homeRight .jumpHowCanYouHelp a { text-decoration: none; cursor: pointer; width: 349px; height: 262pxpx; }
#homeRight .jumpHowCanYouHelp .image { position: relative; height: 262px; }
#homeRight .jumpHowCanYouHelp .frame { display: block; position: absolute; top: 0px; left: 0px; }
#homeRight .jumpHowCanYouHelp .imageTitle { display: block; background:url(../images/layup/imageTitleBg.png) top left repeat; font-weight: bold; position: absolute; bottom: 0px; left: 0px; color: #fff; width: 303px; padding: 12px 23px 12px 23px; }
#homeRight .jumpHowCanYouHelp .imageTitle .fontLarge { font-size: 1.4em; display: block; }
#homeRight .jumpAdoptAnAnimal a { text-decoration: none; cursor: pointer; width: 349px; height: 262px; }
#homeRight .jumpAdoptAnAnimal .image { position: relative; height: 262px; }
#homeRight .jumpAdoptAnAnimal .frame { display: block; position: absolute; top: 0px; left: 0px; }
#homeRight .jumpAdoptAnAnimal .imageTitle { display: block; background:url(../images/layup/imageTitleBg.png) top left repeat; font-weight: bold; position: absolute; bottom: 0px; left: 0px; color: #fff; width: 303px; padding: 12px 23px 12px 23px; }
#homeRight .jumpAdoptAnAnimal .imageTitle .fontLarge { font-size: 1.4em; display: block; }
#homeRight .signUp { background:url(../images/layup/signUp.gif) top left no-repeat; width: 305px; height: 101px; padding: 56px 22px 0px 22px; color: #000; font-size: 0.9em; font-weight: bold; }
#homeRight .signUp form { padding: 0px 0px 0px 0px; width: 294px; }
#homeRight .signUp form input { width: 180px; height: 15px; border: 1px solid #fff !important; font-size: 1.1em !important; text-align: center; }
#homeRight .signUp form div { margin: 0px 0px 4px 0px; padding: 0px 0px 0px 11px; float: left; background:url(../images/layup/signUpFormBg.gif) top left no-repeat; width: 202px; height: 26px; }
#homeRight .signUp form #btnSignUp { width: 75px; height: 26px; border: none !important; }
#homeRight .signUp p { padding-bottom: 6px !important; }

/* ----- MAIN CONTENT ----- */
#mainContentTop { width: 960px; height: 19px; }
#mainContentBtm { width: 960px; margin-bottom: 4px; height: 19px; }
#mainContent { background: #fff; width: 960px; }

/* ----- LEFT COLUMN ----- */
#leftCol { float: left; width: 203px; min-height: 370px; }
#leftCol .box { margin-bottom: 8px; margin-left: 10px; }

/* ----- RIGHT COLUMN ----- */
#rightCol { float: right; width: 700px; padding-right: 20px; min-height: 370px; }

/* ----- CMS IMAGE AND BANNER ----- */
.cmsImage { float: right; margin: 0px 0px 15px 15px; position: relative; }
.cmsImage .frame { position: absolute; top: 0px; left: 0px; z-index:999;}
.cmsImageLeft { float: left; margin: 0px 0px 15px 0px; position: relative; }
.cmsImageLeft .frame { position: absolute; top: 0px; left: 0px; }
.cmsBanner { position: relative; margin-bottom: 20px; }
.cmsBanner .frame { position: absolute; top: 0px; left: 0px; z-index:999; }
#downloadArea { background: url(../images/layup/downloadArea.gif) bottom left no-repeat; padding-bottom: 20px; margin-bottom: 12px; width: 349px; float: right; clear: right; margin: 0px 0px 15px 15px; }
#downloadArea .box { width: 120px; padding-left: 24px; padding-right: 24px; padding-bottom: 15px; width: 311px; clear: both; }
#downloadArea .box a { display: block; padding-top: 4px; padding-left: 30px; }
#downloadArea .box img { display: inline; float: left; }
#internalJumps { background:url(../images/layup/internalJumpsBg.gif) top left no-repeat; width: 659px; height: 137px; padding: 16px 20px; }

/* ----- LIST ----- */
#list {}
#list .listItem { width: 700px; }
#list .listItem a { display: block; width: 700px; padding-bottom: 16px; padding-top: 16px; border-bottom: 1px solid #d0cfcd; text-decoration: none; color: #000; font-weight: normal; }
#list .listItem .thumb { display: block; position: relative; float: left; width: 166px; height: 125px; background:url(../images/layup/noImage166x125.gif) top left no-repeat; padding-right: 38px; }
#list .listItem .thumb .frame { display: block; position: absolute; top: 0px; left: 0px; }
#list .listItem .title { display: block; font-size: 1.4em; width: 496px; font-weight: bold; padding-bottom: 15px; font-family: "Times New Roman", Times, serif; }
#list .listItem .description { display: block; float: left; width: 496px; }
#list .listItem .link { display: inline; font-weight: bold; text-decoration: underline; }

/* ----- BOX LIST ----- */
#boxList {}
#boxList .box { width: 166px; float: left; padding-top: 16px; margin-right: 7px; height:180px; }
#boxList .box a { display: block; width: 166px; text-decoration: none; color: #000; font-weight: normal; }
#boxList .box .thumb { display: block; position: relative; width: 166px; height: 125px; background:url(../images/layup/noImage166x125.gif) top left no-repeat;  }
#boxList .box .thumb .frame { display: block; position: absolute; top: 0px; left: 0px; }
#boxList .box .title { display: block; width: 166px; text-align: center; padding: 8px 0px 2px 0px; }

/* ----- ALTERNATIVE BOX LIST ----- */
#boxListAlternative {}
#boxListAlternative .box { width: 343px; margin-top: 15px; margin-right: 7px; margin-bottom: 7px; float: left !important; }
#boxListAlternative .box a { display: block; width: 320px; text-decoration: none; color: #000; font-weight: normal; cursor: pointer; }
#boxListAlternative .box .title { display: block; width: 320px; padding: 0px 0px 8px 0px; font-weight: bold; }
#boxListAlternative .box .thumb { display: block; float: left; padding-right: 12px; position: relative; width: 166px; height: 125px; background:url(../images/layup/noImage166x125.gif) top left no-repeat;  }
#boxListAlternative .box .thumb .frame { display: block; position: absolute; top: 0px; left: 0px; }
#boxListAlternative .box .details { display: block; float: left; width: 142px; font-size: 0.9em; padding-top: 4px; text-decoration: underline; }

/* ----- TICKETS ----- */
#onlineTickets {}
#onlineTickets table { width: 100%; }
#onlineTickets thead th { background: #e7e6e4; border-bottom: 1px solid #d0cfcd; padding: 8px 16px 8px 16px; font-size: 1.5em; font-weight: normal; }
#onlineTickets thead th.borderRight { border-right: 1px solid #fff; }
#onlineTickets tbody td { padding: 18px 16px 7px 16px; border-bottom: 1px solid #d0cfcd; font-size: 1.1em; }
#onlineTickets tbody td p { padding: 0px 0px 15px 0px; }
#onlineTickets tfoot td { padding: 18px 16px 7px 16px; border-bottom: 1px solid #d0cfcd; font-size: 0.9em; }
#onlineTickets tfoot td p { padding: 0px 0px 15px 0px; }
#onlineTickets .ticketName { font-size: 1.8em; font-weight: bold; padding-bottom: 6px; }
#onlineTickets .ticketPrice { font-size: 1.8em; font-weight: bold; padding-bottom: 6px; }
#onlineTickets .ticketQuantity { width: 84px; margin: 0 auto; }
#onlineTickets .ticketQuantity .quantity { width: 28px; font-size: 1.8em !important; text-align: center; border: 1px solid #d0cfcd; margin: 0px 9px 0px 9px; }
#onlineTickets .ticketQuantity .btnPlusMinus { margin: 8px 0px 0px 0px; float: left; }
#onlineTickets label { width: 400px; padding-top:2px; font-weight: bold; } 
#onlineTickets .btnCheckout { margin-bottom: 12px; display: block; float: right; }
.summary { padding: 0; margin: 0; list-style: none; }
.summary li { padding-bottom: 6px; clear: both; height: 15px; }
.summary li .label { display: block; float: left; width: 120px; }
.summary li .details { font-weight: bold; }

/* ----- ADOPTION ----- */
#adoptionScroller { background: url(../images/layup/adoptionScrollerBg.gif) top left no-repeat; width: 700px; height: 273px; position: relative; margin-bottom: 30px; }
#adoptionScroller .titleBar { height: 30px; padding: 14px 54px 0px 54px; }
#adoptionScroller .titleBar .selectSpecies { width: 200px; float: right; margin-top: 5px; }
#adoptionScroller .titleBar .selectSpecies select { width: 170px; text-align: center; font-size: 0.9em; }
#adoptionScroller .titleBar .pagination { float: right; margin-top: 5px; }
#adoptionScroller .titleBar .pagination a { float: left; display: block; width: 20px; height: 20px; background:url(../images/layup/paginationAdoption.gif) 0px -20px no-repeat; }
#adoptionScroller .titleBar .pagination a:hover { background:url(../images/layup/paginationAdoption.gif) 0px 0px no-repeat; }
#adoptionScroller .titleBar .pagination .active { background:url(../images/layup/paginationAdoption.gif) 0px 0px no-repeat; }
#adoptionScroller .scrollerWindow { width: 697px; overflow: hidden; position: relative; padding: 0px 1px 0px 1px; }

#adoptionScroller .scroller { width: 5000px; }
#adoptionScroller .scroller .box { width: 166px; margin-right: 12px; float: left; }
#adoptionScroller .scroller .box a { display: block; width: 166px; text-decoration: none; color: #000; font-size: 0.9em; font-weight: normal; }
#adoptionScroller .scroller .box .thumb { display: block; position: relative; width: 166px; height: 125px; background: url(../images/layup/noImage166x125.gif) top left no-repeat; }
#adoptionScroller .scroller .box .thumb .frame { display: block; position: absolute; top: 0; left: 0; }
#adoptionScroller .scroller .box .details { display: block; width: 166px; text-align: center; height: 44px; padding-top: 7px; }
#adoptionScroller .scroller .box .btn { display: block; width: 104px; margin: 0 auto; }
#adoptionScroller .scrollerL { position: absolute; top: 25px; left: 1px; }
#adoptionScroller .scrollerR { position: absolute; top: 25px; right: 1px; }

#selectAdoptionLevel { width: 329px; float: right; margin: 0px 0px 26px 22px;  }
#selectAdoptionLevel .item { width: 327px; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; background: #f9f9f9; display: block; }
#selectAdoptionLevel .item select,
#selectAdoptionLevel .itemOver select { margin-left:67px; width:200px; margin-bottom:14px; }
#selectAdoptionLevel #yearLevel { padding-bottom:5px; }
#selectAdoptionLevel .itemOver { width: 327px; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; background: #e7f0e3 !important; display: block; }
#selectAdoptionLevel .title { display: block; font-weight: bold; font-size: 1.2em; }
#selectAdoptionLevel a { display: block; color: #000; font-weight: normal; text-decoration: none; background:url(../images/layup/tickbox.gif) 30px 47px no-repeat; padding: 14px 30px 14px 30px; width: 267px; }
#selectAdoptionLevel a:hover { background:url(../images/layup/tickboxHover.gif) 30px 47px no-repeat; }
#selectAdoptionLevel a.on { background:url(../images/layup/tickboxHover.gif) 30px 47px no-repeat; }
#selectAdoptionLevel .title { display: block; padding-left: 0px; height: 35px; }
#selectAdoptionLevel .description { padding-left: 37px; display: block; }
#selectAdoptionLevel .itemBenefits { width: 281px; padding: 14px 23px 14px 23px;  border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; background: #f9f9f9; display: block; }
#selectAdoptionLevel .adoptionStartDate { background: url(../images/layup/selectAdoptionLevelBg.gif) bottom left no-repeat; padding: 10px 13px 23px 23px; }
#selectAdoptionLevel .adoptionStartDate a { display: inline; width: auto; background: none; padding: 0; text-decoration: underline; }
#selectAdoptionLevel .adoptionStartDate label { display: block; font-weight: bold; padding-bottom: 12px; }
#selectAdoptionLevel .adoptionStartDate select { float: left; margin-right: 4px; font-size: 0.9em; margin-bottom: 12px;  }
#selectAdoptionLevel .adoptionStartDate select.date { width: 55px; margin-left: 43px; }
#selectAdoptionLevel .adoptionStartDate select.month { width: 80px; }
#selectAdoptionLevel .adoptionStartDate select.year { width: 55px; }
#selectAdoptionLevel .adoptionStartDate .btnAdoptMe { width: 127px; margin: 0 auto; }

#adoptedAnimalDetails .adoptedAnimalDetailTable { position: relative; width: 280px; }
#adoptedAnimalDetails .adoptedAnimalDetailTable .borderT { position: absolute; top: 0; left: 0; }
#adoptedAnimalDetails .adoptedAnimalDetailTable .borderB { position: relative; top: -20px; }
#adoptedAnimalDetails .adoptedAnimalDetailTable table { width: 346px; border-collapse: separate; }
#adoptedAnimalDetails .adoptedAnimalDetailTable table tr { background: #d8d8d8; }
#adoptedAnimalDetails .adoptedAnimalDetailTable table tr.trAlt { background: #f0f0f0; }
#adoptedAnimalDetails .adoptedAnimalDetailTable table td { font-size: 1.2em; padding: 6px 36px 6px 36px; }

.adoptionConfirmation .item { background: #f9f9f9; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4;}
.adoptionConfirmation .item .thumb { float: left; position: relative; width: 166px; height: 125px; padding: 10px 0px 10px 0px; margin-right: 27px; background: url(../images/layup/noImage166x125.gif) 0px 10px no-repeat; }
.adoptionConfirmation .item .thumb .frame { position: absolute; top: 10px; left: 0; }
.adoptionConfirmation .item .details { width: 506px; float: left; }
.adoptionConfirmation .item .details table { width: 100%; }
.adoptionConfirmation .item .details table th { padding: 8px 12px 8px 12px; background: #f0f0f0; border-bottom: 1px solid #d4d4d4; font-size: 1.4em; }
.adoptionConfirmation .item .details table td { padding: 12px 12px 12px 12px; vertical-align: top; font-size: 1.2em; }

/* ----- LOCATION ----- */
#locationMap { width: 422px; height: 272px; position: relative; margin-bottom: 12px; }
#locationMap .frameL { position: absolute; top: 0; left: 0; }
#locationMap .frameR { position: absolute; top: 0; right: 0; }
#locationContent { width: 422px; }
#locationContact { float: right; width: 246px; }
#locationContact .box { padding-bottom: 15px; }
#locationContact .telephone { font-size: 1.3em; font-weight: bold; } 

/* ----- GLOBAL CLASSES ----- */
.clear { clear:both; display: block; }
.clearSmall { clear: both; display: block; height: 0; line-height: 0; font-size: 0; }
.hide { display: none; }
.show { display: block; }
.printShow { display:none; }
.printHide { display:block; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; margin:0 0 15px 15px; }
.image_left { float:left; margin:0 15px 15px 0; }
.image_center { margin:0 auto; }
.hand { cursor:pointer; }
.seo {text-decoration:none;font-weight:normal;}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold; }
#homeContent h1 { font-family: "Times New Roman", Times, serif; font-size: 1.8em; }
#homeContent h2 { font-family: "Times New Roman", Times, serif; font-size: 1.4em; }
#mainContent h1 { font-family: "Times New Roman", Times, serif; font-size: 1.8em; color: #231f20; }
#mainContent h2 { font-family: "Times New Roman", Times, serif; font-size: 1.4em; color: #231f20; }
#mainContent h3 { font-family: "Times New Roman", Times, serif; font-size: 1.2em; color: #000; }
#contactArea h3 { font-size: 1.5em; padding: 0px 0px 8px 0px; }
#contactArea .feedback h3 { font-size: 2.1em; padding: 0px 0px 8px 0px; line-height: 90%; }
#homeContent .quickLinksNews h2 { color: #595958; }
#adoptionScroller .titleBar h2 { font-size: 1.8em; color: #656565; padding: 0; }
#adoptionScroller .titleBar h2 { font-size: 1.8em; color: #656565; padding: 0; }
#adoptedAnimalDetails h2 { font-family: "Times New Roman", Times, serif; font-size: 1.6em; color: #231f20; }
#locationContact h2 { font-family: "Times New Roman", Times, serif; font-size: 1.4em; color: #231f20; border-bottom: 1px solid #d0cfcd; padding-bottom: 9px; margin-bottom: 12px; }
p { padding:0 0 15px 0; margin:0; }

/* ----- TOP NAVIGATION ----- */
#primaryNav { height: 49px; background:url(../images/layup/primaryNavBg.gif) top left no-repeat; }
#primaryNav ul { list-style: none; margin: 0px; padding: 0px; }
#primaryNav li { padding: 0px; margin: 0px; float: left; background: url(../images/layup/primaryNavDivider.gif) top right no-repeat; }
#primaryNav li a { display: block; text-decoration: none; padding: 5px 26px 4px 27px; color: #fff; font-size: 0.97em; line-height: 130%; }
#primaryNav li a:hover,
#primaryNav li a.active { background:url(../images/layup/primaryNavHover.gif) top left repeat-x; color: #fff; }
#primaryNav li.first { position: relative; }
#primaryNav li.first a { padding: 12px 26px 12px 27px; }
#primaryNav li.first a .primaryNavLeft { display: none; position: absolute; top: 0; left: 0; width: 20px; height: 49px;   }
#primaryNav li.first a:hover .primaryNavLeft { display: block; background:url(../images/layup/primaryNavHoverLeft.gif) top left no-repeat; }
#primaryNav li.first a.active .primaryNavLeft { display: block; background:url(../images/layup/primaryNavHoverLeft.gif) top left no-repeat; }
#primaryNav li.last { background: none; position: relative; float: right; }
#primaryNav li.last a { padding: 5px 26px 4px 27px; }
#primaryNav li.last a .primaryNavRight { display: none; position: absolute; top: 0; right: 0; width: 20px; height: 49px;   }
#primaryNav li.last a:hover .primaryNavRight { display: block; background:url(../images/layup/primaryNavHoverRight.gif) top right no-repeat; }
#primaryNav li.last a.active .primaryNavRight { display: block; background:url(../images/layup/primaryNavHoverRight.gif) top right no-repeat; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #primaryNav li.last a { padding: 5px 24px 4px 23px; }
}

/* ----- DROPDOWN ----- */
#primaryNav ul li ul {	left: -999em; position: absolute; z-index: 9999; background:url(../images/layup/primaryNavDropdownBg.png) bottom left no-repeat !important; } /* DROPDOWN LIST WITH STARTING POSITION */
#primaryNav ul li ul li { background:url(../images/layup/primaryNavDropdownDivider.gif) bottom left no-repeat; }
#primaryNav ul li:hover ul, #primaryNav ul li.sfhover ul { left: auto; padding: 0px; margin: 0px; display: block; width: 207px; } /* DROPDOWN LIST REPOSITIONED ON HOVER */
#primaryNav ul li:hover ul li, #primaryNav ul li.sfhover ul li { display: block; padding: 0px; margin: 0px; }
#primaryNav ul li:hover ul li a, #primaryNav ul li.sfhover ul li a { padding: 11px 5px 11px 20px; margin: 0px; width: 207px; } /* DROPDOWN A TAG STYLES */
#primaryNav ul li:hover ul li a:hover, #primaryNav ul li.sfhover ul li a:hover { padding: 11px 5px 11px 20px; margin: 0px; background:url(../images/layup/primaryNavDropdownHover.gif) top left no-repeat; } /* DROPDOWN A TAG HOVER STATE */
#primaryNav ul li ul li a.last, #primaryNav ul li ul li.sfhover a.last { background: none !important; height: 13px; }  /*LAST ITEM IN DROPDOWN LIST */
#primaryNav ul li:hover ul li a:hover.last, #primaryNav ul li.sfhover ul li a:hover.last { padding: 11px 5px 11px 20px; margin: 0px;  background:url(../images/layup/primaryNavDropdownLastHover.gif) top left no-repeat !important; } /*LAST ITEM IN DROPDOWN LIST HOVER STATE */

/* ----- SECONDARY NAVIGATION ----- */
#secondaryNav { margin-bottom: 30px; }
#secondaryNav ul { list-style: none; margin: 0; padding: 0; }
#secondaryNav ul li { display: block; font-size: 1.1em; width: 203px; }
#secondaryNav ul li a { text-decoration: none; display: block; width: 203px; color: #000; background:url(../images/layup/secondaryNavDivider.gif) bottom left no-repeat; }
#secondaryNav ul li a span { display: block; padding: 10px 0px 11px 20px; width: 183px; }
#secondaryNav ul li a:hover { color: #fff; background:url(../images/layup/secondaryNavHoverBtm.gif) bottom left no-repeat; }
#secondaryNav ul li a:hover span { color: #fff; background:url(../images/layup/secondaryNavHover.gif) top left no-repeat; }
#secondaryNav ul li .active { color: #fff; background:url(../images/layup/secondaryNavActiveBtm.gif) bottom left no-repeat; }
#secondaryNav ul li .active span { color: #fff; background:url(../images/layup/secondaryNavActive.gif) top left no-repeat; }
#secondaryNav ul li .active:hover { color: #fff; background:url(../images/layup/secondaryNavActiveBtm.gif) bottom left no-repeat; }
#secondaryNav ul li .active:hover span { color: #fff; background:url(../images/layup/secondaryNavActive.gif) top left no-repeat; }
#secondaryNav ul li .active.noSubNav { color: #fff !important; background:url(../images/layup/secondaryNavHoverBtm.gif) bottom left no-repeat !important; }
#secondaryNav ul li .active.noSubNav span { color: #fff !important; background:url(../images/layup/secondaryNavHover.gif) top left no-repeat !important; }
#secondaryNav ul li ul { padding-top: 8px; background: #edecea url(../images/layup/secondaryNavSubBg.gif) top left no-repeat; }
#secondaryNav ul li ul li { font-size: 0.9em; }
#secondaryNav ul li ul li a { color: #584f52; padding: 7px 0px 7px 35px; width: 168px; background:url(../images/layup/secondaryNavIcon.gif) 22px 13px no-repeat; }
#secondaryNav ul li ul li a:hover { color: #000 !important; background:url(../images/layup/secondaryNavIconHover.gif) 22px 13px no-repeat !important; }
#secondaryNav ul li ul li .active { color: #000 !important; background:url(../images/layup/secondaryNavIconHover.gif) 22px 13px no-repeat !important; }
#secondaryNav ul li ul li.btm { height: 18px; display: block; background:url(../images/layup/secondaryNavSubBtm.gif) top left no-repeat; }

/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px; }
#sitemap li a { color: #000; }

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */
#pageInfo { margin: 0px 20px 22px 20px; padding-bottom: 14px; font-size: 0.9em; border-bottom: 1px solid #d0cfcd; }
#pageInfo .breadcrumbs { line-height: normal; float: left; font-weight: bold; }
#pageInfo .breadcrumbs a { font-weight: normal; text-decoration: none; color: #000 !important; }
#pageInfo .breadcrumbs a:hover { text-decoration: underline; }
#pageInfo .back { float: right; padding: 0px; }
#pageInfo .back a { color: #000 !important; text-decoration: none; }
#pageInfo .back a:hover { text-decoration: underline; }
#pagination { float: right; font-weight: bold; padding-top: 8px; font-size: 0.9em; }
#pagination a { padding: 0px 4px 0px 4px; text-decoration: none; color: #000; }
#pagination a:hover { text-decoration: none; background:#000; color:#fff; }
#pagination .active { text-decoration: none; background:#000; color:#fff; }
#pagination span { display: block; float: left; padding: 0px 2px 0px 2px; }
#paginationBottom { float: right; font-weight: bold; padding-top: 22px; font-size: 0.9em; }
#paginationBottom a { padding: 0px 4px 0px 4px; text-decoration: none; color: #000; }
#paginationBottom a:hover { text-decoration: none; background:#000; color:#fff; }
#paginationBottom .active { text-decoration: none; background:#000; color:#fff; }
#paginationBottom span { display: block; float: left; padding: 0px 2px 0px 2px; }

/* ----- FOOTER ----- */
#footer { background: url(../images/layup/footerBg.gif) top left no-repeat; width: 920px; color: #fff; font-size: 0.9em; padding: 0px 20px 0px 20px;  }
#footer a { font-weight:normal; text-decoration:none; color: #fff; }
#footer a:hover { text-decoration:underline; }
#footer .top {height: 19px; padding: 10px 0px 25px 0px; }
#contactArea { background:url(../images/layup/contactArea.gif) top left no-repeat; width: 920px; height: 219px; font-size: 0.9em; font-weight: bold; padding: 30px 20px 0px 20px; }
#contactArea a { color: #000; }
#contactArea .donate { float: left; width: 317px; padding-right: 30px; }
#contactArea .stayInTouch { float: left; width: 283px; }
#contactArea .stayInTouch a { float: left; margin-right: 14px; }
#contactArea .feedback { float: right; width: 273px; padding: 0px; }
#contactArea .feedback form { margin-top: 5px; }
#contactArea .feedback form div { margin-bottom: 3px; }
#contactArea .feedback form span { color: #5c5c5c; width: 165px; display: block; float: left; font-size: 0.9em; }
#contactArea .feedback label { width: 93px; padding-right: 7px; text-align: right; color: #5c5c5c; }
#contactArea .feedback input { width: 155px; border: 1px solid #d0d0d0; background: #efeff4; height: 16px; }
#contactArea .feedback textarea { width: 155px; border: 1px solid #d0d0d0; height: 62px; background: #efeff4; }
#contactArea .feedback .checkRadio { width:20px !important; position:relative; left: 0px; border:none !important; float: left;}
#contactArea .feedback #submit { width: 66px; height: 26px; border: none; }

/* ----- GLOBAL ----- */
img { display:block; border:0; }
address { font-style:normal; padding: 0px 0px 15px 0px; }

/* ----- LINKS ----- */
a { color:#0093c7; font-weight:bold; text-decoration:underline;cursor: pointer; outline: none; }
a:visited { color: #ff2b00; }
a:hover { text-decoration:none; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea { width:200px; font-size:11px !important;}
.required { color:#000; }
.requiredLabel { color:#AD0E0E; }
.checkRadio { width:20px !important; position:relative; left:-7px; border:none !important; }
#frmContact, #frmContactTickets, #frmContactevent { margin-bottom:15px; font-size: 12px !important; }
#frmContact p, #frmContactTickets p, #frmContactevent p { padding:7px 0;}
#frmContact select, #frmContactTickets select, #frmContactevent select { width:204px;}
#frmContact div, #frmContactTickets div, #frmContactevent div { margin-bottom:10px;}
#frmContactTickets label { font-weight: normal !important; width: 260px !important; }
#frmContact #btnConfirm, #frmContactTickets #btnConfirm, #frmContactevent #btnConfirm { float: right; width: 126px !important; height: 26px !important; margin: 15px 10px 15px 0px; border: none; }
.frmContact { margin-bottom:15px; font-size: 12px !important; }
.frmContact p { padding:7px 0;}
.frmContact select { width:204px;}
.frmContact div { margin-bottom:10px;}
.frmContact #btnConfirm { float: right; width: 126px !important; height: 26px !important; margin: 15px 10px 15px 0px; border: none; }
#frmContactMini { margin-bottom:15px; }
#frmContactMini label { width: 80px; padding-left: 23px; font-size: 0.9em; }
#frmContactMini select { width: 195px; font-size: 0.9em; }
#frmContactMini select.day { width: 45px; }
#frmContactMini select.month { width: 85px; margin: 0px 4px 0px 4px; }
#frmContactMini select.year { width: 55px; }
#frmContactMini input { width: 195px; }
#frmContactMini textarea { width: 195px; }
#frmContactMini div { margin-bottom:5px;}
#frmContactMini .giftAid { padding-top: 10px;  }
#frmContactMini .giftAid label { width: 650px; font-size: 1.0em; padding-left: 0; padding-top: 2px; margin-bottom: 15px; }
#frmContactMini .giftAid .checkRadio { margin-left: 15px; }
#frmContactMini #btnConfirm { float: right; width: 126px !important; height: 26px !important; margin: 15px 10px 15px 0px; border: none; }
#frmContactMini #btnAdoptMore { float: right; width: 126px !important; height: 26px !important; margin: 15px 10px 15px 0px; border: none; }
#frmContactMini #btnSendEnquiry { float: right; width: 127px !important; height: 27px !important; margin: 12px 0px 15px 0px; border: none; }
#locationContact #frmContactMini label { width: 80px; padding-left: 0px; font-size: 0.9em; }
#locationContact #frmContactMini input { width: 157px; }
#locationContact #frmContactMini textarea { width: 239px; } 
#submit { width:55px; height:18px; border:none;}
/* new site competition form */
#newSiteCompetition form div { margin-bottom: 10px; }
#newSiteCompetition form label { width: 350px; }

/* ----- Prototype Validation ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #ad0e0e; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { display:none !important; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }

/* ----- DOMTABS ----- */
.domTabs { padding-bottom: 30px; }
.domContent { border: 1px solid #333333; }
.dt1 { display: block; }

ul.domHeadings { padding: 0px; margin: 0px; list-style: none; }
ul.domHeadings li { float: left; }
ul.domHeadings li a { display: block; float: left; padding: 5px 10px 5px 10px; background: #000; color: #FFF; text-decoration: none; font-weight: bold; }
ul.domHeadings li a:hover, ul.domHeadings li.active a { background: #BCBCBC; color: #000; }

/* ----- POPUP ----- */
#blanket {
   background-color:#111;
   opacity: 0.65;
   filter:alpha(opacity=65);
   -moz-opacity:0.65; 
   position:absolute;
   z-index: 9001;
   top:0px;
   left:0px;
   width:100%;
}

#popUpDiv {
	position:absolute;
	background: url(../images/layup/popupBg.png) top left no-repeat;
	width: 431px;
	height: 257px;
	z-index: 9002;
	padding: 15px 10px 0px 10px;
	text-align: center;
	color: #fff;
}

#popUpDiv.large {
	position:absolute;
	background: url(../images/layup/popupBgLarge.png) top left no-repeat;
	width: 415px;
	height: 363px;
	z-index: 9002;
	padding: 15px 10px 0px 10px;
	text-align: center;
	color: #fff;
}

#popUpDiv.large h3,
#popUpDiv h3 { font-size: 2.0em; padding-bottom: 20px; }
#popUpDiv.large p { font-size: 1.2em; }
#popUpDiv p { font-size: 1.4em; }
#popUpDiv.large p.thankYou,
#popUpDiv p.thankYou { text-align: center; font-size: 2.0em; font-style: italic; }
#popUpDiv.large .btns,
#popUpDiv .btns { width: 310px; margin: 0 auto; height: 60px; margin-top: 15px; }