/*
meta{
  date:10-Jun-2006;
  client:Animal Aid;
  author:Clearleft Ltd;
  developer:Paul Annett;
  email:paul@clearleft.com;
}
*/	

     /* 0 =contents
     ------------------------------------------
     1 = universal
     2 = header
     3 = promoarea
     4 = mainbody
     5 = secondarycontent
     6 = footer
	7 = forms
                                                */
 
 
/* 1 =universal
----------------------------------------------- */
*{
 font-size:100%;
 margin:0;
 padding:0;
 list-style:none;
 border:0;
}
body{
 background-color:#fff;
 font:75%/150% "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
 text-align:center;
 color:#000;
 padding:0;
}
.access-only, .item a span{
 position:absolute;
 left:-9999px;
 width:0;
 overflow:hidden;
}
.clearboth{
 display:block;
 clear:both;
 margin:0;
 padding:0;
}
.clearleft{
 display:block;
 clear:left;
 margin:-10px 0 0 0;
 padding:0;
}
.clearright{
 display:block;
 clear:right;
 margin:0;
 padding:0;
}
p{ padding:0.9em 0 0 0; }
a{
 color:#369;
 padding:3px;
 margin:0 -3px !important;
 margin:0;
}
a:hover{
 background-color:#ECE7BC;
 color:#5D7C0E;
}
a.gridimg{
padding:0;
}

.abbr{
 border-bottom-width:1px;
 border-bottom-style:dotted;
}

#donateform label{
 display:inline;
 margin:0 10px 0 0;
}
.donatebox{
 display:inline;
 margin:15px 0 0 0;
 border-top:1px solid #666;
 border-left:1px solid #666;
 border-bottom:1px solid #999;
 border-right:1px solid #999;
}
input[type="hidden"] {
 display:none;
}

/* 2 =header
----------------------------------------------- */

#topwrap{
 background:#ADD447 url(../images/bg-green.gif) repeat-x;
 padding:0;
 margin:0;
 border-bottom:solid 6px #666;
}
#top{
color:#fff;
}
#top,#promo,#footover,#footer{
 width:760px;
 margin:0 auto;
 padding:0;
 text-align:left;
}
#content{
 width:760px;
 margin:0 auto;
 padding:0 0 0 5px !important;
 padding:0;
 text-align:left;
}
#top a{
 color:#fff;
 text-decoration:none;
 font-weight:bold;
}
#top h1{
 width:100px;
 height:100px;
 float:left;
 margin-left:12px;
 display:inline;
}
#top h1 a{
 display:block;
 width:100px;
 height:100px;
 float:left;
 overflow:hidden;
 text-indent:-9999px;
 margin:0 0 0 10px;
 padding:0;
 border:0 !important;
 background:transparent url(../images/h1-logo.gif) 0 0 no-repeat;
}
#utility{
 float:right;
 margin:10px 0 0 0;
 display:inline;
}
#utility a{
 font-size:88%;
 white-space:nowrap;
 margin:0 3px !important;
 margin:0;
}
#utility a:hover{
 color:#5D7C0E;
}
#utility ul{
 text-align:right;
}
#utility ul li{
 display:inline;
}
body#home #utility a.home,
body#accessibility #utility a.accessibility,
body#contact #utility a.contact{
 border-bottom:1px dotted #ADD447;
}
#utility ul li.username{
 background:transparent url(../images/icon-user.gif) 0 1px no-repeat !important;
 background:transparent url(../images/icon-user.gif) 0 3px no-repeat;
 padding-left:12px;
 margin-right:-3px;
}
#utility ul li.logout{
 background:transparent url(../images/icon-logout.gif) 0 3px no-repeat !important;
 background:transparent url(../images/icon-logout.gif) 0 5px no-repeat;
 padding-left:10px;
}
#nav{
 margin:10px 0 0 0;
 float:right;
 display:inline;
}
ul#nav li{
 display:inline;
 text-transform:uppercase;
}
ul#nav li a{
 float: left;
 color:#666;
 background:#ECE7BC url(../images/navshad.gif) top right no-repeat;
 padding:5px 5px 6px 5px;
 margin:0 0 0 3px !important;
 font-size:110%;
 white-space:nowrap;
}
ul#nav li a.youth{
background:transparent url(/templates/youth/images/youthtf.gif) no-repeat scroll 0 0;
color:#741D2B;
margin:0 0 0 3px;
padding:16px 9px 6px 8px;
position:relative;
top:-11px;
}

