/*-------------------------------------------
	TITLE: Cloister Car Wash
	CREATED: 2/14/2008

--
	LAYOUT
	- BODY, LINKS, MENUS
	- TOP
	- MENU
	- CONTENT
	- SUBMENU
	- FOOTER
--

-------------------------------------------*/



/*-------------------------------------------
	- BODY, LINKS, MENUS
		- links
		- top level divs
-------------------------------------------*/
a {color: #b3071b; text-decoration:none;}
a:hover{text-decoration: underline;}
:focus {-moz-outline-style: none;}

body,html {
	background-image: url(../images/body_bg.jpg);
	background-repeat:repeat-x;
	background-color: #000001;
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif; width: 100%;
 	height: 100%;
	behavior: url(../../hover.htc);
	}
* { margin: 0; padding: 0; }

#behindtopbg {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
	background-image: url(../images/behind_topbg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	height: 100%;
	width: 100%;
}

#pagewidth{ 
 width:950px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 background-image: url(../images/pagewidth_bg.jpg);
 background-position:left 266px;
 background-repeat:no-repeat;
 background-color: white;
 z-index: 1000;
 position: relative;
}

/*-------------------------------------------
	- TOP
-------------------------------------------*/
#top {
	background-image: url(../images/top_bg.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	width: 950px;
	height: 270px;
}

h1 {
	margin: 0px;
	padding: 0px;
}

#top h1 a {
	position: absolute;
	left: 289px;
	top: 8px;
	display: block;
	height: 184px;
	width: 362px;
	background-image: url(../images/logo.jpg);
	text-indent: -9999px;
} 

	/*- Location Menus	 -*/
	
#top ul {
	margin: 0px;
}

#locationmenu li {
	background-repeat:no-repeat;
	height: 17px;
	text-indent: -9999px;
	list-style: none;
	position: absolute;
}
#locationmenu a {display:block; height: 17px; text-indent: -9999px; border-bottom: none;}
#locationmenu li.ephrata {background:transparent url(../images/ephrata_loc.jpg); background-repeat:no-repeat; width: 60px; top: 132px; left: 69px;}
#locationmenu li.sinkingspring {background:transparent url(../images/sinkingspring_loc1.jpg); background-repeat:no-repeat; width: 104px; top: 157px; left: 69px;}
#locationmenu li.york {background:transparent url(../images/york_loc.jpg); background-repeat:no-repeat; width: 38px; top: 132px; left: 839px;}
#locationmenu li.lancaster {background:transparent url(../images/lancaster_loc.jpg); background-repeat:no-repeat; width: 78px; top: 158px; left: 801px;}

#locationmenu a#loc1 {background:transparent url(../images/ephrata_loc.jpg) no-repeat;}
#locationmenu a#loc2 {background:transparent url(../images/sinkingspring_loc1.jpg) no-repeat;}
#locationmenu a#loc3 {background:transparent url(../images/york_loc.jpg) no-repeat;}
#locationmenu a#loc4 {background:transparent url(../images/lancaster_loc.jpg) no-repeat;}

#locationmenu a#loc1:hover {background-position:0px -17px; z-index:50;}
#locationmenu a#loc2:hover {background-position:0px -17px; z-index:50;}
#locationmenu a#loc3:hover {background-position:0px -17px; z-index:50;}
#locationmenu a#loc4:hover {background-position:0px -17px; z-index:50;}

#pastresults li {
	margin-top: 15px;
	background-repeat:no-repeat;
	height: 87px;
	text-indent: -9999px;
	list-style: none;
}

#pastresults a {display:block; height: 87px; text-indent: -9999px; border-bottom: none;}
#pastresults li.salesresults {background:transparent url(../images/pastsalesresults_btn.jpg); background-repeat:no-repeat; width: 293px;}
#pastresults a#salesresults1 {background:transparent url(../images/pastsalesresults_btn.jpg); display:block; height: 87px; width: 293px; text-indent: -9999px; border-bottom: 0px;}
#pastresults a#salesresults1:hover {background-position: 0px -87px;}

#downloadforms a {display:block; height: 87px; text-indent: -9999px; border-bottom: none; background-repeat:no-repeat;}
#downloadforms li.pdfdownload {background:transparent url(../images/download_forms.jpg); background-repeat:no-repeat; width: 293px; list-style-type: none; margin-top: 13px;}
#downloadforms a#pdfdownload1 {background:transparent url(../images/download_forms.jpg); display:block; height: 87px; width: 293px; text-indent: -9999px; border-bottom: 0px; background-repeat:no-repeat;}
#downloadforms a#pdfdownload1:hover {background-position: 0px -87px; background-repeat:no-repeat;}

