body {
  margin:0;
  padding:0;
  background-color:#cccccc;
  color: black;
  font: small Arial, Helvetica, Verdana, sans-serif;
}

#wrapper {
  background: url(pix/background.jpg);
  margin-left:auto;
  margin-right:auto;
  width:970px;  
}
#wrapper1 {
  margin-left:auto;
  margin-right:auto;
  width:970px;  
}
#mail{
 position:absolute;
 top:430px;
 left:540px; 
 font-size:18px; 
 font-weight:bold; 
}
#wrapperf {
  background: url(pix/backgroundn.jpg);
  margin-left:auto;
  margin-right:auto;
  width:970px;  
}
#spacer {
  width: 950px;
  height:300px;
  padding:10px;
}
#outline {
  width: 950px;
  height:185px;
  padding-top:10px;
  padding-left:4px;
}
#header {
  width: 950px;
  height:145px;
  padding-top:20px;
}

#header-left {
 padding-left:250px;
 padding-top:10px;
 background: url(pix/headern.gif) no-repeat;
 height:260px;
 margin-left:10px;
 
}
.h1 {
 font-size:40px; 
 font-weight:bold; 
}

.reduce{
 font-size:18px; 
 font-weight:bold; 
 position:absolute;
 top:80px;
 width:250px;
 line-height:1;
}
.h2 {
font-size:14px;

} 
#header-centre {


}
#header-right {
 position:absolute;
 top:30px;
 margin-left:310px;
 width:350px;
 word-wrap: normal; 
}

#address {
  width:520px;
  height:150px;
  margin-left:425px;
  
  
}
#text {
  text-align:left;
 
}

#infoblock {
  width:950px;
  height:25px;
  position:absolute;
  top:285px;
  padding-left:5px;
 
}
.infoclass {
  padding-left:25px;
  padding-top:2px;
  background-color:#FFFF00;
  margin-left:5px;
  height:25px;
}


#header-bottom {
 position: absolute;
 top:230px;
 height:30px;
 width:950px;
 
}


#nav-buttons {
 padding-left:125px;
 padding-right:125px;
 padding-top:10px;
}
 #nav-buttons2 {
 position:absolute;
 top:210px;
 padding-left:320px;
 padding-top:10px;
 
}
 #nav-buttons3 {
 position:absolute;
 top:210px;
 padding-left:200px;
 padding-top:10px;
 
}
 
 
a.button:link { 
 font-size:12px; 
 font-weight:bold; 
 text-decoration:none; 
 border-style:solid; 
 border-color:#FF99FF; 
 border-width:1px; 
 background-color:#FF99FF; 
 width:125px;  
 color:black; 
 text-align:center;
} 


a.button:visited { 
 font-size:12px; 
 font-weight:bold; 
 text-decoration:none; 
 border-style:solid; 
 border-color:#FF99FF; 
 border-width:1px; 
 background-color:#FF99FF; 
 width:125px;  
 color:black; 
} 

a.button:active { 
 font-size:12px; 
 font-weight:bold; 
 text-decoration:none; 
 border-style:solid; 
 border-color:#FF99FF; 
 border-width:1px; 
 background-color:#FF99FF; 
 width:125px; 
 color:maroon; 
} 

a.button:hover { 
 font-size:12px; 
 font-weight:bold; 
 text-decoration:none; 
 border-style:solid; 
 border-color:#FF99FF; 
 border-width:1px; 
 background-color:#FF99FF; 
 width:125px;  
 color:maroon; 
} 
#main {
  width: 950px;
  padding-top:16%;
  margin-left:5px;

}
#main2 {
  padding-top:1%;
  
  
  }
#sidebar_right {
  float: right;
  width: 170px;
  min-height:620px;
  background-image:url(pix/pink-background.gif);
  border:3px ridge #66cc66;
  color: black;
  margin: 0;
  padding-left:5px;
}
#sidebar_right-inner {
  font-weight: bold;
  padding:5px;
}
#sidebar_right h3 {
  font-size: 110%;  
  margin: 0;
  padding: 0.2em 0 0.2em 10px;
  font-weight: normal;
}
#shop {
  padding-left:10px; 
}
#sidebar_left {
  float: left;
  width: 150px;
  color: black;
  margin: 0;
  padding-left:0px;
}
#sidebar_left .inner {
  margin:  5px;
}
#sidebar_left p {
  font-size: 100%;
  color: black;
}
.sidebar_lefttext {
  font-size: 100%;
  color: black;
}
#sidebar_left_top {
 background-image:url(pix/pink-background.gif);
 border:3px ridge #66cc66;
}
#sidebar_left_bottom {
  margin-top:15px;
  background-image:url(pix/pink-background.gif);
  border:3px ridge #66cc66;
}
#clearone {
  clear: both;
  height: 1px;
  
}
#content {
  width:605px;
  margin-left:160px;
  margin-right:145px;
  
  color: black;
  padding:0px;
}
#mainfeature {
  color: Black;
  padding:1px;
 
}
#mainfeature h2 {
  margin: 0;
  font-weight: normal;
  font-size: 140%;
  padding-left:20px;
}
#mainfeature_title {
padding-left:30px;

}
.container {
  width: 576px;
  margin-left:5px;
  padding-bottom:10px;
  
}
.container-min {
  width: 576px;
  margin-left:5px;
  padding-bottom:10px;
  min-height:550px;
 }