#nav {
height:29px;
clear:both;
}

ul#nav li a:hover{
 color:#fff;
 background:#666 url(../images/navshad.gif) right -75px no-repeat;
}
ul#nav li.youth a:hover{
 color:#600;
 background: transparent url(../images/youth_hover.gif) no-repeat;
}
body#about #nav a.about,
body#news #nav a.news,
body#campaigns #nav a.campaigns,
body#video #nav a.video,
body#get-active #nav a.get-active,
body#education #nav a.education,
body#press #nav a.press{
 color:#fff;
 background:#666 url(../images/navshad.gif) right -75px no-repeat;
}
body#youth #nav a.youth{
 color:#600;
 background: transparent url(../images/youth_hover.gif) no-repeat;
}

/* 3 =promoarea
----------------------------------------------- */
#promowrap,#footerwrap{
 background:#F1F1D8 url(../images/bg-yellow.gif) repeat-x;
 padding:0;
 margin:0;
 border-bottom:solid 1px #666;
}
#promo{
 border-top:solid 1px #666;
 min-height:219px;
 /* the bottom border must be here to fix a bug which would otherwise cause the promo area to continue */ 
 border-bottom:solid 1px #fff;
}


.homepage {
 background:transparent url(http://www.animalaid.org.uk/templates/aa/images/sheep.jpg) 1px 0 no-repeat;
 }
 
 .about {
  background:transparent url(http://www.animalaid.org.uk/templates/aa/images/sheep.jpg) 1px 0 no-repeat;
  }
  
  .news {
   background:transparent url(http://www.animalaid.org.uk/templates/aa/images/sheep.jpg) 1px 0 no-repeat;
   }
   
   .campaigns {
    background:transparent url(http://www.animalaid.org.uk/templates/aa/images/sheep.jpg) 1px 0 no-repeat;
    }

    .video {
     background:transparent url(http://www.animalaid.org.uk/templates/aa/images/sheep.jpg) 1px 0 no-repeat;
     }
    
    .active {
     background:transparent url(http://www.animalaid.org.uk/templates/aa/images/sheep.jpg) 1px 0 no-repeat;
     }
     
     .education {
      background:transparent url(http://www.animalaid.org.uk/templates/aa/images/sheep.jpg) 1px 0 no-repeat;
      }
      
      .donate {
       background:transparent url(http://www.animalaid.org.uk/templates/aa/images/sheep.jpg) 1px 0 no-repeat;
       }

#strap{
 float:left;
}
	/* High Pass Filter uses one or t'other of these for the strapline, never both */
	
	#promo #strap img{
	 margin:13em 0 0 0;
	 position:absolute;
	 z-index:10;
	 display:none; /* overridden in high pass filter */
	}
	#promo #strap .nopng{
	 margin:13em 0 0 0.8em;
	 position:absolute;
	 font:bold italic 170%/150% "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	 width:500px;
	 color:#fff;
	 z-index:10;
	 display:inline; /* overridden in high pass filter */
	}
		

#promo ul,#subcontent ul.majorlinks{
 float:right;
 text-align:left;
 border-right:solid 1px #fff;
}
#promo ul li,#subcontent ul.majorlinks li{
 float:right;
 clear:both;
 margin:0;
}
#promo ul li a,#subcontent ul.majorlinks li a{
 float:left;
 display:block;
 padding:10px 10px 10px 45px;
 margin:0;
 background:#e1e1e1 url(../images/bg-promo.jpg) -250px center no-repeat;
 border-left:solid 1px #fff;
 border-top:solid 1px #fff;
 border-bottom:solid 1px #666;
 border-right:solid 1px #666;
 color:#333;
 text-decoration:none;
 font:90%/150% "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
 width:188px;
}
/* simplified box model hack, as explained by Andy Clover:
   http://www.doxdesk.com/personal/posts/css/20020212-bmh.html  */
#promo ul li a,#subcontent ul.majorlinks li a{
 \width:247px;
 w\idth:191px;
}
#promo ul li a.shop,#subcontent ul.majorlinks li a.shop{
 border-bottom:solid 0px #666;
}
#promo ul li a.join:hover,#subcontent ul.majorlinks li a.join:hover{
 border-top:solid 1px #666;
}
#promo ul li a:hover,#subcontent ul.majorlinks li a:hover{
 background:#e1e1e1 url(../images/bg-promo.jpg) 0 center no-repeat;
 border-top:solid 1px #ccc;
 border-left:solid 1px #ccc;
 color:#fff;
}
body#join #promo ul li a.join,
body#donate #promo ul li a.donate,
body#shop #promo ul li a.shop,
body#join #subcontent ul.majorlinks li a.join,
body#donate #subcontent ul.majorlinks li a.donate,
body#shop #subcontent ul.majorlinks li a.shop
{
 color:#fff;
 background:#e1e1e1 url(../images/bg-promo.jpg) 0 center no-repeat;
 border-top:solid 1px #ccc;
 border-left:solid 1px #ccc;
}
#promo ul li a strong,#subcontent ul.majorlinks li a strong{
 display:block;
 font-size:120%;
 line-height:150%;
 text-transform:uppercase;
}

