@charset "utf-8";
/* CSS Document */

a.amount-select strong { font-size: 2.5em; }

#total {
      padding: 10px;
}
#total_table {
      
}
#total_table th {
      font-weight: normal;
      text-align: right;
}
#total_table td {
      text-align: right;
}

div.membership-type-big.highlight {
      background-image: url(../images/BG-membership-adult_277x134_hi.gif);
}
div.membership-type.highlight {
      background-image: url(../images/BG-membership-types_131x134_hi.gif);
}

form { clear:both; }

fieldset.form-summary legend { display:block; }

div.form-summary {
  clear: both;
  float: left;
  color:#000000;
  width: 600px;
  padding: 0 0 7px;
  margin: 0;
  font-size: 1.6em;
  background: #EEEFE7;
  border-top:7px solid #FFFFFF;
  font-size:1.1em;
  display:block
}

div.form-summary p {
  clear: both;
  margin:0 0 0 20px;
  padding:7px 0 0 0;
}

div.form-summary strong {
  float: left;
  width: 200px;
  color: #71684b;
  font-weight:bold;
  font-size:1.1em;
}

span.field-value {
  display: block;
  float: left;
  width: 200px;
  font-weight:bold;
  font-size:1.1em;
}

div#notprop_next_form_stepField, div#notprop_form_completeField {
  float: right;
  text-align: right;
  padding-top:5px;
  width: auto;
}

input#notprop_next_form_step, input#notprop_previous_form_step, input#notprop_form_complete {
  width: auto;
  height: 32px;
  padding: 0;
}

div#notprop_previous_form_stepField {
  width: auto;
  text-align: left;
  display:block;
  padding-top:5px;
}

#form-foot {
  clear:both;
  border-top:10px solid #FFFFFF;
  display:block;
  background: transparent none;
}

#form-foot div { background: transparent none; padding:10px 0 0 0; margin:0;}

#form-foot legend { display: none; }

div#main-heading h2{
  color: #71684b;
  font-weight: bold;
  font-size: 2.1em;
  width: 600px;
  border-bottom: 2px solid #d0c7b2;
  padding: 0;
  margin: 0;
  position: static;
  float: none;
}

div#sub-heading h2{
  font-size: 1.8em;
  font-weight: bold;
}

div#info-heading h3{
  border: none;
  color: #A59b81;
  font-weight: bold;
  font-size: 1.3em;
  padding: 0;
  margin: 10px 0 10px 0;
  width:auto !important;
}

div#adoption-level-wrapper{
  padding-bottom:7px;
  padding-top:10px;
}

div#adoption-level-wrapper div.formfield{
  text-align:left;
}

div#adoption-level-wrapper div.formfield select{
  margin-left:10px;
}

div#adoption-level-wrapper p{
  padding-left:5px;
}

div#adoption-level-wrapper p.error{
  margin:0;
}

div#adoption-level-wrapper h3{
  margin:0 !important;
  padding:10px 0 0 0 !important;
}
div#adoption-level-wrapper h3,
div#adoption-level-wrapper span.pricing{
  display:block;
  position:relative !important;
  width:auto !important;
  bottom:0 !important;
  right:0 !important;
  font-size:1.6em;
  font-weight:bold;
  color:#FFF;
  text-align:center;
}

div#adoption-level-wrapper label{
  display:block !important;
  width:auto !important;
}

#adoptionLevelField{
  padding:10px 0 0 0 !important;
}
span.pricing{
  display:block;
  position:absolute;
  bottom:10px;
  right:10px;
  font-size:1.6em;
  font-weight:bold;
}

div.radio-group{
  margin:0;
  padding:10px 0 10px 0;
  width:auto;
}

div.radio-group div{
  margin:0;
  padding:0;
  width:600px;
}

div.radio-group div input{
  margin-left:20px;
}

div.radio-group div label {
  float: left;
  width: auto;
}

div.radio-group p{
  font-size:1.5em;
  color: #B77A55;
  margin:0 0 10px 20px;
  padding:0;
}

div.radio-group p.error{
  font-size:1.1em;
  color: #FF0000;
  margin:0 0 0 20px;
  padding:0;
}

div.text label, div.select label, div.text-area label{
  width: 150px;
  text-align: right;
  padding-right: 20px;
  float:left;
}

span.label-equiv{
  display: block;
  width: 300px;
  text-align: right;
  padding-right: 20px;
  float:left;
  font-size:1.1em;
}



div#tabs-1, div#tabs-2, div#tabs-3, div#tabs-4 { padding: 5px; }

table.animals {
  padding: 1px;
  margin: 0;
  background: #E5E1D6;
  border: 0;
  width: 100%;
}