#downloadforms2 a {display:block; height: 87px; text-indent: -9999px; border-bottom: none; background-repeat:no-repeat;}
#downloadforms2 li.pdfdownload {background:transparent url(../images/download_app.jpg); background-repeat:no-repeat; width: 293px; list-style-type: none; margin-top: 13px;}
#downloadforms2 a#pdfdownload1 {background:transparent url(../images/download_app.jpg); display:block; height: 87px; width: 293px; text-indent: -9999px; border-bottom: 0px; background-repeat:no-repeat;}
#downloadforms2 a#pdfdownload1:hover {background-position: 0px -87px; background-repeat:no-repeat;}

#graceforvets a {display:block; height: 87px; text-indent: -9999px; border-bottom: none; background-repeat:no-repeat;}
#graceforvets li.pdfdownload {background:transparent url(../images/gfv_button.jpg); background-repeat:no-repeat; width: 293px; list-style-type: none; margin-top: 13px;}
#graceforvets a#pdfdownload1 {background:transparent url(../images/gfv_button.jpg); display:block; height: 87px; width: 293px; text-indent: -9999px; border-bottom: 0px; background-repeat:no-repeat;}
#graceforvets a#pdfdownload1:hover {background-position: 0px -87px; background-repeat:no-repeat;}


.smallinput {
	background-image: url(../images/small_inputbox.gif);
	border: 0px;
	background-repeat: no-repeat;
	height: 24px;
	width: 76px;
	font-size: 11px;
	color: #828282;
	padding: 5px 0px 0px 5px;
	background-color: transparent;
	margin: 0px 0px -3px 0px;
}

.red {
	font-weight: bold;
	color: #811615;
}

.slideshow {z-index:0}

/*-------------------------------------------
	- NAV
-------------------------------------------*/
* { margin: 0; padding: 0; }
	
	.nav a {text-decoration: none;}
	.nav a:hover { text-decoration: none;}
	
	.clear:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clear { display: inline-block; }
	
	/* Hides from IE-mac \*/
	* html .clear { height: 1%; }
	.clear { display: block; }
	/* End hide from IE-mac */
	
	/* image replacement general properties */
	ul.IR li { 
		position: relative;
		/* The original method recommends setting this so that the text doesn't peak out if you resize the text.
		   But overflow also includes our dropdown list, so we need the overflow to be visible. */
		/*overflow: hidden; */
		font-size: 0.9em;
	}
			
	.IR em {
		display: block;
		position: absolute;
		top: 0; left: 0;
		z-index: 1;
	}
	
	/* For IE5.x mac only */
	* html>body	.IR { 
		position: static;
		overflow: visible;
		font-size: 10px;
  }
	* html>body .IR em  { position: static; }
	
	/* image replacement specific properties */
	.nav { list-style: none; }
	.nav li { float: left; padding-bottom: 10px; } /* add a little bottom padding to make sure the sub menus don't disappear before selecting them */
	.nav li, .nav li em {height: 40px; }
	
	* html>body ul.nav li em { margin-bottom: -40px; } /* for ie5.x/mac only */
	
	.link1 em, .link2 em, .link3 em, .link4 em, .link5 em, .link6 em, .link7 em, .link8 em, .link9 em, .link10 em { 
		background: url(../images/links1.gif) no-repeat; 
		cursor: pointer; width: 5px; 
		/* IE5 requires cursor: hand; however this is not valid CSS2 */
	}
	.link1 { left: 0; width: 61px; margin-right: 1px;}
	.link1 em { background-position: 0 0; width: 61px;}
	.link1:hover em { background-position: 0 -40px; }
	.link2 { left: 0px; width: 81px; margin-right: 1px}
	.link2 em { background-position: -71px 0; width: 81px;}
	.link2:hover em { background-position: -71px -40px;  cursor: default;}
	.link3 { left: 0px; width: 75px; margin-right: 1px}
	.link3 em { background-position: -162px 0; width: 75px;}
	.link3:hover em { background-position: -162px -40px;  cursor: default;}
	.link4 { left: 0px; width: 83px; margin-right: 1px}
	.link4 em { background-position: -247px 0; width: 83px;}
	.link4:hover em { background-position: -247px -40px;  cursor: default;}
	.link5 { left: 0px; width: 102px; margin-right: 1px}
	.link5 em { background-position: -340px 0; width: 102px;}
	.link5:hover em { background-position: -340px -40px;  cursor: default;}
	.link6 { left: 0px; width:83px; margin-right: 1px}
	.link6 em { background-position: -452px 0; width:83px;}
	.link6:hover em { background-position: -452px -40px;}
	.link7 { left: 0px; width:102px; margin-right: 1px}
	.link7 em { background-position: -545px 0; width:102px;}
	.link7:hover em { background-position: -545px -40px;  cursor: default;}
	.link8 { left: 0px; width: 74px;}
	.link8 em { background-position: -657px 0;  width: 74px;}
	.link8:hover em { background-position: -657px -40px;  cursor: default;}
	.link9 { left: 0px; width: 112px;}
	.link9 em { background-position: -741px 0;  width: 112px;}
	.link9:hover em { background-position: -741px -40px;  cursor: default;}
	.link10 { left: 0px; width: 72px;}
	.link10 em { background-position: -863px 0;  width: 72px;}
	.link10:hover em { background-position: -863px -40px;  cursor: default;}
	
	.nav a { display: block; font-weight: normal; }
	* html .nav a { height: 1%; }
	
	.nav li ul {
		position: absolute;
		z-index: 10; /* show the dropdowns above the images */
		top: 40px; /* position the dropdowns a set distance from the top of the image */
		left: -999em;
		list-style: none;
		width: 191px;
		margin: 0px 0px 0px -9px;
		padding: 20px 0px 0px 0px;
		background-image:url(../images/submenutop_bg2.gif);
		background-repeat:no-repeat;
		background-position: top;
	}
	
	.nav li:hover ul { position:absolute; left: -9px; .left: -8px; width: 190px; _left: -16px;}
	
	.nav  li.link10:hover ul { position:absolute; left: -70px; .left: -70px; width: 190px; _left: -16px; z-index: 400;}
	
	.nav li li {
		height: auto; /* reset the height and padding set on the IR list items */
		padding-bottom: 0;
		font-size: 110%;
		width: 191px;
	}
	
	.nav li ul a {
		font-family: Arial, Helvetica, sans-serif;
		color: #dadada;
		width: 162px;
		margin: 0px 0px 15px 8px;
		_margin-left: 16px;
		padding: 5px 0px 5px 13px;
		_padding: 5px 0px 5px 11px;
		.padding: 5px 0px 5px 11px;
		font-size: 11px;
	}
	.nav li ul a:hover {
		color: white;
		background-color: #420302;
	}
	
	.bottomone {
		background-image:url(../images/submenubottom_bg.gif);
		background-repeat:no-repeat;
		margin-left: 7px;
		.margin-left: 6px;
		_margin-left: 7px;
		margin-bottom: -20px;
		padding: 0px;
	}

