/*  
Site Name: DonateNZ
Site URI: www.donatenz.co.nz
Description: Donate NZ
Version: 1.0
Author URI: http://www.terabyte.co.nz/

UPDATE INFO ------------------------------------

Revision number: 1.0
Last updated: 01 Jan 2008
Last update made by: Olie Mason (olie[at]terabyte.co.nz)

CONTENTS ---------------------------------------

*01: Reset
*02: Default Styles (Typography, colour)
*03: Util classes
*04: Structure (layout, size, positioning)
*05: Common Containers & Subclasses
*06: Forms
*07: Custom Containers & Subclasses

CONVENTIONS ---------------------------------------
#Element-with-id
.element-with-class

*/

/* *01:Reset ----------------------------------------------------------------------*/

body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0px;padding:0px;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}


/* *02:Default Styles --------------------------------------------------------------*/


body {
	font: 75%/1.2 Arial, sans-serif;
	background: #fff url(/images/Layout/bg.gif) repeat-x;
	text-align: center;
}

h1 { font-size: 2.4em; }

h2, h3, h4, h5, h6 { font-weight: bold; margin-bottom: 0.1em; }

h2 { font-size: 2em; color: #000;  }

h3 { font-size: 1.8em; color: #000; letter-spacing: 0; }

h4 { font-size: 1.6em; color: #000; letter-spacing: 0; }

h5 { font-size: 1.4em; color: #000; letter-spacing: 0; }

p, ul, ol { margin-bottom: 1em; }

a { color: #ea761a; }

a:hover, a:active { color: #666; }

ul 
{
    margin: 0px 0px 15px 0px;
}

ul li {
	list-style: disc;
	margin: 0 0 0.5em 2em;
}

ol li {
	list-style-type: decimal;
	margin-left: 2em;
}


/* *03:Util Classes --------------------------------------------------------------*/

.center 		{ text-align: center; }
.right 			{ text-align: right !important; }
.left 			{ text-align: left !important; }
.small 			{ font-size: 0.9em; }
.smaller 		{ font-size: 0.8em !important; }
.large          { font-size: 1.1em; }
.bold, strong 	{ font-weight: bold !important; }
.floatRight 	{ float: right; }
.floatLeft 		{ float: left;}
.clear 			{ clear: both; }
.uppercase 		{ text-transform: uppercase; }
.nowrap 		{ white-space: nowrap; }
.hide			{ display: none; }
.self-clear		{  }
.banner         { background: #f7f7f7; }
.noRightMargin  { margin-right: 0px !important;}
.marginTop      { margin-top: 15px; }
.noborder       { border: none !important; }
.hot			{ cursor:pointer; }

/* *04:Structure --------------------------------------------------------------*/
#MrWrapper 
{
    width: 973px;
    margin: 0 auto;
    background: url(/images/Layout/shadow.png) top left no-repeat;
    text-align: center;
}

#Master {
    width: 959px;
    margin: 0 auto;
    text-align: left;
    padding:0 5px;
    background: url(/images/Layout/main-bg-shader.png) bottom left repeat-y; 
}

#Header {
	height: 115px;
	padding: 10px 30px;
	background:url(/images/Layout/header-bg.gif) top left repeat-x;
}

#Navigation 
{
    padding-left: 10px;
    position:relative;
    height: 1%;
}

#Main {
	/* contains content & sidebar, markup should include '.self-clear' class */
    padding: 0px 8px; 
    height: 100%;
    clear: both;
    padding-top: 25px;
}

#Content {
	float: left;
	width: 675px;
    margin-left: 25px;
    display: inline;
    padding-bottom: 20px;
}

#Sidebar {
	width: 204px;
	float: right;
	background: url(/Images/Layout/sidebar-bg.gif) top left repeat-y;
	margin: 25px 8px 0px 0px;
	font-size: 0.9em;
    display: inline;
    padding: 0px 0px 20px 1px;
    position: relative;
}

#Footer {
	clear: both;
	background: url(/images/Layout/footer-bg.gif) top left repeat-x;
    color: #cfe4ed;
    height: 135px;
}


/* *05: Common Containers & Subclasses --------------------------------------------------------------*/

/* *05a: in #Header --------------- */

	#Header h1 {
		width: 260px;
		height: 80px;
		text-indent: -9999em;
		background: url(/images/Layout/donatenz-logo.gif) no-repeat;
		overflow: hidden;
		float: left;
	}
	
	    #Header h1 a 
	    {
	        display: block;
	        width: 100%;
	        height: 100%;
	    }
	    
    #Header .banner 
    {
        display: inline;
        width: 440px;
        height: 70px;
        float: right;
        margin-top: 5px;
    }

/* *05b: in #Navigation ----------- */

#Navigation ul, #Navigation ul li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
	
	#Navigation li 
	{
	    display: block;
	    float: left;
	    text-align: center; 
	    text-indent: -9999px;
	}
	
	#Navigation li a {
	    display: block;
	    position: absolute;
	    height: 34px;
	    overflow: hidden;
	    background-repeat: no-repeat;
	    background-position: 0px 0px;
	    top: -35px;
	}
	
	#Navigation li a:hover, #Navigation li a.selected, #Navigation li a.child-selected
	{
	    background-position: 0px -37px;
	}
	
	#Navigation li a.selected, #Navigation li a.child-selected
	{
	    height: 35px;
	}
	
	.with-subnav #Navigation a.selected
	{
	    height: 34px;
	}
	
    #Navigation #home
	{
	    width: 41px;
	    background-image: url('/images/Layout/nav-home.gif');
	    left: 10px;
	}
	
	#Navigation #donate
	{
	    left: 53px;
	    width: 199px;
	    background-image: url('/images/Layout/nav-donate.gif');
	}
	
	#Navigation #receive
	{
	    left: 254px;
	    width: 200px;
	    background-image: url('/images/Layout/nav-receive.gif');
	}

    #Navigation #about-us
	{
	    left: 456px;
	    width: 106px;
	    background-image: url('/images/Layout/nav-aboutus.gif');
	}

    #Navigation #our-community
	{
	    left: 564px;
	    width: 156px;
	    background-image: url('/images/Layout/nav-ourcommunity.gif');
	}
	
	#Navigation div ul li #my-account
	{
	    left: 722px;   
	    width: 120px;
	    background-image: url('/images/Layout/nav-myaccount.gif');
	}

	.attention
	{
		/* TODO add styling for a normal 'attention grabbing' link */
		color:Red;
	}
	
	.tabNavigation .attention, .orangePod .tabNavigation ul li.attention a
	{
		background:url(/images/Layout/tabNavigation-tab-red.jpg) top left no-repeat;
	}

    #Navigation #join-now
	{
	    left: 844px;
	    width: 104px;
	    background-image: url('/images/Layout/nav-joinnow.gif');
	}
	
	/* Subnavigation ----------- */
	#Navigation ul li ul 
	{
        overflow: hidden;
	    width: 918px;
	    padding: 8px 10px 1px 10px;
	    border-bottom: 1px solid #fff;
	}
	
	    #Navigation ul li ul li 
	    {
	       text-indent: 0px;
	       padding-top: 5px;
	       position: relative;
	    }
	    
		#Navigation ul li ul li.selected
		{
			
		}
	    #Navigation ul li ul li a
	    {
	        height: auto !important; width: auto !important; top: auto !important; left: auto !important;
	        display: block;
			position: relative;
			color: #fff;
			text-decoration: none;
			margin: 0px 20px 0px 10px;
	        padding:7px 0;
	    }
	    
	        #Navigation ul li ul li a:hover span
	        {
	            text-decoration: underline;
	        }
	        
	        #Navigation ul li ul li a.selected , #Navigation ul li ul li a.child-selected
	        {
	            padding-left:7px;
	            font-weight: bold;
	            color: #000;
	            background:url(/images/Layout/left_subnav_bg.gif) left top no-repeat !important;
	        }
	        #Navigation ul li ul li a.selected span , #Navigation ul li ul li a.child-selected span
	        {
				padding:7px 15px 7px 8px;
				background:url(/images/Layout/right_subnav_bg.gif) right top no-repeat !important;
	        }

	    .blue ul li ul 
	    {
	        /*background: #0a5777;*/
	        background:#00305D url(/images/Layout/blue_nav_bg.jpg) bottom left no-repeat;
	    }
	    .orange ul li ul 
	    {
	        background: #F57F1F url(/images/Layout/oj_nav_bg.jpg) bottom left no-repeat;
	    }

.breadCrumbs 
{
    margin: 0px;
    padding: 0px;
    float: left;
}

    .breadCrumbs li 
    {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        display: inline;
        font-size: 90%;
    }

