@charset "utf-8";
/* CSS Document */

* {
	padding: 0;
	margin: 0;
}

html,body {
	height:100%;
}

body {
	background-color: white;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #2f2f2f;
	text-shadow: 0 0 0 #fff;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
	color: #094594;
    margin-bottom: 6px;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 15px;
	padding-top: 10px;
	color: #094594;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bold;
	color: #094594;
    padding: 15px 0 8px 0;
}

h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	color: #094594;
    padding-top: 10px;
}

.scrollersurname {
    font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
    text-transform: capitalize;
	color: #FFFFFF;
    padding-top: 10px;
}


img, div, #blanket { behavior: url(iepngfix.htc) }
img { border: 0; }

p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11pt;
	color: #2f2f2f;
	padding-bottom: 7px;
    line-height: 17px;
}

/*a, a:link, a:active, a:visited {
	color: #745CA8;
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	text-decoration: underline;
}*/

ul {
	font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 11pt;
	padding-top: 6px;
	padding-bottom: 9px;
	padding-left: 21px;
	list-style-image: url(images/bullet.gif);
}

li {
	padding-bottom: 8px;
}

hr.short {
	height: 1px;
	border: 0px;
	background-color: #125285;
	color: #125285;
	width: 282px;
	text-align: left;
	margin: 2px 0px 2px -21px;
}

hr {
	height: 1px;
	border: 0px;
	background-color: #125285;
	color: #125285;
	width: 100%;
	margin: 10px 0px 10px 0px;
}

input, select {
    padding: 1px 5px;
}

#container {
	/* background: url(images/brown-bg.jpg) bottom repeat-x; */
	position: relative;
	width: 100%;
	height: auto !important;
	height:100%;
	min-height: 100%;
	z-index: 0;
}

/* === HEADER === */
#header {
	width: 100%;
	height: 154px;
	border-top: 4px solid #094594;	/* TOP BLUE LINE */
	border-bottom: 4px solid #094594; /* BLUE LINE UNDER MENUBAR */
}

#header #top {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

#header #top .logo {
	float: left;
}

#header #top .banner { /* MANAGE TOP BANNER (BESIDES LOGO) */
	float: left;
	width: 728px;
	text-align: right;
}

#header #top .banner table { /* MANAGE TOP BANNER (BESIDES LOGO) */
    width: 100%;
}

#header #navbar {
	width: 100%;
	height: 27px;
	background-color: #5498cd;
}

#header #navbar .menu {
	background: url(images/navbar.jpg) top no-repeat;
	overflow: hidden;
	width: 1000px;
	height: 27px;
	margin-left: auto;
	margin-right: auto;
}

/* === MAIN MENU NAVIGATION === */
#navbar .menu a {
	text-indent: -9999px;
	display: block;
	height: 27px;
	float: left;
}
#navbar .menu a:hover, #navbar .menu a.active {
	background: url(images/navbar.jpg) no-repeat;
/*    margin-top: 1px;*/
}

#navbar .menu a#home { width: 75px; }
#navbar .menu a#notify { width: 104px; }
#navbar .menu a#purchase { width: 130px; }
#navbar .menu a#addfuneral { width: 134px; }
#navbar .menu a#adddeathnotice { width: 161px; }
#navbar .menu a#login { width: 122px; }
#navbar .menu a#about { width: 168px; }
#navbar .menu a#contact { width: 105px; }

#navbar .menu a:hover#home, #navbar .menu a#home.active { background-position: 0px bottom; }
#navbar .menu a:hover#notify, #navbar .menu a#notify.active { background-position: -75px bottom; }
#navbar .menu a:hover#purchase, #navbar .menu a#purchase.active { background-position: -179px bottom; }
#navbar .menu a:hover#addfuneral, #navbar .menu a#addfuneral.active { background-position: -309px bottom; }
#navbar .menu a:hover#adddeathnotice, #navbar .menu a#adddeathnotice.active { background-position: -443px bottom; }
#navbar .menu a:hover#login, #navbar .menu a#login.active { background-position: -604px bottom; }
#navbar .menu a:hover#about, #navbar .menu a#about.active { background-position: -726px bottom; }
#navbar .menu a:hover#contact, #navbar .menu a#contact.active { background-position: -894px bottom; }



