/**************** General rules *********************/
*{font-size:100.01%; margin:0;   padding:0;  }
html{font-size:100.01%;padding: 0; margin: 0;height:100% }
body {line-height:160%;min-height:101%;font-size:101%;padding: 0; margin: 0;font-family: Verdana, arial, Tahoma, sans-serif; color: #555; background-color: white; text-align: center; background: url(images/greenline.jpg) top center repeat-x;}
/**************** General Links ***********************************/
a:link            { color: #621096; text-decoration: none;}
a:visited         { color: black; text-decoration: none;}
a:hover, a:active {color: #000;text-decoration: underline;}
/***************** Page Sections *********************/
#container {position:relative;margin:0 auto;min-height:400px;text-align:left; background: url(images/greenstripbck.jpg) top center no-repeat; width:760px;}
*html #container {height:400px;}
#inner { position:absolute; top:255px; right:0;width:100%;z-index:10;}
#content {font-size:76%;width:680px;margin: 30px auto;background: url(images/flowerback1.jpg) top left no-repeat; }
#content p {margin-bottom:15px;}
#content img {margin:0 8px 5px 0;padding:4px;border:1px solid #e2e2e2;color:#333;background:#fff;}
#canvas0_0 img {border:1px solid #e2e2e2;}
#gallerypics img {margin:0 3px 5px 0;}
#gallerypics h3 {margin-top:20px;}
#slideshow {margin-top:20px;}
.box {width:150px;font-size:80%;margin-bottom:0px; margin-top:25px;padding:0px;text-align:center;}

.box {border: 1px solid #621096;}
.box h3{color: #621096; margin:0 5px 0 5px;;font-size:120%;font-weight:bold;}
.box p {margin: 5px ;}

textarea {font-size:120%;}

#funerals .box {text-align:left; width:160px;}
#funerals .box li{list-style-type:none; padding-left:5px;}
.locallinks{list-style-type:none; padding-left:10px;}
#rightbox {float:right; width:500px;margin-top:20px;}
#rightbox p {margin-bottom:15px;}
#rightbox img {margin:0 8px 5px 0;padding:4px;border:1px solid #e2e2e2;color:#333;background:#fff;}

#home #leftbox{float:left; width: 175px;margin-top:0;}
#leftbox {display:inline;float:left; width: 175px;margin-top:22px;}
#footer {font-size:65%; width:670px;margin: 2em auto; line-height:160%;border-top: 1px dotted #537805;}
#footer p {padding:10px 0px 10px 0px;}
#footer .right {float:right;width:50%;text-align:right;}
#footer a {color:#621096; text-decoration:none;}
#footer a:hover {color:#000; text-decoration:underline;}
.links li {list-style-type:none;}
#occasions #content ul {padding:0; margin-bottom:20px;}
#occasions #content h3 {margin-top:20px;}
#occasions #content #left {list-style-type:none;float:left; width:33%;text-align:center;}
#occasions #content #middle {list-style-type:none;float:left; width: 33%;text-align:center;}
#occasions #content #right {list-style-type:none;float:right; width:33%;text-align:center;}
#occasions #content img {float:right;margin:0 0 5px 8px;}
#corporate #content ul {margin-bottom:20px;}
#corporate #content img {margin:0 0 10px 0px;}
#wedding #content img {margin:0 0 10px 0px;}

#home #content img {border:none;margin:0 auto 5px auto;}
#balloons {clear:both;}
p.dark {font-weight:bold;color:#000;}
#parties {clear:both;}
#valentines {clear:both;}
#mothersday {clear:both;}
#graduation  {clear:both;}
#easter {clear:both;}
#christmas {clear:both;}
#jewishnewyear {clear:both;}
#newbaby {clear:both;}
#anniversary {clear:both;}
/********************** Navigation ******************/
#navlist {width: 94%;margin-left:25px;height:1.8em;line-height:1.5em; background:#878787 url(images/greenstripbck.jpg) top center}
#navlist li { float:left;list-style-type: none;padding-right: 15px;color:white; font-weight:bold;font-size:76%;}
#navlist li a {color:white; text-decoration:none;}
#navlist li a:focus, #navlist li a:hover, #navlist li a:active {color:#621096; text-decoration:none;}

#home #nav-home, #weddings #nav-weddings, #funerals #nav-funerals, #occasions #nav-occasions, #corporate #nav-corporate, #contact #nav-contact {color:#621096; text-decoration:none;}

/***************** Image Replacement ****************/
h1 {clear:both;margin-left:14px; margin-top:0px;padding:0; position:relative; width:731px; height:285px; overflow:hidden; }
h1 span {display:block;position:absolute; left:0; top:0; z-index:1;width:731px; height:285px; margin:0; padding:0; background:url(images/toppic2.jpg) top left no-repeat;}

/***************** Clearfix ****************/
.clearfix:after {content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/**************** Forms *********************/
#gb_form_div {font-size:100%; color:#000; margin-left:0;width:90%;   }
#gb_form_div fieldset { border:1px solid #f39edb; padding:10px 10px 20px 10px;margin-bottom:15px;  }
#gb_form_div legend { font-weight:bold;color:#621096;margin-bottom:5px;}
#gb_form_div input {background:#fff;   border:1px solid #777;  width:70%;     padding:5px 3px 5px 3px;   vertical-align:middle;  margin:0 0 5px 0; }
#gb_form_div textarea { background:#FFF;  border:1px solid #777;     width:70%;  margin-left:0;    font-size:110%;   padding:3px ;  vertical-align:middle;  }
#gb_form_div input.button {   border:1px solid #fff;clear:both;   color:white;   font-size:100%;   width:30%;  margin:10px 0 20px 0;   font-weight:bold;   background: #621096 url(../images/skipback.gif) repeat-x center bottom;  }
#gb_form_div input:hover, #gb_form_div textarea:hover {  border:1px solid #777;background-color:#efefef;   }
#gb_form_div input.button:focus, #gb_form_div input.button:hover, #gb_form_div input.button:active  { clear:both; color:white;   font-size:100%;   width:30%;  margin:10px 0 20px 0;   font-weight:bold;    background-color:#ce071e;  }
#gb_form_div input.checkbox {width:2em;border:none;}
#gb_form_div input.short {width:3em;}
label {cursor: pointer; cursor: hand; }
#gb_form_div #mainlegend {Display:none;}
#gb_form_div #formwrap {border:1px solid white;padding:0;}
h3.main_formhead  {display:none;}
.error {font-weight:bold;}
#contact dt {font-weight:bold;}
#contact ul {margin-left:20px;}
/****************** Ohter Stuff ********************/
#sitemap #content ul {margin-left:50px;}
#sitemap #content li  {list-style-type: circle; padding-left:0; line-height:200%; }
abbr, acronym, .help {border-bottom: 1px dotted #537805;cursor: help;}  

#funerals #funeralslist {list-style-type: circle; padding-left:0;margin-left:20px; padding-bottom:20px;}
.normal {list-style-type: circle; padding-left:0;margin-left:20px; padding-bottom:20px;}

p.center {text-align:center; margin:0 auto;}
.skip img {border:none;text-decoration:none;padding-top:5px;}
.skip  li a:focus {border:1px solid white; text-decoration:underline; padding-top:5px;}
div.tooltip {border:1px solid InfoText;   background:InfoBackground;color:InfoText;font-size:70%;  padding:2px 4px;text-align:left;position:absolute;width:auto;  height:auto;}

h2 {font-size:160%;color:#621096;padding-bottom:10px;font-weight:normal;}
h3 {font-size: 140%;color:#621096;padding-bottom:10px;font-weight:normal;}

#lightbox{
   position: absolute;
   left: 0;
   width: 100%;
   z-index: 100;
   text-align: center;
   line-height: 0;
   }

#lightbox a img{ border: none; }

#outerImageContainer{
   position: relative;
   background-color: #fff;
   width: 250px;
   height: 250px;
   margin: 0 auto;
   }

#imageContainer{
   padding: 10px;
   }

#loading{
   position: absolute;
   top: 40%;
   left: 0%;
   height: 25%;
   width: 100%;
   text-align: center;
   line-height: 0;
   }
#hoverNav{
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   z-index: 10;
   }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
   width: 49%;
   height: 100%;
   background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
   display: block;
   }
#prevLink { left: 0;
   float: left;
   }
#nextLink { right: 0;
   float: right;
   }
#prevLink:hover, #prevLink:visited:hover {
   background: url(../images/prevlabel.gif) left 15% no-repeat;
   }
#nextLink:hover, #nextLink:visited:hover {
   background: url(../images/nextlabel.gif) right 15% no-repeat;
   }


#imageDataContainer{
   font: 10px Verdana, Helvetica, sans-serif;
   background-color: #fff;
   margin: 0 auto;
   line-height: 1.4em;
   overflow: auto;
   width: 100%
   }

#imageData {
   padding:0 10px;
   color: #666;
   }
#imageData #imageDetails{
   width: 70%;
   float: left;
   text-align: left;
   }
#imageData #caption{
   font-weight: bold;
   }
#imageData #numberDisplay{
   display: block;
   clear: left;
   padding-bottom: 1.0em;
   }
#imageData #bottomNavClose{
   width: 66px;
   float: right;
   padding-bottom: 0.7em;
   }

#overlay{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 90;
   width: 100%;
   height: 500px;
   background-color: #000;
   }