table.animals tr {
  background: #ffffff;
  padding: 5px;
}

table.animals tr td {
  padding: 10px;
  width: 300px;
}

table.animals tr.zebra-stripe-coloured { background: #FFF1DC; }

p.pagination {
  background: #E5E1D6;
  padding: 5px;
  width: 573px;
  display: block;
}

p.pagination span.pagination-links {
  width: 200px;
  float: right;
  display: block;
  text-align: right;
  margin: 0;
  padding: 0;
}

p.pagination span.pagination-links a { color: #E0762A; }

p.pagination span.page-label {
  float: left;
  width: 200px;
  font-weight: bold;
}

table.animals p.adopt-animal-name {
  display: block;
  float: left;
  width: 100px;
  margin: 0;
  padding: 5px;
  font-size: 1.3em;
  color: #72684D;
  font-weight: bold;
}

table.animals a.adopt-link {
  color: #ffffff;
  float: right;
  display: block;
  width: 75px;
  font-weight: bold;
  padding: 5px;
  background: url(../images/ICON-donate-online-arrow_12x12.jpg) #F47F0B center right no-repeat;
}

div#tabs h3 {
  color: #6E694B;
  font-size: 1.4em;
}

div#tabs p { color: #A69A80; }

h3.info-heading {
  font-size: 1.2em;
  color: #6F6949;
  padding: 5px 0;
  margin: 0;
  font-weight: normal;
}

div#tabs ul li a { color: #F47F0B; }

div#tabs h4.animals-a-z {
  background: url()/*missing image*/ top left no-repeat;
  padding: 0;
  margin: 0;
  color: #ffffff;
  font-size: 1.3em;
}

div#tabs ul#a-z {
  background: #000000;
  width: 583px;
  margin: 0;
  padding: 0;
  display: block;
  padding: 5px;
}

div#tabs ul#a-z li {
float: left: padding:;
  display: inline;
  padding: 3xp 1px;
  margin: 0;
}

div#tabs ul#a-z li a { padding: 4px; }

div#tabs ul#a-z li a:link { color: #FDC043; }

div#tabs ul#a-z li a:hover {
  background: #ffffff;
  border: 0;
  color: #000000;
  text-decoration: none;
}

.disabled-note{
  display:none;
}

fieldset{
  background-color:#DCDFCE;
}

div.error div{
  background: #FEE1E3 !important;;
}

div.formfield input{
  margin-right:10px;
}

p.error{
  padding-left:0;
}

.adoptee-details div.formfield{
  float:left;
  width:auto;
}

.adoptee-details div.formfield label{
  width:auto;
  display:block;
  float:none;
  padding:0;
  margin:0;
  text-align:left;
}

.adoptee-details p.error{
  display:block;
  clear:both;
  padding:7px;
}


/* Membership form */
.membership-type-wrapper div.formfield{
  float: left;
  width:auto;
  background-color:transparent;
  text-align:left;
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.membership-type-wrapper label{
  display:block !important;
  width:auto;
  margin:0;
  padding:0 10px 7px 0;
  font-size:1em;
  float: none !important;
}

.membership-type-wrapper select{
  /*clear:left;*/
  float: none !important;
}

.membership-type-wrapper h3{
  padding-top: 10px !important;
  margin-bottom:0;
}

.membership-type-big h3{
  /*padding-left:20px;*/
  text-align: center;
}

/*
.membership-type-big p{
  position:relative;
  top:-1.5em;
  left:65px;
  padding:0;
  margin:0;
  font-size:1.2em !important;
  width:140px !important;
  font-weight:bold !important;
}
*/
.membership-type-big p {
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size:1.6em !important;
  font-weight:bold !important;
  width: auto !important;
}
.form-info p.error{
  clear:both;
  display:block;
  padding-top:10px !important;
  font-size:1.1em;
}

.membership-type-wrapper span.pricing{
/*
  top:-1.2em;
  right:-65px;
  width:50px;
  margin:0;
  padding:0;
*/
}

p.note{
  margin-left:20px !important;
  font-weight:bold;
}
.membership-details div{
  clear:left;
}
.membership-details div.formfield{
  float:left;
  width:auto;
  clear:none;
}

.membership-details div.formfield label{
  width:auto;
  display:block;
  float:none;
  padding:0;
  margin:0;
  text-align:left;
}

.membership-details p.error{
  display:block;
  clear:both;
  padding:7px;
}

.membership-details div#dobChild1Field,
.membership-details div#dobChild2Field,
.membership-details div#dobChild3Field,
.membership-details div#dobChild4Field,
.membership-details div#dobChild5Field,
.membership-details div#dobChild6Field{
  width:118px !important;
  clear:none !important;
}

