* {
    margin:                     0;
    outline:                    none;
    padding:                    0;
}

html, body {
    height:                     100%;
}

body {
    background:                 #141308 url('/media/images/bg.jpg') no-repeat fixed center center;
    color:                      #534739;
    font:                       12px Verdana, Arial, Sans-serif;
}

form {
    height:                     auto!important;
    height:                     100%;
    margin:                     0 auto -170px;
    min-height:                 100%;
}

#wrapper {
    min-height:                 580px;
    margin:                     0 auto;
    padding:                    60px 0 40px;
    width:                      978px;
}

#wrapper-header {
    background:                 url('/media/images/site-frame-header.png') no-repeat;
    display:                    inline-block;
    width:                      978px;
    height:                     6px;
    margin:                     -1px 0px 0px -1px;
}

#wrapper-footer {
    background:                 url('/media/images/site-frame-footer.png') no-repeat;
    display:                    inline-block;
    width:                      978px;
    height:                     12px;
    margin:                     -5px 0px 0px -1px;
}

.push {
    height:                     60px;
}

#dash {
    padding:                    0px;
    position:                   relative;
	height:                     60px;
    width:                      500px;
}

#dash object, #dash embed {
    left:                       20px;
    position:                   absolute;
    top:                        0;
    z-index:                    300;
}

.no-javascript {
    background:                 #7e0c6e;
    color:                      #FFF;
    padding:                    5px 0 8px;
    position:                   absolute;
    text-align:                 center;
    width:                      100%;
    z-index:                    300;
}

/* Page Assets */

h1 {
    font:                       bold 18px Arial, Sans-serif;
}

p {
    margin:                     0;
    line-height:                18px;
    padding:                    20px 0 0 0;
}

p a, #content ul a, span.tag, label a, .content-area ul a {
    color:                      #534739;
    font-weight:                bold;
    background-color:           #EFE0C5;    
}

#content ul, .content-area ul {
    margin:                     10px 0 5px;
}

#content ul li, .content-area ul li {
    margin:                     0 0 5px 20px;
}

#content ul.purple {
    color:                      #80126D;
}

#content ul.purple li span {
    color:                      #534739;
}

img {
    border:                     0;
}

.clear {
    clear:                      both;
    overflow:                   hidden;
}

.msg-ok
{
    border:                     2px solid #b9d274;
    background:                 #dfedb8;
    color:                      #7ba700;
    margin:                     0 0 10px 0;
    padding:                    10px;
}

.msg-error {
    background:                 #f6cad0;
    border:                     2px solid #e8a0aa;
    color:                      #e8a0aa;
    margin:                     10px 0px 10px 20px;
    padding:                    10px 0px 10px 25px;
    width:                      560px;
}

/* Header & Navigation */

#header {
    height:                     81px;
    padding:                    0 0 0 246px;
    position:                   relative;
}

#header #logo {
    background:                 url('/media/images/logo.png') no-repeat;
    height:                     425px;
    left:                       -55px;
    position:                   absolute;
    top:                        -112px;
    width:                      324px;
    z-index:                    100;
}

#header #logo span {
    display:                    none;
}

#header ul#nav {
    list-style-type:            none;
}

#header ul#nav li {
    display:                    inline;
}

#header ul#nav li a {
    border-right:               1px solid #283232;
    color:                      #aeaeae;
    display:                    inline-block;
    float:                      left;
    font:                       14px Arial, Sans-serif;
    height:                     46px;
    padding:                    35px 14px 0 15px;
    text-decoration:            none;    
    text-transform:             uppercase;
}

#header ul#nav li a span {
    color:                      #5e6666;
    font:                       9px/16px Tahoma, Sans-serif;
}

#header ul#nav li a:hover, #header ul#nav li a.current {
    color:                      #9fc705;
    background:                 url('/media/images/nav-hover-bg.png') repeat-x;
}

#header ul#nav li a:hover span, #header ul#nav li a.current span {
    color:                      #92a27d;
}

#header ul#nav li.last a {
    border-right:               0;
    width:                      50px; /* Fixes an IE7 bug (span wraps) */
}

