/* CSS for V4 Tribute Page */
/* ======================= */

/* Standard page / generic values */
/* ============================== */

/* Global Replaces:
   To replace the menu bar and button colors:       change ffffff to <color code>
   To replace the menu bar and button hover colors: change df006e to <color code>
   To replace the blue background color: change ffffff to #ffffff; and ffffff to #ffffff;
   To replace menu hover color: change #df006e to <color>
   to change name and date color ON TRIBUTE PAGE go to .v4_inmemory_name   and  .v4_inmemory_date
*/

/* To change the bars round the donation amount scropp down to 
v4_donations_container
at line 784 */

/* to change the color of the words in the menu items when hovoring */
#v4_menu_bar li:hover a,
#v4_print_tributes_block:hover a,
#v4_print_tributes_block_no-js:hover a,
#v4_funeral_details_block:hover a,
#v4_funeral_details_block_no-js:hover a,
#v4_location_menu_bar a:hover
{
	color: #ffffff !important;
  
}

/* To change the color of the words in the menu items - change the color value */
#v4_menu_bar li a,
#v4_funeral_details_block a,
#print_tributes_button_link,
#v4_location_menu_bar li a {
	color: #000000 !important;
}

/* To change the colour of the words in the buttons on the payment checkout forms when hovering */
#v4_contact_details_button:hover,
#v4_address_back_button:hover,
#v4_address_forward_button:hover,
#v4_confirmation_buttons_container,
#v4_confirmation_back_button:hover,
#v4_confirmation_forward_button:hover,
#v4_postcode_find_button:hover,
#v4_to_sagepay:hover {
  color: #ffffff; 
}

/* To change the color of the words in the tree tributes */
.v4_drag_tree {
	color: #ffffff;
}

/* to change the "email me directions" and "show driving directions" buttons on the details and directions tab */
#v4_location_email_submit_button,
#v4_location_postcode_submit_button
 {
	width: 50%;
	color: #000000;
}

/* To change the color of the "Grow A Tree" button */
#v4_tree_submit_button:hover {
	color: #ffffff;
}

/* To force all pages to have black font */
/*
#v4_tab1,
#v4_tab2,
#v4_tab3,
#v4_tab4,
#v4_tab5,
#v4_tab6
 {
	color: #000000 !important;
}
*/
/* ======================= V3 Code required for V4 system =================== */
                          #l2d_wrapper {
	                        width                 : 98%;
	                        margin                : 0 auto;
	  	                    border                : 1px solid #AAAAAA; 
		                    margin-top            : 30px;
	                        overflow              : auto;
	                        box-shadow            : 0px 0px 5px rgba(0, 0, 0, 0.5); 
	                        border-radius         : 5px;	
							-moz-border-radius    : 5px; 
							-webkit-border-radius : 5px; 
						    -khtml-border-radius  : 5px;
	                        margin-bottom         : 20px;
	                        padding-bottom        : 20px;
	                        padding               : 5%;
                          }

						  .v4_show_border {
                            border-right : 1px solid #D6D4D1;
                            box-shadow   : 0px 0px 5px rgba(0, 0, 0, 0.5); 
                          }

						  
                          #decAge {
                            display: none;
                          }
						  
                          #decCustom {
                            display: none;
                          }

                          h1 {
	                        line-height: 1em;
                          }

                          h2 {
                            border-bottom : 1px dashed #721100;
	                        padding-bottom: 5px;
	                        line-height   : 1em;
                          }

                          .showerr {
                            color: red;
                          }
						  
						  .v4_legacy_photo {
                            height: 160px;
                          }
						  
                          /* ============================ Page 1: Name Search ================================= */
                          /* ================================================================================== */
                          #name_system {
                            margin        : 0px auto;
                            margin-top    : 20px;
							margin-bottom : 20px;
                            border        : 0;
                            box-shadow    : 0px 0px 5px rgba(0, 0, 0, 0.5); 
                            padding       : 2em;
							width         : 98%;
							
							/* To have a White box */
							/*
							box-shadow    : 0px 0px 5px;
							border               : 1px solid #D6D4D1;
                            border-radius        : 5px;	
                            -moz-border-radius   : 5px; 
                            -webkit-border-radius: 5px; 
                            -khtml-border-radius : 5px								
							*/
							
                          }

                          #name_main_column {
                            width : 90%; 
	                        margin: 0px auto;
                          }

                          #name_search_form {
	                        width: 50%;
                            margin: 0 auto;
                          }

                          #name_search {
                            float: right;
                          }
						  
						  #donation_form_table {
						    margin: 0 auto;
						  }						  
						  

                          #deceased_name { 
	                  
							margin-left: 10px;
							margin-bottom: 10px;
                          }
						  
                          #content #charges_link {
                            font-size      : 0.9em; 
                            text-decoration: underline;
                          }

                          a#charges_link {
                          }

                          #list_names {
	                        width: 100%;
                          }

                          #list_names a {
	                        font-weight     : normal;
                            text-decoration : none;
	                        background-color: transparent;
                          }

                          #list_names a:hover{
	                        font-weight    : normal;
                            text-decoration: underline;
                          }

                          #list_names td {
	                        font-weight: normal;
	                        padding: 3px 6px;
                          }

                          #list_names td.bold.underline{
	                        font-weight: bold;
	                        font-size  : 107%;
                          }

                         .l2d_charges {
                           font-size  : 11px; 
                           padding-top: 24px;
                           margin-top : 20px;
                           text-align : center;
	                       line-height: 1.3em;
                         }

                         .paginate {
                           float:right;
	                       font-size: 12px;
	                       margin-top: -11px;
                         }
 
                         .known_names {
                           font-style: italic;
                         }

                         #showGAinfo {
                           margin-top: 10px;
                           width     : 100%;
                         }

                         #showGAinfo h1 {
                           font-size: 1.0em;
                         }

                         #whatisGA {
                           margin-top: 10px;
                           cursor    : pointer;
                         }
						 
                         .gacharges {
                           font-size : 0.8em; 
                           text-align: left ;
                         }
						 
                         .gachargeshead {
                           font-size : 0.8em;
                           text-align: center;
                         }
                       
					     #showGAimgcont {
                           width     : 50%;
                           margin    : 0 auto;
                           margin-top: 20px;
                           border    : 1px solid blue;
                         }
                         
						 /* ========================== End Page 1: Name Search =============================== */

                         /* ========================== Page 6&7: Authorised/Failed System ==================== */
                         /* ================================================================================== */
                         #authorised_system, 
						 #failed_system {
                           margin    : 0px auto;
                           margin-top: 20px;
                           border    : 0;
                           box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); 
                           padding   :2em;
                           overflow  : auto;
                           width     : 98%;
                         }

                         #failed_header_container {
                         }

                         #authorised_container {
	                       width     : 90%;
                           margin-top: 20px;
                         }

                         #authorised_system h1, 
						 #failed_system h1{
                         }

                         #authorised_left_column, 
						 #failed_left_column {
	                       width      : 50%;
	                       float      : left; 
	                       padding-top: 10px;
                         }

                         #authorised_left_column h2, 
						 #failed_left_column h2 {
                           margin-bottom: 20px;
                         }

                         #authorised_right_column, 
						 #failed_right_column {
	                       width       : 40%;
	                       float       : right;
	                       padding-top : 45px;
	                       margin-right: 3%;
                         }

                         #authorised_right_column p, 
						 #failed_right_column     p {
	                       color: #000000;
                         }

                         #authorised_left_column p, 
						 #failed_left_column     p {
                           margin-bottom: 10px;
                         }

                         #thx_msg {
                           text-align: left;
                         }

                         #thx_msg p {
                           margin-bottom: 10px;
                         }

                        /* ======================== End Page 6&7: Authorised/Failed System =========================== */
                        /*  - - - - - - - - - - - - - - legacy photo box - - - - - - - - - - - - - - - - - - */

                         .rigid_legacy_photo {
	                       width : 125px;
	                       height: auto !important;
                         }

                         #deceased_pic {
                           background-color: #F3F3F3;
                           padding         : 7px;
                           border          : 1px solid #C2C2C2;
                           border-radius   : 5px;
                           height          : auto !important;
                           width           : 125px;
                         }

                         .picture_frame_top img {
                           display: none;
                         }
						 
                         .picture_frame_bottom img {
                           display: none;
                         }

                         .picture_frame {
                           text-align   : center;
                           float        : left;
                           margin-right : 20px;
                           margin-bottom: 7px;
                         }
                         .column_box_top img {
	                       display: none;
                         }

                         .column_box_bottom img {
	                       display: none;
                         }

                         .column_box_content {
	                       width                : 100%;
	                       padding              : 5px 10px; 
	                       margin               : 10px 0px;
	                       background-color     : #EAEAEA;
	                       border               : 1px solid #D5D5D5;	
	                       border-radius        : 5px; 
		                   -moz-border-radius   : 5px;
		                   -webkit-border-radius: 5px;
		                   -khtml-border-radius : 5px;
	                       box-sizing           : content-box;
                         }

                         .quotemark {
	                       float        : left;
	                       margin-right : 20px;
	                       margin-bottom: 10px;
                         }

                         a#back_button, 
						 a#back_to_hp_button {
	                       display              : block;
	                       width                : 155px;
	                       background-image     : url(../../styles/746/images/mainpage/left_arrow.gif);
	                       background-position  : 10px center;
	                       background-repeat    : no-repeat;
	                       background-color     : transparent;
	                       color                : #666666;
                           text-align           : right;
	                       text-decoration      : none;
                           padding              : 5px 10px;
                           margin-top           : 55px;
                           margin-bottom        : 20px;
	                       font-size            : 12px;
	                       border-radius        : 5px;	
						   -moz-border-radius   : 5px; 
						   -webkit-border-radius: 5px; 
						   -khtml-border-radius : 5px;
	                       border               : 0px solid #ddd;
	                       box-sizing           : content-box;
                         }

                         #back_to_hp_button:hover, 
						 #back_button:hover {
	                       border-radius        : 5px;	
						   -moz-border-radius   : 5px; 
						   -webkit-border-radius: 5px; 
						   -khtml-border-radius : 5px;
	                       box-shadow           : 0px 0px 4px rgba(0, 0, 0, 0.3);
                         }