.container_fd {
  padding-top:15px;
  width: 576px;
  margin-left:5px;
  padding-bottom:10px;
  height:230px;
}
#container2 {
  width: 576px;
  
  margin-left:5px;
  
}
.background{
background-color:#ffffff;
border:8px ridge #66cc66;
}

.content_spacer{

height:20px;
}
.productimage {
  float:left;
}
.product {
 height: 210px;
 width: 350px;
 margin-left:212px;
 margin-top:1px;
 
 text-align:center;
}
 
#productform {
 width:576px;
 float:left;
}
.productformleft {
 margin-left:0px;
 margin-top:0px;
 }
.productformright {
 padding-left:100px;
 }
 .extra {
 padding:5px;
 font-weight:bold;
 }
 .extrafloat {
 padding:7px;
 float:left;
 width:124px; 
 }
 .cardmessage {
 padding-left:65px;
 }
 
 #nav {
  list-style: none;
  margin: 0;
  padding:  0;
  font-size:  120%;
  color: #000000;
}
#nav li {
  border-bottom:1px solid #b9d2e3;
  padding: 0.4em 0 0.2em 0;
  font-size:  90%;
}
#nav li a:link, #nav li a:visited {
  text-decoration: none;
  color: #000000;
  font-weight: normal;
}
 a.buttonv:link { 
 height:30px;
 
 font-size:14px;
 font-weight:bold; 
 text-decoration:none; 
  
 border-color:red; 
 border-width:1px; 
 background-image:url(pix/pink-background.gif); 
 width:100px;  
 color:black;
 padding:2px; 
} 


a.buttonv:visited { 
 height:30px;
 
 font-size:14px; 
 font-weight:bold; 
 text-decoration:none; 
  
 border-color:red; 
 border-width:1px; 
 background-image:url(pix/pink-background.gif);
 width:100px;  
 color:black; 
 padding:2px;
} 

a.buttonv:active { 
 height:30px;

 font-size:14px; 
 font-weight:bold; 
 text-decoration:none; 
 
 border-color:red; 
 border-width:1px; 
 background-color:#ff00ff; 
 width:100px; 
 color:black; 
 padding:2px;
} 

a.buttonv:hover{ 
 
 height:30px;
 font-size:14px; 
 font-weight:bold; 
 text-decoration:none; 

 border-color:red; 
 border-width:1px; 
 background-color:#ff00ff; 
 width:100px;  
 color:black; 
 padding:2px;
} 




.float {
  float: left;
  width: 140px;
  padding-left:3px;
  }

.textblock {
  color: black;
  padding-left:20px;
  padding-right:10px;
  padding-bottom:10px;
  height:250px;
  margin-left:270px;
}
.textblock_fd {
  color: black;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
  height:175px;
}
.textblock_about {
  color: black;
  padding-left:20px;
  padding-right:10px;
  padding-bottom:10px;
  
  margin-left:270px;
}
.textblock_firm {
  color: black;
  padding-left:20px;
  padding-right:10px;
  padding-bottom:10px;
  
  margin-left:70px;
}
.image {
  float: left;
  margin: 0 5px 5px 0;
}
#footer {
  
  color:black;
  
  margin-top: 10px;
  clear: both;
  font-size:100%;
  padding-left:100px;
  background-color:#ffffff;
}
#payment {
  height:210px;
  padding:10px;
  font-size:110%;
}
.logo-center1 {
  padding-left:12px;
  padding-top:15px;
}
.logo-center2 {
  padding-left:20px;
  padding-top:10px;
}
.logo-center3 {
  padding-left:20px;
  padding-top:10px;
  padding-bottom:15px;
}
.month{
  font-weight: normal;
  font-size: 140%;
  padding-left:20px;
  }

.deliveryaddress a:visited,.deliveryaddress a:link {  
  color:black;
  font-weight:bold;
  padding-left:10px;
}

.textfont {
 color:blue;
 padding-left:40px;
 }
.email {
 margin-right:50px;
 margin-top:-40px;
 float:right;
} 
.email_left {
 margin-left:0px;
 margin-top:10px;
 padding-top:20px;
 }
 .email_sub {
 padding-left:30px;
 }
 .imcenter {
 padding-left:47px;
 }
 #sidebar_left_funeral {
  float: left;
  width: 150px;
  height:200px;
  background-color:#99ff99;
  
  color: black;
  margin: 0;
  padding-left:0px;
}
 .img_float {
 float:left;

 }
 .img_float1 {
 float:left;
 padding-left:10px;
 }
 .underline {
 height:6px;
 border-bottom:4px solid #ff99ff;
 }
 .underline-small {
 height:1px;
 border-top:1px solid #ff99ff;
 margin-right:25px;
 }
 .expand{
 font-size:150%; 
 font-weight:bold; 
 padding-top:5px;
 padding-bottom:10px;
 }
 .next {
 width:300px;
 height:20px;
 margin-top:10px;
 }
 .centerimg {
 padding-left:125px;
 }
 .info{
 height:215px;
 padding:5px;
 }
.imgtop{
padding-left:70px;

}
.about {
height:200px;
padding-top:10px;
}
.links{
font-size:75%;
padding-right:50px;
}

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top:50px;
left:150px; /*position where enlarged image should offset horizontally */

}
.color {
color:red;
padding-left:5px;
}