#subcontent ul.majorlinks {
position:relative;
left:-2px;
}

/* 4 =mainbody
----------------------------------------------- */
#contentwrap{
 background:#fff url(../images/bg-white-top.gif) repeat-x;
 padding:0;
 margin:0;
 border-top:solid 1px #fff;
}
#mainbit{
 margin:10px 0 0 0;
 float:left;
 display:block;
 width:500px;
}
#mainbit ul{
 margin:1em; list-style-type:disc;
 
}

#mainbit ul.spaced li {
margin-bottom:15px;
}

#mainbit ul li {
 list-style-type:disc;
}
#mainbit ol li{
 list-style-type:decimal;
 margin-left:30px;
}

#mainbit ol ul li {
 list-style-type:disc;
 margin-left:15px;
}

#mainbit .biglist {
 font-size:200%;
 font-weight:bolder;
}
#mainbit .biglist li {
 list-style-type:none;
 margin:20px;
}
#mainbit .rss li {
  list-style:url(http://www.animalaiduk.com/templates/aa/images/rss-feed.gif);
}
#mainbit table {
 border-collapse:collapse;
 margin:auto;
 margin-top:10px;
 table-layout: fixed;
 width:100%;
}
#mainbit table caption {
 margin:auto;
 margin-top:10px;
 background-color:#ECE7BC;
 font-size:larger;
 font-weight:bolder;
}
#mainbit table td{
 text-align:center;
 border:1px solid #000000;
 padding:0.1em;
 margin:0;
 word-wrap:break-word;
}
#mainbit table th{
 text-align:center;
 border:1px solid #000000;
 padding:0.2em;
 margin:0;
}
.clm1 {
 width:25%
 }
 
.clm2 {
width:50%;
}

.clm3 {
width:25%
}

ul#breadcrumb{
 margin:0 0 19px 0;
}
ul#breadcrumb li{
 display:inline;
}
h2{
 text-transform:uppercase;
 font-size:160%;
 color:#666;
 font-weight:bold;
}
h2 span{
 font-size:90%;
 color:#999;
}
.article{
 margin:0;
 padding:0 20px 20px 10px;
 border:1px solid #fff;
 border-bottom:1px solid #DEDEDE;
 background-color:#fff;
 display:block;
 line-height:180%;
}
.article p{
 padding: 1.3em 0 0 0;
}
.article img{
 border:1px solid #666;
 margin:0 18px 10px -10px;
 float:left;
 padding:1px;
}
.article h3, #related h3{
 color:#5d7c0e;
 margin: 18px 0 0 0;
}
.article h4, .article h5, .article h6 .article h7 {
 margin:18px 0 0 0;
}
.item{
 margin:1em 0 0 0;
 padding:10px;
 border:1px solid #fff;
 border-bottom:1px solid #DEDEDE;
 background-color:#fff;
 display:block;
}
.item:hover{
 border:1px solid #DEDEDE;
 background-color:#f7f7f7;
}
.item img{
 border:1px solid #666;
 margin:0 15px 5px 0;
 float:left;
 padding:1px;
}

img.BF{
    display: block;
    margin-left: 100px;
    margin-right: auto;
}

img.BF2{
    display: block;
    margin-left: 50px;
    margin-right: auto; 
}

img.BF3{
    border:none;
    display: block;
    margin-left: 50px;
    margin-right: auto
}