/* ===================== End V3 Code required for V4 system =================== */

/* ===================== Standard Items to Change ========================= */
/* To change the style of the menu items */
/* ------------------------------------- */
.menu_item {
	/* font-family: 'bembo',Georgia,Times,Times New Roman,serif; */
}

/* To change the Name and Dates */
/* ---------------------------- */
.v4_inmemory_name {
  /* font-family: 'bembo',Georgia,Times,Times New Roman,serif; */
  font-weight   : 400;
  text-transform: uppercase;
  color         : #00498F;	
  line-height   : 1.0em;
  color: #5f5e5e;
}
.v4_inmemory_date {
  /* font-family: 'bembo',Georgia,Times,Times New Roman,serif; */
  font-weight   : 400;
  text-transform: uppercase;
  color: #5f5e5e;	
}

/* ==================== End Standard Items To Change ====================== */
#l2d_wrapper {
  padding-top   : 1em;
  padding-bottom: 1em;
  border        : 0;
  box-shadow    : 0px 0px 5px rgba(0, 0, 0, 0.5); 
  box-shadow    : none;
}

body {
  /* font-family: 'David Libre', arial, serif; */
  font-size  : 100%;
}

a {
  color          : #000;
  text-decoration: none;
}

.v4_hide {
  display: none;
}

.v4_no-js_hide {
  display: none !important;
}
 
.v4_tab.v4_active {
  display: block;
}

.v4_location_tab.v4_locations_active {
  display: block;
}

.v4_center_me {
  text-align: center;
}

.v4_remove_me {
  display: none;
}

#v4_outer_container { 	
  width                : 95%; /* width: 650px; I can use this for a fixed width layout for my testing of older website designs */
  margin               : 0 auto;
  font-size            : 1.0em;
  padding-top          : 1.0em;
  padding-bottom       : 1.0em;
  background-color     : #F6F1EB;
  border               : 1px solid #D6D4D1;
  border-radius        : 5px;	
  -moz-border-radius   : 5px; 
  -webkit-border-radius: 5px; 
  -khtml-border-radius : 5px;
  box-shadow           : 0px 0px 5px rgba(0, 0, 0, 0.5); 
}

#v4_inner_container {
  width           : 98%;
  margin          : 0 auto;
  background-color: #F6F1EB;
}

/* =================================== Header Block ======================================= */
#v4_header_container {
  width                : 100%;
  margin               : 0 auto;
  overflow             : auto; /* used to stretch div to height of content */
  background-color     : #ffffff;
  border               : 1px solid #D6D4D1;
  border-radius        : 5px;	
  -moz-border-radius   : 5px; 
  -webkit-border-radius: 5px; 
  -khtml-border-radius : 5px;
  box-shadow           : 0px 0px 5px rgba(0, 0, 0, 0.5);
  padding-bottom       : 1px; /* This is a frig for Chrome that wanted to put scroll bars on the screen */  
}

