﻿.fmsrow:after, .fmscol:after, .fmsclear:after, .fmsgroup:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.fmsrow { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.fmscol { margin-bottom: 1.5em; display: block; float: left; width: 100%; margin-bottom: 1.5em;}

/* Funeral Notice Display Styles
----------------------------------------------------------- */

#fmsnoticelistcontainer {}
#fmsnoticelistcontainer hr {margin:15px 0px 15px 0px}
#fmsnoticelistheader {}
#fmsnoticelistheaderleft {float:left;width:40%;}
#fmsnoticelistheaderright {float:right;width:60%;}
#fmsnoticelistheadersearch {float:right;}
#fmsnoticelist {background-color:#E9E9E9;padding:20px;border-radius:10px;}
#fmsnoticeslist {}
#fmsnoticelistphoto {width:30%;float:left;border:none #CCCCCC solid;text-align:center;border-radius:10px;}
#fmsnoticelistphoto img {border-radius:10px;width:95%;margin-bottom:5px;}
#fmsnoticelistdetails {float:right;width:65%;}
#fmsnoticelistframe {padding:10px;border:thin #CCCCCC solid;border-radius:10px;}

#fmsnoticelistphotoimage {}
#fmsnoticelistphoto img {-moz-box-shadow: 4px 4px 5px #999;-webkit-box-shadow: 4px 4px 5px #999;box-shadow: 4px 4px 5px #999; /* For IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";    /* For IE 5.5 - 7 */filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');padding:5px;background-color:#fff;}
#fmsnoticelistfooter {}

#fmsnoticeitemcontainer {}
#fmsnoticeitem {background-color:#E9E9E9;padding:20px;border-radius:10px;}
#fmsnoticesitem {}
#fmsnoticeitemphoto {width:30%;float:left;border:none #CCCCCC solid;text-align:center;border-radius:10px;}
#fmsnoticeitemphoto img {border-radius:10px;width:95%;}
#fmsnoticeitemdetails {float:right;width:65%;}
#fmsnoticeitemframe {padding:10px;border:thin #CCCCCC solid;border-radius:10px;}
#fmsnoticeitemphotoimage {margin-bottom:10px;}
#fmsnoticeitemphoto img {-moz-box-shadow: 4px 4px 5px #999;-webkit-box-shadow: 4px 4px 5px #999;box-shadow: 4px 4px 5px #999; /* For IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";    /* For IE 5.5 - 7 */filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');padding:5px;background-color:#fff;}
#fmsnoticeitemserviceleft {float:left;width:50%;}
#fmsnoticeitemserviceright {float:right;width:50%;}

.fmsnoticebuttoncontainer {}
.fmsnoticebuttonstyle {padding:10px; border: 1px solid #999; border-radius:5px;margin-top:10px;-webkit-box-shadow: 3px 3px 2px #999; -moz-box-shadow: 3px 3px 2px #999;}
.fmsnoticebuttonstyle:disabled {filter: brightness(120%);}
.fmsnoticesearchbuttonstyle  {display: inline-block;padding:10px; border: 1px solid #999; border-radius:5px;margin-top:10px;-webkit-box-shadow: 3px 3px 2px #999; -moz-box-shadow: 3px 3px 2px #999;}
.fmsnoticepagelabel {margin-left:10px;}
.fmsclear {clear:both;}

/* Product Display Styles
----------------------------------------------------------- */

.fmsproduct {text-align:center; border:3px double #ddd;padding:5px;position:relative}
.fmsproduct h2 {}
.fmsproduct h3 {}
.fmsproduct-entry-img-link { display: block;margin-bottom: 13px;text-align: }
.fmsproduct-entry-img-link img { padding:0px;margin:0px;}
.fmsproduct-entry-img-link img:hover { opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; }
.fmsproductimagecontainer {}
.fmsproduct-entry h3 {}
.fmsproduct-pricecontainer {position: absolute;bottom: 0;text-align:center;width:100%;}

/* Media Queries
----------------------------------------------------------- */
@media only screen and (max-width: 959px) { 

}
@media only screen and (min-width: 768px) and (max-width: 959px) { 
#fmsnoticelistheaderleft {float:none;width:100%;}
#fmsnoticelistheaderright {float:none;width:100%;}
#fmsnoticelistheadersearch {float:none;}
#fmsnoticeitemserviceleft {float:none;width:100%;}
#fmsnoticeitemserviceright {float:none;width:100%;}
	
}
@media only screen and (max-width: 767px) { 
#fmsnoticelistheaderleft {float:none;width:100%;}
#fmsnoticelistheaderright {float:none;width:100%;}
#fmsnoticelistheadersearch {float:none;}
#fmsnoticeitemserviceleft {float:none;width:100%;}
#fmsnoticeitemserviceright {float:none;width:100%;}

}
@media only screen and (max-width: 480px) { 
#fmsnoticelistdetails {float:none;width:100%;}
#fmsnoticelistphoto {float:none;width:100%;}
#fmsnoticeslist {text-align:center;}

#fmsnoticeitemdetails {float:none;width:100%;}
#fmsnoticeitemphoto {float:none;width:100%;}
#fmsnoticesitem {text-align:center;}
}

@media (min-width:768px) { 
	.fmsspan_1 { width: 2.25% }
	.fmsspan_2 { width: 6.5% }
	.fmsspan_3 { width: 10.75% }
	.fmsspan_4 { width: 15.0% }
	.fmsspan_5 { width: 19.25% }
	.fmsspan_6 { width: 23.5% }
	.fmsspan_7 { width: 27.75% }
	.fmsspan_8 { width: 31.0% }
	.fmsspan_9 { width: 36.25% }
	.fmsspan_10 { width: 40.5% }
	.fmsspan_11 { width: 44.75% }
	.fmsspan_12 { width: 49.0% }
	.fmsspan_13 { width: 53.25% }
	.fmsspan_14 { width: 57.5% }
	.fmsspan_15 { width: 61.75% }
	.fmsspan_16 { width: 66.0% }
	.fmsspan_17 { width: 70.25% }
	.fmsspan_18 { width: 74.5% }
	.fmsspan_19 { width: 78.75% }
	.fmsspan_20 { width: 83.0% }
	.fmsspan_21 { width: 87.25% }
	.fmsspan_22 { width: 91.5% }
	.fmsspan_23 { width: 95.75% }
	.fmsspan_24 { width: 100% }
	.fmscol { margin-left: 1% }	
}
/*clear left margin*/
.fmsclear-margin { margin-left: 0 }