#header a.contact {
    background:                 url('/media/images/contactus-bg.png') no-repeat;
    bottom:                     0;
    height:                     69px;
    position:                   absolute;
    right:                      64px;
    width:                      86px;
}

#header a.contact.current {
    background:                 url('/media/images/contactus-bg-green.png') no-repeat;
}

#header a.contact span {
    display:                    none;
}

/* Content */

#content {
    background:                 url('/media/images/site-frame-middle.png') repeat-y;
    min-height:                 350px;
    overflow:                   hidden;
    padding:                    0px 59px 5px 58px;
    width:                      860px;
}

#content .left {
    float:                      left;
    min-height:                 350px;
    margin-right:               5px;
    width:                      630px;
}

#content .left.wide {
    margin-right:               0; 
    position:                   relative;
    width:                      auto;
    z-index:                    101;
    //z-index:                  auto;
}

#content .left #homepageFlashContent {
    position:                   relative;
    z-index:                    101;
    //z-index:                  auto;
}

#content .right {
    float:                      left;
    min-height:                 312px;
    width:                      225px;
}

#content .right a.donate {
    clear:                      both;
    height:                     60px;
    display:                    inline-block;
    margin:                     4px 0 0;
    width:                      225px;
}

#content .right a.volunteer {
    clear:                      both;
    display:                    inline-block;
}

/* Bottom Panels */

#bottom-panels {
    background:                 url('/media/images/site-frame-middle.png') repeat-y;
    height:                     85px;
    padding:                    0 59px;
    position:                   relative;
    width:                      860px;
}

#bottom-panels a.twitter {
    background:                 url('/media/images/panel-twitter-bg.jpg') no-repeat;
    cursor:                     pointer;
    display:                    inline-block;
    height:                     86px;
    float:                      left;
    position:                   relative;
    width:                      315px;
}

#bottom-panels a.twitter span.figure {
    background:                 url('/media/images/panel-twitter-figure.png') no-repeat;
    display:                    block;
    height:                     164px;
    left:                       -22px;
    position:                   absolute;
    top:                        -36px;
    width:                      212px;
    z-index:                    200;
}

#bottom-panels a.twitter span.hidden {
    display:                    none;
}

#bottom-panels a.twitter span.follow-us, #bottom-panels a.twitter span.enter-to-win {
    display:                    inline-block;
    height:                     47px;
    left:                       152px;
    position:                   absolute;
    top:                        5px;
    width:                      143px;
}

#bottom-panels a.twitter span.follow-us {
    background:                 url('/media/images/panel-twitter-text-follow.png') no-repeat;
}

#bottom-panels a.twitter span.enter-to-win {
    background:                 url('/media/images/panel-twitter-text-enter.png') no-repeat;
}

#bottom-panels a.prize {
    background:                 url('/media/images/panel-prize-bg.jpg') no-repeat;
    cursor:                     pointer;
    display:                    inline-block;
    height:                     86px;
    float:                      left;
    position:                   relative;
    width:                      315px;
}

#bottom-panels a.prize span.enter {
    background:                 url('/media/images/panel-prize-enter.gif') no-repeat;
    height:                     37px;
    left:                       0;
    position:                   absolute;
    top:                        5px;
    width:                      234px;
    z-index:                    205;
}

#bottom-panels a.prize span.details {
    background:                 url('/media/images/panel-prize-enter-purple.gif') no-repeat;
    height:                     30px;
    left:                       0;
    position:                   absolute;
    top:                        42px;
    width:                      172px;
    z-index:                    205;
}

#bottom-panels a.prize span.enter b {
    display:                    none;
}

#bottom-panels a.prize span.details b {
    display:                    none;
}

#bottom-panels a.prize span.win {
    background:                 url('/media/images/panel-prize-win.png') no-repeat;
    height:                     142px;
    position:                   absolute;
    right:                      -20px;
    top:                        -28px;
    width:                      157px;
    z-index:                    200;
}

#bottom-panels a.wrvs-logo {
    cursor:                     pointer;
    float:                      left;
    margin:                     -20px 0px 0px 34px;
    position:                   relative;
    z-index:                    300;
}

/* Footer */

#footer {
    color:                      #8c8c8c;
    padding:                    15px 59px;
    text-align:                 right;
    position:                   relative;
    width:                      350px;
    z-index:                    100;
    float:                      right;
}