#v4_header_container img {
  max-width: 100%;
}

#v4_deceased_image {
  border               : 1px solid grey;
  border-radius        : 5px;	
  -moz-border-radius   : 5px; 
  -webkit-border-radius: 5px; 
  -khtml-border-radius : 5px;
  box-shadow           : 0px 0px 5px rgba(0, 0, 0, 0.5); 
  margin               : 0.5em;
}

#v4_header_right_block {	
  width        : 30.333333333%;
  float        : right;
  padding-right: 0.5em;
}

#v4_header_church_block {	
  margin-top           : 0.5em;
  min-height           : 80px;
  background           : url('../../v4_required/images/church.jpg') no-repeat center;
  background-size      : contain;
  width                : 99%;
  border               : 1px solid #BBBBBB;
  border-radius        : 5px;	
  -moz-border-radius   : 5px; 
  -webkit-border-radius: 5px; 
  -khtml-border-radius : 5px;
}

#v4_church_address {
  font-size: 0.9em;
  color    : #757474;
  padding  : 1%;
}

#v4_funeral_details_block,
#v4_funeral_details_block_no-js {	
  background-color     : #ffffff;
  border               : 1px solid grey;
  margin-top           : 0.5em;
  height               : 2.0em;
  border-radius        : 5px;	
  -moz-border-radius   : 5px; 
  -webkit-border-radius: 5px; 
  -khtml-border-radius : 5px;
  display              : table; /* this is to allow the child "#v4_funeral_details_block_wording" to be vertically centered */
  width                : 99%;
}

                  /* Chris - this is the one to colour the funeral details and directions wording in the button on the home page */
#v4_funeral_details_block a {
	display: block;
}
                  /* =========================================================================================================== */

#v4_funeral_details_block:hover,
#v4_funeral_details_block_no-js:hover {
  background-color  : #df006e;
  -o-transition     : .5s;
  -ms-transition    : .5s;
  -moz-transition   : .5s;
  -webkit-transition: .5s;
  transition        : .5s;	
}	

#v4_funeral_details_block:hover a,
#v4_funeral_details_block_no-js:hover a{	
  /* color: #fff; */
}
	
#v4_funeral_details_block_wording {
  display       : table-cell;
  vertical-align: middle;
  text-align    : center;
}

#v4_funeral_details_logo img {
  max-width    : initial;
  float        : right;
  padding-right: 5%;
  padding-top  : 3%;
}

#v4_funeral_details_block_wording img {
  margin-right : 1.0em;
  padding-top  : 0.2em;
}

#v4_share_facebook_block {	
  margin-top   : 0.5em;
  text-align   : right;
}

#v4_header_left_block {	
  width   : 66.6666666666%; /* 600 / 900 */ 
  height  : 100%;
  float   : left;
  position:relative;
  display : table;
}

#v4_header_left_block_text p.v4_header_lrg_txt {
  font-size  : 2.0em;
  padding-top: 1em;
}

#v4_header_picture_block {	
  width : 39%;
  border: 1px solid black;
}

#v4_header_inmemory_block {	
  width : 59%;
  border: 1px solid black;
}

.v4_float-left {
  float: left;
}

#v4_header_left_block_text {
  text-align: center;
}

#v4_print_tributes_block,
#v4_print_tributes_block_no-js {	
  background-color     : #ffffff;
  border               : 1px solid grey;
  margin-top           : 0.5em;
  height               : 2.0em;
  border-radius        : 5px;	
  -moz-border-radius   : 5px; 
  -webkit-border-radius: 5px; 
  -khtml-border-radius : 5px;
  display              : table; /* this is to allow the child "#v4_funeral_details_block_wording" to be vertically centered */
  width                : 50%;
  float                : right;
  margin-bottom        : 1.0em;
}

#v4_print_tributes_block:hover,
#v4_print_tributes_block_no-js:hover {
  background-color  : #df006e;
  -o-transition     : .5s;
  -ms-transition    : .5s;
  -moz-transition   : .5s;
  -webkit-transition: .5s;
  transition        : .5s;	
}

#v4_print_tributes_block:hover a,
#v4_print_tributes_block_no-js:hover a{	
  /* color: #fff; */
}

#v4_print_tributes_block_wording {
  display       : table-cell;
  vertical-align: middle;
  text-align    : left;
  padding-left  : 18%;
}

#v4_print_tributes_logo img {
  max-width    : initial;
  float        : right;
  padding-right: 1%;
  padding-top  : 3%;
}

#v4_print_tributes_block_wording img {
  margin-right: 0em;
  padding-top : 0.2em;
}

                       /* This changes the color of the print tributes button wording */
#print_tributes_button_link {
	color: #000000;
}
                       /* =========================================================== */ 

/* ======================================== Menu Block ================================ */
#v4_menu_bar {
  width                : 100%;
  margin               : 0 auto;
  margin-top           : 1em;
  margin-bottom        : 1em;
  overflow             : auto; /* used to stretch div to height of content */
  background-color     : #ffffff;
  border               : 1px solid #D6D4D1;
  border-radius        : 5px;	
  -moz-border-radius   : 5px; 
  -webkit-border-radius: 5px; 
  -khtml-border-radius : 5px;
  box-shadow           : 0px 0px 5px rgba(0, 0, 0, 0.5); 
  height               : 2.5em;
}

#v4_menu_bar ul {
  padding   : 0;
  margin    : 0;
  text-align: center;
  height    : 98%;
  display   : table;
}

#v4_menu_bar li {
  display              : inline-block;
  height               : 100%;
  width                : 10%;
  vertical-align       : middle;
  display              : table-cell;
  border-radius        : 5px;	
  -moz-border-radius   : 5px; 
  -webkit-border-radius: 5px; 
  -khtml-border-radius : 5px;
  padding-left         : 2.5em;
}

#v4_menu_bar ul.v4_no_bullet {
  list-style-type: none;
  padding        : 0;
  margin         : 0;
}

#v4_menu_bar li.v4_tree_icon {
  background: url('../../v4_required/images/tree.png') no-repeat left;
}

#v4_menu_bar li.v4_donate_icon {
  background: url('../../v4_required/images/donate.png') no-repeat left ;
}

