/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 09 February 2012 04:36:30
*/


ul#mycarousel {
 display:none;
}

#donate_container {
    width:749px;
    height:358px;
    background:#000 url(http://england.shelter.org.uk/?a=254374) repeat scroll 0 0;
    position: relative;
    color:#FFFFFF
}

#donate_container label {
    display: inline;
}

#donate_container p{margin:0!important; padding:5px 0px 0px 25px;  width: 440px}
#donate_container p.headline_white{padding-top:25px;font-size:30px!important; line-height:1.4em!important;}


#donate_monthly_container {
    position:absolute;
    left: 48px;
    top: 262px;
    height: 84px;
    width: 337px;
}

#donate_single_container {
    position:absolute;
    left: 437px;
    top: 262px;
    height: 84px;
    width: 261px;
}

.custom_amount_box {
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
    background-color:#E3E3E3;
    border:1px solid #C9C9C9;
    display:inline;
    float:right;
    margin-bottom:1px;
    padding:3px;
    text-align:right;
    position:relative; 
    bottom: 5px;
}

#custom_amount_monthly {
    width:140px;
}

#custom_amount_single {
    width:230px;
}

.custom_amount_textfield {
    -moz-border-radius-bottomleft:2px;
    -moz-border-radius-bottomright:2px;
    -moz-border-radius-topleft:2px;
    -moz-border-radius-topright:2px;
    border-color:#999999 #B4B4B4 #B4B4B4 #999999;
    border-style:solid;
    border-width:1px;
    display:inline;
    font-size:15px;
    height:20px;
}

.donation_button {
    -moz-border-radius-bottomleft:2px;
    -moz-border-radius-bottomright:2px;
    -moz-border-radius-topleft:2px;
    -moz-border-radius-topright:2px;
    background:transparent url(http://england.shelter.org.uk/__data/assets/image/0020/29045/donate_button_bg.gif) repeat scroll left top;
    border-color:#CCCCCC #999999 #999999 #CCCCCC;
    border-style:solid;
    border-width:1px;
    font-size:14px;
    height:30px;
    margin-top:8px;
    text-align:center;
    position:relative;
    bottom: 5px;
}

.donation_button:hover {
    cursor:pointer
}

#monthly_donation_button {
    width:337px;
}

#single_donation_button {
    width:261px;
}









/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
 
 #why_monthly {
     width:542px!important
 }
 
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

#pagecontent #pubs-bground #wrap .jcarousel-list li,
#pagecontent #pubs-bground #wrap .jcarousel-item {
    float: left;
    list-style: none;
    background: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 165px;
    height: 124px;
    
    background: red;
    padding: 0;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
 
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

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

.jcarousel-skin-tango 
.jcarousel-container {
    border: 0;
}

.jcarousel-skin-tango 
.jcarousel-container-horizontal {
    width: 452px;
    padding: 3px 35px 0 35px;
    margin-left: 10px;
    
    /*background: yellow;*/
}

.jcarousel-skin-tango 
.jcarousel-clip-horizontal {
    width:  440px;
    height: 124px;
    
    margin: 0 auto;
    
    /*background: green;*/
}

.jcarousel-skin-tango 
.jcarousel-item {
    width: 165px;
    height: 124px;
    float:left;
}

.jcarousel-skin-tango 
.jcarousel-item-horizontal {
    margin-right: 5px;
}

.jcarousel-skin-tango 
.jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
 
.jcarousel-skin-tango 
.jcarousel-next-horizontal {
    position: absolute;
    top: 50px;
    right: 1px;
    width: 31px;
    height: 31px;
    cursor: pointer;
    background: #f9f7f6 url(./?a=187305) no-repeat -93px 0;
}

.jcarousel-skin-tango 
.jcarousel-next-horizontal:hover {
    background-position: -31px 0;
}

.jcarousel-skin-tango 
.jcarousel-next-horizontal:active {
    background-position: -62px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0 0;
}

.jcarousel-skin-tango 
.jcarousel-prev-horizontal {
    position: absolute;
    top: 50px;
    left: 1px;
    width: 31px;
    height: 31px;
    cursor: pointer;
    background: #f9f7f6 url(./?a=187300) no-repeat 0 0;
}

.jcarousel-skin-tango 
.jcarousel-prev-horizontal:hover {
    background-position: -62px 0;
}

.jcarousel-skin-tango 
.jcarousel-prev-horizontal:active {
    background-position: -31px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -93px 0;
}