#footer a {
    color:                      #8c8c8c;
    text-decoration:            none;
}

#footer a:hover {
    text-decoration:            underline;
}

/* Video */

a.video-left, a.video-right {
    cursor:                     pointer;
    float:                      left;
    line-height:                0;
}

.video-left-strap {
    background:                 url('/media/images/video-left-strap.gif') no-repeat;
    display:                    block;
    height:                     27px;
    left:                       40px;
    position:                   absolute;
    top:                        3px;
    width:                      313px;
}

.video-right-strap {
    background:                 url('/media/images/video-right-strap.gif') no-repeat;
    display:                    block;
    height:                     46px;
    left:                       40px;
    position:                   absolute;
    top:                        -16px;
    width:                      430px;
}

/* Contact Us */

#contact-us-form {
    float:                      left;
    margin:                     0 0 0 0;
}

#contact-us-form .panel 
{
    float:                      left;
    width:                      615px;
}

#contact-us-form label {
    clear:                      both;
    cursor:                     pointer;
    float:                      left;
    margin:                     5px 0 0 20px;
    width:                      100px;
}

#contact-us-form .clear {
    height:                     0px;
}

#contact-us-form input.input-text {
    background:                 url('/media/images/Form-input-field.png') no-repeat;
    float:                      left;
    border:                     0px;
    width:                      202px;
    height:                     20px;
    margin:                     0 0 0 0;
    padding:                    8px 0 0 12px;
    color:                      #563508;
    font:                       11px Verdana, Arial, Sans-serif;
}

/*#contact-us-form input.input-text:focus {
    background:                 url('/media/images/Alert-red-notification.png') no-repeat;
}*/

#contact-us-form .input-helper 
{
    background:                 url('/media/images/Notifications-form.png') no-repeat;
    float:                      left;
    width:                      138px;
    height:                     34px;
    margin:                     -10px 0 0 0;
    padding:                    8px 0 0 2px;
    color:                      #BD0000;
    font:                       10px Verdana, Arial, Sans-serif;
    font-weight:                bold;
    text-align:                 center;
    display:                    none;
}

#contact-us-form .form-item {
    //min-height:                   1%;
    padding:                    5px 0;
    position:                   relative;
}

#contact-us-form .form-validation {
    background:                 url('/media/images/Notifications-form.png') no-repeat;
    width:                      120px;
    height:                     34px;
    margin:                     -10px 0 0 0;
    padding:                    8px 0 0 20px;
    color:                      #BD0000 !important;
    font:                       10px Verdana, Arial, Sans-serif;
    font-weight:                bold;
    text-align:                 left;
    position:                   absolute;
    left:                       335px;
    top:                        7px;
}

#contact-us-form .left-error {
    background:                 url('/media/images/Notifications-form.gif') no-repeat !important;
    z-index:                    10;
}

#contact-us-form .wrvs-support {
    left:                       600px;
    top:                        135px;
}

#contact-us-form .far-left {
    left:                       555px;
}

#contact-us-form .input-multiline {
    background:                 url('/media/images/Prizedraw-Text-field.png') no-repeat;
    float:                      left;
    border:                     0px;
    width:                      565px;
    height:                     100px;
    margin:                     0 0 0 0;
    padding:                    10px 30px 20px 25px;
    color:                      #563508;
    font:                       11px Verdana, Arial, Sans-serif;
    overflow:                   hidden;
}

#contact-us-form .input-multiline textarea {
    background:                 transparent;
    color:                      #563508;
    font:                       11px Verdana, Arial, Sans-serif;
    width:                      565px;
    height:                     100px;
    border:                     0px;    
}

#contact-us-form div.options-small {
    float:                      left;
    margin:                     5px 0 0 20px;
    padding:                    0 3px 0 0;
    width:                      165px;
}

#contact-us-form div.options-small label {
    float:                      left;
    clear:                      none;
    margin:                     3px 0 0 10px;
    //margin-top:               7px;
    width:                      135px;
}

#contact-us-form div.options {
    float:                      left;
    margin:                     1px 0 0 20px;
    padding:                    0 3px 0 0;
    width:                      460px;
}