#v4_menu_bar li.v4_tribute_page_icon {
  background: url('../../v4_required/images/tribute_page.png') no-repeat left ;
}

#v4_menu_bar li.v4_tribute_list_icon {
  background: url('../../v4_required/images/tributes_list.png') no-repeat left ;
}

#v4_menu_bar li.v4_gallery_icon {
  background: url('../../v4_required/images/gallery.png') no-repeat left ;
}

#v4_menu_bar li a{
	display: block;     
}

#v4_menu_bar li:hover {
  background-color  : #df006e;
  -o-transition     : .5s;
  -ms-transition    : .5s;
  -moz-transition   : .5s;
  -webkit-transition: .5s;
  transition        : .5s;
}

#v4_menu_bar li:hover a{
  /* color: #fff; */
}		
/* ======================================== End Menu Block ================================ */


#v4_body_container {
  min-height           : 300px;
  width                : 100%;       
  margin               : 0 auto;
  overflow             : auto; /* used to stretch div to height of content */
  background-color     : #ffffff; 
  border               : 1px solid #D6D4D1;
  border-radius        : 5px;	
  -moz-border-radius   : 5px; 
  -webkit-border-radius: 5px; 
  -khtml-border-radius : 5px;
  box-shadow           : 0px 0px 5px rgba(0, 0, 0, 0.5); 	
  border               : 1px solid black;
}

/* =================================== Tribute Page ======================================= */
#v4_tribute_page_left {
  width  : 46%;
  float  : left;
  padding: 2%;
}

#v4_tribute_page_right {
  padding: 2.0%;	
}

#v4_donations_container {
  width     : 47%; 
  float     : right;
  margin-top: 1.0em;
}

#v4_donations_received_container {
  border-top    : 2px solid grey;
  border-bottom : 2px solid grey;
  padding-top   : 1em;
  padding-bottom: 0.5em;
}

#v4_donations_heading_container {
  padding-top: 1em;
}

#v4_donations_heading,
#v4_tributes_heading {
  text-align: center;
  font-size : 1.2em;

}

#v4_donations_received_heading,
#v4_tributes_received_heading {
  background-color     : #F6F1EB;
  padding              : 0.3em;
  text-align           : center;
  font-size            : 1.2em;
  border               : 1px solid #D6D4D1;
  border-radius        : 5px;	
  -moz-border-radius   : 5px; 
  -webkit-border-radius: 5px; 
  -khtml-border-radius : 5px;
  box-shadow           : 0px 0px 5px rgba(0, 0, 0, 0.5); 		
}

#v4_tributes_received_heading {
  margin-top: 0.0em;
}

#v4_beneficiary {
  border-bottom: 2px solid grey;
}

#v4_beneficiary ul {
  text-align  : center;
  padding-left: 0;
  margin-left : 0;
}

#v4_beneficiary li {
  margin-top     : 1.0em;
  padding-left   : 0;
  list-style-type: none;
}

#v4_marqueecontainer {
  position        : relative;
  height          : 300px; /*marquee height */
  background-color: transparent;
  overflow        : hidden;
  padding         : 0px;
  padding-left    : 0px;
  margin-bottom   : 25px;
  margin-top      : 10px;
}

#v4_vmarquee {
  width   : 100%;
  position: absolute; 
  color   : #000000;
}

#v4_vmarquee p{
  margin : 0px;
  padding: 0px;
}

#v4_default_tribute_wording {
  margin-top: 1em;
}

.v4_column_box {
  margin-bottom        : 1.0em;
  border               : 1px solid grey;
  border-radius        : 5px;	
  -moz-border-radius   : 5px; 
  -webkit-border-radius: 5px; 
  -khtml-border-radius : 5px;
  padding              : 0.5em;
}

.v4_quotemark {
  float       : left;
  margin-left : 1.0%;
  margin-right: 2.0%;
}

.v4_donated_by {
  margin-top : 1.0em;
  border-top : 1px dotted grey;
  padding-top: 0.5em;
}

/* =================================== End Tribute Page ======================================= */


/* =================================== Grow A Tree ======================================= */

#v4_tree_page_container {
  padding: 2%;
  width  : 95%;
  margin : 0 auto;
}

#v4_grow_tree_img {
  width        : 50%;
  margin       : 0 auto;
  margin-bottom: 2em;
}

#v4_grow_tree_img img {
  width                : 100%;
  border-radius        : 5px;	
  -moz-border-radius   : 5px; 
  -webkit-border-radius: 5px; 
  -khtml-border-radius : 5px;
/* border              : 1px solid grey; Remove border if dealing with a white background */
}

.v4_tree_page_wording {
  margin-bottom: 1em;
  text-align   : center;
}

.v4_tree_strong {
  font-weight: 600;
  font-style : italic;
}

#v4_grow_tree_form {
  width                : 95%;
  margin               : 0 auto;
  background-color     : #ffffff;
  border               : 1px solid #D6D4D1;        
  border-radius        : 5px;	
  -moz-border-radius   : 5px; 
  -webkit-border-radius: 5px; 
  -khtml-border-radius : 5px;
  box-shadow           : 0px 0px 5px rgba(0, 0, 0, 0.5); 
}

#v4_RecaptchaField {
	
}

#v4_tree_form input {
  border-radius        : 5px;	
  -moz-border-radius   : 5px; 
  -webkit-border-radius: 5px; 
  -khtml-border-radius : 5px;
  /* font-family: 'David Libre', arial, serif; */
}

#v4_tree_form label {
  margin-right: 1em;
  padding-left: 0em;
  padding-top : 0.5em;
  display     : inline-block;
}

#v4_grow_tree_name {
  height        : 1.5em;
  width         : 43%;
  text-transform: capitalize;
}

#v4_tree_fields {
  margin   : 0 auto;
  max-width: 303px;
}

#v4_enter_name {
  margin-top   : 1em;
  margin-bottom: 1em;
  width        : 100%;
}

#v4_tree_submit_button {
  height               : 3em;
  background-color     : #F6F1EB;
  border-radius        : 5px;	
  -moz-border-radius   : 5px; 
  -webkit-border-radius: 5px; 
  -khtml-border-radius : 5px;
  margin               : 0 auto;
  display              : block;
  margin-top           : 1em;
  margin-bottom        : 1em;
  /* font-family: 'David Libre', arial, serif; */
  font-size            : 0.9em;
  cursor               : pointer;
  background-image: none;
}

