/* --------------------------------------------------------------------------------
-																				-
-				Title: 			Friendly Grocer									-
-				Date:			November 4, 2008								-
-																				-
---------------------------------------------------------------------------------- */

@import url('../css/lightbox.css');


/* ------------------------------------------------------------
		MAIN BODY OF WEBSITE
------------------------------------------------------------ */

		body, form, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5 {
				margin:0px;	padding:0px;
		}

/* ------------------------------------------------------------
		MAIN BODY OF WEBSITE
------------------------------------------------------------ */

		body {
				margin:0; padding:0; background-color: #fffcd3;
				color: #000000; font-size: 12px; font-family:Arial, Helvetica, sans-serif;
				letter-spacing: 0; line-height: 18pt; font-weight: normal; text-align:center;
		}


		h1 {
		 	line-height: 18pt;
  			font-size: 16pt;
  			color: #00784e;
			font-weight:normal;
			font-family:Arial, Helvetica, sans-serif;
			letter-spacing:0;
		}
		
		h2 {
		 	line-height: 14pt;
  			font-size: 12pt;
  			color: #00784e;
			font-weight:normal;
			font-family:Arial, Helvetica, sans-serif;
			letter-spacing:0;
		}		

/* ------------------------------------------------------------
		WRAPPER CONTAINER TO CENTER
------------------------------------------------------------ */

		#wrapper {
				margin-left: auto; margin-right: auto; padding: 0;
				width: 735px; text-align: left; 
		}


/* ------------------------------------------------------------
		GLOBAL NAVIGATION
------------------------------------------------------------ */

		#globalHead {
				clear:both;	margin: 30px 0 0 0; padding:0; height: 145px; width: 735px;
		}
		

/* ------------------------------------------------------------
		GLOBAL NAVIGATION
------------------------------------------------------------ */

		#globalNav, #subNav {
				clear:both;	margin: 0; padding:0; height: 19px; width: 735px;
		}
		
/* ------------------------------------------------------------
		FRONT LEFT COLUMN
------------------------------------------------------------ */

		#frontLeft {
				width: 183px; height: 360px; float: left; 
				display:inline; margin: 0; padding:0;
		}
		

		#findBox {
				width: 183px; height: 99px; margin: 0; padding:0; display:block; position:relative;
				background: #09784e url(../images/find_button.jpg) no-repeat top center;
		}



		#findBox input.findPostcode {
				font-size: 11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;			
				color:#ed1c24; border: none; width: 120px;  position: absolute; bottom: 14px; left: 23px;
		}



		#findBox input.findButton {
				width: 46px; height:39px; border: none; background: none;
				position: absolute; bottom: 0; right: 0;
		}


/* ------------------------------------------------------------
		MAIN HOME FLASH
------------------------------------------------------------ */

		#frontSplash {
				float: left; display:inline; margin: 0; padding:0; width: 552px; height: 360px;
		}



		 a {
				font-weight:normal;	font-size: 11px; color: #057c4f; text-decoration: underline;
				}

		a:hover {
				font-weight:normal; margin:0px;	color: #057c4f; text-decoration: none;
				}	


/* ------------------------------------------------------------
		ABOUT US
------------------------------------------------------------ */

		#aboutPage {
				width:735px; float:left; display: inline; clear:both;
				margin: 0; padding: 30px 0 30px 0; background: #fff url(../images/about_bg.jpg) no-repeat top right;
				min-height:500px; height:auto !important; height:500px;
		}


		#aboutPage h1 {
				margin: 0 0 0 45px; padding:0;
		}


		#aboutPage p {
				color: #333333; line-height: 18px; text-align: left;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px; padding: 5px 15px 5px 45px; margin:0;
		}

		#aboutPage ul {	
				line-height: 1.6em;	list-style:none; float: left; width: 690px;
				margin: 5px 0 5px 45px; padding: 0; display:inline;
		}
	
		#aboutPage li {
				font-weight:normal;	font-size: 11px; color: #00784e; text-decoration: none;
				margin:0; padding: 0 0 0 1.6em; float:left; clear:both;
				background: url(../images/bullet.jpg) no-repeat 0px 5px;
		}
			