/* *05c: in #Content -------------- */
	
	#Content p {
		/* Default p behaviours */
	}
	
	#Content h2 
	{
	   margin: 25px 0px 15px 0px;
	   clear: left;
	}
	
	#Content .divider 
	{
	    background: url(/images/Layout/divider-bg.gif) bottom left repeat-x;
	}
		
		#Content .contentPod 
		{
		    width: 673px;
		    background: #fff url(/images/Layout/contentPod-bottom-bg.gif) bottom left no-repeat;
		    padding-bottom: 5px;
		    margin-top: 25px;		    
		}
			#Content .contentPod .contentPod
			{
				margin:0 15px 15px;
		    	width: 641px;
			}
			#Content .contentPod .border-top
			{
				border-top:1px solid #ccc;
			}
				#Content .contentPod .border-top h2
				{
					font-weight:normal;
					color:#0F6C95;
					margin:10px 15px;
				}
		    
		    #Content .contentPod .border-bg
		    {
		        background:#fff;
		        border-left:1px solid #ccc;
		        border-right:1px solid #ccc;
		        overflow:hidden;
		    }
		    #Content .contentPod .border-bg p
		    {
				margin:0 15px 1em;
		    }
		
		   #Content .contentPod .padding
		   {
			padding:5px 0;
		   }
	
		
		    #Content .contentPod h3 
		    {
		        height: 10px;
		        font-size: 0.9em;
	            color: #fff;
	            text-transform: uppercase;
	            padding: 9px 10px;
	            margin-bottom: -3px;
		    }
		    
		    #Content .contentPod .hilite-wrapper 
		    {
		        padding: 15px;
		        clear: both;
		    }
		    
		        #Content .contentPod .hilite 
		        {
		             font-size: 0.9em;
		             background: #d5d5d5 url(/images/Layout/hilite-bottom.jpg) bottom left no-repeat;
		             padding-bottom: 5px;
		        }
		    
		        #Content .contentPod .hilite p 
		        {
		            padding: 15px 15px 10px 15px;
		            display: block;
		            background: #d5d5d5 url(/images/Layout/hilite-top.jpg) top left no-repeat;
		            margin: 0px;
		            color: #5e5e5e;
		        }
		        
		        #Content .contentPod .hilite p img 
		        {
                    float: left;
                    margin-right: 15px;
                    margin-top: -8px;
		        }
		        
		    
    #Content .grayPod 
    {
        position: relative;
    }

		    #Content .grayPod .border-bg 
		    {
		       background: #f0f0f0 url(/images/Layout/contentPod-bg.gif) bottom left repeat-y;		       
		       padding: 25px;
		       border-top: 1px solid #ccc;
		       overflow:hidden;
		    }
		    
		    #Content .grayPod .border-bg h3 
		    {
		        margin: -7px 0px 10px 0px;
		        padding: 0px;
		        color: #333;
		        text-transform: none;
		        font-size: 180%;
		        font-weight: normal;
		        height: auto;		        
		    }
		    
		        #Content .grayPod .border-bg h4 
		        {
		        margin: 15px 0px 10px 0px;
		        padding: 0px;
		        color: #333;
		        text-transform: none;
		        font-size: 120%;      
		        }
		    
		    #Content .grayPod .paperClip 
            {
                position: absolute;
                right: -10px;
                top: -8px;
                z-index: 10;
            }
            
            #Content .donation-detail .border-bg h3, 
            #Content .donation-detail .border-bg p {
				width:376px;
				margin-left:0 !important;
				margin-right:0 !important;
            }
            #Content .donation-detail .button-margin {
				float:left;
				margin:10px 10px 0 0;
				border:1px solid #ccc;
            }
		    #Content .donation-detail .border-bg .or-heading {
				width:30px;
				float:left;
				margin:10px 0 0;
				text-align:center;
		    }
		    #Content .donation-detail .border-bg .print-voucher {
				margin-top:20px;
		    }
		    #Content .donation-detail a.cancel-btn {
				background:url(/images/buttons/cancel-btn.gif) no-repeat;
				width:103px;
				height:35px;
				overflow:hidden;
				text-indent:-9999px;
				display:block;
				float:left;
				margin-left:8px;
			}
			#Content .donation-detail a.cancel-btn:hover {
				background:url(/images/buttons/cancel-btnHi.gif) no-repeat;
			}
		    #Content .grayPod .border-bg .itemPhoto 
		    {
		        width: 190px;
		        background: #fff;
		        position: absolute;
		        top: 27px;
		        right: 27px;
		        padding: 10px;
		        margin-bottom:15px;
		    }
		    
		        #Content .grayPod .border-bg .itemPhoto img 
		        {
		            border: 1px solid #c0c0c0;
		            background: #fff;
		            padding: 2px;
		        }
		        
		        #Content .grayPod .border-bg .itemPhoto p 
		        {
		            margin-top: 8px;
		        }
		        
		        #Content .grayPod .border-bg .itemPhoto p a
		        {
		            color: #000;
		            font-size: 90%;
		            text-decoration: none;
		            background: url(/Images/Buttons/enlargeImage.gif) top left no-repeat;
		            padding-left: 20px;
		        }
		        
		         #Content .grayPod .border-bg .itemPhoto p a:hover 
		         {
		            background: url(/Images/Buttons/enlargeImage.gif) bottom left no-repeat;
		            color: #666;
		         }

		        
		    #Content .grayPod .border-bg .itemDetails 
		    {
		        background: #dedede;		        
		        padding: 0px;
		        padding-bottom: 5px;
		        width: 390px;
		    }
		    
		        #Content .grayPod .border-bg .itemDetails ul 
		        {
		            border: 1px solid #ccc;
		            background: #fff;
		            padding: 15px 0px 15px 0px;
		            margin: 0px;
		            overflow: auto;
		            height: 1%;
		        }
		        
		            #Content .grayPod .border-bg .itemDetails ul li 
		            {
		                list-style-type: none;
		                display: inline;
		                margin: 0px;
		                width: 105px;
		                margin-left: 12px;
		                float: left;
		                font-size: 90%;
		                font-weight: bold;
		                padding: 8px 0px 8px 70px;
		                border-bottom: 1px solid #bfbfbf;
		                position: relative;
		            }
		            
		            #Content .grayPod .border-bg .itemDetails ul li span 
		            {
		                font-weight: normal;
		                color: #7f7f7f;
		                display: block;
		                position: absolute;
		                left: 0px;
		                top: 8px;
		                width: 60px;
		            }
		        		
		    #Content .orangePod h3 
		    {
		        background: url(/images/Layout/orange-head.gif) top left no-repeat;
		    }
		    #Content .contentPod .orangePod h3
		    {
				background: url(/images/Layout/orange-head-inner.gif) top left no-repeat;
		    }
		    
		    #Content .orangePod .pagination 
		    {
		        background: #ffd990;
		    }
		    
		    #Content .orangePod .filter 
		    {
				height:20px;
				padding:5px;
				background: url(/images/Layout/tabNavigation-orange.gif) top right repeat-y;
			}
			#Content .bluePod .filter
			{
				height:20px;
				padding:5px;
				background: url(/images/Layout/tabNavigation-blue.gif) top right repeat-y;
			}
		    
		    
		    #Content .bluePod h3 
		    {
		        background: url(/images/Layout/blue-head.jpg) top left no-repeat;
		    }
		    
		    #Content .contentPod table 
		    {
		        margin: 10px;
		        font-size: 0.9em;
		        width: 620px;
		    }		        
		    
		        #Content .contentPod table th 
		        {
		            font-weight: bold;
		            padding: 10px 0px;
		        }
		        
		            #Master .contentPod table td.urgent 
		            {
		                width: 50px;
		                text-align: center;
		            }
		            
		        #Content .contentPod table tr.alt
		        {
		           background: #f4f4f4;
		        }
		        
		        #Content .contentPod table td 
		        {
		            background: url(/images/Layout/divider-bg.gif) top left repeat-x;
		            padding: 15px 0px 15px 0px;
		            display: table-cell;
		            vertical-align:top;
		            color: #7a7a7a;
		        }
		        
    #Content .contentPod .category-list-holder {
		clear:both;
		margin:20px 0 10px;
    }
		#Content .contentPod .category-list-holder h4 {
			font-size:1.2em;
			padding:0 0 5px 90px;
			border-bottom:1px solid #ccc;
			margin:10px 15px 0;
			position:relative;
			background:url(/images/icons/icon_plus.gif) 65px 1px no-repeat;
		}
		#Content .contentPod .category-list-holder h4.open {
			background:url(/images/icons/icon_minus.gif) 65px 1px no-repeat;
		}
		#Content .contentPod .category-list-holder h4 span.icon {
			position:absolute;
			top:-15px;
			left:0;
			width:49px;
			height:43px;
			background-position:top left;
			background-repeat:no-repeat;
		}
		#Content .contentPod #goods-category h4 span.icon {
			background-image:url(/images/icons/icon_box.gif);
		}
		#Content .contentPod #time-category h4 span.icon {
			background-image:url(/images/icons/icon_clock.gif);
		}
		#Content .contentPod #discount-category h4 span.icon {
			background-image:url(/images/icons/icon_coupon.gif);
		}
    
    #Content .contentPod .category-list 
    {
        margin: 0px;
        padding: 15px;
        font-size: 0.9em;
        width: 100%;
        overflow:hidden;
    }
    
        #Content .contentPod .category-list li 
        {
            margin: 0px;
            padding: 0px;
            list-style-type: none;
            float: left;
            display: block;
            width: 120px;
            padding-right: 5px;
            margin-bottom: 5px;
        }
        #Content .contentPod .recipient-categories .category-list li {
			margin:0px;
			padding:0;
			list-style-type:none;
			float:left;
			display:block;
			padding-right:5px;
			margin-bottom:5px;
			width:203px;
        }
    		       		        
		        
		   #Content .orangePod table th 
		   {
		    color: #ed6322;
		   }
		   #Content .bluePod table th 
		   {
		    color: #ed6322;
		   }
		   

        #Content .detailInfoList, #Content .personDetailsList 
        {
            margin: 0px;
            padding: 10px 15px 15px 10px;
            overflow: auto;
            width: 100%;
        }
			.personDetailsList textarea
			{
				width:180px;
				height:180px;
			}
        
            #Content .detailInfoList li 
            {
                list-style-type: none;
                margin: 0px;
                margin-top: 5px;
            }            
        
            #Content .personDetailsList li 
            {
                margin: 0px;
                padding: 0px;
                list-style-type: none;
                float: left;
                width: 45%;
                font-weight: bold;
                height: 20px;
                line-height: 20px;
            } 
            
                 #Content .personDetailsList li span
                {
                  font-weight: normal;
                  font-size: 90%;
                  float: left;
                  display: block;
                  width: 100px;
                }
#Content .button-position
{
	margin:20px 0;
	float:right;
}
#Content ul.buttons 
{
    margin-left: 30px;
}
		    
    #Content ul.buttons li 
    {
        list-style-type: none;
        float: left;
        margin-left: 10px;
    }
    
    /* help and print buttons */
    #Content ul.helpPrint 
    {
        float: right;
    }
    
        #Content ul.helpPrint li 
        {
            margin: 0px;
            padding: 0px;
            list-style-type: none;
            float: left;
            text-indent: -9999px;
            overflow: hidden;
            display: block;
            height: 18px;
            margin-left: 15px;
        }
        
        #Content ul.helpPrint li a, #Content ul.helpPrint li input
        {
            display: block;
            width: 100%;
            height: 100%;
        }
        
        #Content ul.helpPrint li.contextHelp
        {
            width: 41px;
            background: url(/images/Buttons/bt_help.gif) top left no-repeat;
        }
        #Content ul.helpPrint li.contextHelp a:hover
        {
            background: url(/images/Buttons/bt_helpHi.gif) top left no-repeat;
        }
        
        #Content ul.helpPrint li.printLink a
        {
            width: 45px;
            background: url(/images/Buttons/bt_print.gif) top left no-repeat;
        }
        #Content ul.helpPrint li.printLink a:hover
        {
            background: url(/images/Buttons/bt_printHi.gif) top left no-repeat;
        }
    
    ul.indented 
    {
        margin: 0px 15px;
        padding-bottom: 15px;
    }
    
	ul.listing li, td.listing li 
	{
	    list-style-type: none;
	    margin: 0px;
	    padding: 0px;
	}
    
	    #Content .contentPod ul.listing li p, td.listing p
	    {
	        font-size: 0.9em;
	        display: block;
            margin: 5px 0px 0px 0px;
	    }
	    
	        #Content .contentPod td.listing p 
	        {
	            font-size: 1em;
	            margin-top: 3px;
	            color: #000;
	        }
	        
	        #Content .contentPod ul.listing li p.newsDate, td.listing p.newsDate
	        {
	            color: #666;
	            margin: 15px 0px 5px 0px;
	        }
	        
	        
	 
	    
	    ul.listing li img, td.listing img
	    {
	        float: left;
	        margin-right: 15px;
	        display: block;
	    }
	    
	    ul.listing li.divider 
	    {
	        padding-bottom: 15px;
	    }
	    
.pagination 
{
    background: #ededed;
    margin: 0px;
    padding: 8px 15px;
    font-size: 0.9em;
    color: #f26522;
    clear: both;
    overflow: auto;
    height: 1%;
}

    #Content .contentPod .pagination p 
    {
        margin: 0px;
        padding: 0px;
        float: left;
    }

    .pagination ul 
    {
        margin: 0px;
        padding: 0px;
        float: right;
    }

    .pagination ul li 
    {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        display: inline;
        margin: 0px 3px;   
    }
    
        .pagination ul li a.selected 
        {
            text-decoration: none;
            font-weight: bold;
            color: #000;
        }
        
        .pagination ul li.prev 
        {
            margin-right: 15px;
        }
        
         .pagination ul li.next 
         {
            margin-left: 15px;
         }
         
.tabNavigation
{
    overflow: auto;
    width: 100%;
    padding-bottom: 8px;
}
         
.tabNavigation ul
{
    margin: 0;
    padding: 0;
}

    .tabNavigation ul li 
    {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        display: block;
        float: left;
    }
    
        .tabNavigation ul li a
        {
            display: block;
            float: left;
            background: #d9d9d9 url(/images/Layout/tabNavigation-tab.gif) top left no-repeat;
            height: 27px;
            line-height: 27px;
            width: 200px;
            text-align: center;
            text-decoration: none;
            font-weight: bold;
            color: #fff;
            margin-right: 1px;
            border-bottom: 1px solid #fff;
        }
        
            .tabNavigation ul li a span 
            {
                font-weight: normal;
            }
        
        .tabNavigation ul li a:hover 
        {
            color: #fff;
        }
        
        .tabNavigation ul li a.selected, .tabNavigation ul li.selected a 
        {
            border-bottom: 0px;
            height: 28px;
        }
        
.blueTabs 
{
    background: url(/images/Layout/tabNavigation-blue.gif) bottom left no-repeat;
}

    .blueTabs a:hover, .blueTabs .selected a, .blueTabs a.selected
    {
        background: #0e75a0 url(/images/Layout/tabNavigation-tab-blue.gif) top left no-repeat;
    }