#v4_tree_submit_button:hover {
  background-color  : #df006e;
  -o-transition     : .5s;
  -ms-transition    : .5s;
  -moz-transition   : .5s;
  -webkit-transition: .5s;
  transition        : .5s;
}

#v4_tree_error_msg {
  text-align : center;
  font-weight: bold;
}

#v4_explain_capture {
  text-align: center;
  font-style: italic;
  margin-top: 0.5em;
}

#v4_growing_menu_bar {
  width        : 100%;
  margin       : 0 auto;
  margin-top   : 1em;
  margin-bottom: 1em;
  overflow     : auto; /* used to stretch div to height of content */
  border-bottom: 1px solid grey; /* Remove border if dealing with a white background */
/*border       : 1px solid grey; */                                                                           
}

#v4_growing_menu_bar ul {
  padding   : 0;
  margin    : 0;
  text-align: center;
  height    : 98%;
  display   : table;
}

#v4_growing_menu_bar li {
  display       : inline-block;
  height        : 100%;
  width         : 10%;
  vertical-align: middle;
  display       : table-cell;
}

#v4_growing_menu_bar li img {
  width: 100%;
}

#v4_growing_menu_bar ul.v4_no_bullet {
  list-style-type: none;
  padding        : 0;
  margin         : 0;
}

.grow_tree_img {
  cursor: pointer;
}
/* =================================== End Grow A Tree ======================================= */


/* =================================== Make a Donation ======================================= */

#v4_donation_page_container {
  padding: 2%;
  width  : 95%;
  margin : 0 auto;
}

#v4_donation_page_heading {
  text-align   : center;
  margin-bottom: 2em;
  font-size    : 1.2em;
	
}
#v4_donation_form_container {
  width                : 95%;
  margin               : 0 auto;
  border               : 1px solid #D6D4D1;
  border-radius        : 5px;	
  -moz-border-radius   : 5px; 
  -webkit-border-radius: 5px; 
  -khtml-border-radius : 5px;
  box-shadow           : 0px 0px 5px rgba(0, 0, 0, 0.5); 	
}

#v4_donation_contact {
  padding-bottom: 2em;
}

#v4_donation_address {
  display: none;
}

#v4_donation_confirmation {
  padding-top: 1em;
  display    : none;
}

#v4_donation_form_container label {
  width      : 30%;
  display    : inline-block;
  margin-top : 1.0em;
  margin-left: 2%;
}

#v4_donation_confirmation {
  width : 80%;
  margin: 0 auto;  
}

#v4_donation_confirmation_heading {
  text-align: center;
}

#v4_donation_contact      .styled, 
#v4_tribute_contact       .styled, 
#v4_donation_address      .styled,
#v4_donation_confirmation .styled {
  border               : 1px solid #D6D4D1;
  border-radius        : 5px;	
  -moz-border-radius   : 5px; 
  -webkit-border-radius: 5px; 
  -khtml-border-radius : 5px;
  box-shadow           : 0px 0px 5px rgba(0, 0, 0, 0.5); 
}

#v4_title, #v4_trib_title,
#v4_fname, #v4_trib_fname,
#v4_lname, #v4_trib_lname {
  text-transform: capitalize;
  width         : 17%;
}

#v4_donation {
  width: 20%;
}

#v4_gift_aid {
  width: 25%;
}

#v4_ga_advice_container {
  width     : 100%;
  margin-top: 1em;
}

#v4_ga_advice_label {
  display    : inline-block; 
  width      :30%; 
  margin-left: 2%;	
}
#v4_ga_advice_content {
  width   : 60%;
  display : inline-block; 
}

#v4_ga_advice_content_div {
  color                : #000000; 
  background-color     : #ffffff;
  border               : 1px solid #D6D4D1;
  border-radius        : 5px;	
  -moz-border-radius   : 5px; 
  -webkit-border-radius: 5px; 
  -khtml-border-radius : 5px;
  box-shadow           : 0px 0px 5px rgba(0, 0, 0, 0.5); 	
  padding              : 1em; 
  text-align           : center;
}

#v4_ga_advice_logo {
  width : 25%; 
  margin: 0 auto;
}

#v4_ga_advice_logo img {
  max-width: 100%;	
}

#v4_donor_email,
#v4_charity {
  width: 40%;
}

#v4_donation_contact select:invalid{
  color: gray; 
}
   
#v4_contact_permissions {

}

#v4_message_label {
	vertical-align: top;
}

#v4_message {
  width      : 60%;
  height     : 80px;
  /* font-family: 'David Libre', arial, serif; */
  font-family: inherit;
  margin-top : 1em;
  padding    : 1%;
}   

#v4_ga_declaration {
  width     : 80%;
  margin    : 0 auto;
  text-align: center;
  margin-top: 1em;
  font-size : 0.9em;
}

#v4_contact_details_button {
  width           : 40%;
  margin          : 0 auto;
  margin-top      : 2em;
  background-color: #ffffff;
  text-align      : center;
}

#v4_contact_details_button:hover {
  background-color  : #df006e;
  -o-transition     : .5s;
  -ms-transition    : .5s;
  -moz-transition   : .5s;
  -webkit-transition: .5s;
  transition        : .5s;
  cursor            : pointer;  
}

.v4_contact_validation_err {
  background-color: #FBCDCD !important;
}

.v4_contact_label_error {
  color      : #FE0101;
  font-weight: bold;
}

#v4_address_buttons_container {
  width        : 40%;
  margin       : 0 auto;
  margin-bottom: 2em;
  margin-top   : 2em;
}

#v4_address_back_button {
  width           : 40%;
  display         : inline-block;
  float           : left;
  background-color: #ffffff;
  text-align      : center;
}

#v4_address_forward_button {
  width           : 40%;
  display         : inline-block;
  float           : right;
  background-color: #ffffff;
  text-align      : center;
}

#v4_address_back_button:hover {
  background-color  : #df006e;
  -o-transition     : .5s;
  -ms-transition    : .5s;
  -moz-transition   : .5s;
  -webkit-transition: .5s;
  transition        : .5s;
  cursor            : pointer;  
}

#v4_address_forward_button:hover {
  background-color  : #df006e;
  -o-transition     : .5s;
  -ms-transition    : .5s;
  -moz-transition   : .5s;
  -webkit-transition: .5s;
  transition        : .5s;
  cursor            : pointer;  
}


#v4_confirmation_buttons_container {
  width        : 40%;
  margin       : 0 auto;
  margin-bottom: 2em;
  margin-top   : 2em;
}