/* ------------------------------------------------------------
		COMMUNITY
------------------------------------------------------------ */

		#communityPage {
				width:735px; float:left; display: inline; clear:both;
				margin: 0; padding: 30px 0 0 0; background: #fff url(../images/community_bg.jpg) no-repeat top right;
				min-height:500px; height:auto !important; height:500px;
		}


		#communityPage h1 {
				margin: 0 0 0 310px; padding:0;
		}
		
		
		#communityPage h2 {
				margin: 0 50px 0 310px; padding:0;
		}
		
		#communityPage p {
				color: #333333; line-height: 18px; text-align: left;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px; padding: 5px 40px 5px 310px; margin:0;
		}




/* ------------------------------------------------------------
		CURRENT SPECIALS
------------------------------------------------------------ */

		#specialsPage {
				width:735px; height: 360px; float:left; display: inline; clear:both;
				margin: 0; padding: 0; background: #fff url(../images/specials_bg.jpg) no-repeat top right;
				min-height:500px; height:auto !important; height:500px;
		}



		#specialsPage p {
				color: #333333; line-height: 18px; text-align: left;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px; padding: 5px 40px 5px 370px; margin:0;
		}


		#specialsPage h1 {
				margin: 30px 40px 5px 370px; padding:0;
		}

		#specialsPage h2 {
				margin: 90px 40px 5px 370px; padding:0;
		}

		#specialsPage fieldset {
				 margin: 90px 0 0 370px; padding: 0; border: none;
		}


		#specialsPage input {
				font-size: 11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;			
				color:#ed1c24; border: none; width: 140px; height: 20px; border: 1px solid #b5b4b4; 
				padding: 2px; margin: 6px 5px 0 0; float: left;
		}


		#specialsPage select {
				font-size: 11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;			
				color:#ed1c24; border: none; width: 140px; height: 20px; border: 1px solid #b5b4b4; 
				padding: 2px; margin: 6px 5px 0 0; float: left; display:inline;				
		}



		#specialsPage span {
				color: #333333; font-weight:bold; font-size: 12px; padding: 0; margin:4px 5px 0 0; float:left; display:inline;
		}


		#specialsPage input.goButton {
				width: 31px; height:30px; border: none; background: none; float: left; padding:0; margin: 0;
		}


/* ------------------------------------------------------------
		FIND A STORE
------------------------------------------------------------ */

		#findstorePage {
				width:735px; height: 360px; float:left; display: inline; clear:both;
				margin: 0; padding: 0; background: #fff url(../images/find_bg.jpg) no-repeat top right;
				min-height:500px;
				height:auto !important;
				height:500px;
		}


		#findstorePage h1 {
				margin: 65px 0 0 370px; padding:0;
		}


		#findstorePage h2 {
				margin: 15px 0 0 370px; padding:0;
		}

		#findstorePage p {
				color: #333333; line-height: 18px; text-align: left;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px; padding: 5px 40px 5px 370px; margin:0;
		}



		#findstorePage fieldset {
				 margin: 0 0 0 370px; padding: 0; border: none;
		}


		#findstorePage input {
				font-size: 11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;			
				color:#ed1c24; border: none; width: 280px; height: 20px; border: 1px solid #b5b4b4; 
				padding: 2px; margin: 10px 0 0 0; float: left;
		}


		#findstorePage input.postcodeField {
				font-size: 11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;			
				color:#ed1c24; border: none; width: 150px; height: 20px; border: 1px solid #b5b4b4; 
				padding: 2px; margin: 10px 0 0 0; float: left; display:inline;				
		}


		#findstorePage select {
				font-size: 11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;			
				color:#ed1c24; border: none; width: 120px; height: 20px; border: 1px solid #b5b4b4; 
				padding: 2px; margin: 10px 10px 0 0; float: left; display:inline;				
		}


		#findstorePage input.goButton {
				width: 31px; height:30px; border: none; background: none; float: left; padding:0; margin: 8px 0 0 250px;
		}



		#findstorePage table {
				 margin: 5px 20px 5px 370px; padding: 0; float:left; display:inline;
				 clear: both; border: none; text-align:left; 
		}


		#findstorePage th {
				 color: #ed1c240; font-size: 11px; font-weight: bold;
				 margin: 0; padding: 5px 0 5px 0;
		}


		#findstorePage td {
				 color: #333333; font-size: 11px; font-weight: normal;
				 background: #FFF url(../images/cell.gif) repeat-x bottom left;
				 margin: 0; padding: 4px 0 4px 0;
				 border-top: 1px solid #fffcd3;
		}