.membership-details div.formfield p.error{
  float:left !important;
  width:auto !important;
  clear:none;
}

div.membership-type-big {
  position: relative;
  background:url(../images/BG-membership-adult_277x134.gif) top left no-repeat;
  height: 134px;
  width: 270px;
}
div.membership-type {
  position: relative;
  background: url(../images/BG-membership-types_131x134.gif) top left no-repeat;
  height: 134px;
  width: 134px;
}

.light-heading{
  font-weight:normal;
  color:#A59B82;
}

/*
#side-a{
  height:auto !important;
  float:right;
  width:185px !important;
  display: inline;
}
*/
#side-a{
  height:auto !important;
  float:right;
  width:215px !important;
  margin-left: 0 !important;
  display: inline;
}


#side-a div h4{
  margin:0 !important;
  padding:10px 0 7px 0 !important;
  font-size:1.6em !important;
}

#side-a div{
  height:auto;
/*  width:100%; */
}

#side-a div img{
  margin:0;
  padding:0;
  overflow:hidden;
  width:185px;
}

#side-a div p{
  margin-left:5px;
}

#side-a div a{
  padding:7px 28px 7px 7px;
  margin:7px 0 10px 0;
  font-weight:bold;
  display:block;
  width:auto;
}

#main-content{
  width:382px !important;
  float: left;
}

div#main-column h2{
  margin-left:0;
}

div#main-column2 {
  width:600px;
  overflow:hidden;
  margin-left:12px;
}

div#sub-column{

width:590px;

}

#footer{
  clear:both !important;
}

div#main-column h3{
  font-size:1.4em;
  margin:0px 0px 10px 10px !important;
  padding:0px !important;
  color:#A69A82;
}
div#main-column2 h3{
  font-size:1.4em;
  margin:0px 0px 10px 12px !important;
  padding:0px !important;
  color:#A69A82;
}

.row{
  clear:left !important;
  margin:0 0 15px 0 !important;
  padding:0 !important;
  float:left !important;
}

.row p{
  padding: 0;
  margin:0 0 0 0 !important;
}

.row h5{
  margin:0 0 5px 0;
  font-size:1.1em;
}

.row img{
  float:left;
  width:185px;
  height:133px;
  padding-right:7px;
}

.row a:link{
  color:#DF752B;
  text-decoration:underline;
  background-color:transparent;
  font-weight:normal;
  font-size:1em;
}

.row a:active{
  background-color:#DF752B;
  text-decoration:none;
  color:#FFFFFF;
  font-weight:normal;
  font-size:1em;
}

.row a:visited{
  color:#DF752B;
  text-decoration:underline;
  background-color:transparent;
  font-weight:normal;
  font-size:1em;
}

.row a:hover{
  background-color:#DF752B;
  text-decoration:none;
  color:#FFFFFF;
  font-weight:normal;
  font-size:1em;
}

#donate-online-side-a{
	background:#F93539 url(../images/BG-rhs-gradient-red_1x150.gif) left top repeat-x !important;
	margin-left: 0 !important;
	padding-right: 15px !important;
}

#donate-online-side-a a{
  background:#000000 url(../images/ARW-white-bg-black_21x12.gif) right center no-repeat !important;
}

#hottest-event{
  background:#E0762A url(../images/BG-rhs-gradient-orange_1x150.gif) left top repeat-x !important;
  padding-right: 15px !important;
  border: 1px solid orange;
}

#hottest-event a{
  background:#9A0000 url(../images/ARW-white-bg-red_21x12.gif) right center no-repeat !important;
}


/******************************************* Whats on styles **********************************************/

#whats-on-sidebar{
  width:195px !important;
  float:right !important;
  padding:0 !important;
}
#whats-on{
  background:#153738 url(../images/BG-whats-on-blue_1x250.jpg) left top repeat-x !important;
  width:367px !important;
  height:auto !important;
}

#whats-on h3{
  color:#fff;
  font-size:1.8em;
  font-weight:normal;
  margin:0 0 7px 0 !important;
  padding:7px 0 0 0 !important;
}
#admissions-voucher{
  margin:17px 0 0 0 !important;
  background:#FEC045 url(../images/BG-admision-ticket-bottom-red_367x97.jpg) left bottom no-repeat !important;
  padding:0 !important;
}

#admissions-voucher *{
  background-color:transparent !important;
}

#admissions-voucher img{
  float:right;
  margin:5px 0 0 5px
}