.orangeTabs, .orangePod .tabNavigation 
{
    background: url(/images/Layout/tabNavigation-orange.gif) bottom left no-repeat;
}

    .orangeTabs a:hover, .orangeTabs a.selected, .orangeTabs li.selected a,
    .orangePod .tabNavigation a:hover, .orangePod .tabNavigation a.selected, .orangePod .tabNavigation li.selected a
    {
        background: #ff6600 url(/images/Layout/tabNavigation-tab-orange.gif) top left no-repeat;
    }

    .orangeTabs .filter, .orangePod .tabNavigation .filter 
    {
        background: url(/images/Layout/tabNavigation-orange.gif) top left repeat-y;
    }
    
    .contentPod .orangeTabs ul li a, .orangePod .tabNavigation ul li a
    {
		background: #d9d9d9 url(/images/Layout/tabNavigation-shorttab.gif) top left no-repeat;
		width: 125px;
    }
    #Content .contentPod .contentPod .tabNavigation ul li a
    {
		background: #d9d9d9 url(/images/Layout/150tabNav_gray.jpg) top left no-repeat;
		width: 150px;
    }
    #Content .contentPod .contentPod .tabNavigation a:hover, 
    #Content .orangePod .contentPod .tabNavigation a.selected, #Content .orangePod .contentPod .tabNavigation li.selected a
    {
        background: #ff6600 url(/images/Layout/150tabNav_orange.jpg) top left no-repeat;
    }
	.orangePod .in-tabs
	{
		color:#fff;
		padding:10px;
		font-size:1.2em;
	    background: url(/images/Layout/tabNavigation-orange.gif) bottom left repeat-y;
	    margin-bottom:10px;
	}
    
.filter 
{
    clear: both;
    padding-left: 10px;
    font-size: 0.9em;
    color:#fff;
}

    .filter label
	{
		position:relative;
		top:5px;
	}
	.filter select 
    {
		border:1px solid #b2aeae;
		width:180px;
        position: relative;
    }

    .filter label 
    {
        float: left;
        color: #fff;
        margin-right: 10px;
        margin-left: 7px;
        display: inline;
    }
    
    .filter select 
    {
        font-size: 1em;
    }
    .filter a
    {
		color:#fff;
    }
    .filter a:hover
    {
		color:#ff0000;
    }
    
/* *05: list ---------------- */
#Content .contentPod .anchor-list
{
	margin:10px 15px;
}
#Content .contentPod .anchor-list li { list-style:none; margin:5px 0; }
	
/* *05d: in #Sidebar -------------- */
    
    #Sidebar h2.firstModule 
    {
        position: absolute;
        top: -26px;
        width: 188px;
    }
    
    #Sidebar h2 
    {
        background: url(/images/Layout/sidebar-header.gif) top right no-repeat;
        color: #fff;
        font-size: 1em;
        padding: 8px;
        height: 10px; 
        text-transform: uppercase;
    } 

	#Sidebar ul li{
		list-style-type: none;
		margin: 0px 0px 3px 0px;
	}
	
	#Sidebar p {
	    margin-bottom: 3px;
	}


	#Sidebar div.sideColumnModule 
	{
	    color: #444;
	}
	
	#Sidebar div.sideColumnModule .indented {
		display: block;
		margin:5px 10px;
	}
	
	#Sidebar div.sideColumnModule .lineBreak 
	{
	    margin: 5px 0 10px;
	}
	
	#Sidebar div.sideColumnModule .banner 
	{
	    margin: 0 auto;
	    width: 150px;
	    height: 300px;
	    border: 1px solid #ccc;
	}
	
	#Sidebar .divider 
	{
	    background: url(/images/Layout/divider-bg.gif) bottom left repeat-x;
	    margin: 10px 10px 20px;
	    height: 1px;
	    padding-bottom: 0px;
	    
	}
	
	#Sidebar ul.postItNotes
	{
	    margin: 0px 0px 0px 10px;
	}
	
	
	#Sidebar ul li.postitNote
    {
    display: block;
    width: 192px;
    text-indent: -9999px;
    overflow: hidden;
    margin-bottom: 0px;
    }

    li.postitNote a 
    {
    display: block;
    width: 100%;
    height: 100%;
    }

    li.tellAFriend a
    {
	    height: 50px;
		background: url(/images/Layout/sidebar-tellAFriend.gif) top left no-repeat;
    }
    li.tellAFriend a:hover { background: url(/images/Layout/sidebar-tellAFriendHi.gif) top left no-repeat; }
    li.needHelp a 
    {
		background: url(/images/Layout/sidebar-needHelp.gif) top left no-repeat;
		height: 53px;
    }
    li.needHelp a:hover { background: url(/images/Layout/sidebar-needHelpHi.gif) top left no-repeat; }
    li.feedBack a
    {
		background: url(/images/Layout/sidebar-feedback.gif) top left no-repeat;
		height: 51px;
    }
    li.feedBack a:hover { background: url(/images/Layout/sidebar-feedbackHi.gif) top left no-repeat; }
    li.contactUs a
    {
		background: url(/images/Layout/sidebar-contactUs.gif) top left no-repeat;
		height: 43px;
    }
    li.contactUs a:hover { background: url(/images/Layout/sidebar-contactUsHi.gif) top left no-repeat; }
	
		#Sidebar .postitNote-with-pin
		{
		    position: relative;
		    background: url(/images/Layout/sidebar-postIt.gif) top left no-repeat;
		    width: 175px;
		    padding: 10px 15px 0px 8px;
		    height: 135px;
		    margin-left: 10px;
	    }
	    
	        #Sidebar .postitNote-with-pin .pin 
	        {
	            position: absolute;
	            right: -15px;
	            top: -18px;
	        }
	        
	        #Sidebar .postitNote-with-pin p 
	        {
	            display: block;
	            padding: 10px;
	        }
	        

/* *05e: in #Footer --------------- */

	#Footer ul {
	    font-size: 0.9em;
	    height: 26px;
	    padding-top: 14px;
	    margin: 0px;
	}
	
	#Footer li {
	    list-style-type: none;
	    float: left;
	    display: inline;
	    padding-left: 1px;
	}
	
	#Footer ul li.lastItem 
	{
	    float: right;
	    margin-right: 25px;
	}
	
	#Footer a 
	{
	    text-decoration: none;
        color: #cfe4ed;
	}
	
	    #Footer a:hover 
	    {
	        text-decoration: underline;
	    }
	    
    #Footer #supportersLinks 
    {
        background: url(/images/Layout/footer-supportinglinks-bg.gif) bottom right no-repeat;
        height: 95px;
    }
    #Footer #supportersLinks li a
    {
		text-indent:-9990px;
		overflow:hidden;
		display:block;
		height:65px;
    }
    #Footer #supporter0
    {
		text-indent:-9999px;
		display:block;
		width:130px;
	}
    #Footer #supportersLinks #supporter1 a { background:url(/images/Supporters/Supporter1.png) center left no-repeat; width:111px; }
    #Footer #supportersLinks #supporter2 a { background:url(/images/Supporters/Supporter2.png) center left no-repeat; width:107px; }
    #Footer #supportersLinks #supporter3 a { background:url(/images/Supporters/Supporter3c.png) center left no-repeat; width:100px; }
    #Footer #supportersLinks #supporter4 a { background:url(/images/Supporters/Supporter4.png) center left no-repeat; width:87px; }
    #Footer #supportersLinks #supporter5 a { background:url(/images/Supporters/Supporter5.png) center left no-repeat; width:94px; }


/* *05: new footer ---------------------------------------------------------*/
#Footer #footer-links { padding: 0; overflow: hidden; height: 96px; }
#Footer #footer-links li,
#Footer #footer-links li a {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}
	#Footer #footer-links li.more-stuff,
	#Footer #footer-links li.smiles,
	#Footer #footer-links li a {
		text-indent: -999em;
		overflow: hidden;
		background-image: url(/images/layout/bg-donate-footer.gif);
		background-repeat: no-repeat;
		height: 96px;
	}
	#Footer #footer-links li.more-stuff { width: 88px; background-position: 0 0; }
	
	#Footer #footer-links li.news a { width: 101px; background-position: -88px 0; }
	#Footer #footer-links li.news a:hover { background-position: -88px -96px; }
	
	#Footer #footer-links li.twitter a { width: 116px; background-position: -189px 0; }
	#Footer #footer-links li.twitter a:hover { background-position: -189px -96px; }
	
	#Footer #footer-links li.facebook a { width: 135px; background-position: -305px 0; }
	#Footer #footer-links li.facebook a:hover { background-position: -305px -96px; }
	
	#Footer #footer-links li.youtube a { width: 132px; background-position: -440px 0; }
	#Footer #footer-links li.youtube a:hover { background-position: -440px -96px; }
	
	#Footer #footer-links li.donate-to-us a { width: 140px; background-position: -573px 0; }
	#Footer #footer-links li.donate-to-us a:hover { background-position: -573px -96px; }
	
	#Footer #footer-links li.links a { width: 106px; background-position: -713px 0; }
	#Footer #footer-links li.links a:hover { background-position: -713px -96px; }
	
	#Footer #footer-links li.smiles { width: 141px; background-position: -819px 0; }
	
	

/* *06: Forms --------------------------------------------------------------*/

/* this class is used to align "select" form controls such as radio buttons, checkboxes etc */
.confirm
{
	width:280px;
	margin:20px;
}
.confirm a{
	color:#32BCE3;
}

.submit-button
{
	float:right;
	margin-top:15px;
}
.submit-button:hover
{
	background:url(../images/Buttons/submitHi.gif) top left no-repeat;
}

label 
{
    display: inline;
}

.textBox-tall
{
	height:90px;
}

label span 
{
    color: #b2b2b2;
}
fieldset
{
	padding:10px 0;
}
.upload-field
{
	float:left;
	margin:0px 18px;
	background:#f2f2f2;
	border:1px solid #e4e4e4;
    display:block;
    width:260px;
    padding:20px;
}
	.upload-field label
	{
		font-weight:normal;
	}
	.upload-field input
	{
		margin-top:5px;
	}