#v4_confirmation_back_button {
  width           : 40%;
  margin          : 0 auto;
  display         : block;
  background-color: #ffffff;
  text-align      : center;
  color: #000000;
}

#v4_confirmation_forward_button {
  width           : 40%;
  display         : inline-block;
  float           : right;
  background-color: #ffffff;
  text-align      : center;
}

#v4_confirmation_back_button:hover {
  background-color  : #df006e;
  -o-transition     : .5s;
  -ms-transition    : .5s;
  -moz-transition   : .5s;
  -webkit-transition: .5s;
  transition        : .5s;
  cursor            : pointer;  
}
#v4_confirmation_forward_button:hover {
  background-color  : #df006e;
  -o-transition     : .5s;
  -ms-transition    : .5s;
  -moz-transition   : .5s;
  -webkit-transition: .5s;
  transition        : .5s;
  cursor            : pointer;  
}

#v4_to_sagepay {
  width                : 50%;
  height               : 2em;
  margin               : 0 auto;
  display              : block;
  background-color     : #BCFCC2;
  margin-top           : 2em;
  border-radius        : 5px;	
  -moz-border-radius   : 5px; 
  -webkit-border-radius: 5px; 
  -khtml-border-radius : 5px;
  background-image: none;
  padding-top: 3px;  
}

#v4_to_sagepay:hover {
  background-color  : #7EFD8A;
  -o-transition     : .5s;
  -ms-transition    : .5s;
  -moz-transition   : .5s;
  -webkit-transition: .5s;
  transition        : .5s;
  cursor            : pointer;   
}

#v4_postcode_find_button {
  width           : 40%;
  margin          : 0 auto;
  background-color: #ffffff;
  text-align      : center;
  margin-bottom   : 2em;
  margin-top      : 2em;
}

#v4_postcode_find_button:hover {
  background-color  : #df006e;
  -o-transition     : .5s;
  -ms-transition    : .5s;
  -moz-transition   : .5s;
  -webkit-transition: .5s;
  transition        : .5s;
  cursor            : pointer;  
}

#v4_postcode_entry_container {
  width        : 80%;
  margin       : 0 auto;
  text-align   : center;
  margin-bottom: 1em;
}

#v4_outside_uk {
  font-style   : italic;
  font-weight  : bold;
  border       : none;
  margin-bottom: 1em;
}

#v4_postcode_entry_heading {
  margin-bottom: 0.5em;
}

#v4_postcode_addresses_found {
  width     : 60%;
  margin-top: 1em;
  margin    : 0 auto;
}

#v4_postcode {
  text-align: center;
}

#v4_addresses {
  border   : 0;
  width    : 99%;
  max-width: inherit;
}

#v4_manual_address {
  width : 80%;
  margin: 0 auto;
}

.v4_address_line {
  width: 60%;
}

#v4_confirmation_details {
  width           : 65%;
  margin          : 0 auto;
  background-color: #F3EEE8;
  margin-top      : 2em;
  margin-bottom   : 2em;
  padding-top     : 1em;
  padding-bottom  : 1em;
}

#v4_confirmation_details .v4_confirmation_field {
  width       : 90%;
  display     : inline-block;
  padding-left: 1em;
}

.margintop1 {
	margin-top: 1em;
}

.margintop2 {
	margin-top: 2em;
}
.v4_confirmation_underline {
  text-align   : center;
  margin-bottom: 5px;
  font-weight  : 600;
}

#v4_confirmation_charges_container {
	
}

#v4_confirmation_details #v4_confirmation_charges_label {
  width: 70%;
}

#v4_address_pass_details {
  width        : 80%;
  margin       : 0 auto;
  text-align   : center;
  margin-bottom: 0em;
}

#v4_address_line_break {
  width        : 90%;
  margin       : 0 auto;	
  margin-top   : 2em; 
  margin-bottom: 1em;
}

#v4_confirmation_screen_name,
#v4_confirmation_screen_donate,
#v4_confirmation_screen_address {
  text-align: center;
}

/* =================================== End Make a Donation ======================================= */


/* =================================== Leave a Tribute ======================================= */

#v4_leave_trib_container {
  padding: 2%;
  width  : 95%;
  margin : 0 auto;
}

#v4_leave_trib_heading {
  font-size    : 1.2em;
  text-align   : center;
  margin-bottom: 2em;
}

#v4_tribute_form_container {
  width                : 95%;
  margin               : 0 auto;
  border               : 1px solid #D6D4D1;
  border-radius        : 5px;	
  -moz-border-radius   : 5px; 
  -webkit-border-radius: 5px; 
  -khtml-border-radius : 5px;
  box-shadow           : 0px 0px 5px rgba(0, 0, 0, 0.5); 	
}

#v4_tribute_form_container label {
  width      : 30%;
  display    : inline-block;
  margin-top : 1.0em;
  margin-left: 2%;
}

#v4_tribute_contact {
  padding-bottom: 2em;
}

#v4_trib_message_label {
  vertical-align: top;
}

#v4_trib_message {
  width      : 60%;
  height     : 80px;
  /* font-family: 'David Libre', arial, serif; */
  margin-top : 1em;
  padding    : 1%;
}

#v4_trib_recaptcha_label {
  vertical-align: top;
}

#v4_trib_RecaptchaField {
  display   : inline-block;
  margin-top: 1.0em;
}

#v4_tribute_submit_button {
  height               : 3em;
  background-color     : #F6F1EB;
  border-radius        : 5px;	
  -moz-border-radius   : 5px; 
  -webkit-border-radius: 5px; 
  -khtml-border-radius : 5px;
  margin               : 0 auto;
  display              : block;
  margin-top           : 1em;
  margin-bottom        : 1em;
 /* font-family: 'David Libre', arial, serif; */
  font-size            : 0.9em;
  cursor               : pointer;
}

#v4_tribute_submit_button:hover {
  background-color  : #df006e;
  -o-transition     : .5s;
  -ms-transition    : .5s;
  -moz-transition   : .5s;
  -webkit-transition: .5s;
  transition        : .5s;
}

#v4_trib_error_msg {
  text-align : center;
  font-weight: bold;
}

.v4_tribute_err {
  color      : red;
  font-weight: bold;
}
/* =================================== End Leave a Tribute ======================================= */


/* =================================== Show All Tributes ======================================= */
#v4_tab4 {
  background             : url('../../v4_required/images/dovewallpaper2.jpg');
  -moz-background-size   : 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size        : 100% 100%
}