li.BF {
    font-size:120%;
    font-weight:bold;
    margin-bottom: 10px;
    margin-top: 20px;
}

iframe.BF {
    display: block;
    margin-left: 50px;
    margin-right: auto 
}

.aablog{
 margin:1em 0 0 0;
 padding:10px;
 border:1px solid #fff;
 border-bottom:1px solid #B9E8CE;
 border-top:1px solid #B9E8CE;
 background-color:#fff;
 display:block;
}
.aablog:hover{
 border:1px solid #C8E6D5;
 background-color:#DFF0E6;
}
.aablog img{
 border:1px solid #666;
 margin:0 15px 5px 0;
 float:left;
 padding:1px;
}
.aablog h3{
 font-size:160%;
 color:#840AD0;
 font-weight:bold;
 margin-top:5px;
}

img.right{
 border:1px solid #666;
 margin:0 0 5px 15px;
 float:right;
 padding:1px;
}
img.rightpic{
 border:none;
 margin:0 0 5px 15px;
 float:right;
 padding:1px;
}
img.rightside{
 border:0 none;
 margin:0;
 float:right;
 padding:0;
 list-style; none outside none;
}
.item p{
 margin:0;
}
.item a{
 clear:right;
 float:right;
 background:transparent url(http://www.animalaiduk.com/templates/aa/images/arrow-r.gif) right center no-repeat;
 padding:3px 25px 3px 5px;
 margin:-20px 0 0 0;
 /* to give the links a white border on hover: */
 border:1px solid transparent !important; /* because in FF the background could be white OR grey */
 border:1px solid #fff; /* because in IE the background's always white, and IE displays 'transparent' as blue */
}
.item a:hover{
 background:#ECE7BC url(http://www.animalaiduk.com/templates/aa/images/arrow-r.gif) right center no-repeat;
 border:1px solid #fff !important;
}
.oninlink{
 font-size:75%;
 color:#666;
}
.oninlink a, .oninlink a:hover{
 color:#666;
 background:url(none);
 border:1px solid #fff;
 margin:0 0 0 5px;
 padding:0;
 float:none;
}
h3{
 font-size:160%;
 color:#333;
 font-weight:bold;
 margin-top:5px;
}

h4 {
font-size:140%;
}

h5 {
font-size:120%;
}

h8 {
 font-size:120%;
 color:#248F24;
 font-weight:bold;
 text-align: left important!;
}


 blockquote {
 font-style: italic;
 margin:0 0 0 14px;
}
.videohead {
 font-size:larger;
}
.videothumb {
 width:150px;
 display:block;
 float:left;
 margin:2px 3px 18px 3px;
 padding:0;
}
.videothumbB {
 width:225px;
 display:block;
 float:left;
 margin:2px 3px 18px 3px;
 padding:0;
 }

.videothumb p {
 font-weight:bolder;
}
.videothumb img {
 float:none;
 margin:0;
 padding:0;
 border:0;
}
.donate-ex{
 float:left;
 width:130px;
 text-align:center;
 padding:10px;
 border-top:1px solid #dedede;
 border-left:1px solid #dedede;
 border-bottom:1px solid #999;
 border-right:1px solid #999;
 background-color:#f7f7f7;
 font-size:90%;
 margin:20px 21px 30px 0;
}
.last{
 margin:20px 0 10px 0;
}
.donate-ex b{
 display:block;
}
.donate-ex img{
 border:1px solid #666;
 padding:1px;
 background-color:#fff;
}
#demosignup{
 margin:20px 0 20px -10px;
 padding:10px;
 border-top:1px solid #dedede;
 border-left:1px solid #dedede;
 border-bottom:1px solid #999;
 border-right:1px solid #999;
 background-color:#FCFCF4;
}
#demosignup h3{
 margin:0 0 0 8px;
 padding:0;
}
#demosignup form .radios{
 float:left;
 margin:10px 0 0 10px;
}
input.demosignupbut{
 float:right;
 display:block;
 margin:30px 0 0 0;
 padding:8px 12px 8px 35px !important;
 border-top:1px solid #dedede;
 border-left:1px solid #dedede;
 border-bottom:1px solid #999;
 border-right:1px solid #999;
 background:#F1F1EF url(../images/but-demosignup.jpg) 0 -2px no-repeat;
 text-transform:uppercase;
 text-decoration:none;
 font-weight:bold;
 white-space:nowrap;
}
.demousers{
 background-color:#f7f7f7;
 border-top:1px solid #dedede;
 border-left:1px solid #dedede;
 border-bottom:1px solid #999;
 border-right:1px solid #999;
 margin:0 0 20px -10px;
 padding:15px 10px 15px 10px;
}
.demousers h3{
 padding:5px 0 5px 40px;
 margin:0;
}
.demousers h3.organiser{
 background:#f7f7f7 url(../images/icon-star.gif) 0.9em 0.45em no-repeat;
}
.demousers h3.attendees{
 background:#f7f7f7 url(../images/icon-ppl.gif) 0.9em 0.45em no-repeat;
}
.demousers div{
 float:left;
 width:200px;
 margin:15px 0 0 20px;
 display:inline;
 font-size:80%;
 color:#666;
 line-height:180%;
}
.demousers div a, .demousers div .nolink{
 font-size:130%;
 margin:0 0 0 -3px;
 font-weight:bold;
}
#alert{
 padding:10px;
 border-top:1px solid #dedede;
 border-left:1px solid #dedede;
 border-bottom:1px solid #999;
 border-right:1px solid #999;
 background-color:#F8F7DE;
 margin:0 0 20px -10px;
}
#alert h3{
 padding:5px 0 5px 40px;
 margin:0;
 background:#F8F7DE url(../images/icon-alert.gif) 0.9em 0.45em no-repeat;
}
#alert p{
 padding:5px 12px;
 font-size:90%;
 line-height:150%;
 color:#727162;
}
#related ul li{
 list-style-type:none;
 padding:0.8em 0.8em 0.8em 3.1em;
 margin:10px 0 0 0;
 border-top:1px solid #dedede;
 border-left:1px solid #dedede;
 border-bottom:1px solid #999;
 border-right:1px solid #999;
}
.internal{
 background:#f7f7f7 url(../images/icon-sitelink.gif) 0.8em 0.9em no-repeat;
}
.external{
 background:#f7f7f7 url(../images/icon-weblink.gif) 0.8em 0.9em no-repeat;
}
.pdf{
 background:#f7f7f7 url(../images/icon-pdf.gif) 0.8em 0.9em no-repeat;
}
.pdf span{
 margin-left:1.5em;
 font-size:80%;
 color:#999;
}
.pdf span a{
 color:#666;
}
#notifications{
 margin:10px 0;
}
#rss{
 float:left;
 padding:10px;
 margin:0 14px 15px 1px;
 background-color:#f7f7f7;
 border-top:1px solid #dedede;
 border-left:1px solid #dedede;
 border-bottom:1px solid #999;
 border-right:1px solid #999;
 width:9.2em;
 height:13em;
}
/* simplified box model hack, as explained by Andy Clover:
   http://www.doxdesk.com/personal/posts/css/20020212-bmh.html  */