.form-fields 
{
    float: left;
    margin-bottom: 10px;
}

    .form-fields .textField 
    {
        width: 136px;
    }
    
    .form-fields .smallField
    {
		width: 44px;
		border: 1px solid #b3aeae;
        padding: 1px 0px;
        margin-top:8px;
        margin-bottom:5px;
        display:block;
        float:left;	
    }
    
    .form-fields .floatCheckBox
    {
		float:left;
		margin:0px 5px 0 0px;
    }
    .form-fields .single-line
    {
		display:block;
		margin-bottom:8px;
    }
    .form-fields .single-line .floatCheckBox
    {
		margin-left:10px;
		float:left;
		display:block;
		padding:10px 0;
    }
    .form-fields .single-line div
    {
		float:left;
		display:block;
		margin:10px 20px 0px;
    }
    .form-fields .single-line div.check-label
    {
		margin-left:0px;
    }
    .form-fields .checkbox-list
    {
		display:block;
		width:280px;
		padding:10px 0;
    }
    
    .form-fields .checkbox-list li
    {
		list-style:none;
		display:block;
		float:left;
		width:90px;
		margin:8px 0 0 5px;
    }
    .form-fields .checkbox-list li.first{margin:8px 0 0;}
    
    #Content .required
    {
		margin-top:8px;
		margin-bottom:5px;
    }
    
    #Content label.required
    {
		padding-right:11px;
		display:inline;
		height:10px;
		width:11px;
    }
    #Content .bluePod label.required
	{ background:url(../images/icons/icon-asterix.gif) top right no-repeat; }
	#Content .orangePod label.required
	{ background:url(../images/icons/icon-asterix-blue.gif) top right no-repeat; }
    .form-fields span
    {
		font-weight:normal;
		margin-left:5px;
		display:inline;
    }
    .form-fields span.reset {
		margin-left:0;
		margin-top:5px;
    }
	.bluePod .form-fields span
	{ color:#2EB4E7; }
	
	.orangePod .form-fields span 
	{color:	#F5862C;}
	
    .form-fields p
    {
		/*color:#2eb4e7;*/
    }
    .form-fields .help-link
    {
		width:16px;
		height:18px;
		position:absolute;
		top:-2px;
		right:0;
		text-indent:-9999px;
		overflow:hidden;
    }
	.orangePod .form-fields .help-link
	{ background:url(../images/icons/icon-help-blue.gif) top left no-repeat; }
	.bluePod .form-fields .help-link
	{ background:url(../images/icons/icon-help.gif) top left no-repeat; }
    .form-fields .form-or
    {
		font-weight:bold;
		color:#888;
    }
    
    
.form-selector 
{
    float: left;
    margin-right: 5px;
}

.form-selector label 
{
    float: left;
    margin-top: 0px;
    padding: 1px 0px 1px 2px;
}

.form-selector input 
{
    width: 14px;
    height: 14px;
    float: left;
    padding: 0;
}

.textField,
.smallField 
{
    font-size: 1em;
}

.errorMessage 
{
    width: 136px;
    display: block;
    margin-top: 5px;
    color: #f00;
}

#Content .contentPod ul.searchBrowse { z-index:99999 !important; position:relative; height:35px; overflow:hidden; }
#Content .contentPod ul.searchBrowse li { position:absolute; top:4px; }
#Content .contentPod ul.searchBrowse li a { height:43px; padding-bottom:10px; border-bottom:none; }
#Content .contentPod ul.searchBrowse li a span { display:none; }

#Content .contentPod ul.searchBrowse li a.search-tab 
{
	background:url(/images/Buttons/search_gray.gif) 0 0 no-repeat; 
	width:164px;
	margin-top:5px;
}
#Content .contentPod ul.searchBrowse li a.browse-tab 
{
	background:url(/images/Buttons/BrowseCat_gray.gif) 0 1px no-repeat; 
	width:226px;
	margin-top:4px;
}
#Content .contentPod .orangeTabs .searchBrowse li.selected a.search-tab, 
#Content .contentPod .orangeTabs .searchBrowse li a.search-tab:hover { background:url(/images/Buttons/Search_orange.gif) 0 1px no-repeat; margin-top:0; }
#Content .contentPod .orangeTabs .searchBrowse li.selected a.browse-tab, 
#Content .contentPod .orangeTabs .searchBrowse li a.browse-tab:hover { background:url(/images/Buttons/BrowseCat_orange.gif) 0 0 no-repeat; margin-top:0; }

#Content .contentPod .blueTabs .searchBrowse li.selected a.search-tab, 
#Content .contentPod .blueTabs .searchBrowse li a.search-tab:hover { background:url(/images/Buttons/Search_blue.gif) 0 1px no-repeat; margin-top:0; }
#Content .contentPod .blueTabs .searchBrowse li.selected a.browse-tab, 
#Content .contentPod .blueTabs .searchBrowse li a.browse-tab:hover { background:url(/images/Buttons/BrowseCat_blue.gif) 0 0 no-repeat; margin-top:0; }


.searchBrowse li.searchTabIcon { left:0px; }
.searchBrowse li.browseTabIcon { left:165px; }
.searchBrowse li.selected span.search-tab
{
/*	background:url(/images/icons/icon_search.gif) left center no-repeat; */
}
.searchBrowse li.selected span.browse-tab
{
	background:red;
}

.searchForm 
{
    padding: 15px 15px 0;
	overflow:hidden;
}

    .searchForm .form-fields 
    {
        width: 595px;
    }
    
    .searchForm .form-field 
    {
        float: left;
        width: 280px;
        margin-right: 30px;
    }
    
    .searchForm .form-field label 
    {
		font-weight:bold;
		padding:2px 0;
		display:block;
    }
    
    .searchForm .form-field .textField
    {
        width: 280px;
        font-size: 0.95em;
		border:1px solid #d5d5d5;
		padding:1px;
    }
    
    .searchForm .form-field select 
    {
         padding: 0px;
         width: 285px;
         font-size: 0.95em;
		 border:1px solid #d5d5d5;
    }
    
    .searchForm .fullwidth 
    {
        float: none;
    }
    
        .searchForm .fullwidth .textField 
        {
            width: 590px;
        }
        
    .searchForm .button 
    {
        float: right;
        margin-top: 8px;
    }

.main-form 
{
    font-size: 90%;
}

.main-form .form-column
{
	width:320px;
	float:left;
	margin-top:10px;
}

.contentPod .contentPod .main-form .form-column
{
	width:319px;
}

.main-form label 
{
    font-weight: bold;
    margin-bottom: 5px;
}

    .main-form p 
    {
        margin: 10px 25px;
    }
    
        .main-form .validationErrorMessage p, .validationErrorMessage p
        {
			clear:both;
            margin: 0px;
            color:Red;
        }
        
        #Content .main-form p.divider 
        {
            background: url(/images/Layout/divider-bg.gif) top left repeat-x;
            padding-top: 15px;
        }

    .main-form .form-fields 
    {
        width: 280px;
        margin:0px 15px 5px 25px;
        display: inline;
        position:relative;
    }

    .main-form .form-fields .textField, .main-form .form-fields select, .main-form .form-fields textarea
    {
		width:280px;
        border: 1px solid #b3aeae;
        padding: 1px 0px;
        margin-top:8px;
        margin-bottom:5px;
    }
    
    .main-form .form-fields .textField 
    {
        padding: 1px 0px;
    }
    
    .main-form .form-fields textarea 
    {
        height: 100px;
    }
    
    .main-form .confirm-details
    {
		width:340px;
		padding:0 20px 20px;
		float:left;
    }
    
    .main-form .confirm-details h4
    {
		background:none;
		color:#000;
		font-size:2.2em;
		font-weight:normal;
    }
    #Content .contentPod .border-bg .confirm-details p
    {
		margin:10px 0;
    }
    
    .main-form .confirm-details .orange
    {
		color:#f48b1c;
		font-weight:bold;
		font-size:1.2em;
		padding-bottom:10px;
	}
    
    .main-form .confirm-details dl
    {
		border:1px solid #ccc;
		border-bottom:none;
		display:block;
		width:390px;
		overflow:hidden;
		padding:5px 10px 10px;
		background:url(../images/Layout/contentPod-bottom-bg.gif) bottom left no-repeat;
    }
    .main-form .confirm-details .first
    {
		border-top:none;
    }
    .main-form .confirm-details dl dt,
    .main-form .confirm-details dl dd
    {
		float:left;
		padding:5px 0;
		border-top:1px solid #ccc;
		display:block;
    }
    .main-form .confirm-details dl dt.full-width {
		display:block;
		width:360px;
		height:1px;
		border:none;
		padding:0;
    }
    .main-form .confirm-details dl dt
    {
		color:#555;
		width:75px;
		margin-left:3px;
    }
    .main-form .confirm-details dl dd
    {
		font-weight:bold;
		width:115px;
		margin-right:2px;
		color:#333;
    }
	.main-form .confirm-pic
	{
		float:right;
		margin:15px 20px 20px 0;
		padding:2px;
		border:1px solid #bfbfbf;
	}
	/* may be different aspect ratio.
	.main-form .confirm-pic img
	{
		width:182px;
		height:182px;
	}
*/
    
    .main-form .complete-donation
    {
		float:left;
		width:530px;
    }
    .main-form .complete-donation h4
    {
		color:#F68D18;
		font-size:2.2em;
	}
	#Content .contentPod .complete-donation p
	{
		margin:10px 0;
		color:#555;
		line-height:1.5;
	}
	.main-form .complete-smiley
	{
		margin:20px;
		float:left;
	}
	.bluePod .main-form .complete-smiley
	{
		float:right;
	}
	h4#congrats {
		color:#11B3F0;
		margin:10px 15px 5px;
    }    
    .inner-form 
    {
        background: #f8f1e6;
        margin: 25px 15px 15px;
        padding: 15px;
        border: 1px solid #faaf70;
    }
    
        #Content .contentPod .border-bg .inner-form p 
        {
            margin: 0px;
            margin-bottom: 15px;
        }
    
    .inner-form .form-field 
    {
        margin-top: 10px;
    }
        
    .inner-form .form-field label,
    .inner-form .form-field span,
    .inner-form .form-field select 
    {
        float: left;
        margin: 0px 10px 5px 0px;
        display: block;
    }
    
    .inner-form .form-field label,
    .inner-form .form-field span 
    {
        margin-top: 3px;
        font-weight: bold;
    }
    
    .inner-form .form-field span a 
    {
        margin-left: 5px;
    }

	.help-message
    {
        background: #f8f1e6;
        margin: 10px 0px 5px;
        padding: 1em 5px 0;
        border: 1px solid #faaf70;
    }

/* Sidebar forms */
#Sidebar .field-column {
	width:138px;
}

#Sidebar .searchField, 
#Sidebar .side-bar-input
{
	border:1px solid #b0b0b0;
	width: 136px;
	margin:6px 0;
}

#Sidebar .sidebar-submit
{
	margin-top:16px;
}

#Sidebar .searchField
{
    height: 26px;
    float: left;
    margin-right: 5px;
    margin-top:0;
    width: 130px;
    padding: 4px 3px 0px 3px;
    font-size: 20px;
}

#Sidebar select.side-bar-input
{
    width: 138px;
}

#Sidebar .tallButton 
{
    margin-top: 12px;
}

#Sidebar .errorMessage 
{
    width: 136px;
}

/* Stepping process for donate form */
.formSteps ul 
{
    height: 25px;
    padding-bottom: 5px;
}
    
    .formSteps ul li
    {
       list-style-type: none;
       margin: 0px;
       float: left;
       display: block;
       height: 20px;
       line-height: 20px;
       margin-right: 15px;
       background: url(/images/Layout/formStep-number.gif) top left no-repeat;
       font-size: 90%;
    }
    
    .formSteps ul li span 
    {
        display: block;
        width: 24px;
        height: 20px;
        float: left;
        text-align: center;
        color: #fff;
        font-weight: bold;
        margin-right: 7px;
    }
    
    .formSteps ul li a 
    {
        padding-right: 20px;
        background: url(/images/Layout/formStep-arrow.gif) center right no-repeat;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
        color: #ccc;
    }
    
    .formSteps ul li.completed 
    {
        background: url(/images/Layout/formStep-number.gif) bottom left no-repeat;
    }
    
        .formSteps ul li.completed a 
        {
            color: #ea761a;
        }

#Content .contentPod .formShield table
{
	width:274px;
	margin:15px 0 0 0;
}
        
#Content .contentPod .formShield table td
{
	float:left;
}
#Content .contentPod .formShield table td table
{
	padding:0;
	margin:0;
	width:20px;
}
#Content .contentPod .formShield table td table td
{
	padding:0 2px 2px;
}    
#Content .contentPod .formShield table td
{
	background:none;
	display:block;
	padding:0;
	margin:0;
}

.main-form .full-form 
{
	width:625px;
}