#admissions-voucher h4{
  padding:17px 10px 5px 10px !important;
  background:#FEC045 url(../images/BG-admision-ticket-top-red_367x97.jpg) left top no-repeat;
}

#admissions-voucher p{
  margin:0 10px 0 10px !important;
  padding-bottom:3px !important;
}

.whats-on-main-box-link{
  font-size:0.8em;
  float:left !important;
  padding-top:10px;
}

.whats-on-main-box-link a{
  display:block;
  background:#FF7A01 url(../images/ARW-white-bg-light-orange_21x12.gif) right center no-repeat;
  float:left;
  margin:10px 0 10px 0;
  padding: 7px 35px 7px 7px;
  color:#FFF !important;
  font-size:1em;
}

#whats-on-main-box-link2{
  margin-left:5px;
  float:right !important;
}

#whats-on-main-box-link2 a{
  background:#65A7A3 url(../images/ARW-white-bg-blue_21x12.gif) right center no-repeat;
}

#whats-on-highlight-one,
#whats-on-highlight-two{
  height:auto;
  width:auto !important;
  padding:10px !important;
  color:#FFF !important;
  background:#1B3D1C url(../images/BG-rhs-gradient-dark-green_1x125.jpg) left top repeat-x !important;
}

#whats-on-highlight-one h4,
#whats-on-highlight-two h4{
  margin:0 !important;
  padding:7px 0 0 0 !important;
  font-size:1.4em !important;
}

#whats-on-highlight-one img,
#whats-on-highlight-two img{
  margin:5px 0 0 0 !important;
  padding:0;
  overflow:hidden;
  width:175px !important;
}

#whats-on-highlight-one p,
#whats-on-highlight-two p{
  padding:0 !important;
}

#whats-on-highlight-one a,
#whats-on-highlight-two a{
  padding:7px 35px 7px 7px;
  margin:7px 0 0 0;
  font-weight:bold;
  display:block;
  width:auto;
  background:#E0762A url(../images/ARW-white-bg-dark-orange_21x12.gif) right center no-repeat;
  color:#FFF !important;
}

#whats-on-highlight-two{
  background:#1E1B0A url(../images/BG-rhs-gradient-grey_1x125.jpg) left top repeat-x !important;
}

div.special-events-for-adopters {
  clear: both;
  border: 2px solid #d0c7b2;
  margin-top: 15px;
}
div.special-events-for-adopters img{
  margin-bottom:5px;
}

div.special-events-for-adopters h3 {
  font-size: 1.5em;
  color:#000000;
  padding: 15px 10px 0 10px !important;
  font-weight: bold;
  margin: 10px 0;
}

div.special-events-for-adopters2 h3 {
  font-size: 1.5em;
  color:#000000;
  padding: 15px 10px 0 10px !important;
  font-weight: bold;
  margin: 10px 0;
}


div.special-events-for-adopters h4 {
  font-size: 1.3em;
  padding-left: 15px;
  font-weight: bold;
  margin: 10px 0;
}

div.special-events-for-adopters .event-footer {
  padding:0 15px 0 15px;
  width:568px;
}

div.special-events-for-adopters h4 span { font-weight: normal; }

div.special-events-for-adopters h4 span a {
  color: #df762a;
  font-weight: normal;
}

div.special-events-for-adopters hr {
  border: 0;
  border-bottom: 1px solid #d0c7b2;
  padding: 0;
  margin: 0 15px;
  background: none;
  clear: both;
}

#side-bar-membership{
  float:right !important;
}

.support-bottom-box {
  clear: both;
  border: 2px solid #CFC7B2;
  padding: 5px 15px 15px 15px;
}

.support-bottom-box h4{
  padding:0 !important;
  margin:0 0 10px 0 !important;
  font-size:1.5em;
  line-height:1.1em;
}

.support-bottom-box h5{
  padding:0 !important;
  margin:0 !important;
}

.support-bottom-box img {
  float:left;
}

div#join-now-main{
  color:#FFFFFF;
  background:#211E0B url(../images/BG-join-now-brown_1x250.jpg) top left repeat-x !important;
  padding:12px;
  /* width:auto !important; */
  width: 570px;
  height:auto !important;
  font-size:1.1em;
  margin-left:12px;
  zoom: 1;
  overflow: hidden;
  
}

#join-now-main h3{
  font-size:2.1em;
  color:#FFFFFF;
  font-weight:normal;
  margin-left:0px;
  padding-top:0px;
  margin-top:0px;
}



.joinHeader{
	font-size:1.5em;
  color:#FFFFFF;
  font-weight:normal;
  margin-left:0px;
  padding-top:0px;
  margin-top:0px;
  padding-left:0px;
}