/* ------------------------------------------------------------
		CONTACT US
------------------------------------------------------------ */

		#contactPage {
				width:735px; float:left; display: inline; clear:both;
				margin: 0; padding: 30px 0 30px 0; background: #fff url(../images/contact_bg.jpg) no-repeat top right;
				min-height:500px; height:auto !important; height:500px;
		}


		#contactPage h1 {
				margin: 0 0 0 45px; padding:0;
		}


		#contactPage h2 {
				margin: 15px 0 0 45px; padding:0;clear:both;
		}

		#contactPage p {
				color: #333333; line-height: 18px; text-align: left;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px; padding: 5px 15px 5px 45px; margin:0;
				clear:both;
		}

		#contactPage span.error, #joinPage span.error {
				font-size: 14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#ed1c24;
		}



		#contactPage dl, dt, dd {
				margin: 0; padding: 0;
			}
		
		#contactPage dl {
				font-size: 11px; font-family:Arial, Helvetica, sans-serif;
				line-height: 16px; font-weight: normal;
				width: 500px;  margin: 5px 0 15px 45px; padding: 0;
				clear: both; float: left; display:inline;
			}
		
		#contactPage dt {
				float: left; width: 70px;
				padding: 3px 0 3px 0; margin: 0;
				font-weight: bold; color: #ed1c24;
			}
		
		#contactPage dd {
				float: left; width: 430px;
				padding: 3px 0 3px 0; margin: 0; 
				color: #666666;
			}
			
		/*------------------------------------*/	
		
		#contactPage tr, th, td {
				margin: 0; padding: 0;
			}
		
		#contactPage tr {
				font-size: 11px; font-family:Arial, Helvetica, sans-serif;
				line-height: 16px; font-weight: normal;
				width: 500px;  margin: 0px 0 0px 45px; padding: 0;
				clear: both; float: left; display:inline;
				/*margin: 5px 0 15px 45px;*/
			}
		
		#contactPage th {
				float: left; width: 70px;
				padding: 3px 0 3px 0; margin: 0;
				font-weight: bold; color: #ed1c24;
			}
		
		#contactPage td {
				float: left; width: 430px;
				padding: 3px 0 3px 0; margin: 0; 
				color: #666666;
			}
			
		#contactPage td h2 {
				margin: 15px 0 0 0px; padding:0;clear:both;
		}
			
			
		#contactPage tr.marBot {
			margin-bottom:10px;
		}
		/*------------------------------------*/	
			
			
	
	

		#contactPage fieldset {
				 margin: 0 0 0 45px; padding: 0; border: none;
		}


		#contactPage input {
				font-size: 11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;			
				color:#ed1c24; border: none; width: 280px; height: 20px; border: 1px solid #b5b4b4; 
				padding: 2px; margin: 10px 0 0 0; float: left; display:inline;				
		}



		#contactPage textarea {
				font-size: 11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;			
				color:#ed1c24; border: none; width: 280px; height: 80px; border: 1px solid #b5b4b4; 
				padding: 2px; margin: 10px 0 0 0; float: left; 			
		}

		#contactPage input.submitButton {
				width: 60px; height:26px; border: none; background: none; 
				float: left; display:inline; padding:0; margin: 60px 0 0 6px;
		}
	
		#contactPage .verify, #joinPage .verify {
				border: none; background: none; float: left; display:inline; 
				padding:0; margin: 10px 0 0 0;
		}	
	
		#contactPage input[type="hidden"], #joinPage input[type="hidden"] {
				margin: 0; padding: 0; border: none; display: none; 
		}

	
	
	