#v4_show_tributes_container {
  padding: 2%;
  width  : 96%;
  margin : 0 auto;
}

#v4_show_tributes_heading {
  text-align   : center;
  width        : 20%;
  height       : 2em;
  margin       : 0 auto;
  margin-bottom: 0.5em;
  display      : table;
  padding-left : 25px;
}
 
 #v4_show_tributes_heading_title {
  font-size  : 1.2em;
  padding-top: 0.4em; 
}
 
 #v4_list_trib_container {
  width: 64%; 
  float: left;
}
 
 #v4_list_trib_container_heading {
  width          : 100%; 
  text-align     : center; 
  font-weight    : 600; 
  margin-bottom  : 1em; 
  text-decoration: underline;	 
}
 
#v4_list_tree_container {
  width: 33%;  
  float: right;	
}

 #v4_list_tree_container_heading {
  width          : 100%; 
  text-align     : center; 
  font-weight    : 600; 
  margin-bottom  : 1em; 
  text-decoration: underline;	 	 
}	 
 
.draggable { 
  margin               : 0 3% 0.2% 0; 
  margin               : 0;
  border               : 1px solid grey;
  border-radius        : 5px;	
  -moz-border-radius   : 5px; 
  -webkit-border-radius: 5px; 
  -khtml-border-radius : 5px;
  padding              : 0.5em;
  opacity              : .8;
}

.v4_drag_trib {
  background-color: #F6F1EB;
  margin-bottom   : 1%;
}

.v4_drag_tree {
  background-color: #df006e;
  margin-bottom   : 1%;  
  float           : left;
  width           : 99%;
  padding-left    : 0;
  padding-right   : 0;
}

.v4_drag_donor {
  border-top : 1px solid grey;
  width      : 100%;
  padding-top: 2%;
  margin-top : 1%;
}

.v4_drag_tree_img {
  float       :left;
  margin-right: 5%;
  margin-left : 2%;
  width       : 40%;
}

.v4_drag_tree_img img {
  width: 100%;
}

.drag_tree_donor {

}

#v4_containment-wrapper { 
  width     : 100%; 
  margin    : 0 auto; 
  height    : 350px; 
  overflow  : auto;
  position  : relative; /* this is relative so that the position: absolute  $(el).css({position:'absolute', left: tLeft, top: tTop}); can work*/
  margin-top: 10px;

}

.v4_only_one_trib {
  float      : left;
  margin-left: 25%;
  width      : 49%;
}

#v4_tribute_column_headers {
  width         : 100%;
  padding-bottom: 10px;
}

#v4_tribute_column_headers_tribute {
  width          : 64%; 
  float          : left; 
  text-align     : center;
  font-weight    : 600;
  text-decoration: underline;
}

#v4_tribute_column_headers_trees {
  width          : 34%; 
  float          : right; 
  text-align     : center;
  font-weight    : 600;
  text-decoration: underline;
}	

#v4_list_trib_container_left {
  width: 49%;
  float: left;
}

#v4_list_trib_container_right {
  width: 49%;
  float: right;
}
/* =================================== End Show All Tributes ======================================= */


/* =================================== Gallery Page ======================================= */

#v4_gallery_container {
  width : 100%;
  margin: 0 auto;
}

#v4_gallery_heading {
  width        : 200; 
  margin       : 0 auto; 
  text-align   : center; 
  margin-top   : 20px; 
  margin-bottom: 20px;
}
 
#v4_gallery_display {
  width                  : 100%; 
  margin                 : 0 auto; 
  height                 : 450px; 
  overflow               : auto;
  padding                : 0px; 
  position               : relative; /* this is relative so that the position: absolute  $(el).css({position:'absolute', left: tLeft, top: tTop}); can work*/
  background             : url('../../v4_required/images/dovewallpaper2.jpg');
  -moz-background-size   : 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size        : 100% 100%
}	
 
.jssorb13 {
  position: absolute;
}

.jssorb13 div, 
.jssorb13 div:hover, 
.jssorb13 .av {
  position  : absolute;
  width     : 21px;
  height    : 21px;
  background: url('../../v4_required/images/b13.png') no-repeat;
  overflow  : hidden;
  cursor    : pointer;
}

.jssorb13 div { 
  background-position: -5px -5px; 
}

.jssorb13 div:hover, .jssorb13 .av:hover { 
  background-position: -35px -5px; 
}

.jssorb13 .av { 
  background-position: -65px -5px; 
}

.jssorb13 .dn, 
.jssorb13 .dn:hover { 
  background-position: -95px -5px; 
}

/* =================================== End Gallery Page ======================================= */

/* =================================== Funeral Details Page ======================================= */

#v4_funeral_details_container {
  padding: 2%;
  width  : 95%;
  margin : 0 auto;
}

#v4_location_menu_bar {
  width                : 100%;
  margin               : 0 auto;
  margin-top           : 1em;
  margin-bottom        : 1em;
  overflow             : auto; /* used to stretch div to height of content */
  background-color     : #ffffff;
  border               : 1px solid #D6D4D1;
  border-radius        : 5px;	
  -moz-border-radius   : 5px; 
  -webkit-border-radius: 5px; 
  -khtml-border-radius : 5px;
  box-shadow           : 0px 0px 5px rgba(0, 0, 0, 0.5); 
  height               : 2.0em;
}

#v4_location_menu_bar ul {
  padding   : 0;
  margin    : 0;
  text-align: center;
  height    : 98%;
  display   : table;
}

#v4_location_menu_bar li {
  display              : inline-block;
  height               : 100%;
  width                : 1%;
  vertical-align       : middle;
  display              : table-cell;
  border-radius        : 5px;	
  -moz-border-radius   : 5px; 
  -webkit-border-radius: 5px; 
  -khtml-border-radius : 5px;
}

#v4_location_menu_bar ul.v4_no_bullet {
  list-style-type: none;
  padding        : 0;
  margin         : 0;
}

#v4_location_menu_bar li:hover {
  background-color  : #df006e;
  -o-transition     : .5s;
  -ms-transition    : .5s;
  -moz-transition   : .5s;
  -webkit-transition: .5s;
  transition        : .5s;
}

#v4_location_menu_bar a:hover { /* hover color of service/crem/reception */
  /* color: #ffffff; */
}

#v4_icon_block {
  width        : 75%;
  margin       : 0 auto;
  margin-bottom: 2em;	
}

#v4_location_email {
  width: 50%;
  text-align: center;
}

