/* RememberMyPet.Net style sheet */
/* Design and programming by Idea Shop Inc. | www.ideashop.com */

/* TAGS */

body {
	background-color: #d0c5a2;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #000;
}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: normal;
	font-style: italic;
	margin: 0 0 6px 0;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	margin: 0 0 12px 0;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	margin: 0 0 0 0;
}
h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	margin: 0 0 6px 0;
	border-top: #518bbc dotted 1px;
	padding: 6px 0 0 0;
}
li {
	margin: 0 0 12px 0;
}

/* ================================================================ */

/* link colors */

a:link, a:visited {color:#a90050; text-decoration: underline}
a:hover, a:active {color:#336699; text-decoration: underline}

/* ================================================================ */

/* COMMON LAYOUT STYLE */

.MasterText {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
}
.BorderBlack {
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
}
.BorderWhite {
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
}
.clear {
	clear: both;
}
.center {
	text-align: center;
}
.NoUnderline {
	text-decoration: none ! important;
}
.legal {
	font-size: 10px;
	margin-bottom: 0px;
}
.Float {
  float: left;
  margin: 0 20px 20px 0;
  }
.Float p {
	text-align: left;
   }
.Float2 {
  float: left;
  margin: 0 0 20px 0;
  }
.Float2 p {
	text-align: left;
   }
.PictureBoxRight {
	float: right;
	padding: 0 0 15px 15px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}
.PictureBoxRight p {
	margin: 0 0 0 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.PictureBoxLeft {
	float: left;
	padding: 0 15px 15px 0;
	margin-bottom: 0px;
}
.PictureBoxLeft p {
	margin: 0 0 0 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.ViewCartRight {
	float: right;
	padding: 0 0 0 15px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}
.ViewCartRight p {
	margin: 0 0 0 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* ================================================================ */

/* COLORS */

.white {
	color: #FFFFFF;
}
.black {
	color: #000000;
}
.darkgray {
	color: #83776f;
}
.blue-navy {
	color: #384b7a;
}
.yellow {
	color: #f7ef20;
}
.red {
	color: #d62027;
}
.blue-federal {
	color: #518bbc;
}
.khaki {
	color: #f1f8df;
}

/* ================================================================ */

/* BOXES */

.BoxBorderBlack {
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	padding: 15px 15px 15px 15px;
	margin: 0 0 10px 0;
}
.BoxBorderBlack p {
	margin: 0 12px 0 0;
}


/* ================================================================ */
/* TABLE GRID LINES */

.grid {
	background-color:#FFFFFF;
	overflow:auto;
	border-collapse:collapse;
	margin: 0 0 0 0;
}
.grid td, .grid th{
	border:1px solid #d0c5a2;
}
.grid .th, .grid th {
	background-color:#9C9C7B;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	}
.grid td td{
	border:none;
}
.grid .altRow {
	background-color:#f4f3f0;
}
.gridFoot{
	text-align:left;
	color:#000000;
}

.grid p {
	margin: 0 0 0 0;
}

/* ================================================================ */

/* CUSTOM LAYOUT STYLE */

#MainContentWrapper {
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #f1f8df;
}
#MainContentArea {
	width: 770px;
	background: url(/images/bottom-curve.gif) bottom left no-repeat;
}

#LeftContentArea {
	background-color: #FFFFFF;
	background: url(/images/LeftColBackground.gif) top left no-repeat;
	width: 390px;
	float: left;
	margin: 10px 0 0 30px;
	padding: 18px 18px 0 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#LeftContentArea p {
	margin: 0 0 12px 0;
}
#LeftContentArea .bottom {
	margin: 0 0 0 -18px;
}


#RightContentArea {
	width: 285px;
	float: left;
	margin: 10px 0 0 12px;
	padding: 10px 0 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.KeyPic {
	float: left;
	margin: 0 0 15px 0;
}
.KeyText {
	float: left;
	width: 136px;
}
.KeyDescription {
	background-color: #f8fcef;
	width: 120px;
	margin: 0 0 15px 0;
	padding: 0 0 6px 6px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.HeadlineFlag {
	margin: 6px 0 0 0;
	padding: 5px 0 7px 0;
	background: url(/images/flag.gif) top left no-repeat;
	color: #FFFFFF;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
}

.dottedLine {
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	width: 390px;
	border-bottom: #9ebc51 dotted 1px;
	clear: both;
}
.dottedLineMain {
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	width: 674px;
	border-bottom: #9ebc51 dotted 1px;
	clear: both;
}

.Goodlist ul {
      margin: 0 0 0 0;
	  padding: 0 0 0 0;
}
.Goodlist li {
      margin: 0 0 6px 0;
      padding: 0 0 0 0;
}


#Main710ContentArea {
	background-color: #FFFFFF;
	background: url(/images/main710background.gif) top left no-repeat;
	clear: both;
	width: 674px;
	margin: 10px 0 0 30px;
	padding: 18px 18px 0 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#Main710ContentArea p {
	margin: 0 0 12px 0;
}
#Main710ContentArea .bottom {
	margin: 0 0 0 -18px;
}

.ColumnFloat300 {
	float: left;
	width: 260px;
	margin: 0 0 0 40px;
	line-height: 1.5em;
}
.thanks {
	background-color: #518bbc;
	margin: 12px 0 12px 0;
	padding: 24px;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: normal;
	font-style: italic;
}

#Footer {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #000;
	padding: 0 30px 10px 30px;
	margin: 0 auto 0 auto;
}

#Footer a:link, #Footer a:visited {color:#990033; text-decoration: none;}
#Footer a:hover, #Footer a:active {color:#554816; text-decoration: underline;}

.NoDisplay {
	display: none;
	}

/* ================================================================ */

/* NAVIGATION STYLE */

#NavCenter {
	margin: 0 0 0 57px;
}

#header {
    width:100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
      }
#header ul {
      margin:0;
	  padding: 0;
      list-style:none;
      }
#header li {
      float:left;
      background:url("/images/nav-button-L-both.gif") no-repeat left top;
      margin:0 3px 0 0;
      padding:0 0 8px 9px;
      }
#header a {
      float:left;
      display:block;
      width:.1em;
      background:url("/images/nav-button-r-both.gif") no-repeat right top;
      padding:5px 11px 13px 0;
      text-decoration:none;
	  color:#554816;
      }
#header > ul a {width:auto;}
#header a {float:none;}
#header a:hover {
      color:#fff;
      }
#home #nav-home, #markers #nav-markers,
#plaques #nav-plaques, #frames #nav-frames,
#urns #nav-urns, #faq #nav-faq,
#about #nav-about {
      background-position:0% -44px;
      border-width:0;
      }
#home #nav-home a, #markers #nav-markers a,
#plaques #nav-plaques a, #frames #nav-frames a,
#urns #nav-urns a, #faq #nav-faq a,
#about #nav-about  a {
      background-position:100% -44px;
      padding:5px 11px 13px 0;
      color:#fff;
      }
#header li:hover, #header li:hover a {
      background-position:0% -44px;
      color:#fff;
      }
#header li:hover a {
      background-position:100% -44px;
      }

/* ================================================================ */