#rss{
 \width:11em;
 w\idth:9.2em;
}
#rss h3{
 padding:5px 5px 5px 30px;
 font-size:150%;
 background:#f7f7f7 url(../images/rss-feed.gif) 5px 8px no-repeat;
}
#rss h3 a:hover{
 background-color:#ECE7BC;
}
#rss p{
 margin-left:3px;
}

#emailfriend{
 float:left;
 width:27.4em;
 padding:10px;
 border-top:1px solid #dedede;
 border-left:1px solid #dedede;
 border-bottom:1px solid #999;
 border-right:1px solid #999;
 background-color:#FCFCF4;
 height:13em;
}
#emailfriend fieldset{
 width:25em;
}
#emailfriend h3{
 padding:5px 5px 0 30px;
 background:transparent url(../images/emailafriend.gif) 5px 8px no-repeat;
}
#emailfriend p{
 margin:0 0 0 5px;
}
#emailfriend input{
 margin:0 0 10px 5px;
 display:inline;
}
#emailfriend input.button{
 margin:0 0 10px 5px;
 padding:3px 5px 3px 3px;
 display:inline;
}
img.tableimg {
 border:0px;
 margin:0;
 float:left;
 padding:1px;
}
td.tableimg {
 border:0px !important;
 margin:0;
 vertical-align: top;
}
.goodthing {
 color: #31B404;
 }
 
 .badthing {
 color: #FF0000;
 }
 
 .neutralthing {
 color: #000000;
 }
 