#v4_location_postcode {
  width: 50%;	
  text-align: center;
}

#v4_location_email_details {
  display   : inline-block;
  text-align: center;
  width     : 45%;
  text-align: center;
  height    : 2.5em;
  float     : left;	
}

#v4_location_email_details:hover {
  cursor: pointer;
}

#v4_location_email_details img {
  vertical-align: middle;
}

#v4_location_email_details span {
  display       : inline-block;
  vertical-align: middle;
}

#v4_location_driving_details {
  display   : inline-block;
  text-align: center;	
  width     : 45%;
  height    : 2.5em;
  float     : right;
}

#v4_location_driving_details:hover {
  cursor: pointer;
}

#v4_location_driving_details img {
  vertical-align: middle;
}

#v4_location_driving_details span {
  display       : inline-block;
  vertical-align: middle;
}

#v4_enter_details_container {
  width : 50%;
  margin: 0 auto;
}

#v4_location_enter_email {
  background-color     : #ffffff;
  border               : 1px solid #D6D4D1;
  border-radius        : 5px;	
  -moz-border-radius   : 5px; 
  -webkit-border-radius: 5px; 
  -khtml-border-radius : 5px;
  box-shadow           : 0px 0px 5px rgba(0, 0, 0, 0.5); 	
}

#v4_location_enter_postcode {
  height               : auto;
  background-color     : #ffffff;
  border               : 1px solid #D6D4D1;
  border-radius        : 5px;	
  -moz-border-radius   : 5px; 
  -webkit-border-radius: 5px; 
  -khtml-border-radius : 5px;
  box-shadow           : 0px 0px 5px rgba(0, 0, 0, 0.5); 	
}

#v4_enter_location_email {
  text-align : center;
  padding-top: 1em;
}

#v4_location_email_submit {
  text-align : center;
  padding-top: 1em;
}

#v4_location_email_msg {
  text-align: center;
  margin-top: 1em;
}

#v4_enter_location_postcode {
  text-align : center;
  padding-top: 1em;
}

#v4_location_postcode_submit {
  text-align   : center;
  padding-top  : 1em;
}

#v4_location_postcode_submit_button {
  margin-bottom: 1em;

}

.v4_location_tab {
  width      : 80%;
  margin     : 0 auto;
  text-align : center;
  padding-top: 20px;
}

.v4_location_address_container {
}

.v4_location_address {
  width: 30%;
  float: left;
}

#map_canvas_tab,
#map_canvas_tab2,
#map_canvas_tab3 {
  width                : 60%; 
  height               : 300px;
  float                : right;
  margin-bottom        : 1em;
  border               : 1px solid #D6D4D1;
  border-radius        : 5px;	
  -moz-border-radius   : 5px; 
  -webkit-border-radius: 5px; 
  -khtml-border-radius : 5px;
  box-shadow           : 0px 0px 5px rgba(0, 0, 0, 0.5); 
}

.v4_location_address_heading {
  font-size    : 1.2em;
  font-weight  : bold;
  margin-bottom: 20px;
}
/* =================================== End Funeral Details Page ======================================= */

/* ==================================== Face Book ===================================== */
#v4_facebook_icon {
  cursor: pointer;
}
/* ================================== End Face Book ===================================== */

@media screen and (max-width: 450px) {/* for any screen up to 650px wide */
  body {
  }

  #v4_header_left_block {
    display: block;
  }

/* for large image not being squashed */
  #v4_deceased_image_container {
	width: 100% !important;
}	

}


@media screen and (max-width: 650px) {/* for any screen up to 650px wide */
	
  body {
  }

  #v4_menu_bar ul {
    margin: 0 auto !important;
  }  
	
  #v4_menu_bar li {
    height    : auto;
	display   : block;
	width     : 100%;
	text-align: center;
  }	
	

	
  #v4_confirmation_details {
    width : 90%;
  }
	
  #v4_deceased_image_container {
/*		width: 100% !important;  for large image not being squashed */
    width : 50%;
    margin: 0 auto;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
  }
	
  #v4_header_left_block_text p {
    clear:both;
  }
  
  #v4_header_left_block_text p.v4_header_lrg_txt{
    padding-top:0;
  }
  
  #v4_header_right_block {
    width        : 99%;
	padding-right: 0;
	margin-right : 0;
	float        : none;
  }
	
  #v4_header_church_block,
  #v4_funeral_details_block	{
    width: 100%;
  }

  #v4_header_left_block {
    margin: 0 auto;
	float : inherit;
  }	
	
  #v4_deceased_image {

	margin: 0 auto;
  }
  
#v4_location_email {
  width: 90%;
  text-align: center;
}

#v4_location_postcode {
  width: 90%;	
  text-align: center;
}   
	
}

@media screen and (max-width: 820px) { /* for any screen up to 820px wide */
  body {
  }	  

  #menubutton {
    display:none;
  }

  #v4_outer_container {          
	width: 98%;
  }

  #v4_menu_bar {
	height: auto;
  }
  
  .v4_float-left {
    float: inherit;
  }
  
  #v4_share_facebook_block {
    text-align: center;
  }
  
  #v4_menu_bar li {  
    padding-left: 1.5em;
  }
  
  #v4_menu_bar li.v4_tree_icon {
	background-image: none;
  }
  
  #v4_menu_bar li.v4_donate_icon {
	background-image: none;
  }
  
  #v4_menu_bar li.v4_tribute_page_icon {
	background-image: none;
  }
  
  #v4_menu_bar li.v4_tribute_list_icon {
    background-image: none;
  }
  
  #v4_menu_bar li.v4_gallery_icon {
    background-image: none;
  }  
  
  #v4_menu_bar a {
    margin-left: -1.5em;  /* Here we are moving the menu back over the space taken up by the icon to effectively centralise the wording */
  }

  #v4_funeral_details_logo {
    display:none;
  }  
  
  #v4_print_tributes_logo {
    display:none;
  }  

 
  
}

@media screen and (min-width: 821px) {  /* for any screen over 820px wide */

  #menubutton {
    display:none;
  }

  #v4_outer_container {                 
  }

}


/* ==================== This is for the MOBILE version of the tribute page =================== */
/* Use this to change the colour of the Donate / Facebook and Location buttons */

/*
#l2d_mobile {
	width: 95%;
}

#l2d_mobile
#mobile_tribute_donate,
#l2d_mobile
#mobile_tribute_footer_facebook,
#l2d_mobile
#mobile_tribute_footer_directions {
  background-color: #36431C;
}

*/