/* *07: Custom Containers & Subclasses --------------------------------------------------------------*/
ul.howDoesItWork 
{
    margin: 0px 0px 0px 1px;
    width: 100%;
    overflow: hidden;
}

    ul.howDoesItWork li 
    {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        float: left;
        text-align: center;
    }
    
        ul.howDoesItWork li.step1 
        {
            width: 223px;
        }
        
        ul.howDoesItWork li.step2 
        {
            width: 219px;
        }
        
         ul.howDoesItWork li.step3 
        {
            width: 229px;
        }
    
        ul.howDoesItWork li p 
        {
            display: block;
            width: 180px;
            margin: 10px auto;
            color: #777;
            font-size: 0.9em;
        }
        
            ul.howDoesItWork li p a 
            {
                color: #777;
                text-decoration: none;
            }
            
                ul.howDoesItWork li p a:hover 
                {
                    color: #b85d14;
                }



		/* *07a:Register now page -----------*/
		.wide-col, .narrow-col
		{
			margin-bottom:15px;
			padding-bottom:5px;
			background:url(../images/Layout/contentPod-bottom-bg.gif) bottom left no-repeat;
		}
		
		.wide-col
		{
			float:left;
			width:387px;
		}
		.wide-col .border-bg,
		.narrow-col .border-bg
		{
			border-left:1px solid #ccc;
			border-right:1px solid #ccc;
			padding-bottom:5px;
						
		}
		
		.wide-col .donor-title
		{	
			font-size:1em;
			color:#fff;
			margin:0;
			display:block;
			width:375px;
			height:20px;
			padding:7px 0 0 15px;
			background:url(../images/Layout/orange_tab_headWide.jpg) no-repeat;
		}

		.narrow-col
		{
			float:left;
			width:274px;
			margin-left:10px;
		}
				
		.narrow-col .recipient-title
		{
			font-size:1em;
			color:#fff;
			margin:0;
			display:block;
			width:259px;
			height:20px;
			padding:7px 0 0 15px;
			background:url(../images/Layout/blue_tab_headNarrow.jpg) no-repeat;
		}
		
		.register-list-donor
		{
			margin:0 0 10px;
			overflow:hidden;
			padding:9px 0;			
		}
		.register-list-donor .item
		{
			float:left;
			width:174px;
			list-style:none;
			overflow:hidden;
			margin:0;
			padding:0 9px 0;
			background:url(../images/Layout/divider-vertical-bg.gif) top left repeat-y;
		}
		.register-list-donor .first
		{
			background:none;
		}
		
		.register-list-donor .item p
		{
			width:160px;
			margin-left:6px;
		}
		
		.register-list-donor .donor-individual 
		{
			display:block;
			background:url(../images/Buttons/img_individual.gif) no-repeat;
			width:174px;
			height:184px;
			text-indent:-999px;
			padding-bottom:15px;
			overflow:hidden;
		}
		.register-list-donor .donor-individual:hover
		{ background:url(../images/Buttons/img_individualHi.gif) no-repeat; }
		.register-list-donor .donor-business 
		{
			display:block;
			background:url(../images/Buttons/img_business.gif) no-repeat;
			width:174px;
			height:184px;
			text-indent:-999px;
			overflow:hidden;
			padding-bottom:15px;
		}
		.register-list-donor .donor-business:hover
		{ background:url(../images/Buttons/img_businessHi.gif) no-repeat; }
		.regester-list-recipient
		{
			overflow:hidden;
			margin:0 0 10px;
			padding:8px 0 10px;
		}
		
		.regester-list-recipient .item
		{
			list-style:none;
			float:left;
			margin:0;
			padding:0 8px 0;
		}
		.regester-list-recipient .item p
		{
			width:244px;
			margin-left:6px;
		}
		
		.regester-list-recipient .recipient-npo
		{
			display:block;
			background:url(../images/Buttons/img_notforprofit.gif) no-repeat;
			width:256px;
			height:182px;
			text-indent:-999px;
			overflow:hidden;
			padding-bottom:15px;
		}
		.regester-list-recipient .recipient-npo:hover
		{ background:url(../images/Buttons/img_notforprofitHi.gif) no-repeat; }
		.current-donatation
		{
			text-indent:-999px;
			display:block;
			float:left;
			width:387px;
			height:73px;
			overflow:hidden;
			background:url(../images/Buttons/btn_viewcurrentdonations.gif) no-repeat;
		}
		.current-donatation:hover
		{
			background:url(../images/Buttons/btn_viewcurrentdonationsHi.gif) no-repeat;
		}
		.sucessful-donation
		{
			margin-left:10px;
			text-indent:-999px;
			overflow:hidden;
			display:block;
			float:left;
			width:276px;
			height:73px;
			background:url(../images/Buttons/btn_viewsucessfuldonations.gif) no-repeat;
		}
		.sucessful-donation:hover
		{
			background:url(../images/Buttons/btn_viewsucessfuldonationsHi.gif) no-repeat;
		}
		

/* *05a: on Listing Detail Pages -------------- */
#Content .article p
{
	line-height:1.3;
}

#Content .detail 
{
    border-top: 1px solid #cccccc;
}
    #Content .detail h3 
    {
        color: #0d6e96;
        text-transform: none;
        padding-left: 0px;
        font-size: 1.8em;
        font-weight: normal;
        height: auto;
        margin-bottom: 10px;
    }
    
    #Content .border-top ul, ul.standardList, .standardPage ul 
    {
        margin: 15px 0px;
    }
    #Content .border-top ul
    {
		margin-left:20px;
    }
    
        #Content .border-top ul li, ul.standardList li, .standardPage ul li 
        {
            list-style-image: url(/images/Layout/bullet.gif);
        }
        
    #Content .contentPod .border-bg .articleDate 
    {
        font-weight: bold;
        font-size: 1.2em;
        color: #999;
        margin-bottom: 0px;
        margin-top:10px;
    }
        
    #Content .notePaper 
    {
        width: 247px;
        height: 239px;
        float: right;
        padding: 50px 20px;
        background: url(/images/Layout/detail-notePaper.jpg) top left no-repeat;
        margin:10px 20px;
        color: #0D6E96;
        font-style: italic;   
        display: inline;
    }
    
        #Content .border-top .notePaper img 
        {
            margin-bottom: 15px;
        }
        
        #Content .grayPod .donationButtons a
        {
 
        }

.fulfillWishBtn { background:url(/images/Buttons/btn_fulfil_full.gif) no-repeat; display:block; width:190px; height:35px; float:left; text-indent:-999px; overflow:hidden; }
.fulfillWishBtn:hover{ background:url(/images/Buttons/btn_fulfil_fullHi.gif) no-repeat; }
.fulfillPartialWishBtn{ background:url(/images/Buttons/btn_fulfil_part.gif) no-repeat; display:block; width:211px; height:35px; float:left; overflow:hidden; text-indent:-999px; }
.fulfillPartialWishBtn:hover{ background:url(/images/Buttons/btn_fulfil_partHi.gif) no-repeat; }

#Content .questionList
{
	margin:20px 0;
}
#Content .questionList .buttons
{
	margin:0 20px 8px 0;
}
#Content .questionList .input-text
{
	border:1px solid #ccc;
	width:300px;
	margin-bottom:8px;
	margin-right:10px;
}
#Content .questionList a.anch-buttons
{
	width:217px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
#Content .questionList a.askQuestionBtn { background:url(/images/Buttons/btn_wishdetail_ask.gif) no-repeat; margin-bottom:10px; }
#Content .questionList a.askQuestionBtn:hover { background:url(/images/Buttons/btn_wishdetail_askHi.gif) no-repeat; }
#Content .questionList a.submitQuestionBtn { background:url(/images/Buttons/btn_submitquestion.gif) no-repeat; }
#Content .questionList a.submitQuestionBtn:hover { background:url(/images/Buttons/btn_submitquestionHi.gif) no-repeat; }

#Content .questionList .q-input
{
	height:90px;
	margin-left:10px;
	float:left;
}
     
#Content .questionList dl 
{
    background: url(/images/Layout/divider-bg.gif) bottom left repeat-x;
    padding-bottom: 1px;
}

    #Content .questionList dt, #Content .questionList dd  
    {       
        overflow: hidden;
        padding: 0px 0px 1px 10px;
        clear: left;
    }
    
        #Content .questionList dt
        {
             background: #fefcf0 url(/images/Layout/divider-bg.gif) top left repeat-x;
        }
    
         #Content .questionList dt span, #Content .questionList dd span
         {
            display: block;
            float: left;
            padding: 15px 0px 15px 55px;
         }
    
        #Content .questionList dt span.question 
        {
            background: url(/images/icons/question.gif) center left no-repeat;
            padding-left: 55px;
            font-size: 1.1em;            
        }
        
        #Content .questionList dd span.answer 
        {
            background: url(/images/icons/answer.gif) center left no-repeat;
            padding-left: 55px;
            font-size: 1.1em;
        }
        
        #Content .questionList span.details 
        {
			padding: 17px 0px 17px 0px;
            margin-left: 10px;
            color: #999999;
            font-size: 0.9em;
        }
        
        #Content .questionList dt span.details a 
        {
            font-weight: bold;
            text-decoration: none;
            color: #F8862D;
            margin-right: 5px;
            text-decoration: underline;
        }
        
            #Content .questionList dt span.details a:hover 
            {
                text-decoration:none;
            }
        
        #Content .questionList dt span.details em 
        {
            color: #000;
            font-style: italic;
            margin-right: 3px;
        }
        
		/* 05* personal details list styling *********/
		#Content .personal-details
		{
			width:325px;
			float:left;
			margin-left:10px;
			margin-top:10px;
		}
		#Content .contentPod .contentPod .personal-details
		{
			width:305px;
		}
		#Content .personal-details dt { 
			float:left;
			clear:left; 
			padding:3px 0px 15px 30px;
			background-position:top left;
			background-repeat:no-repeat;
			width:90px;
			display:block; 
		}
		#Content .personal-details dd {
			float:left;
			font-weight:bold;
			padding:3px 0 15px;
			width:195px;
			margin-left:10px;
		}
		#Content .contentPod .contentPod .personal-details dd {
			width:175px;
		}
		#Content .personal-details .person 
		{
			background-image:url(../images/icons/icon-person.png);
		}
		#Content .personal-details .phone 
		{
			background-image:url(../images/icons/icon-phone.png);
		}
		#Content .personal-details .email 
		{
			background-image:url(../images/icons/icon-email.png);
		}
		#Content .personal-details .web 
		{
			background-image:url(../images/icons/icon-web.png);
		}
		#Content .personal-details .location 
		{
			background-image:url(../images/icons/icon-location.png);
		}
		#Content .personal-details .fax
		{
			background-image:url(../images/icons/icon-fax.png);
		}