#body {
	background-color: white;
	width: 1000px;
	min-height: 300px;
	margin-left: auto;
	margin-right: auto;
	/*overflow: hidden;*/
}

#left {
	float: left;
	width: 318px;
	/*margin-bottom: -2000px;
	padding-bottom: 2055px;*/
    padding-bottom: 10px;
}

#right {
	float: left;
	width: 682px;
	/*margin-bottom: -2000px;
	padding-bottom: 2055px;*/
	background-color: white;
    padding-bottom: 10px;
}

#right .content {
/*  font-family: Arial; */
    font-family: Georgia, "Times New Roman", Times, serif;
	margin: 28px 5px 20px 25px;
}

#right a, #right a:link, #right a:visited, #right a:active {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    font-size: 11pt;
    color: #745CA8;
    text-decoration: none;
}

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


#advertisement table {
  border-collapse: collapse;
  text-align: left;
  margin-bottom: 5px;
}

#advertisement a img {
  border: 1px solid #024d73;
}
/* === FOOTER === */
hr.bottom {
	/*position: absolute;
	bottom: 63px;*/
	clear: both;
	height: 0px;
	border: 0px;
	background: #fff;
	color: #fff;
	width: 100%;
	margin: 0;
}
#footer {
	position: absolute;
	width: 100%;
	height: 60px;
    padding-top: 6px;
	bottom: 0px;
	z-index: 1;
	color: white;
    font-family: Arial;
	font-size: 10px;
    background: #5498cd url(images/footerbg.gif)
}
#footer .center {
	width: 1000px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
}
#footer .bottom-menu {
	width: 543px;
	float: left;
	padding-top: 18px;
}
#footer .footer-image {
	float: left;
}
#footer .cp {
	width: 130px;
	float: left;
	text-align: right;
	padding-top: 18px;
}
#footer .cpstar {
	width: 20px;
	float: left;
	text-align: right;
	padding-top: 16px;
}
#footer a, a:link, a:visited, a:active {
	color: white;
	font-size: 10px;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer #addthis {
    width:200px;
    float:left;
    margin-left: 5px;
}

#left .search-form {
	padding: 12px 20px 1px 20px;
	color: white;
	font-size: 12px;
	background-color: #1a73b8;
    height: 153px;
}
#left .search-form-inner {
    border-bottom: 1px solid #125285;
    padding-left: 8px;
    display: block;
    height: 145px;
}

#left .search-form table td {
	padding-bottom: 10px;
}

#left .today-funeral {
	padding: 0px 0px 0px 32px;
	color: white;
	font-size: 11px;
	font-weight: normal;
	background-color: #1a73b8;
    height: 190px;
}
#left .today-funeral table td {
	padding-left: 14px;
}
#left .today-funeral .prev {
	margin-right: 100px;
}

#left .rotate-ads {
	background-image: url(images/blue-gradient.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #1a73b8;
	padding: 6px 0px 50px 0px;
	min-height: 200px;
}

#left #home-left-ads.rotate-ads {
    background: none;
    padding: 6px 0px 0px 0px;
    min-height: 0px;
}


#left .google-ads {
	background: white;
}

#right .rotate-ads {
	background-color: white;
	padding: 6px 0px 0px 6px;
    float: left;
}

#right .google-ads {
    float: left;
	background: white;
    padding: 6px 0px 0px 15px;
}

/* =================== HOME PAGE =================== */
#home-icons img {
	margin: 10px 0px 0px 6px;
}
#home-icons img.first{
  /*margin-left: 20px;*/
  margin-top: 6px;
}
/* =================== END OF HOME PAGE =================== */


/* =================== SEARCH RESULT PAGE =================== */
#search-result th {
	padding-left: 10px;
	width: 92px;
}
#search-result a, a:link, a:active, a:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #000000;
}
#search-result a:hover {
	text-decoration: underline;
}
#search-result td {
	padding-left: 25px;
    padding-bottom: 5px;
}
#search-result h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 5px;
	color: #000000;
}
#search-result a:hover h2 {
	text-decoration: underline;
}
.search_results .black {
  color: black;
  font-weight: normal;
  font-size: 12pt;
}

.search_results fieldset {
  border-color: black;
  border-width: 9px;
  border-style: solid;
}