#join-now-main .special-events-column{
  margin-left:0;
  margin-right:20px;
  float:left !important;
  width:auto !important;
}

#join-now-main .special-events-column a{
  width:auto !important;
}

#join-now-main .special-events-column div{
  height:auto !important;
}

#join-online-main,
#join-post-main,
#join-phone-main{
  margin:0 !important;
  padding:0 0 10px 0 !important;
}

#join-online-main{
  background:#FF7A01 url(../images/BG-join-now-box-bottom-red_164x110.jpg) left bottom no-repeat !important;
  width:164px !important;
}

#join-online-main-link{
  background-image:url(../images/ARW-white-bg-light-orange_21x12.gif) !important;
  padding-right:24px;
}

#join-post-main-link{
  background-image:url(../images/ARW-white-bg-blue_21x12.gif) !important;
  padding-right:24px;
}

#join-post-main{
  background:#65A7A3 url(../images/BG-join-now-box-bottom-blue_170x110.jpg) left bottom no-repeat !important;
  width:170px !important;
}

#join-phone-main{
  background:#FEC045 url(../images/BG-join-now-box-bottom-yellow_163x110.jpg) left bottom no-repeat !important;
  width:163px !important;
}

#join-online-main *,
#join-post-main *{
  color:#FFFFFF !important;
}

#join-online-main p,
#join-post-main p,
#join-phone-main p{
  padding:0 10px 0 10px;
}

#join-online-main h5{
  background:#FF7A01 url(../images/BG-join-now-box-top-red_164x110.jpg) left top no-repeat !important;
  padding:10px 10px 0 10px;
  margin:0 !important;
}
#join-post-main h5{
  background:#65A7A3 url(../images/BG-join-now-box-top-blue_170x110.jpg) left top no-repeat !important;
  padding:10px 10px 0 10px;
  margin:0 !important;
}
#join-phone-main h5{
  background:#FFC045 url(../images/BG-join-now-box-top-yellow_163x110.jpg) left top no-repeat !important;
  padding:10px 10px 0 10px;
  margin:0 !important;
}

#join-phone-main h6{
  font-weight:bold;
  font-size:1.4em;
  margin:0;
  padding:3px 10px 3px 10px;
  color:#000000;
}

/********************************* Join now bar rhs **********************************/

#join-now-join-online,
#join-now-join-post,
#join-now-join-phone{
  margin:10px 0 0 0 !important;
  padding:0 0 10px 0!important;
}

#join-now-join-online{
  width:164px !important;
  height:auto !important;
  background:#FF7A01 url(../images/BG-join-now-box-bottom-red_164x110.jpg) left bottom no-repeat !important;
}
#join-now-join-post{
  width:170px !important;
  height:auto !important;
  background:#65A7A3 url(../images/BG-join-now-box-bottom-blue_170x110.jpg) left bottom no-repeat !important;
}
#join-now-join-phone{
  width:163px !important;
  height:auto !important;
  background:#FFC045 url(../images/BG-join-now-box-bottom-yellow_163x110.jpg) left bottom no-repeat !important;
}

#join-now-join-online h4{
  background:#FF7A01 url(../images/BG-join-now-box-top-red_164x110.jpg) left top no-repeat !important;
  padding:10px 10px 0 10px !important;
  margin:0 !important;
}
#join-now-join-post h4{
  background:#65A7A3 url(../images/BG-join-now-box-top-blue_170x110.jpg) left top no-repeat !important;
  padding:10px 10px 0 10px !important;
  margin:0 !important;
}
#join-now-join-phone h4{
  background:#FFC045 url(../images/BG-join-now-box-top-yellow_163x110.jpg) left top no-repeat !important;
  padding:10px 10px 0 10px !important;
  margin:0 !important;
}
#join-now-join-online p,
#join-now-join-post p,
#join-now-join-phone p{
  padding:0 10px 0 10px !important;
}
#join-now-join-phone h6{
  font-weight:bold;
  font-size:1.4em;
  margin:0;
  padding:3px 10px 3px 10px;
  color:#000000;
}

#join-now-join-online-link{
  font-size:1.1em !important;
  background:#FF7A01 url(../images/ARW-white-bg-light-orange_21x12.gif) right center no-repeat !important;
}

#join-now-join-post-link{
  font-size:1.1em !important;
  background:#65A7A3 url(../images/ARW-white-bg-blue_21x12.gif) right center no-repeat !important;
  width:160px !important;
}

#main_banner{
  height:300px !important;
  overflow:hidden;
}

.worldpay-img{
 float:right !important;
 margin:0 0 7px 7px !important;
}

a img{
	border:none !important;
}