/* 99* donating styles ***********/

	.donatetype-list
	{
	}
	
	.donate-type-list ul
	{
		overflow:hidden;
		padding:10px 0;
		margin:0;
	}
	
	.donate-type-list ul li
	{
		margin:0;
		background: url(../images/Layout/divider-vertical-bg.gif) top left repeat-y;
		list-style:none;
		float:left;
		width:203px;
		display:block;
		padding:0 10px;
		height:1%;
	}
	.donate-type-list ul li.first{background:none;}
	
	.donate-type-list ul li a
	{
		display:block;
		width:203px;
		height:160px;
		text-indent:-9999px;
		overflow:hidden;
		margin-bottom:10px;
	}
	
	.view-current-wishes
	{
		float:left;
		clear:both;
		display:block;
		background:url(/images/Buttons/view_crrnt_wishes.gif) top left no-repeat;
		width:355px;
		text-indent:-999px;
		height:75px;
		overflow:hidden;
		margin:20px 20px 0 70px;
	}
	.view-current-wishes:hover
	{
		background:url(/images/Buttons/view_crrnt_wishes_hi.gif) top left no-repeat;
	}
	
	.donor-sign-up-link
	{
		float:left;
		display:block;
		width:160px;
		height:55px;
		text-indent:-9999px;
		margin-top:30px;
		overflow:hidden;
		background:url(/images/Buttons/donor-sign_up.gif) top left no-repeat;
	}
	.donor-sign-up-link:hover
	{
		background:url(/images/Buttons/donor-sign_up_hi.gif) top left no-repeat;
	}
	/* 07* case study page *********/
	#Content .case-study-details
	{
		width:340px;
		margin:15px;
		padding-bottom:5px;
		background:url(../images/Layout/contentPod-bottom-bg.gif) bottom left no-repeat;
	}
	#Content .border-bg .case-study-details h3
	{
		color:#0F6C95;
		padding-bottom:10px;
		background:url(../images/Layout/divider-bg.gif) bottom left repeat-x;
	}
	#Content .case-study-details dl
	{
		overflow:hidden;
	}
	
	#Content .case-study-details dl dt
	{
		float:left;
		clear:left;
		display:block;
		width:200px;
		padding:5px 0;
	}
	#Content .case-study-details dl dd
	{
		float:left;
		display:block;
		width:85px;
		padding:5px 0;
		text-align:right;
		font-weight:bold;
	}
	#Content .case-study-details dl dt.totalText, #Content .case-study-details dl dd.totalPrice 
	{
		margin-top:10px;
		background:url(../images/Layout/divider-bg.gif) top left repeat-x;
		color:#0F6C95;
	}
	#Content .case-study-details dl dt.totalText
	{
		font-weight:bold;
		padding-top:.7em;
	}
	#Content .case-study-details dl dd.totalPrice
	{
		font-size:1.3em;
	}
	#Content .case-study-details p.note
	{
		margin:0;
	}
	/* 07* My account Page *********/
	#Content #donation-list .desc p	{ margin:0 15px 0 0; }
	#Content #donation-list .desc img { margin:0 5px 0 0; float:left; }
	#Content #donation-list .start { padding-left:10px;	padding-right:10px;	}
	#Content #donation-list .finish	{ padding-left:10px; padding-right:10px; width:60px; }
	#Content #donation-list .views { padding-left:10px;	padding-right:10px;	}
	#Content #donation-list .options { padding-left:10px; width:72px; }
	
	#Content #fuzzy-list .logo { width:80px; }
	#Content #fuzzy-list .message {	padding:10px 20px; width:180px; }
	#Content #fuzzy-list .message textarea { width:180px; height:80px; border:1px solid #ccc; }
	#Content #fuzzy-list .options {	width:72px;	}
	#Content #fuzzy-list .received { padding:10px 20px; }
	
	#Content .account-welcome
	{
		width:325px;
		float:left;
		margin:0 20px 20px 0;
	}
	#Content .account-welcome h4
	{
		font-weight:normal;
		font-size:1.8em;
		margin:0px 0 10px;
	}
	#Content .account-welcome p
	{
		line-height:150%;
	}
	
	#Content .account-history
	{
		width:330px;
		float:left;
		margin-bottom:20px;
		background:url(../images/Layout/contentPod-bottom-bg.gif) bottom left no-repeat;
		padding-bottom:5px;
	}
	#Content .account-history .border-bg
	{
		border:1px solid #ccc;
		border-bottom:none;
		background:#f0f0f0;
		padding:16px 16px 11px;
	}
	#Content .account-history #Title
	{
		font-size:18px;
		color:#000;
		margin:0;
		padding:0 0 10px;
		background:url(../images/Layout/divider-bg.gif) bottom left repeat-x;	
	}
	#Content .account-history ul
	{
		overflow:hidden;
		padding-top:5px;
		font-size:.9em;
	}
	
	#Content .account-history ul li
	{
		list-style:none;
		margin:3px 0;
		float:left;
		width:148px;
	}
	#Content .account-history ul li span 
	{
		font-weight:bold;		
	}
	
	#my-details .personDetailsList
	{
		width:600px;
		padding:20px 0 10px;
		margin:0 20px;
	}
	#my-details .personDetailsList dt 
	{
		float:left; 
		font-weight:bold;
		width:75px; 
		padding:5px 0; 
	}
		#my-details .personDetailsList dt span {
			color:#F5862C;
			font-size:90%;
		}
		
	#my-details .personDetailsList dd 
	{
		float:left;
		width:205px;
		display:block; 
		padding:5px 10px; 
	}
	
	#my-details .personDetailsList dt.full-width, #my-details .personDetailsList dd.full-width
	{
		width:600px;
		padding:5px 0;
	}
	#my-details .personDetailsList dt.full-width
	{
		background:url(/images/Layout/divider-bg.gif) repeat-x scroll left top;
		margin-top:10px;
		padding-top:10px;
	}
	#my-details .personDetailsList dd input, #my-details .personDetailsList dd textarea
	{
		border:1px solid #ccc;
		width:200px;
		font-weight:normal;
	}
	#my-details .personDetailsList dd.full-width textarea
	{
		width:598px;
		margin-bottom:1em;
	}
	#my-details .profile-button 
	{
		margin:10px 0 20px 20px; 
	}
	
	.sign-up div {
		margin-left:15px;
		margin-bottom:6px;
	}
	
	
	.acct-tool-buttons { float:left; display:block; margin:15px 0 15px 3px; height:57px; width:104px; text-indent:-999px; overflow:hidden; }
	
	.my-account-dstuff { background:url(/images/Buttons/btn_myaccount_donatestuff.gif) no-repeat; margin-left: 15px;}
	.my-account-dstuff:hover { background:url(/images/Buttons/btn_myaccount_donatestuffHi.gif) no-repeat; }
	.my-account-dtime { background:url(/images/Buttons/btn_myaccount_donatetime.gif) no-repeat; }
	.my-account-dtime:hover { background:url(/images/Buttons/btn_myaccount_donatetimeHi.gif) no-repeat; }
	.my-account-ddiscount { background:url(/images/Buttons/btn_myaccount_donatedisaccount.gif) no-repeat; }
	.my-account-ddiscount:hover { background:url(/images/Buttons/btn_myaccount_donatedisaccountHi.gif) no-repeat; }
	.my-account-bwishes { background:url(/images/Buttons/btn_myaccount_browsewishlists.gif) no-repeat; width:321px; }
	.my-account-bwishes:hover { background:url(/images/Buttons/btn_myaccount_browsewishlistsHi.gif) no-repeat; }
	
	.my-account-boffer { background:url(/images/Buttons/btn_donationoffers.gif) no-repeat; width:313px; margin-left:15px; }
	.my-account-boffer:hover { background:url(/images/Buttons/btn_donationoffersHi.gif) no-repeat; }
	.my-account-wish { background:url(/images/Buttons/btn_makewish.gif) no-repeat; width:321px; }
	.my-account-wish:hover { background:url(/images/Buttons/btn_makewishHi.gif) no-repeat; }
	
/** 07* Make a wish styles ***********************/
#wishTypeList
{
	margin-left:105px;
}
/** 07* recipient profile list styles ****************/
#Content #recipient-list { width:650px; }
#Content #recipient-list .logo { width:100px; }
#Content #recipient-list .logo img { border:1px solid #999; }
#Content #recipient-list .details { padding:10px 20px; }
#Content #recipient-list .region { width:120px; }

/** 07* wish list browse styles ****************/
#Content #wish-list { width:650px; }
#Content #wish-list .listing p { margin-left:0; }
#Content #wish-list .region { padding-left:15px; }

/** 07* offers list browse styles ****************/
#Content #offers-list { width:650px; }
#Content #offers-list .listing p { margin-left:0; }
#Content #offers-list .region { padding-left:15px; }


/** 07* forms ************/

.back-button
{
	width:144px;
	height:31px;
	text-indent:-999px;
	overflow:hidden;
	display:block;
	float:left;
	margin:20px;
	background:url(/images/Buttons/back_btm.gif) top left no-repeat;
}
.back-button:hover { background:url(/images/Buttons/back_btm_hi.gif) top left no-repeat; }

.continue-wophoto
{
	width:219px;
	height:31px;
	text-indent:-999px;
	overflow:hidden;
	display:block;
	float:left;
	margin:20px 20px 0 0;
	background:url(/images/Buttons/wo_photo_btm.gif) top left no-repeat;	
}
.continue-wophoto:hover { background:url(/images/Buttons/wo_photo_btm_hi.gif) top left no-repeat; }

.continue-wphoto
{
	width:219px;
	height:31px;
	text-indent:-999px;
	display:block;
	overflow:hidden;
	float:left;
	margin-top:20px;
	background:url(/images/Buttons/with_photo_btm.gif) top left no-repeat;
}
.continue-wphoto:hover { background:url(/images/Buttons/with_photo_btm_hi.gif) top left no-repeat; }

.next-button
{
	text-indent:-999px;
	overflow:hidden;
	width:144px;
	height:31px;
	display:block;
	float:right;
	margin:20px;
	background:url(/images/Buttons/continue_btn.gif) top left no-repeat;
}
.next-button:hover { background:url(/images/Buttons/continue_btn_hi.gif) top left no-repeat; }

.confirm-button
{
	text-indent:-999px;
	overflow:hidden;
	width:244px;
	height:31px;
	display:block;
	float:right;
	margin:20px;
	background:url(/images/Buttons/complete_dontation_hi.gif) top left no-repeat;
}
.confirm-button:hover { background:url(/images/Buttons/complete_dontation.gif) top left no-repeat; }

.confirm-wish-button
{
	text-indent:-999px;
	overflow:hidden;
	width:244px;
	height:31px;
	display:block;
	float:right;
	margin:20px;
	background:url(/images/Buttons/complete_wish.gif) top left no-repeat;
}
.confirm-wish-button:hover { background:url(/images/Buttons/complete_wish_hi.gif) top left no-repeat; }


#goodsTypeBut { background:url(/images/Buttons/goods.gif) top left no-repeat; }
#goodsTypeBut:hover { background:url(/images/Buttons/goods_hi.gif) top left no-repeat; }

#timeTypeBut { background:url(/images/Buttons/time.gif) top left no-repeat; }
#timeTypeBut:hover { background:url(/images/Buttons/time_hi.gif) top left no-repeat; }

#discountTypeBut { background:url(/images/Buttons/discount.gif) top left no-repeat; }
#discountTypeBut:hover { background:url(/images/Buttons/discount_hi.gif) top left no-repeat; }

/* 07* Faq Styles ****************************************/
.questions-list{}

.questions-list dl dt
{
	display:block;
	width:580px;
	color:#f96400;
	font-weight:bold;
	padding:20px 0 20px 50px;
	margin:0 15px;
	background:url(/images/QuestionIconTopBorder.png) top left no-repeat;
}
.questions-list dl dt.first
{
	background:url(/images/QuestionIconOnly.png) top left no-repeat;
}
.questions-list dl dd
{
	display:block;
	width:540px;
	padding:0 0 20px 45px;
	margin:0 15px;
	background:url(/images/AnswerIcon.png) top left no-repeat;
}

/* 07* Testimonial Styles *******************************/
#Content .contentPod .notePaperList
{
	float:right;
	width:290px;
	display:block;
	margin:0 10px;
}
#Content .contentPod .notePaperList h4
{
	display:block;
	background:url(/images/NotePaperLongTop.png) top left no-repeat;
	width:285px;
	height:50px;
	margin-left:5px;
	margin-bottom:0;
	text-indent:-999px;
}

#Content .contentPod .featuredCaseStudies h4
{
	display:block;
	width:290px;
	height:80px;
	margin-left:0;
	background:url(/images/ImgReplace/NotePaperListHead-FeaturedCaseStudies.png) top left no-repeat;
	text-indent:-9999px;
	margin-bottom:0;
}

#Content .contentPod .notePaperList ul
{
	background:url(/images/NotePaperLongBottom.png) bottom right no-repeat;
	padding-bottom:74px;
	margin:0;
}

#Content .contentPod .notePaperList ul li
{
	clear:both;
	display:block;
	list-style:none;
	padding:10px 10px 10px 20px;
	margin:0;
	background:url(/images/NotePaperListBackground.png) 0 -100px no-repeat;
	height:1%;
	overflow:hidden;
}
#Content .contentPod .notePaperList ul li .photo
{
	float:left;
	background: url(/images/Layout/CaseStudyImageBox.png) no-repeat top left;
	padding:5px 5px 15px;
}
#Content .contentPod .notePaperList ul li p
{
	float:left;
	width:100px;
	margin:10px 10px 0;
}
#Content .contentPod .notePaperList ul li p a
{
	color:#ff6600;
	text-decoration:underline;
}
#Content .contentPod .notePaperList ul li p a:hover
{
	color:Gray;
}

#Content .contentPod ul.testimonials
{
}
#Content .contentPod ul.testimonials li
{
	list-style:none;
	background:url(/images/Layout/divider-bg.gif) top left repeat-x;
	padding-top:20px;
	margin:0 10px;
}
#Content .contentPod ul.testimonials li.first
{
	background:none;
}
#Content .contentPod ul.testimonials li p.author
{
	font-style:italic;
}

/* 07* Contact Page *************/
.contactForm
{
	width:318px;
	float:right;
	padding:0 0 5px;
	margin-left:20px;
	background:url(/images/Layout/contentPod-bottom-bg.gif) bottom left no-repeat;
	color:#444;
}
	.contactForm .border-bg
	{
		border:1px solid #bfbfbf;
		border-bottom:none;
	}
.contactForm .field
{
	background:#f2f2f2;
	border-bottom:1px solid #bfbfbf;
	padding:15px;
}
.contactForm .large-field
{
	background:#ccc;
	padding:15px;
}
	.contactForm label
	{
		font-weight:bold;
	}
	.contactForm .textField
	{
		border:1px solid #afadae;
		width:284px;
		margin-top:3px;
	}
	.contactForm textarea
	{
		height:220px;
	}
	.contactForm select
	{
		width:287px !important;
	}
	.contactForm .signup
	{
		padding:10px 0;
		display:block;
	}
	.contactForm .submit
	{
		display:block;
		margin-left:5px;
	}

.contactSections 
{
	width:340px;
}

.contactSections li
{
	list-style:none;
	background:url(/images/Layout/divider-bg.gif) top left repeat-x;
	margin:0;
	padding:15px 0;
}
.contactSections li.first
{
	background:none;
}
.contactSections li ul li
{
	background:none;
	padding:3px 0;
}

.contactSections dl { width:300px; display:block; overflow:hidden; }
.contactSections dl dt { display:block; width:100px; float:left; clear:left; padding:3px 0; }
.contactSections dl dd { display:block; width:200px; font-weight:bold; float:left; padding:3px 0; }