#menu {
position: absolute;
left: 41px;
top: 226px;
}


/*-------------------------------------------
	- CONTENT
-------------------------------------------*/
#maincol {
	float: left;
	width: 603px;
	background-image:url(../images/maincoltop.jpg);
	background-position:top center;
	background-color: #e8e8e8;
	background-repeat:no-repeat;
	margin: 0px 0px 0px 18px;
	_margin: 0px 0px 0px 9px;
	padding: 28px 0px 0px 0px;
}

#maincol p {
	color: #303337;
	font-size: 11px;
	line-height: 24px;
	padding: 0px 21px 15px 21px;
	margin: 0px;
}

table {
	color: #303337;
	font-size: 11px;
	line-height: 24px;
	margin: 0px 21px 15px 21px;
}

td {
	padding: 3px 3px 3px 10px;
}


.alternate_row {
	background-image:url(../images/dark_transparent.gif);
}

tr.alternate_row td {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#maincontent {
	background-image:url(../images/maincolbottom.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	padding: 0px 0px 18px 0px;
	margin: 0px;
}

#maincontent ol{
	margin: 0px 0px 10px 21px;
	padding: 0px;
}


#maincontent ul{
	margin: 0px 0px 10px 21px;
	padding: 0px;
}

#maincontent li {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	line-height: 24px;
	font-size: 11px;
}

#maincontent td {
	color: #303337;
	font-size: 11px;
	line-height: 14px;
	}

#maincontent .save {
	color: #ef3142;
	font-size: 11px;
	line-height: 14px;
	font-weight:bold;
	}


#maincontent .additionalservices ul li {
	font-size:11px;
	font-weight: bold;
	color: #950101;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#maincontent .additionalservices ul li ul li {
	list-style: disc;
	list-style-position: outside;
	color: #303337;
	font-weight: normal;
}

#flash {
	width: 915px;
	height: 300px;
	margin: 12px 0px 0px 18px;
}

