@charset "utf-8";
/* CSS Document */
/* 
	Created by NewLeaf Internet for Snohomish Laundry Co. All Rights Reserved.
	Ben Nyquist
	January 18, 2009
	http://NewLeafInternet.com
*/

* {
	margin:0; 
	padding:0;
}

body {
	background-color:#000000;
}

/*Main Layout Div - holds all content*/
#layout {
	position:relative;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-top:3px;
	border-left:solid thin #D9261C;
	border-right:solid thin #D9261C;
	border-bottom:solid thin #D9261C;
	border-top:solid thin #D9261C;
	min-height:900px;
}

	/*Header box - contains the title graphic*/
	#header {
		width:100%;
		height:250px;  
		border-bottom:solid thin #D9261C;

	}
		/*The H1 tag in the header for search engine recognition*/
		#title {
			color:#FFFFFF;
			display:none;
			position:absolute;
		}
		
		/*The Red Logo in the header*/
		#logo {
			padding-top:45px;
			border:none;
			padding-left:30px
		}
	
	/*The container for the Navigation Bar*/
	#navBar {
		margin-top:15px;
		margin-left:auto;
		margin-right:auto;
		border:solid thick #c07f0b;
		border-bottom:solid thick #c07f0b;
		width:855px;
		height: 45px;
	}

/* Page Headers */	
h1 {
	text-align: center;
	color: #FF6600;
	margin-top: 15px;
	margin-bottom: 15px;
  }
  
  /* Paragraph Headers */
  h2 {
	color: #FF6600;
	margin-top: 16px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom:10px;
  }
  


strong {
	color:#FF6600;
}

p {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 16px;
	margin-left: 15px;
	margin-right: 15px;	
}

ul,ol {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	padding-left: 50px;
	margin-right: 15px;	
}

li {
	margin-bottom:10px;
  }
  
a {
	color:#D9261C;
}

a:visited, a:hover {
	color:#cc6600;
}

/* The DIV container to hold the store image and the hours sign */
#homeContainer {width:100%; margin:0px; position:relative;}

#storeImage {float:left; position:relative; margin-left:230px; padding:0; margin-right:0;}

#storeHours { text-align:center; }


/* The Price Table on the Services Page */
#price {
	border:thick solid #FF6600; 
	padding:8px;
	margin-left:auto;
	margin-right:auto;
}

#price th{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	padding: 3px 10px;
	text-align:left;
}

#price td {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}

/* Popup box BEGIN */
.hover_bkgr_fricc{
    background:rgba(0,0,0,.4);
    cursor:pointer;
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:10000;
	padding-top: 150px;
}
.hover_bkgr_fricc .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.hover_bkgr_fricc > div {
    background-color: #fff;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
    max-width: 551px;
    min-height: 100px;
    vertical-align: top;
    width: 60%;
    position: relative;
    border-radius: 8px;
    padding: 15px 5%;
}
.popupCloseButton {
    background-color: #fff;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 25px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.popupCloseButton:hover {
    background-color: #ccc;
}
.trigger_popup_fricc {
    cursor: pointer;
    font-size: 20px;
    margin: 20px;
    display: inline-block;
    font-weight: bold;
}
/* Popup box BEGIN */


.balance-button {
	display: block;
	width: 250px;
	margin: 20px auto;
	padding: 12px 20px;
	background-color: #FF6600;
	color: #FFFFFF !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: 2px solid #D9261C;
	border-radius: 5px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  }
  
  .balance-button:hover {
	background-color: #cc6600;
	border-color: #b92219;
  }
  
  .card-icon {
	vertical-align: middle;
	margin-right: 8px;
	width: 24px;
	height: 24px;
  }