#contact-us-form div.options label {
    clear:                      none;
    margin:                     3px 0 0 10px;
    //margin-top:               7px;
    width:                      425px;
}

#contact-us-form div.options-small input {
    margin-top:                 3px;
    float:                      left;
}

#contact-us-form .star {
    color:                      #823174;
}

#contact-us-form .slider-rail {
    background:                 url('/media/images/Prizedraw-timeline.png') no-repeat 0 10px;
    position:                   relative;
    width:                      585px;
    height:                     30px;
    margin:                     0 0 0 20px;
}

#contact-us-form .slider-handle {
    position:                   absolute;
    width:                      17px;
    height:                     22px;
}

#contact-us-form div.options.checkbox label {
    width:                      180px;
}

#contact-us-form div.options input {
    margin-top:                 3px;
    float:                      left;
}

#contact-us-form select {
    border:                     1px solid #cfcfcf;
    color:                      #695d50;
    font:                       11px Verdana, Arial, Sans-serif;
    float:                      left;
    height:                     21px;
    margin:                     13px 0 0 0;
    width:                      150px;
}

#contact-us-form .submit {
    padding:                    15px 0 0 0;
    text-align:                 right;
}

#contact-us-form .left-panel {
    float:                      left;
    margin-right:               10px;
    width:                      340px;
}

#contact-us-form .right-panel {
    background:                 url('/media/images/twitter-right-bg.gif') no-repeat 0 -30px;
    float:                      left;
    height:                     auto!important;
    height:                     552px;
    min-height:                 552px;
    padding-left:               20px;
    width:                      250px;
}

#contact-us-form .right-panel div.options {
    margin-left:                0px;
    width:                      250px;
}

#contact-us-form .right-panel div.options label {
    width:                      210px;
}

#contact-us-form .details {
    margin:                     20px 0 0;
}

#contact-us-form .details .detail {
    clear:                      both;
    float:                      left;
    font-weight:                bold;
    margin:                     0 0 5px 0;
    width:                      100px;
}

#contact-us-form .details .value {
    color:                      #80126d;
    float:                      left;
    font-weight:                bold;
    margin:                     0 0 5px 0;
    width:                      110px;
}

#contact-us-form .details .value a {
    color:                      #80126d;
    background-color:           #EFE0C5;    
}

.thumbs-up {
    background:                 url('/media/images/thumbs-up.jpg') no-repeat;
    height:                     449px;
    margin:                     20px auto 0;
    width:                      463px;
}

/* Content */

.content-area {
    width:                      629px;
    /*background:                 #e1e0d7 url('/media/images/background-coffee-stain.gif') no-repeat;*/
    background:                 #e1e0d7;
    margin:                     0px 0px 0px 1px;
    float:                      left;
    padding-bottom:             20px;
}

.content-text {
    margin:                     40px 10px 25px 20px;
    position:                   relative;
    z-index:                    101;
    width:                      590px;
}

.content-text .btn-left {
    float:                      left;
    margin:                     10px 0 0 0;
}

.content-text .btn-right {
    float:                      right;
    margin:                     20px 0 10px 0;
}

.content-text .cardboard-banner {
    background:                 url('/media/images/Wooden-Blank-Panel.png') no-repeat;
    float:                      left;
    height:                     123px;
    margin:                     10px 0 0 -20px;
    width:                      370px;
}

.content-text .cardboard-banner p {
    height:                     90px;
    margin:                     0 0 0 20px;
    width:                      320px;
}

.content-text .community-transport-text {
    float:                      left;
    width:                      380px;
}

.content-text .community-transport-1 {
    background:                 url('/media/images/Grandma-Helping-Grandad-Car.png') no-repeat;
    float:                      right;
    height:                     145px;
    margin:                     20px 0 0 0;
    width:                      115px;
}

.content-text .community-transport-2 {
    background:                 url('/media/images/Angle-Grinner-Photos.png') no-repeat;
    width:                      210px;
    height:                     177px;
    margin:                     0;
    float:                      right;
    position:                   relative;
    top:                        -10px;
    right:                      0px;
}

.content-text .donate-1 {
    /*background:                 url('/media/images/Grandad-Pushing-Grandad-02.png') no-repeat bottom center;*/
    width:                      280px;
    height:                     380px;
    margin:                     20px 0 20px 0;
    float:                      left;
}

