/* Heartstone Memorials CSS*/

/* Global Styles*/
div#rightsidefield{display: none;}

body { color: #6e6e6e; font-size: 11px; font-family: arial, sans-serif; line-height: 15px; background: #939378 url(../images/backg.jpg) repeat-x fixed left top; margin: 10px 0; }
h1 { color: #5c2c01; font-size: 16px; line-height: 18px; text-decoration: none; text-align: left; }
h2 { color: #5c2c01; font-size: 14px; line-height: 16px; text-decoration: none; text-align: left; margin: 0 0 -2px 0; }
h3 { color: #5c2c01; font-size: 12px; text-align: left; text-decoration: none;line-height:14px;}
form { margin: 0; padding:0}
select { background-color:#ddddcd;color:#000000; border-width:1px;font-size:11px; padding:3px;}
input { color:#000000; border-width:1px;font-size:11px;}
textarea { background-color:#f0f0e0; border-width:1px;font-size:11px; padding:3px;}
img { border: 0;}
layer { border: 0;margin: 0; padding:0}
ilayer { border: 0;margin: 0; padding:0}
p { margin: 0 0 10px 1px; padding: 0 0 0 1px; }
hr {height:1 px; border:0; color:#ffffff; background-color:#ffffff; margin:10px 0 10px 0 !important; margin:0 0 -20px 0;}
td { vertical-align: top; }
a {color: #000000; text-decoration: underline;}
a:link { }
a:visited { }
a:hover {color: #000000; text-decoration: underline; }
a:active { }
div.field { width: 780px !important; width: 760px; display: table; border-color: #FFFFFF; border-style: solid; border-width: 5px; }
div.submenu { background-color: #5e2b00; text-align: left; vertical-align: middle; width: 774px; margin: 0; padding: 3px; border-bottom-width: 5px; border-bottom-color:#ffffff; border-bottom-style:solid; }
div.submenu td.contactusbox { text-align: right; }
div.head { height: 200px; border-bottom: 5px solid #ffffff; }
div.contents { background-color: #d1ccc6; text-align: left; width: 760px; padding: 10px; display: table; }
div.foot { color: #ffffff; text-transform: uppercase; font-size: 10px; text-align: center; width: 790px; padding: 5px; }
div.foot a {color:#5c2c01; text-decoration: none;}
div.foot a:hover {color: #d1ccc6; text-decoration: none;}

/*Global Field Styles*/
.upperleft { float: left; border: solid 10px #ffffff; }
.upperright { float: right; border: solid 10px #ffffff; }
.lowerleft { float: left; border-color: #ffffff; border-style: solid; border-width: 0 10px 10px 10px; }
.lowerright { float: right; border-style: solid; border-width: 0 10px 10px 0; border-color: #ffffff; }
.wide {float:left; border-width: 10px; border-color: #ffffff; border-style: solid;}
.headline {font-family:arial,sans-serif; color: #5c2c01; font-size: 14px; text-align: left; text-decoration: none; line-height:16px; font-weight: bold;}
.bodycopy {font-family:arial,sans-serif; font-size:11px; color: #666666; font-weight: normal; line-height:15px;}
.bodycopy a {color: #000000; text-decoration: underline; }
.bodycopy a:hover {color: #5c2c01; text-decoration: none; }

/*Field Styles by Page*/
/*HOME*/

.retaillocations { background-color: #efefe8; height:100px !important; width: 250px; height: 165px; overflow: visible; margin: 0; padding: 10px; border: 0;}
.retaillocations h2 { text-transform: capitalize; padding:0 0 5px; margin:0;  font-size:14px;line-height:20px;}
.retaillocations p {font-size:11px;line-height:15px; color:#666666;text-align:left;}
.retaillocations div { height:57px !important; height:125px;  color:#ffffff; background-color:#ffffff; padding:9px; font-size:11px;line-height:15px;text-align:left;}
.retaillocations h3 { color:#666666;margin:0 0 5px 0;}
.retaillocations img {margin: 0 0 5px;}
.retaillocations form p { margin: 0 0 5px; vertical-align:bottom;}
.retaillocations select.url {width:230px;}

#chalkboard p {color: #ffffff }

.osunit { width:250px !important; width:380px; background-color: #efefe8; padding: 10px; overflow: visible; margin:10px 0 0; border: 0; text-align: left; height: 230px !important; height: 210px; }
.osunit img { margin: 0 0 10px 0; border: solid 5px #ffffff; }
.osunit h2 { font-size: 14px; line-height: 16px; text-transform: capitalize; margin: 0; padding: 0 0 5px 0; }
.osunit p { color: #6e6e6e; font-size: 11px; line-height: 15px; background-color: #ffffff; text-align: left; padding: 10px;}

.introduction p{  color:#666666; font-size:11px;line-height:15px;text-align:left;}
.introduction h2 { padding:0 0 5px 0; margin:0; font-size:14px;line-height:16px;}

.break{margin:0;padding:0;clear:both;}
.left{float:left;}
.right{float:right;}
.introduction { width:460px; background-color:#ffffff; overflow: visible; }
.introduction img { margin: 0 0 10px 0;}
.introduction div { color:#693405; background-color:#ffffff; padding:0; font-size:12px; line-height:17px; text-align:left; margin-bottom: 10px; }
.introduction div b { font-weight:bold; font-size:13px;line-height:20px;text-align:left;}
.introduction div a { color: #f0f0e0; text-decoration: underline; }
.introduction div a:hover {  color: #693405; text-decoration: none; }

/*MEMORIALS*/
.navigationsub { width:460px; height:210px; background-color:#ffffff; margin: 0 0 5px; }
.navigationsub img { margin: 0 0 10px 0;}
.navigationsub div {color:#6e6e6e; background-color:#ffffff; padding:0; font-size:12px;line-height:17px;text-align:left;}
.navigationsub div strong { font-weight:bold; font-size:13px;line-height:20px;text-align:left;color:#5c2c01;}
.navigationsub div a { color: #5c2c01; text-decoration: underline; }
.navigationsub div a:hover {  color: #5c2c01; text-decoration: none; }
.navigationsub p.indent { margin: 0 0 0 160px; color:#6e6e6e;}
.navigationsub p.navigationsubfooter { font-size:9px;line-height:10px;}

.subnavigation { background-color: #efefe8; height:210px !important; width: 250px; height: 235px; overflow: visible; margin: 0; padding: 10px; border: 0;}
.subnavigation h2 { text-transform: capitalize; padding:0 0 5px 0; margin:0;  font-size:14px;line-height:16px;}
.subnavigation p {font-size:11px;line-height:15px; color:#666666;text-align:left;}
.subnavigation div { height:190px !important; height:200px;  color:#ffffff; background-color:#ffffff; padding:9px; font-size:11px;line-height:15px;text-align:left;}
.subnavigation h3 { color:#666666;margin:0 0 5px 0;}
.subnavigation img {margin: 0 0 5px;}
.subnavigation form p { margin: 0 0 5px 0; vertical-align:bottom;}
.subnavigation select.url {width:230px;}

.memorialboxes { width:740px; background-color:#ffffff; padding:10px; margin:0 !important; margin:0px 0 0 0; border:0; text-align:left;}
.memorialboxes div { float:left; width:180px; background-color:#efefe8; padding:5px 0 5px 5px;margin:0; border:0; text-align:left; font-size:11px;line-height:15px; color:#6e6e6e;}
.memorialboxes img { border-width:5px;border-color:#ffffff; border-style:solid; margin:0 0 10px 0;}
.memorialboxes h1 { padding:0 0 5px 0; margin:0;}
.memorialboxes h2 { text-transform: capitalize; padding:0 0 5px 0; margin:0; font-size:14px;line-height:16px;}
.memorialboxes p {font-size:11px;line-height:15px; color:#6e6e6e;text-align:left; padding: 0 10px 0 0;}
.memorialboxes a { color: #000000; text-decoration: underline; }
.memorialboxes a:hover {  color: #5c2c01; text-decoration: none; }

.memorialboxes2 { width:740px; background-color:#ffffff; padding:10px; margin:0 !important; margin:0px 0 0 0; border:0; text-align:left;}
.memorialboxes2 div { float:left; width:240px; background-color:#efefe8; padding:5px 0 5px 5px;margin:0; border:0; text-align:left; font-size:11px;line-height:15px; color:#6e6e6e;}
.memorialboxes2 img { border-width:5px;border-color:#ffffff; border-style:solid; margin:0 0 10px 0;}
.memorialboxes2 h1 { padding:0 0 5px 0; margin:0;}
.memorialboxes2 h2 { text-transform: capitalize; padding:0 0 5px 0; margin:0; font-size:14px;line-height:16px;}
.memorialboxes2 p {font-size:11px;line-height:15px; color:#6e6e6e;text-align:left; padding: 0 10px 0 0;}
.memorialboxes2 a { color: #000000; text-decoration: underline; }
.memorialboxes2 a:hover {  color: #5c2c01; text-decoration: none; }

/*RETAIL STORES*/
.retailmap { width:460px; height:410px; background-color:#ffffff; margin: 0 0 5px; }
.retailmap img { margin: 0 0 10px 0;}
.retailmap div {color:#6e6e6e; background-color:#ffffff; padding:0; font-size:12px;line-height:17px;text-align:left;}
.retailmap div strong { font-weight:bold; font-size:13px;line-height:20px;text-align:left;color:#5c2c01;}
.retailmap div a { color: #5c2c01; text-decoration: underline; }
.retailmap div a:hover {  color: #5c2c01; text-decoration: none; }
.retailmap p.indent { margin: 0 0 0 160px; color:#6e6e6e;}
.retailmap p.navigationsubfooter { font-size:9px;line-height:10px;}

.retailcontact { background-color: #efefe8; height:410px !important; width: 250px; height: 410px; overflow: visible; margin: 0; padding: 10px; border: 0;}
.retailcontact h2 { text-transform: capitalize; padding:0 0 10px 0; margin:0;  font-size:14px;line-height:16px;}
.retailcontact p {font-size:11px;line-height:15px; color:#666666;text-align:left;}
.retailcontact div { height:390px !important; height:390px;  color:#ffffff; background-color:#ffffff; padding:9px; font-size:11px;line-height:15px;text-align:left;}
.retailcontact h3 { color:#666666;margin:0 0 5px 0;}
.retailcontact img {margin: 0 0 5px;}

/*ABOUT US*/
.companyinfo { width:460px; height:410px; background-color:#ffffff; margin: 0 0 5px; }
.companyinfo h2 { text-transform: capitalize; padding:0 0 10px 0; margin:0;  font-size:16px;line-height:18px;}
.companyinfo img { margin: 0 0 10px 0;}
.companyinfo div {color:#6e6e6e; background-color:#ffffff; padding:0; font-size:12px;line-height:17px;text-align:left;}
.companyinfo div strong { font-weight:bold; font-size:13px;line-height:20px;text-align:left;color:#5c2c01;}
.companyinfo div a { color: #5c2c01; text-decoration: underline; }
.companyinfo div a:hover {  color: #5c2c01; text-decoration: none; }
.companyinfo p {font-size:11px;line-height:15px; color:#666666;text-align:left;}
.companyinfo p.indent { margin: 0 0 0 160px; color:#6e6e6e;}
.companyinfo p.navigationsubfooter { font-size:9px;line-height:10px;}