/* marketplace colors 

tan stores: #faedcd

burgandy restaurants: #6f180a

dark detail text: #2e2e1a

orange highlight #f7a237 from nails prop

*/

body { background-color: #FFFFE7; }

p {
	font-family: Helvetica Neue, Arial, sans-serif;
	color: #2e2e1a;
	font-size: 12px;
	line-height: 120%;
	margin: 0 0 1em 0;
}

li {
	color: #2e2e1a;
}

.PageTitles {
	color: #2e2e1a; /* brown, overriding the site styles by virtue of the cascade */
}

.PageSubHeads {
	color: #2e2e1a; /* brown, overriding the site styles by virtue of the cascade */
}

a:link {  color: #f7a237; text-decoration: none; }
a:visited {  color: #f7a237; text-decoration: none; }
a:hover {  color: #f7a237; background-color: none; text-decoration: underline; }

img {
	border: 0px;
/* to offset a hover border */
}

#container {
/* to snug index page content table up to site nav bar */
	margin-top: -12px;
}

#wood-filler {
	position: relative;
	width: 940px;
	background-image: url(../marketplace/interface/green_wood_background.jpg);
	background-repeat: repeat-y;
	background-position: left top;
/* cannot use height or else expanding effect doesn't happen */
	overflow: visible;
}


#ContentStore {  
	position: absolute;  
	width: 300px;
	margin: 0; padding: 0;
	z-index: 20px;
	overflow: visible;
	top: 215px;
	left: 100px;
/* do not use top: attribute; it forced the wood-filler background image to appear where the content would have  */
}

/* ul css trick from inns page does not work in IE over an img */



/* store directory styling */

.ShopName {
	color: #faedcd;
	padding: 0 5px 0 0;
	font-weight: bold;
}

.ShopName a:link {  color: #faedcd; text-decoration: none; }
.ShopName a:visited {  color: #faedcd; text-decoration: none; }
.ShopName a:hover {  color: #f7a237; text-decoration: underline; }


.RestaurantName {
	color: #6f180a;
	padding: 0 5px 0 0;
	font-weight: bold;
}

.RestaurantName a:link {  color: #6f180a; text-decoration: none; }
.RestaurantName a:visited {  color: #6f180a; text-decoration: none; }
.RestaurantName a:hover {  color: #f7a237; text-decoration: underline; }


/* store templates */


.backgroundStore {
	background-image: url(../marketplace/interface/marketplace_store.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #ffffe7;
}


#relative {
	position: relative;
}

#StoreContent {  /* problem with centering lies here! both margin and width */
	position: relative;  /* not absolute to keep it in the flow, to push down the container/footer  */
	margin: 280px 195px 0px 250px;   /* cannot use left: or top:  */
	overflow: visible;
	border: 0px solid #ffffe7;
}


#StoreContent p {  
	line-height: 150%;
}

#Arrows {
	position: absolute;
	top: 30px; left: 600px;
	z-index: 5;
}

#storePhotos {  /* a table aligned right for max compatiblity ; css fails */
	background-color: none;
	padding: 10px;
	border: 1px;
	border-color: #c5b7a2;
	border-style: solid;
	width: 150px;
	margin: 20px 0 30px 40px ;
}

#storePhotos img {   
	margin: 0px 0 10px 0px ;
}

#storeLogo img {   
	margin: 0px 0 10px 0px ;
}

.storeName { 
	font-family: Helvetica Neue, Arial, sans-serif;
	color: #99522f;  /* maroon */ 
	font-weight: bold;
	font-size: 14px;
	}