/* 5 =secondarycontent
----------------------------------------------- */

#subcontent{
 float:right;
 /* Cover the 1px white line above the subnav: */
 margin-top:-1px !important;
 /* but this doesn't work in IE because the subnav goes
    *under* the promonav and we can't set a z-index as
    it's not position:absolute, so... */
 margin-top:0; /* set IE to ignore the previous margin */
 width:247px;
 display:inline;
}
ul#subnav{
 border-top:6px solid #969696;
 background-color:#F7F5E2;
 text-transform:uppercase;
 font-weight:bold;
}
ul#subnav h3{
 color:#fff;
 background:#969696 url(../images/h3-subnav.gif) bottom left repeat-x;
 display:inline;
 padding:8px;
 margin:0 0 0 36px;
}
ul#subnav li.title{
 margin:0 0 15px 0;
}
ul#subnav li a{
 background:#F6F4DB url(../images/subnav-bg.gif) 0 0 no-repeat;
 display:block;
 border-top:1px solid #E4E2C7;
 padding:0.7em 0 0.6em 45px;
 margin:0 !important;
 text-decoration:none;
 width:200px;
}
ul#subnav li a:hover{
 background:#F6F4DB url(../images/subnav-bg.gif) -250px 0 no-repeat;
}
a#getinvolved{
 margin:20px 0 0 0 !important;
 display:block;
 background:#B2D34C url(../images/bg-getinvolved.jpg) 0 0 no-repeat;
 padding:15px 80px 15px 15px;
 text-decoration:none;
 text-transform:uppercase;
 color:#301493;
 font-weight:bold;
 font-size:95%;
 width:150px;
}
/* simplified box model hack, as explained by Andy Clover:
   http://www.doxdesk.com/personal/posts/css/20020212-bmh.html  */
a#getinvolved{
 \width:245px;
 w\idth:150px;
}

a#getinvolved strong{
 display:block;
 font-size:140%;
}
a.secondarylink{
 margin:20px 0 0 0 !important;
 display:block;
 width:245px;
 padding:0;
 text-decoration:none;
 font-size:95%;
}
a.secondarylink span{
 display:block;
 text-transform:uppercase;
 display:block;
 font-weight:bold;
 font-size:120%;
}
a.secondarylink img{
 margin:5px 0 0 0;
 border:1px solid #666;
 text-decoration:none;
}
/* 6 =footer
----------------------------------------------- */
#footoverwrap{
 background:#fff url(../images/bg-white-bot.gif) bottom left repeat-x;
}
#footover{
 padding:30px 0 10px 0; 
 font-weight:bold;
 font-size:80%;
}
#footover a{
 color:#666;
 text-decoration:none;
 margin:0 3px !important;
}
#footover a:hover{
 color:#5D7C0E;
}
#footover ul{
 float:left;
}
#footover ul li{
 display:inline;
}
#footover div{
 text-align:right;
 color:#666;
}
#footer{
 font-size:85%;
 font-weight:bold;
 color:#666;
 padding:25px 0; 
}
#footer img{
 float:left;
}
#foot1{
 margin:-5px 0 0 30px;
 width:330px;
 float:left;
}
#foot2{
 margin:-5px 0 0 0;
 width:300px;
 float:right;
}