/* ------------------------------------------------------------
		JOIN
------------------------------------------------------------ */

		#joinPage {
				width:735px; float:left; display: inline; clear:both;
				margin: 0; padding: 30px 0 30px 0; background: #fff url(../images/join_bg.jpg) no-repeat top right;
				min-height:500px; height:auto !important; height:500px;
		}


		#joinPage h1 {
				margin: 0 0 0 45px; padding:0;
		}


		#joinPage p {
				color: #333333; line-height: 18px; text-align: left;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px; padding: 5px 15px 5px 45px; margin:0;
		}


		#joinPage fieldset {
				 margin: 0 0 0 45px; padding: 0; border: none;
		}


		#joinPage input {
				font-size: 11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;			
				color:#ed1c24; border: none; width: 280px; height: 20px; border: 1px solid #b5b4b4; 
				padding: 2px; margin: 10px 0 0 0; float: left; display:inline;				
		}


		#joinPage input.title {
				font-size: 11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;			
				color:#ed1c24; border: none; width: 60px; height: 20px; border: 1px solid #b5b4b4; 
				padding: 2px; margin: 10px 10px 0 0; float: left; display:inline;				
		}


		#joinPage input.name {
				font-size: 11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;			
				color:#ed1c24; border: none; width: 210px; height: 20px; border: 1px solid #b5b4b4; 
				padding: 2px; margin: 10px 0 0 0; float: left; display:inline;				
		}



		#joinPage input.town {
				font-size: 11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;			
				color:#ed1c24; border: none; width: 200px; height: 20px; border: 1px solid #b5b4b4; 
				padding: 2px; margin: 10px 10px 0 0; float: left; display:inline;				
		}


		#joinPage input.postcode {
				font-size: 11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;			
				color:#ed1c24; border: none; width: 70px; height: 20px; border: 1px solid #b5b4b4; 
				padding: 2px; margin: 10px 0 0 0; float: left; display:inline;				
		}


		#joinPage input.goButton {
				width: 31px; height:30px; border: none; background: none; 
				float: left; display:inline; padding:0; margin: 6px 0 0 6px;
		}
		

/* ------------------------------------------------------------
		RETAILERS
------------------------------------------------------------ */

		#retailersPage {
				width:735px; float:left; display: inline; clear:both;
				margin: 0; padding: 30px 0 30px 0; background-color: #fff;
				min-height:500px; height:auto !important; height:500px;
		}


		#retailersPage h1 {
				margin: 0 0 0 45px; padding:0;
		}

		#retailersPage h2 {
				margin: 0 0 0 45px; padding:0;
		}

		#retailersPage p {
				color: #333333; line-height: 18px; text-align: left;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px; padding: 5px 15px 5px 45px; margin:0;
		}

		#retailersPage p.memberBio {
				color: #333333; line-height: 18px; text-align: left;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px; padding: 15px 50px 5px 0; margin:0;
		}


		#retailersPage ul {	
				line-height: 1.6em;	list-style:none; float: left; width: 170px;
				margin: 5px 0 5px 45px; padding: 0; display:inline;
		}
	
		#retailersPage li {
				font-weight:normal;	font-size: 11px; color: #00784e; text-decoration: none;
				margin:0; padding: 0 0 0 1.6em; float:left; width: 170px;
				background: url(../images/bullet.jpg) no-repeat 0px 5px;
		}
			
	
		#retailersPage .memberPic {	
				float: left; margin: 5px 25px 5px 45px; padding: 0; display:inline;
		}
		
		#retailersPage fieldset {
				 margin: 0 0 0 45px; padding: 0; border: none;
		}


		#retailersPage input {
				font-size: 11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;			
				color:#ed1c24; border: none; width: 280px; height: 20px; border: 1px solid #b5b4b4; 
				padding: 2px; margin: 10px 0 0 0; float: left; display:inline;				
		}

		#retailersPage input.contact-list {
				font-size: 11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;			
				color:#ed1c24; border: none; width: 50px; height: 20px; border: 1px solid #b5b4b4; 
				padding: 2px; margin: 10px 0 0 0; float: none; display:inline;				
		}

		#retailersPage textarea {
				font-size: 11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;			
				color:#ed1c24; border: none; width: 280px; height: 80px; border: 1px solid #b5b4b4; 
				padding: 2px; margin: 10px 0 0 0; float: left; 			
		}

		#retailersPage input.submitButton {
				width: 60px; height:26px; border: none; background: none; 
				float: left; display:inline; padding:0; margin: 20px 0 0 6px;
		}
	
		#retailersPage .verify, #joinPage .verify {
				border: none; background: none; float: left; display:inline; 
				padding:0; margin: 10px 0 0 0;
		}	
	
		#retailersPage input[type="hidden"], #joinPage input[type="hidden"] {
				margin: 0; padding: 0; border: none; display: none; 
		}