/* 07* Anchor buttons ************/
.view-current-offers
{
	background:url(/images/Buttons/btn_wish_currentoffers.gif) top left no-repeat;
	float:left;
	display:block;
	width:241px;
	font-size:0px;
	height:75px;
	margin:20px 0px 0 10px;
	overflow:hidden;
}
.view-current-offers:hover
{
	background:url(/images/Buttons/btn_wish_currentoffersHi.gif) top left no-repeat;
}
.view-prev-donations
{
	background:url(/images/Buttons/btn_wish_previous.gif) top left no-repeat;
	float:left;
	display:block;
	width:246px;
	text-indent:-200px;
	overflow:hidden;
	height:55px;
	margin:30px 0 0 0;
}
.view-prev-donations:hover
{
	background:url(/images/Buttons/btn_wish_previousHi.gif) top left no-repeat;
}
.recipient-sign-up-link
{
	background:url(/images/Buttons/btn_wish_signup.gif) top left no-repeat;
	float:left;
	display:block;
	width:158px;
	text-indent:-999px;
	overflow:hidden;
	height:55px;
	margin:30px 0 0 10px;
}
.recipient-sign-up-link:hover
{
	background:url(/images/Buttons/btn_wish_signupHi.gif) top left no-repeat;
}
	/* 07:Sidebar login pod **************/
.logged-username
{
	background:url(/images/Layout/icon_smileface.gif) top right no-repeat;
	height:20px;
	padding:5px 0 2px;
}
.process-options
{
	overflow:hidden;
	height:1%;
	padding:5px 0 2px;
	margin:0;
}
.process-options li
{
	float:left;
}
.process-options .logout-item
{
	float:right;
	width:56px;
	height:13px;
	padding-top:12px;
}
.process-options li a
{
	width:90px;
	height:53px;
	display:block;
	text-indent:-999px;
	overflow:hidden;
}

.process-options .donate-stuff { background:url(/images/Buttons/btn_donatestuff.gif) top left no-repeat; }
.process-options .donate-stuff:hover { background:url(/images/Buttons/btn_donatestuffHi.gif) top left no-repeat; }
.process-options .donate-time { background:url(/images/Buttons/btn_donatetime.gif) top left no-repeat; margin-left:3px; }
.process-options .donate-time:hover { background:url(/images/Buttons/btn_donatetimeHi.gif) top left no-repeat; }
.process-options .donate-discount { background:url(/images/Buttons/btn_donatediscount.gif) top left no-repeat; }
.process-options .donate-discount:hover { background:url(/images/Buttons/btn_donatediscountHi.gif) top left no-repeat; }
.process-options .browse-wishes { background:url(/images/Buttons/btn_browsewishes.gif) top left no-repeat; margin-left:3px; }
.process-options .browse-wishes:hover { background:url(/images/Buttons/btn_browsewishesHi.gif) top left no-repeat; }
.process-options .wish-time { background:url(/images/Buttons/btn_wishfortime.gif) top left no-repeat; }
.process-options .wish-time:hover { background:url(/images/Buttons/btn_wishfortimeHi.gif) top left no-repeat; }
.process-options .wish-goods { background:url(/images/Buttons/btn_wishforgoods.gif) top left no-repeat; margin-left:3px; }
.process-options .wish-goods:hover { background:url(/images/Buttons/btn_wishforgoodsHi.gif) top left no-repeat; }
.process-options .browse-offer { background:url(/images/Buttons/btn_browseoffers.gif) top left no-repeat; }
.process-options .browse-offer:hover { background:url(/images/Buttons/btn_browseoffersHi.gif) top left no-repeat; }
.process-options .update-profile { background:url(/images/Buttons/btn_updatemyprofile.gif) top left no-repeat; margin-left:3px; }
.process-options .update-profile:hover { background:url(/images/Buttons/btn_updatemyprofileHi.gif) top left no-repeat; }

.process-options .logout 
{
	background:url(/images/Buttons/btn_logout.gif) no-repeat;
	height:13px;
}

/********browse wish list********/
.buttons a.donate-now,
.buttons a.join-now-offer,
.buttons a.join-now, 
.buttons a.email-updates,
.buttons a.submit-feedback,
.buttons a.submit-news,
.buttons a.supporter-signup,
.buttons a.join-advertise
{
	overflow:hidden;
	text-indent:-9990px;
	width:141px;
	height:55px;
	display:block;
}
.buttons a.donate-now{ background:url(/images/Buttons/btn_donatenow.gif) top left no-repeat; }
.buttons a.donate-now:hover{ background:url(/images/Buttons/btn_donatenowHi.gif) top left no-repeat; }
.buttons a.join-now-offer{ background:url(/images/Buttons/btn_join-offers.gif) top left no-repeat; }
.buttons a.join-now-offer:hover { background:url(/images/Buttons/btn_join-offersHi.gif) top left no-repeat; }
.buttons a.join-now{ background:url(/images/Buttons/btn_joinnow2.gif) top left no-repeat; }
.buttons a.join-now:hover { background:url(/images/Buttons/btn_joinnow2Hi.gif) top left no-repeat; }
.buttons a.email-updates { background:url(/images/Buttons/btn_emailupdates.gif) top left no-repeat; }
.buttons a.email-updates:hover { background:url(/images/Buttons/btn_emailupdatesHi.gif) top left no-repeat; }
.buttons a.submit-feedback { background:url(/images/buttons/btn_submitfeedback.gif) no-repeat; width:195px; }
.buttons a.submit-feedback:hover { background:url(/images/buttons/btn_submitfeedbackHi.gif) no-repeat; }
.buttons a.submit-news { background:url(/images/Buttons/btn_submitnews.gif) no-repeat; }
.buttons a.submit-news:hover { background:url(/images/Buttons/btn_submitnewsHi.gif) no-repeat; }
.buttons a.supporter-signup { background:url(/images/Buttons/btn_supportors_contactus.gif) no-repeat; width:195px; }
.buttons a.supporter-signup:hover { background:url(/images/Buttons/btn_supportors_contactusHi.gif) no-repeat; }
.buttons a.join-advertise { background:url(/images/Buttons/btn_advetise.gif) no-repeat; }
.buttons a.join-advertise:hover { background:url(/images/Buttons/btn_advetiseHi.gif) no-repeat; }

/* 07** Page titles *********************/
.h2-join-now
{
	display:block;
	width:118px;
	height:22px;
	background:url(../images/ImgReplace/title_joinnow.gif) no-repeat;
	text-indent:-999px;
}
#h2-FAQ
{
	display:block;
	width:366px;
	height:29px;
	background:url(../images/ImgReplace/title_faq.gif) no-repeat;
	text-indent:-999px;
}
h2#browse-wish-list-title
{
	display:block;
	width:200px;
	height:31px;
	background:url(/images/ImgReplace/title_browsewishlists.gif) no-repeat;
	text-indent:-9999px;
}
h2#browse-offers
{
	display:block;
	width:187px;
	height:22px;
	background:url(/images/ImgReplace/title_browseoffers.gif) no-repeat;
	text-indent:-9999px;
}
h2#how-does-it-work-title
{
	display:block;
	width:250px;
	height:22px;
	background:url(/images/ImgReplace/title_howdoes.gif) no-repeat;
	text-indent:-9999px;
}
h2#testimonials
{
	display:block;
	width:173px;
	height:22px;
	background:url(/images/ImgReplace/title_testimonials.gif) no-repeat;
	text-indent:-9999px;
}
h2#my-account
{
	display:block;
	width:156px;
	height:28px;
	background:url(/images/ImgReplace/title_myaccount.gif) no-repeat;
	text-indent:-9999px;
}
h2#donate-news
{
	display:block;
	width:209px;
	height:22px;
	background:url(/images/ImgReplace/title_news.gif) no-repeat;
	text-indent:-9999px;
}
h2#our-supporters
{
	display:block;
	width:204px;
	height:28px;
	background:url(/images/ImgReplace/title_oursupportors.gif) no-repeat;
	text-indent:-9999px;
}
h2#contact-us
{
	display:block;
	width:137px;
	height:22px;
	background:url(/images/ImgReplace/title_contactus.gif) no-repeat;
	text-indent:-9999px;
}
h2#recipients-profile
{
	display:block;
	width:231px;
	height:28px;
	background:url(/images/ImgReplace/title_profile.gif) no-repeat;
	text-indent:-9999px;
}
h2#how-to-donate
{
	display:block;
	width:199px;
	height:30px;
	background:url(/images/ImgReplace/title_howtodonate.gif) no-repeat;
	text-indent:-9999px;
}
h2#make-a-donation
{
	display:block;
	width:230px;
	height:31px;
	background:url(/images/ImgReplace/title_makeadonation.gif) no-repeat;
	text-indent:-9999px;
}
h2#make-a-donation-goods
{
	display:block;
	width:360px;
	height:31px;
	background:url(/images/ImgReplace/title_donate-goods.gif) no-repeat;
	text-indent:-9999px;
}
h2#make-a-donation-time
{
	display:block;
	width:360px;
	height:31px;
	background:url(/images/ImgReplace/title_donate-time.gif) no-repeat;
	text-indent:-9999px;
}
h2#make-a-donation-discount
{
	display:block;
	width:380px;
	height:31px;
	background:url(/images/ImgReplace/title_donate-discount.gif) no-repeat;
	text-indent:-9999px;
}
h2#how-to-receive
{
	display:block;
	width:210px;
	height:30px;
	background:url(/images/ImgReplace/title_howtorecieve.gif) no-repeat;
	text-indent:-9999px;
}
h2#make-a-wish
{
	display:block;
	width:172px;
	height:30px;
	background:url(/images/ImgReplace/title_makeawish.gif) no-repeat;
	text-indent:-9999px;
}
h2#make-a-wish-goods
{
	display:block;
	width:284px;
	height:30px;
	background:url(/images/ImgReplace/title_makeawishgoods.gif) no-repeat;
	text-indent:-9999px;
}
h2#make-a-wish-time
{
	display:block;
	width:279px;
	height:30px;
	background:url(/images/ImgReplace/title_makeawishtime.gif) no-repeat;
	text-indent:-9999px;
}
h2#about-donating
{
	display:block;
	width:210px;
	height:30px;
	background:url(/images/ImgReplace/title_aboutdonating.gif) no-repeat;
	text-indent:-9999px;
}
h2#about-receiving
{
	display:block;
	width:217px;
	height:30px;
	background:url(/images/ImgReplace/title_aboutreceiving.gif) no-repeat;
	text-indent:-9999px;
}
h2#case-study
{
	display:block;
	width:151px;
	height:30px;
	background:url(/images/ImgReplace/title_casestudy.gif) no-repeat;
	text-indent:-9999px;
}
h2#vision-and-staff
{
	display:block;
	width:218px;
	height:30px;
	background:url(/images/ImgReplace/title_visionandstaff.gif) no-repeat;
	text-indent:-9999px;
}
h2#help
{
	display:block;
	width:63px;
	height:30px;
	background:url(/images/ImgReplace/title_help.gif) no-repeat;
	text-indent:-9999px;
}
h2#news-article
{
	display:block;
	width:209px;
	height:30px;
	background:url(/images/ImgReplace/title_news.gif) no-repeat;
	text-indent:-9999px;
}
h2#fundraising
{
	display:block;
	width:172px;
	height:30px;
	background:url(/images/ImgReplace/title_fundraising.gif) no-repeat;
	text-indent:-9999px;
}
h2#media-archive
{
	display:block;
	width:194px;
	height:30px;
	background:url(/images/ImgReplace/title_mediaarchive.gif) no-repeat;
	text-indent:-9999px;
}
h2#donate-media
{
	display:block;
	width:220px;
	height:30px;
	background:url(/images/ImgReplace/title_donatenzmedia.gif) no-repeat;
	text-indent:-9999px;
}
h2#competitions
{
	display:block;
	width:186px;
	height:30px;
	background:url(/images/ImgReplace/title_competitions.gif) no-repeat;
	text-indent:-9999px;
}
h2#reuse-ideas-tips
{
	display:block;
	width:257px;
	height:30px;
	background:url(/images/ImgReplace/title_reuseideastips.gif) no-repeat;
	text-indent:-9999px;
}
h2#useful-resources
{
	display:block;
	width:228px;
	height:30px;
	background:url(/images/ImgReplace/title_usefulresources.gif) no-repeat;
	text-indent:-9999px;
}
h2#donation-detail
{
	display:block;
	width:223px;
	height:30px;
	background:url(/images/ImgReplace/titles_donationdetails.gif) no-repeat;
	text-indent:-9999px;
}
h2#wish-detail
{
	display:block;
	width:167px;
	height:30px;
	background:url(/images/ImgReplace/titles_wishdetails.gif) no-repeat;
	text-indent:-9999px;
}
h2#tell-a-friend
{
	display:block;
	width:167px;
	height:30px;
	background:url(/images/ImgReplace/title_tellafriend.gif) no-repeat;
	text-indent:-9999px;
}
h2#terms-and-conditions
{
	display:block;
	width:259px;
	height:30px;
	background:url(/images/ImgReplace/title_termsandconditions.gif) no-repeat;
	text-indent:-9999px;
}
h2#sitemap
{
	display:block;
	width:259px;
	height:30px;
	background:url(/images/ImgReplace/title_sitemap.gif) no-repeat;
	text-indent:-9999px;
}
h2#register-donor-individual
{
	display:block;
	width:565px;
	height:30px;
	background:url(/images/ImgReplace/title_registerdonorindividual.gif) no-repeat;
	text-indent:-9999px;
}
h2#register-donor-business
{
	display:block;
	width:565px;
	height:30px;
	background:url(/images/ImgReplace/title_registerdonorbusiness.gif) no-repeat;
	text-indent:-9999px;
}
h2#register-recipient
{
	display:block;
	width:521px;
	height:30px;
	background:url(/images/ImgReplace/title_registerrecipient.gif) no-repeat;
	text-indent:-9999px;
}
h2#privacy-policy
{
	display:block;
	width:175px;
	height:30px;
	background:url(/images/ImgReplace/title_privacypolicy.gif) no-repeat;
	text-indent:-9999px;
}
h2#login-prompt{
    display:block;
	width:164px;
	height:30px;
	background:url(/images/ImgReplace/title_pleaselogin.gif) no-repeat;
	text-indent:-9999px;
}
h2#forgotten-password{
    display:block;
	width:357px;
	height:30px;
	background:url(/images/ImgReplace/title_forgottenpassword.gif) no-repeat;
	text-indent:-9999px;
}
h2#email-updates{
    display:block;
	width:357px;
	height:30px;
	background:url(/images/ImgReplace/title_emailupdates.gif) no-repeat;
	text-indent:-9999px;
}    