/* 7 =forms
----------------------------------------------- */
fieldset{
 display:block;
 width:435px;
 margin:20px 0 0 0;
 padding:15px 15px 15px 15px;
 border-top:1px solid #dedede;
 border-left:1px solid #dedede;
 border-bottom:1px solid #999;
 border-right:1px solid #999;
 background-color:#f7f7f7;
}
fieldset.small{
 display:block;
 width:200px;
 margin:20px 0 0 0;
 padding:15px 15px 15px 15px;
 border-top:1px solid #dedede;
 border-left:1px solid #dedede;
 border-bottom:1px solid #999;
 border-right:1px solid #999;
 background-color:#f7f7f7;
}
#top form{
 text-align:right;
 margin:-10px 0 0 0;
}
fieldset#searchfield, #emailfriend fieldset{
 display:block;
 margin:20px 0 0 0;
 padding:0;
 border:0;
 background-color:transparent;
}
fieldset#searchfield input#searchbox{
 border-top:1px solid #666;
 border-left:1px solid #666;
 border-bottom:1px solid #999;
 border-right:1px solid #999;
 display:inline;
 width:150px;
}
fieldset#searchfield input#searchbut{
 border-top:1px solid #999;
 border-left:1px solid #999;
 border-bottom:1px solid #666;
 border-right:1px solid #666;
 display:inline;
 background:#fff url(../images/bg-white-top.gif) repeat-x;
}
label, .formlabel{
 display:block;
 font-weight:bold;
 color:#5d7c0e;
 padding:15px 0 0 0;
}
label.chooselabel{
 margin:3px 0 0 0;
 display:inline;
 font-weight:normal;
 color:#666;
 padding:0 20px 0 0;
 text-align:left;
}
label.checkbox{
 font-weight:bold;
 color:#5d7c0e;
 padding-left: 15px !important;
 display:inline;
}
label em {
 color: #900;
 font-size: 0.9em;
 font-style: italic;
}
input{
 display:block;
 margin:3px 0 0 0;
 color:#333;
 padding:0.3em 0.3em 0.3em 0.3em;
 border-top:1px solid #666;
 border-left:1px solid #666;
 border-bottom:1px solid #999;
 border-right:1px solid #999;
 font:120%/110% "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}
input.checkbox{
 display:inline;
}
select{
 display:block;
 margin:3px 0 0 0;
 color:#333;
 border-top:1px solid #666;
 border-left:1px solid #666;
 border-bottom:1px solid #999;
 border-right:1px solid #999;
 font:120%/110% "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}
input#male, input#female, input#red, input#green, input#blue, input#anon-no, input#anon-yes, input#signup, input#show_organiser_details, input#mail_replies {
 display:inline;
 margin:3px 5px 0 0;
 border:0;
}
.inline{
 display:inline !important;
}
textarea{
 display:block;
 margin:3px 0 0 0;
 font-size:130%;
 color:#333;
 border-top:1px solid #666;
 border-left:1px solid #666;
 border-bottom:1px solid #999;
 border-right:1px solid #999;
 width:300px;
 font:120%/150% "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}
legend{
 font:120%/150% "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
 padding:0 5px;
 margin:0 0 0 -10px;
 color:#999;
}
input.button{
 margin:15px 10px 0 0;
 padding:3px 5px 3px 3px;
 border-top:1px solid #999;
 border-left:1px solid #999;
 border-bottom:1px solid #666;
 border-right:1px solid #666;
 background:#ECE7BC url(../images/navshad.gif) top right no-repeat;
 font:120%/150% "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
 display:inline;
}
#demosignup fieldset{
 background-color:transparent;
 border:0;
 padding:0;
 margin:0;
}


/* Advent calendar css */

#advent {
border:none;
}

#advent td {
border:none !important;
border-color:#ffffff;vertical-align:bottom;
background-image:url(/images/advent/gift.png);height:118px;width:115px;
}

#advent td a {
display:block;width:100px;height:100px;text-decoration:none;
font-weight:bolder;margin:0 8px 14px 0;border-color:#ffffff;font-size:300%;color:#ffffff;
text-align:right;
}

#advent td a:hover {
background:none;
color:#3f3f3f;
}

/* box above advent calendar */

#adventtext {
color:#ffffff;
border:#c26556 3px solid;
font-size:120%;
padding:5px;
background:#8cb550;
height:150px;
}

#adventtext p {
margin:0 !important;
padding:0 !important;
}

#adventtext p a {
color:#ffc5b6;
}

#adventtext p a:hover {
color:#000000;
}

div#hdw {

background: url(/images/hdwback.png) center center;
height:250px;
width:225px;
padding:0px 9px 20px 9px;
}

div#hdw a {
color:#ffffff;
text-decoration:none;
}

div#hdw a:hover {
background:none; !important
color:#336699;
}

div#hdw .title {
text-align:center;
display:block;
font-size:190%;
line-height:101%;
}

div#hdw .message {
font-size:120%;
display:block;
margin-top:140px;
}

/* Shop Styles */
div#productWrapper
{
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
}

div.product
{
	float: left;
	text-align: center;
	padding: 3px;
	margin: 5px;
	width: 156px;
	height: 200px;
}

div#prodInfo
{
	text-align: center;
}

h4 span
{
	font-weight: normal;
}