#flash-left {width:574px; height:300px; float:left; margin:12px 0px 0px 18px;}
#flash-right {width:340px; height:300px; float:left; margin:12px 0px 0px 0px; z-index:0;}


#subphotocontainer {
	background-image: url(../images/subpage_photobg.jpg);
	background-repeat:no-repeat;
	margin: 12px 0px 0px 18px;
	padding: 9px;
	width: 914px;
	height: 240px;
}

#topright {
	z-index: 300;
	position: absolute;
	left: 907px;
	top: 282px;
	width: 26px;
	height: 26px;
	background-image:url(../images/toprightcorner.gif);
}

#rightcol {
	float: right;
	width: 315px;
	margin-top: 13px;
}

#odometer {
	background-image:url(../images/odometer-box.jpg);
	width: 293px;
	background-repeat:no-repeat;
	margin-bottom: 13px;
}

#odometercontent {
	background-image: url(../images/didyouknowbottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	line-height: 24px;
	color: #303337;
	font-size: 11px;
	padding: 45px 14px 10px 14px;
	min-height: 95px;
	height:auto; !important
	height: 95px;
}

#odometercontent ul {
	margin-left:0px;
	padding:0px;
}

#odometercontent li {
	float:left;
	list-style-type:none;
}

#didyouknow {
	background-image: url(../images/didyouknowbg.jpg);
	width: 293px;
	background-repeat:no-repeat;
	margin-bottom: 13px;
}

#didyouknowcontent {
	background-image: url(../images/didyouknowbottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	line-height: 24px;
	color: #303337;
	font-size: 11px;
	padding: 45px 14px 10px 14px;
	min-height: 95px;
	height:auto; !important
	height: 95px;
}

.clear {
	clear:both;
}
	
h3 {
	font-size: 17px;
	color: #303337;
	margin: 10px 0px 2px 21px;
	padding: 0px;
}

h4 {
	font-size: 15px;
	color: #303337;
	margin: 0px 0px 8px 21px;
	padding: 0px;
}

h5 {
	font-size: 14px;
	color: #4f1414;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}
h6 {
	font-size: 10px;
	color: #4f1414;
	margin: 0px 0px 8px 21px;
	padding: 0px;
}

hr {
    color: #d3d4d7;
	background-color: #d3d4d7;
	height: 1px;
	width: 560px;
	border: 0px;
	padding: 0px;
	margin: 0px 0px 10px 20px;
}

#maincontent .fineprint {
	font-size: 10px;
	border-top: 1px solid #CCCCCC;
	color: #5b5e62;
	padding-top: 10px;
}


.largestrong {
	font-size: 16px;
}

.quoteperson {
	font-weight: bold;
	font-size: 10px;
}

	/*-   EMAIL SIGNUP	 -*/
	
#emailsignup {
	background-image: url(../images/email_signup3.jpg);
	width: 293px;
	height: 146px;
	margin-top: 3px;
}

#emailsignup p {
	margin: 0px;
	padding: 22px 0px 0px 15px;
	font-size: 9px;
	color: #444444;
}

#emailsignup fieldset {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#emailsignup input {
	color: #9d9d9d;
	background-image: url(../images/email_inputbg2.gif);
	border: 0px;
	width: 197px;
	height: 18px;
	margin: 10px 0px 0px 15px;
	padding: 6px 0px 0px 8px;
	background-repeat: no-repeat;
	font-size: 11px;
	float: left;
}

#emailsignup select {
	color: #9d9d9d;
	background-image: url(../images/email_inputbg.gif);
	border: 0px;
	height:20px;
	border:0px;
	margin-left:8px;
	padding: 3px 0px 0px 8px;
	background-repeat: no-repeat;
	font-size: 11px;
	background-color:#5A5A5A;
}

#emailsignup option selected {
	color: #9d9d9d;
	background-image: url(../images/email_inputbg.gif);
	border: 0px;
	padding: 6px 0px 0px 8px;
	background-repeat: no-repeat;
	font-size: 11px;
	background-color:#5A5A5A;
}

#emailsignup .signup {
	color: #9d9d9d;
	background-image: url(../images/emailsignup_btn2.gif);
	border: 0px;
	width: 54px;
	height: 24px;
	margin: 10px 0px 0px 8px;
	padding: 6px 0px 0px 2px;
	background-repeat: no-repeat;
	font-size: 11px;
	float: left;
	text-indent:-9999px;
}