.search_results .top_padding {
    font-family: Georgia, "Times New Roman", Times, serif;
  padding-top: 5px;
  font-size: 12pt;
  color: navy;
  color: #000000;
}
.search_results .gray_border {
  border-bottom: 1px solid #aeaeae;
  padding-bottom: 8px;
  padding-top: 8px;
}

.search_results .gray_font{
  color: #878787;
  font-family: arial;
  font-size: 12pt;
  font-weight: bold;
}


/* =================== END SEARCH RESULT PAGE =================== */


.textfield {
	height: 20px;
	width: 240px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #838586;
	line-height: 18px;
    padding: 0;
    margin: 0;
}

.radio {
	margin-right: 3px;
}

.clear {
	clear: both;
}
.borderblue {
	border: 3px solid #5f9dcd;
}
#full-body {
	background-color: white;
	width: 1000px;
	min-height: 300px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

#full-content{
	float: left;
	width: 1000px;
	margin-bottom: -2000px;
	padding-bottom: 2063px;
	background-color: white;
}
#full-content .content{
	margin: 28px 0px 20px 0px;
}

/* =================== FUNERAL CAROUSEL =================== */
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid;
overflow: scroll; /*leave this value alone*/
width: 240px; /*Width of Carousel Viewer itself*/
height: 150px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .belt a, .stepcarousel .belt a:visited, .stepcarousel .belt a:hover, .stepcarousel .belt a:active{
  color: #F3DB55;
  text-decoration: none;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 220px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* =================== END FUNERAL CAROUSEL =================== */

#centre{
  text-align: center;
}

/**********************************************/
/*************PERSONAL TRIBUTES****************/
/**********************************************/
#personal_tributes {
  margin: 0 auto;
  width: 998px;
}


/**********************************************/
/*************PERSONAL TRIBUTES****************/
/**********************************************/
#personal_tributes .submit {
  width: 150px;
  height: 34px;
  border: 0;
  font-size: 0px;
  color: #F48A3A;
  background: url(images/sb-submit.gif);
}

#personal_tributes input {
  border-width: 2px;
  border-style: solid;
  border-color: #aeaeae;
}

#personal_tributes textarea {
  border-width: 2px;
  border-style: solid;
  border-color: #aeaeae;
}

#personal_tributes_display {
  width: 571px;
  padding: 1px 10px 30px 5px;
}

#personal_tributes .gray_border {
  border-bottom: 1px solid #aeaeae;
}

#add_tributes {
  float: right;
  width: 380px;
  padding: 1px 0 20px 10px;
}

/**********************************************/
/********************THEMES********************/
/**********************************************/

#theme {
  color: black;
}

#theme #left {
  font: 7pt Verdana;
}

#theme h1 {
  margin: -10px 0 0 0;
  font: 30pt Georgia normal;
  color: black;
}

#theme h2 {
  margin: 0;
  font: 23pt Georgia normal;
  color: black;
}

#theme #left a, #theme #left a:visited, #theme #left a:active {
  font: 11pt Georgia normal;
  text-decoration: underline;
  color: black;
}

#theme .thelastpostimage {
  padding: 5px 5px 60px 0;
}

#top_corners {
 width: 993px;
 height: 12px;
 background: url(themes/standard/background-top-corners.png) no-repeat;
}

#middle_content {
  position: relative;
  width: 993px;
}

#bottom_corners {
 width: 993px;
 height: 12px;
 background: url(themes/standard/background-bottom-corners.png) no-repeat;
}

.searchresultsname {
    color: #094594;
    font-size: 11pt;
    font-weight: bold;
}

.searchresultsfuneral {
    color: #000000;
    font-size: 10pt;
    font-weight: normal;
}

.aster {
    color: red;
}

#right .content .yui-ac-input {
  position: static;
  width: 95%;
}
.yui-ac {
    z-index: 1000;
}

#blanket {
    background-color:#111;
    opacity: 0.65;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity:.60;
    -khtml-opacity:0.6;
    position:absolute;
    z-index:1001;
    top:0px;
    left:0px;
    width:100%;
}
#popUpDiv {
    position:absolute;
    background-color:white;
    width:500px;
    height:400px;
    z-index: 9002;
    padding: 10px 20px;
}