.content-text .donate-2 {
    background:                 url('/media/images/Grey-Line-Partion.png') no-repeat;
    width:                      5px;
    height:                     370px;
    margin:                     20px 0 0 0;
    float:                      left;
}

.content-text .donate-3 {
    width:                      280px;
    height:                     380px;
    margin:                     20px 0 20px 0;
    float:                      left;
    padding:                    0 0 0 20px;
}

.serach-box {
    float:                      left;
    margin:                     10px 0 -20px 0;
}

.serach-box input {
    background:                 url('/media/images/form-enter-postcode.gif') no-repeat;
    float:                      left;
    border:                     0px;
    width:                      202px;
    height:                     22px;
    margin:                     5px 0 0 0;
    padding:                    8px 0 0 12px;
    color:                      #563508;
    font:                       11px Verdana, Arial, Sans-serif;
}

.serach-box a {
    float:                      left;
    margin:                     0 0 0 10px;
}

/* About WRVS */

.about-wrvs {
    margin:                     0 0 0 -20px;
}

.about-wrvs span {
    display:                    none;
}

/* Prize Draw */

.prizedraw-into {
    margin-left:                20px;
    width:                      375px;
}

.prizedraw-win {
    background:                 url('/media/images/prizedraw-win.png') no-repeat;
    height:                     262px;
    position:                   absolute;
    right:                      10px;
    top:                        0;
    width:                      218px;
}


/* Modal Pop-up */

#simplemodal-overlay {
  	background-color:           #000;
}

.simplemodal-container {
    padding:                    10px;
  	background:                 #000;
	width:                      660px;
	margin:                     10px 0 0 0;
}

.simplemodal-data {
    position:                   relative;
}

a.modal-close {
	position:                   absolute;
	right:                      20px;
	top: 	                    -36px;
	text-indent:                -9999em;
	width:                      87px;
	height:                     36px;
	display:                    block;
	background:                 url('/media/images/close.jpg') no-repeat;
	outline:                    none!important;
	cursor:                     pointer;
}

/* Volunteer Search */

#volunteer-search {
    margin:                     0;
    padding:                    0;
}

#volunteer-search a.modal-close {
    background:                 url('/media/images/back-navigation-button.png') no-repeat;
    height:                     23px;
    right:                      66px;
    top:                        -23px;
    width:                      56px;
    z-index:                    99;
}

body.video {
    overflow:                   hidden !important;
}

/*.volunteer-search {
    background:                 #000 url('/media/images/cardboard-background.png') no-repeat; 
}
*/

.simplemodal-container#volunteer-search {
    background:                 transparent url('/media/images/cardboard-background.png') no-repeat;
    padding:                    30px 22px 25px 30px; 
}

.volunteer-search {
    width:                      908px;
    background:                 #fff;
    height:                     540px;
    float:                      left;
}

.volunteer-search form {
    height:                     auto;
    margin:                     0;
    min-height:                 0;
}

/*.volunteer-search .white-background  {
    margin:                     30px 0px 0px 48px;
    width:                      935px;
    background:                 #fff;
    height:                     540px;
    float:                      left;
}*/

.volunteer-search .grey-line {
    width:                      882px;
    background:                 url('/media/images/grey-bar-top.png') no-repeat;
    height:                     5px;
    margin:                     6px 0 0 0;
}

.volunteer-search .content-area {
    background:                 #e1e0d7;
    /*background:                 #e1e0d7 url('/media/images/background-coffee-stain-wider.gif') no-repeat;*/
    margin:                     5px 0 5px 5px;
    overflow:                   hidden;
    /*height:                     530px;*/
    width:                      908px;
}

.volunteer-search.video .content-area, .volunteer-search.video {
    width:                      925px !important;
}

.volunteer-search .content-text {
    width:                      876px;
    margin:                     15px 0 10px 20px;
}

.volunteer-search .header {
    float:                      left;
    background:                 url('/media/images/grey-modal-bar.png') no-repeat;
    font:                       14px Verdana, Arial, Sans-serif;
    width:                      876px;
    height:                     35px;
    margin:                     10px 0 0 0;
    padding:                    12px 0 0 0;
    text-decoration:            none;
}