#breadcrumb {
	border-bottom: 1px solid #a5a8a9;
	width: 898px;
	margin: -4px 0px -5px 18px;
	padding: 0px 0px 10px 17px;
	color: #8c8f92;
	font-size: 10px;
}

/*-------------------------------------------
	- FOOTER
-------------------------------------------*/

#footer {
	background-image: url(../images/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	height: 150px;
	background-color: #26282a;
	font-size: 10px;
	line-height: 18px;
	color: #6f7276;
	clear: both;
}

#footer div {
	width: 163px;
	float: left;
	border-left: 1px solid #101112;
	text-align: center;
	margin-top: 17px;
	margin-bottom: 17px;
	padding: 5px 0px 5px 0px;
}

.firstdiv {
	border: none;
	margin-left: 70px;
	_margin-left: 35px;
}

#footer a {
	color: #d6d7d7;
	font-weight: bold;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#copyright{ 
 width:950px; 
 text-align:center;  
 margin-left:auto; 
 margin-right:auto;
 position: relative;
 font-size: 10px;
 color: #3a3f42;
 padding: 10px 0px 10px 0px;
 clear:both;
}

#copyright a {
 text-decoration: none;
 color: #3a3f42;
}

#copyright a:hover {
 text-decoration: underline;
 color: #b7bac1;
}

/*-------------------------------------------
	- APPLY ONLINE
-------------------------------------------*/
/* #applyonline input {
	background-image: url(../images/small_inputbox.gif);
	border: 0px;
	height: 24px;
	font-size: 11px;
	color: #828282;
	padding: 5px 0px 0px 5px;
	background-color: transparent; 
	margin: 0px 0px -3px 0px;
} */
#applyonline td {
	vertical-align: top;
	padding: 5px 0px 5px 0px;
}

#applyonline input {
	border: 0px;
	height: 24px;
	color: #666;
	padding: 2px 5px 0px 5px;
	background-color: transparent; 
	margin: 0px 0px -3px 3px;
	background-repeat: no-repeat;
	font-size: 11px;
}

.left { 
	float: left;
	margin: 0px 5px 0px 0px;
	
	}
	
.left input {
	margin-top: 10px;
}

.right {
	float: right;
	}
	
.tiny {
	width: 60px;
	background-image: url(../images/tiny_inputbox.gif);
}
.tiny2 {
	width: 30px;
	background-image: url(../images/tiny2_inputbox.gif);
}
.short {
	width: 90px;
	background-image: url(../images/short_inputbox.gif);
}

.medium {
	width: 160px;
	background-image: url(../images/medium_inputbox.gif);
}
.long {
	width: 330px;
	background-image: url(../images/long_inputbox.gif);
}

.largebox {
	width: 500px;
	height: 100px;
	background-image: url(../images/large_inputbox.gif);
	border: 0px;
	background-color: transparent;
	color: #828282;
	padding: 5px 0px 0px 5px;
	background-color: transparent; 
	margin: 0px 0px -3px 0px;
	background-repeat: no-repeat;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

select {
	background-image: url(../images/large_inputbox.gif);
	border: 0px;
	background-color:#CCCCCC;
	color: #828282;
	padding: 3px 0px 0px 5px;
	margin: 0px 0px 3px 0px;
	background-repeat: no-repeat;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

option {
	border: 0px;
	background-color:#EEEEEE;
	color: #828282;
	padding: 3px 0px 3px 5px;
	margin: 2px 0px 3px 0px;
	background-repeat: no-repeat;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

.smalltext {
	font-size: 10px;
	color: #969696;
	padding: 0px 0px 0px 5px;
}

#applyonline tr{
}

#applyonline tr td {
	border-bottom: 1px solid #CCCCCC;
}

#applyonline .jobdates td{
	padding: 10px;
	border-bottom: none;
}

.jobdates {
	margin-left: 0px;
}

#applyonline .submitbtn {
	background-image: url(../images/submit.gif);
	width: 54px;
	height: 24px;
	background-repeat: no-repeat;
	background-color: transparent;
	cursor: pointer;
}

.orderbtn {
	background-image: url(../images/order.gif);
	width: 99px;
	height: 24px;
	background-repeat: no-repeat;
	background-color: transparent;
	cursor: pointer;
}

.signup {
	background-image: url(../images/signup.jpg);
	width: 125px;
	height: 35px;
	background-repeat: no-repeat;
	background-color: transparent;
	cursor: pointer;
}

/*----- LIGHTBOX SHOW AD  ------------*/

.black_overlay{display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80);}

.overlay_object{display: none; position: absolute; top:10%; left:35%; width:600px; height:750px; z-index:1002; overflow: auto;}