/* ------------------------------------------------------------
		FOOTER & COPYRIGHT
------------------------------------------------------------ */


		#footer {
				margin: 0; padding: 0; float:left; clear:both; width: 735px; height: 76px;
				background: #fffcd3 url(../images/footer_bg.jpg) no-repeat top center;
				}

		#footer p.copy {
				font-weight:normal;	font-size: 10px; text-align:center; line-height: 14px; color: #00784e;
				margin: 8px 0 0 0; padding: 0; width: 735px; 
				}		

		#footer a {
				font-weight:normal; font-size: 10px; color: #00784e; text-decoration: underline;
				}
					
		#footer a:hover {
				font-weight:normal; color:#00784e; text-decoration: none;
				}
				
/* ------------------------------------------------------------
		CAM ADDITIONS - WHATS NEW
------------------------------------------------------------ */

		.whats-new {
				border:1px dotted #CCCCCC;
				background-color:#FCFBE9;
				margin:20px 45px;
				padding:20px 0;
		}
		
		#retailersPage .h2-title {
				border-bottom:1px solid green;
				margin:20px 45px;
				padding:3px 0;
				width:300px;
		}
		
		#retailersPage .other-news {
				border-top-color:#CCCCCC;
				border-top-style:dotted;
				border-top-width:1px;
				margin-top:30px;
				padding-top:20px;
		}
		
		#findstorePage h2.checkinstore {
				border:1px dotted #CCCCCC;
				padding:15px;
				width:320px;
		}
		



.MSVE_KeyboardInput
{
	display: none;
}

/* ------------------------------------------------------------
		MattK ADDITIONS - WHATS NEW
------------------------------------------------------------ */

.memberLogin {
	width:183px;
	height:161px;
	background:url(../images/bg_memberLogin.jpg);
	color:#ba8023;
}

	.memberLogin-head  {
		width:183px;
		text-align:center;
		font-size:15px;
		float:left;
		margin:20px 0 0 0;
		font-weight:bold;
	}
	
	.memberLogin form {
		margin:11px 0 0 0;
		float:left;
	}
	
	.memberLogin form p {
		width:60px;
		margin:0 0 0 15px;
		float:left;
		font-size:11px;
	}
	
		.memberLogin form p a {
			color:#ba8023;
			font-size:10px;
			text-decoration:underline;
		}
		
			.memberLogin form p a:hover {
				text-decoration:none;
			}
	
	.memberLogin form input {
		width:81px;
		height:13px;
		float:left;
		padding:0;
		border:none;
		font-size:11px;
		color:#ba8023;
	}
	
	.memberSubmit {
		width:31px;
		height:31px;
		float:left;
		margin:1px 0 0 5px;
	}
	
		.memberLogin form .memberSubmit input {
			width:31px;
			height:31px;
			float:left;
			background:url(../images/btn_login.png);
			border:none;
			cursor:pointer;
			margin:0;
		}


.board_img {
	width:158px;
	height:auto;
	float:left;
	margin-top:14px;
}

.board_text {
	width:527px;
	height:auto;
	float:left;
}