.volunteer-search .header a {
    color:                      #534739;
    text-decoration:            none; 
}

.volunteer-search .header a:hover {
    text-decoration:            underline; 
}

.volunteer-search .header-intro {
    margin:                     0;
}

.volunteer-search .header-intro p  {
    color:                      #9F9E95;
    font-style:                 italic;
}

.volunteer-search .no-results {
    font-style:                 italic;
}

.volunteer-search .result-row {
    background:                 #FFF;
    float:                      left;
    font-size:                  13px;
    font-weight:                bold;
    height:                     41px;
    margin:                     5px 0;
    padding:                    5px;
    width:                      866px;
}

.volunteer-search .column-name {
    float:                      left;
    width:                      400px;
    margin:                     12px 10px 0 0;
}

.volunteer-search .column-location {
    float:                      left;
    width:                      220px;
    margin:                     12px 0 0 0;
}

.volunteer-search .column-link {
    float:                      right;
    width:                      230px;
    height:                     41px;
}

/* Twitter */

.twitter-left {
    float:                      left;
    position:                   relative;
    width:                      382px;
}

.twitter-left .flip-camera {
    background:                 url('/media/images/flip-camera.png') no-repeat;
    height:                     169px;
    position:                   absolute;
    right:                      -15px;
    top:                        0;
    width:                      126px;
}

.twitter-right {
    background:                 url('/media/images/twitter-right-bg.gif') no-repeat;
    float:                      left;
    height:                     auto!important;
    height:                     582px;
    min-height:                 582px;
    padding-left:               20px;
    width:                      190px;
}

h1.twitter {
    font:                       bold 20px Verdana, Arial, Sans-serif;
    margin:                     10px 0 0;
}

h2.twitter {
    font:                       bold 18px Arial, Sans-serif;    
}

.twitter-left .retweet {
    float:                      left;
    margin-right:               20px;
    padding-top:                20px;
    position:                   relative;
    width:                      175px;
}

.twitter-left .retweet .closed {
    background:                 url('/media/images/closed.png') no-repeat 77px 74px;
    height:                     100%;
    left:                       0;
    position:                   absolute;
    top:                        10px;
    width:                      175px;
}

.twitter-left .weekly {
    float:                      left;
    padding-top:                20px;
    position:                   relative;
    width:                      185px;
}

.twitter-left .weekly .closed {
    background:                 url('/media/images/closed.png') no-repeat 77px 74px;
    height:                     100%;
    left:                       0;
    position:                   absolute;
    top:                        10px;
    width:                      185px;
}

.twitter-left .retweet p, .twitter-left .weekly p, .twitter-right p {
    padding:                    6px 0;
}

a.retweet-link {
    display:                    inline-block;
    margin-top:                 10px;
}

#content #twtr-widget-1 .twtr-hd, #twtr-widget-1 .twtr-ft {
    display:                    none;
}

#content #twtr-widget-1 .twtr-bd {
    padding:                    0;
}

#content #twtr-widget-1 .twtr-tweet-wrap {
    padding:                    10px 0;
}

#content #twtr-widget-1 {
    font:                       12px Verdana, Arial, Sans-serif !important;
}

#content #twtr-widget-1 a {
    background:                 none;
    font-weight:                normal;
}

#content #twtr-widget-1 i, #content #twtr-widget-1 i a {
    color:                      #ababab !important;
}

.twitter-winners {
    position:                   relative;
}

.twitter-winners .overlay {
    background:                 url('/media/images/winners.png') no-repeat;
    height:                     440px;
    position:                   absolute;
    right:                      -42px;
    top:                        0;
    width:                      42px;
}

/* Text Controls */

body.enlarge {
    font-size:                  14px;
}

body.enlarge .text-controls a.enlarge {
    display:                    none;
}

body.enlarge #content #twtr-widget-1 {
    font-size:                  14px !important;
}

body.reset {
    font-size:                  12px;
}

body .text-controls a.reset {
    display:                    none;
}

body.enlarge .text-controls a.reset {
    display:                    block;
}

.text-controls {
    padding:                    5px 0;
}

.text-controls a {
    font-size:                  1px;
    line-height:                0;
}