/* 07** Tabhead titles *********************/
span.text-replace
{
	display:block;
	text-indent:-9999px;
}
/* SIDEBAR */
span#site-search{ background:url(/images/ImgReplace/tabhead_sitesearch.gif) no-repeat; }
span#member-login{ background:url(/images/ImgReplace/tabhead_memberlogin.gif) no-repeat; }
span#toolbox-guest{ background:url(/images/ImgReplace/tabhead_toolboxguest.gif) no-repeat; }
span#email-updates{ background:url(/images/ImgReplace/tabhead_emailupdates.gif) no-repeat; }
span.my-toolbox{ background:url(/images/ImgReplace/tabhead_mytoolbox.gif) no-repeat; }

/* DONATE FORMS */
span#select-donation-type { background:url(/images/ImgReplace/tabhead_selectdonationtype.gif) no-repeat; }
span.reccurance-expiry { background:url(/images/ImgReplace/tabhead_recurranceexpiry.gif) no-repeat; }
span.discount-expiry { background:url(/images/ImgReplace/tabhead_discountexpiry.gif) no-repeat; }
span.donating-details { background:url(/images/ImgReplace/tabhead_donatingdetails.gif) no-repeat; }
span#time-details { background:url(/images/ImgReplace/tabhead_timedetails.gif) no-repeat; }
span#business-details { background:url(/images/ImgReplace/tabhead_businessdetails.gif) no-repeat; }
span.discount-details-public { background:url(/images/ImgReplace/tabhead_discountdetailspubl.gif) no-repeat;}
span.discount-details-private { background:url(/images/ImgReplace/tabhead_discountdetailspriv.gif) no-repeat;}
span.upload-image { background:url(/images/ImgReplace/tabhead_uploadimage.gif) no-repeat;}
span.confirmation-preview { background:url(/images/ImgReplace/tabhead_preview.gif) no-repeat;}
span.complete-donation { background:url(/images/ImgReplace/tabhead_complete.gif) no-repeat;}
span.confirmation-notes { background:url(/images/ImgReplace/tabhead_confirmnotes.gif) no-repeat; }
span.details-provided-private { background:url(/images/ImgReplace/tabhead_detailsprovidedpriv.gif) no-repeat; }
span.membership-required { background:url(/images/ImgReplace/tabhead_requiremembership.gif) no-repeat; }

/* Wish form */
span.select-wish-type { background:url(/images/ImgReplace/tabhead_selectwishtype.gif) no-repeat;}
span.wish-detail { background:url(/images/ImgReplace/tabhead_wishdetails.gif) no-repeat;}

/* Wish detail */
span.recipient-info { background:url(/images/ImgReplace/tabhead_recipeinfo.gif) no-repeat;}
span.other-wishes { background:url(/images/ImgReplace/tabhead_otherwishes.gif) no-repeat;}
/* Donation detail */
span.availible-donations { background:url(/images/ImgReplace/tabhead_availdonations.gif) no-repeat;}
span.discount-redemtion-info { background:url(/images/ImgReplace/tabhead_discredeminfo.gif) no-repeat;}

/* Join Now & registering forms */
span.join-as-donor { background:url(/images/ImgReplace/tabhead_joinasdonor.gif) no-repeat;}
span.join-as-recipient { background:url(/images/ImgReplace/tabhead_joinasrecipient.gif) no-repeat;}
span.contact-detail-login {background:url(/images/ImgReplace/tabhead_contactlogin.gif) no-repeat;}
span.other-info {background:url(/images/ImgReplace/tabhead_otherinfo.gif) no-repeat;}
span.business-info { background:url(/images/ImgReplace/tabhead_businessinfo.gif) no-repeat;}
span.contact-person-login {background:url(/images/ImgReplace/tabhead_contactpersonlogin.gif) no-repeat;}
span.type-cost {background:url(/images/ImgReplace/tabhead_typecost.gif) no-repeat;}
span.organisation-info {background:url(/images/ImgReplace/tabhead_organisationinfo.gif) no-repeat;}
span.what-to-do-now { background:url(/images/ImgReplace/tabhead_whattodonow.gif) no-repeat; }

/* OTHER */
span#how-does-it-work{ background:url(/images/ImgReplace/tabhead_howdoesitwork.gif) no-repeat; }
span.wish-for-list{ background:url(/images/ImgReplace/tabhead_wishforlist.gif) no-repeat; }
span.contact-details{ background:url(/images/ImgReplace/tabhead_contactdetails.gif) no-repeat; }
span.media-news-archive{ background:url(/images/ImgReplace/tabhead_medianewsarchive.gif) no-repeat; }
span.email-details { background:url(/images/ImgReplace/tabhead_emaildetails.gif) no-repeat;}

/**** 07 site map styling *********************/
	#site-menu {
		float:left;
		width:170px;
		margin:15px 20px 15px 0;
		padding:96px 0 0;
		background:url('/Images/logos/logo-lion.gif') 0px 61px no-repeat;
	}
	
		#site-menu ul {
			border-top:3px solid #ff6600;
		}
		
		#site-menu ul li {
			margin-top:10px;
			font-size:.85em;
		}
		
		
	.site-map-listing { overflow:hidden; height:1%; }
		
		.site-map-listing li.left-col {
			margin-left:0;
			clear:both;				/* #1 - Used for all browsers except IE6/IE7 */
		}
		
		#Content .standardPage .site-map-listing ul {
			list-style:none;
			margin:0;
		}
		
		.site-map-listing ul li 
		{
			list-style:none;
			margin:20px 0 0 20px;
			padding:0;
			display:inline-block;	/* #2 - For IE6/IE7 - Inline-block fix in relavent style sheets */
			vertical-align:top;
			width:305px;
			color:#0D6E97;
			font-size:1.0em;
			float:left;				/* #3 - IE6/IE7 style sheets remove float and uses inline block fix */
		}
		
		.site-map-listing ul li a {
			display:block;
			padding:.5em 10px;
			font-weight:bold;
			background:url(/images/Layout/blue-grad.jpg) repeat-y;
			color:#fff;
			text-transform:uppercase;
			text-decoration:none;
		}
		.site-map-listing ul li a#donate, .site-map-listing ul li a#receive {
		    background:url(/images/Layout/orange-grad.jpg) repeat-y;
		}
		.site-map-listing ul li a#home{
		    display:none;
		}
		
		.site-map-listing ul li a#donate:hover, .site-map-listing ul li a#receive:hover  {
			background-color:#fff;
			background-image:none;
			color:#F9971C;
		}
		.site-map-listing ul li a:hover
		{
		    color:#0D6E97;
		    background-color:#fff;
		    background-image:none;
		}
				
		.site-map-listing ul ul li {
			margin:1px 0 0 0;
		}
		
		.site-map-listing ul ul li a {
			margin:0;
			padding-left:15px;
			background:#f2f2f2;
			font-weight:normal;
			color:#0D6E97;
			text-transform: none;
		}
		
/** 07. Our Supporter list ***/
#our-supporters-list {
	clear:both;
	width:625px;
	margin-top:30px;
	overflow:hidden;
	margin-left:15px;
	background:url(/images/layout/divider-bg.gif) bottom left repeat-x;
}
#ie6 #our-supporters-list {
	zoom:1;
}
#our-supporters-list li {
	list-style-type:none;
	float:left;
	display:block;
	width:135px;
	margin:0 0 15px 20px;
}
	#our-supporters-list li a {
		display:block;
		overflow:hidden;
		width:130px;
		height:90px;
	}
		#our-supporters-list li .supporter-title {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

/*
#our-supporters-list li {
	list-style-type:none;
	float:left;
	display:block;
	width:135px;
	margin:0 0 15px 20px;
}
#our-supporters-list li a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background-position:top left;
	background-repeat:no-repeat;
	width:130px;
	height:90px;
}

#our-supporters-list li.fishpond a {
	background-image:url(/images/supporters/fishpond.jpg);
}
#our-supporters-list li.bartercard a {
	background-image:url(/images/supporters/bartercard.jpg);
}
#our-supporters-list li.rosesarered a {
	background-image:url(/images/supporters/RosesAreRed.jpg);
}
#our-supporters-list li.horseriding a {
	background-image:url(/images/supporters/Horse-Riding.jpg);
}
#our-supporters-list li.bjballpaper a {
	background-image:url(/images/supporters/BJBall-Papers.jpg);
}
#our-supporters-list li.kiwiprint a {
	background-image:url(/images/supporters/Kiwiprint.jpg);
}
#our-supporters-list li.mrvintage a {
	background-image:url(/images/supporters/MrVintage.jpg);
}
#our-supporters-list li.petsonthenet a {
	background-image:url(/images/supporters/PetsontheNet.jpg);
}
#our-supporters-list li.rosesonly a {
	background-image:url(/images/supporters/RosesOnly.jpg);
}
#our-supporters-list li.trc a {
	background-image:url(/images/supporters/TRC.jpg);
}
#our-supporters-list li.polyfonk a {
	background-image:url(/images/supporters/Polyfonk.jpg);
}
#our-supporters-list li.eclipsesports a {
	background-image:url(/images/supporters/Eclipse.jpg);
}
#our-supporters-list li.fpa a {
	background-image:url(/images/supporters/FPA.jpg);
}
#our-supporters-list li.sothertons {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background-position:top left;
	background-repeat:no-repeat;
	width:130px;
	height:90px;
	background-image:url(/images/supporters/Sothertons.jpg);
}
#our-supporters-list li.menumania a {
	background-image:url(/images/supporters/MenuMania.jpg);
}
*/


.thank-supporters {
	margin-left:470px;
}