/* ------------------------- [all pages page structure differentiated by body class] ------------------------- */
	body {margin: 0; padding: 0;}


	body.searchpage {background: #F2F2F2 url(http://mainerestaurant.com/associations/3663/buyersguide/bak_searchpage.png) center top fixed repeat-y; margin: 0 auto; text-align: center;}
	* body.searchpage {background: #F2F2F2 url(http://mainerestaurant.com/associations/3663/buyersguide/bak_searchpage2.png) center top fixed repeat-y; margin: 0 auto; text-align: center;}


	body.searchpage div#header {margin: 0 auto; width: 830px; text-align: right; padding-bottom: 1px; margin-bottom: 10px; background: #fff; border-bottom: solid 1px #003366}
	body.searchpage div#maincontent {clear: both; margin: 0 auto; padding: 0; width: 830px; text-align: left;}
	body.searchpage div#keywordsearch {display: inline; float: left; margin: 0 0 0 10px; padding-bottom: 15px; width: 250px; background: #E6E6E6 url(http://mainerestaurant.com/associations/3663/buyersguide/bak_keywordsearch.png) no-repeat left bottom;}
	body.searchpage div#categorybrowse {display: inline; float: right; margin: 0 10px 0 0; width: 551px; text-align: center;}
	body.searchpage div#banner { background: #FFFFFF; height: 70px; border-bottom: 6px solid #FFFFFF; }
	body.searchpage img#identity { float: left; margin-right: 20px; border: none;}
	body.searchpage h1#bannertitle { float: right; margin: 4px 0; padding: 0; height: 62px; width: 242px; 
    
 background: url(http://mainerestaurant.com/associations/3663/buyersguide/poweredby.png) no-repeat right bottom;
	
    border: 0px; color: #fff; font-weight: normal; font-size: 30px; line-height: 50px;}
	body.searchpage h1#bannertitle a img { position: absolute; margin-left: -999em; border: 0;}

	body.listingpage {margin: 0; padding: 118px 0 0 375px; min-width: 425px;}
	body.listingpage div#header { position: absolute; top: 0; left: 0; height: 118px; width: 100%; overflow: hidden; background-color: #fff; min-width: 800px;}
	body.listingpage div#details { position: absolute; top: 118px; left: 0; height: 100%; width: 375px; background: #e6e6e6 url(http://mainerestaurant.com/bgimages/detailareabg.png) left top no-repeat;}
	body.listingpage {overflow: hidden;}
	body.listingpage div#listings {height: 100%; overflow: auto;}

	div#bgfooter {width:830px;text-align:center;padding-top:5px;padding-bottom:10px;border-top:solid #999 1px; border-bottom:solid #999 1px; background-color:whitesmoke;}

	div#bgfooter[alt="footer"] {clear:both;margin: 0 auto;}

	div#bgfooter a {font-size:11px;}
	div#bgfooter a:link {color: #999;}
	div#bgfooter a:visited {color: #999;}
	div#bgfooter a:hover {color: #999; text-decoration: none;}
	div#bgfooter a:active {color: #999;}

	* {font-family: arial, sans-serif;}

/* ------------------------- [search page keyword search area elements] ------------------------- */
	div#keywordsearch { background: #CCCCE0; }
	div#keywordsearch h2 {margin: 0; padding: 0 0 0 5px; width: auto; border-bottom: solid 1px #fff; background: #336699 url(http://mainerestaurant.com/associations/3663/buyersguide/locationbarbg.png) top left repeat-x; color: #fff; text-align: left; font-size: 18px; line-height: 25px; font-weight: normal;}
	div#keywordsearch label, div#keywordsearch input, div#keywordsearch select {font-size: 12px;}
	div#keywordsearch label#keywordlabel {display: block; margin: 5px 0 2px 10px;}
	div#keywordsearch input#keywordinput {display: inline; margin: 2px 0 0 10px; width: 228px;}
	div#keywordsearch label.localizationlabel {float: left; margin: 10px 0 0 10px; width: 50px; text-align: right;}
	div#keywordsearch .localizationinput {margin: 7px 0 0 10px;}
	div#keywordsearch span.searchtip {clear: both; display: block; font-size: 10px; margin-left: 70px; width: 125px;}
	div#keywordsearch input#searchbtn {float: left; display: inline; margin: 0px 10px 0px 167px;}

/* ------------------------- [search page category area elements] ------------------------- */
	div#categorybrowse { background: transparent url(http://mainerestaurant.com/associations/3663/buyersguide/bak_categorybrowse.png) repeat-y left top; }
	body.searchpage div#categorybrowse.results { background-image: none; }
	div#categoryheading {height: 25px; background: #E6E6E6 url(http://mainerestaurant.com/associations/3663/buyersguide/locationbg.png) repeat-x left top; border-bottom: solid 10px #fff;}
	div#categorybrowse h2 {float: left; margin: 0; padding: 0 5px; background: #336699 url(http://mainerestaurant.com/associations/3663/buyersguide/locationbarbg.png) top left repeat-x; color: #fff; font-size: 18px; line-height: 25px; font-weight: normal;}
	div#categorybrowse span#categoryinstructions { float: left; display: inline; padding: 0 0 0 15px; color: #000; background: transparent url(http://mainerestaurant.com/associations/3663/buyersguide/locationarrowbg.png) top left no-repeat;font-size: 12px; line-height: 25px;}
	div#categorybrowse div#categoryheading a:link {color: #000;}
	div#categorybrowse div#categoryheading a:visited {color: #000;}
	div#categorybrowse div#categoryheading a:hover {color: #000; text-decoration: none;}
	div#categorybrowse div#categoryheading a:active {color: #000;}

	div.categorycolumn {float: left; border-right: 1px solid #999; }
	div#categorycolumn3 { border-right: none; }
	div.category {margin: 0; width: 183px; text-align: left;}
	div.category div.categoryhead {cursor:pointer; margin: 0; padding-left: 16px; width: 166px; background: #e6e6e6 url(http://mainerestaurant.com/bgimages/expand.png) top left no-repeat; border-bottom: 1px solid #336699; border-left: solid 1px #fff;}
	*html div.category div.categoryhead {width: 100%;}
	div.category div.categoryhead h4 {margin: 0 0 0 5px; color: #444444; font-size: 14px; font-weight: normal; line-height: 14px; padding: 4px 0; border-bottom: solid 1px #fff; border-right: solid 1px #fff; }
	div#categorycolumn1 div.category div.categoryhead h4 { border-right: none; }
	span.expander {right: 0;}
	div.category ul {display: none; margin: 5px 0; padding: 0; list-style: none;}
	div.category ul li {height:1.2em;  margin: 0; padding: 0 0 0 20px; background: url(http://mainerestaurant.com/bgimages/subcategorybullet.png) left top no-repeat; color: #336699; font-size: 12px;}
	div.category ul li a:link {color: #003366; text-decoration: none;}
	div.category ul li a:visited {color: #003366; text-decoration: none;}
	div.category ul li a:hover {color: #fff; background-color: #003366; text-decoration: none;}
	div.category ul li a:active {color: #003366; text-decoration: none;}
	div.category>ul li {height:auto;}

/* ------------------------- [search results page elements] ------------------------- */
	body.searchpage h3.listingtype {display: block; width: auto; margin: 0; padding: 0 0 0 0px; background-color: #cdcdcd; font-size: 14px; font-weight: normal;}
	body.searchpage table.searchresults {margin: 10px auto; padding: 0;}
	body.searchpage table.searchresults td {width: 200px; padding: 3px 0; font-size: 12px; border-bottom: 1px solid #dddddd; text-align: left;}
	body.searchpage table.searchresults td.resultname {width: 298px;}
	body.searchpage table#premieresearchresults td.resultname {font-size: 16px;}
	body.searchpage table#enhancedsearchresults td.resultname {font-size: 14px;}
	body.searchpage table.searchresults td a:link {color: #003366; text-decoration: none; border-bottom: 1px solid #003366;}
	body.searchpage table.searchresults td a:visited {color: #003366; text-decoration: none; border-bottom: 1px solid #003366;}
	body.searchpage table.searchresults td a:hover {background-color: #003366; color: #fff; text-decoration: none; border-bottom: none;}
	body.searchpage table.searchresults td a:active {color: #003366; background-color: transparent; text-decoration: solid; border-bottom: 1px solid #FFFFFF;}

/* ------------------------- [listing page header elements] ------------------------- */
	body.listingpage div#banner { width: 100%; background: #FFFFFF; height: 70px; border-bottom: 6px solid #E6E6E6; }
	body.listingpage img#identity { float: left; margin-right: 20px; border: none;}
	body.listingpage h1#bannertitle { float: right; margin: 4px 0; padding: 0; height: 62px; width: 242px;
     
     
 background: url(http://mainerestaurant.com/associations/3663/buyersguide/poweredby.png) no-repeat right bottom;
	
    
     border: 0px; color: #fff; font-weight: normal; font-size: 30px; line-height: 50px;}
	body.listingpage h1#bannertitle a img { position: absolute; margin-left: -999em; border: 0;}

	body.listingpage ul#navlinks {display: inline; clear: both; float: right; width: 100%; margin: 0; padding: 0; background: #003366 url(http://mainerestaurant.com/associations/3663/buyersguide/navbg.png) top left repeat-x; list-style: none;}
	body.listingpage ul#navlinks li {display: inline; float: left; margin: 0 15px 0 0; font-size: 14px; line-height: 25px;}
	body.listingpage ul#navlinks li a:link {color: #fefefe; text-decoration: none;}
	body.listingpage ul#navlinks li a:visited {color: #eeeeee; text-decoration: none;}
	body.listingpage ul#navlinks li a:hover {color: #999; text-decoration: none;}
	body.listingpage ul#navlinks li a:active {color: #fefefe; text-decoration: none;}

	body.listingpage p#poweredby {clear: both; margin: 0 0 15px 0; padding: 0 5px 0 0; width: auto; text-align: right; font-size: 10px; border-bottom: 2px solid #ccc;}
	body.listingpage div#locationbar {clear: both; float: left; margin-top: 15px; width: 100%; height: 25px; background: #E6E6E6 url(http://mainerestaurant.com/associations/3663/buyersguide/locationbg.png) repeat-x left center}
	body.listingpage h2#pagetitle {clear: both; float: left; margin: 0; padding: 0; width: 378px; background: #336699 url(http://mainerestaurant.com/associations/3663/buyersguide/locationbarbg.png) top left repeat-x; color: #fff; font-size: 18px; line-height: 25px; height: 25px; font-weight: normal; overflow: hidden;}
	body.listingpage ul#breadcrumb {float: left; margin: 0; padding: 0 0 0 15px; list-style: none; background: url(http://mainerestaurant.com/associations/3663/buyersguide/locationarrowbg.png) top left no-repeat;}
	body.listingpage ul#breadcrumb li {display: inline; font-size: 12px; line-height: 25px; overflow: hidden;}
	body.listingpage ul#breadcrumb li.last {display: inline; font-size: 11px; font-weight:bold; line-height: 25px; overflow: hidden;}
	body.listingpage ul#breadcrumb li a:link {color: #000;}
	body.listingpage ul#breadcrumb li a:visited {color: #000;}
	body.listingpage ul#breadcrumb li a:hover {color: #000; text-decoration: none;}
	body.listingpage ul#breadcrumb li a:active {color: #000;}

/* ------------------------- [listing page detail area elements] ------------------------- */
	div#instructions h4 {margin: 10px 0 0 10px;}
	div#instructions p {margin: 10px; font-size: 12px;}
	div#details {z-index: 1; overflow: hidden;}
	div#details h4.name {margin: 10px 10px 0 10px; padding: 0; width: auto; border-bottom: 1px solid #444444;}
	div#details span.tagline {margin-left: 10px; font-size: 12px; float: left; font-style: italic;}
	div#details img.logo {float: right; margin-right: 10px;}
	.successmessage {clear: both; margin: 0 10px; padding: 0; font-size: 10px; text-align: center; background: #e6e6e6;}

	div#address {clear: left; float: left; display: inline; width: 150px; font-size: 12px; margin: 10px 0 0 10px;}
	div#address span {display: block; width: 100%;}

	ul#contactlinks {clear: both; margin: 5px 0 5px 10px; padding: 0; list-style: none;}
	ul#contactlinks li {display: block; float: left; width: 32%; color: #336699; font-size: 11px; line-height: 25px; text-align: center;}
	ul#contactlinks li a:link {color: #336699;}
	ul#contactlinks li a:visited {color: #336699;}
	ul#contactlinks li a:hover {color: #336699; text-decoration: none;}
	ul#contactlinks li a:active {color: #336699;}

	#phoneicon, #webicon, #emailicon {background: #336699;}
	#phonecontainer {height: 19px;}

	div.emailtofriendcontainer {display: none; float: left; margin: 0 10px 5px 10px; padding: 0 0 5px 0; width: 353px; border: 1px solid #999; background-color: #fff;}
	div.emailtofriendcontainer h5 {margin: 0 0 3px 5px; padding: 0; color: #003366; font-size: 13px; font-weight: bold;}
	div.emailtofriendcontainer label {display: inline; float: left; margin: 0 5px 0 0; width: 75px; text-align: right; font-size: 10px;}
	div.emailtofriendcontainer span.requiredmarker {color: #f00;}
	div.emailtofriendcontainer input {display: inline; font-size: 10px; width: 130px;}
	div.emailtofriendcontainer textarea {font-size: 10px; width: 170px; height: 50px;}
	div.emailtofriendcontainer input.submitbutton {display: inline; margin: 0 0 0 75px;}
	div.emailtofriendcontainer input.cancelbutton {display: inline; margin: 0 0 0 5px;}

	div#infocontainer { display: inline; float: left; margin: 0 10px; width: 353px; clear: left; border: 1px solid #999; padding: 1px; background: #fff url(http://mainerestaurant.com/bgimages/detailtabbg.png) no-repeat left top; }
		* html div#infocontainer { width: 357px; }
	ul#infotabs { position: absolute; z-index: 2; float: left; margin: 0; padding: 0; list-style: none; width: 335px; background: transparent url(http://mainerestaurant.com/bgimages/detailtabbg.png) no-repeat -1px -1px;  }
	ul#infotabs li { display: block; float: left; padding: 0 0 0 1px; font-size: 13px; font-weight: bold; }
	ul#infotabs li#aboutshow { padding: 0; }
	ul#infotabs li a { display:block; padding: 4px 0 5px 0; text-align: center; }
	ul#infotabs li#aboutshow a { width: 58px; }
	ul#infotabs li#emailvendorshow a { width: 58px; }
	ul#infotabs li#requestfromvendorshow a { width: 142px; }
	ul#infotabs li#specialshow a { width: 74px; }
	ul#infotabs li#aboutshow.currentinfotab { background: transparent url(http://mainerestaurant.com/bgimages/infotab_about.png) no-repeat right bottom; }
		* html ul#infotabs li#aboutshow.currentinfotab { background-image: url(http://mainerestaurant.com/bgimages/infotab_about-ie.gif); }
	ul#infotabs li#emailvendorshow.currentinfotab { background: transparent url(http://mainerestaurant.com/bgimages/infotab_emailvendor.png) no-repeat right bottom; }
		* html ul#infotabs li#emailvendorshow.currentinfotab { background-image: url(http://mainerestaurant.com/bgimages/infotab_emailvendor-ie.gif); }
	ul#infotabs li#requestfromvendorshow.currentinfotab { background: transparent url(http://mainerestaurant.com/bgimages/infotab_requestfrom.png) no-repeat right bottom; }
		* html ul#infotabs li#requestfromvendorshow.currentinfotab { background-image: url(http://mainerestaurant.com/bgimages/infotab_requestfrom-ie.gif); }
	ul#infotabs li#specialshow.currentinfotab { background: transparent url(http://mainerestaurant.com/bgimages/infotab_special.png) no-repeat right bottom; }
		* html ul#infotabs li#specialshow.currentinfotab { background-image: url(http://mainerestaurant.com/bgimages/infotab_special-ie.gif); }
	ul#infotabs li a { text-decoration: none; }
	ul#infotabs li a:link { color: #fefefe; }
	ul#infotabs li a:visited { color: #f4f4f4; }
	ul#infotabs li a:active { color: #fefefe; }
	ul#infotabs li a:hover { color: #fff; background: #666; }
	ul#infotabs li.currentinfotab a, ul#infotabs li.currentinfotab a:hover { cursor: default; background: transparent url(http://mainerestaurant.com/bgimages/detailtabdarkbg.png) left top repeat-x; color: #fff; text-decoration: underline; margin-bottom: 8px; }

	div#infocontainer p {font-size: 12px; margin: 0 0 10px 0;}
	img.aboutimage {float: right;}
	#detailbox {position: relative; height: 230px; overflow: scroll; overflow-y: scroll; overflow-x: hidden; padding: 40px 11px 12px 11px; }
		* html #detailbox {display: block; z-index: 1; position: relative; height: 275px;}
	div#enhancedinfobox { height: 230px; overflow: scroll; overflow-y: scroll; overflow-x: hidden; padding: 5px; background: #fff; }
	#emailwindow {height: 260px; overflow: scroll; overflow-y: scroll; overflow-x: hidden; padding: 5px; background-color: #fff; display: none;}
	#requestwindow {height: 260px; overflow: scroll; overflow-y: scroll; overflow-x: hidden; padding: 5px; background-color: #fff; display: none;}
	#specialswindow {height: 260px; overflow: scroll; overflow-y: scroll; overflow-x: hidden; padding: 5px; background-color: #fff; display: none;}

	div#infocontainer label {display: block; float: left; padding-right: 3px; width: 80px; font-size: 12px; text-align: right;}
	div#infocontainer #detailbox label.checkboxlabel {display: inline; float: none; font-size: 12px; width: auto;}
	div#infocontainer span.requiredmarker {color: #f00;}
	div#infocontainer input {width: 175px; font-size: 12px;}
	div#infocontainer input#requestcity {width: 60px;}
	div#infocontainer select#requeststate {font-size: 12px;}
	div#infocontainer input#requestzip {width: 42px;}
	div#infocontainer input.checkbox {display: inline; float: none; clear: left; width: auto;}
	div#infocontainer textarea { width: 240px; height: 100px; font-size: 12px; margin-left: 83px; }
		* html div#infocontainer textarea { margin-top: -15px; }
	div#infocontainer h5#emailtitle, div#infocontainer h5#requesttitle, div#infocontainer h5.specialtitle {clear: left; margin: 0 0 3px 0; padding: 0; font-size: 13px; font-weight: bold;}
	.specialentry {clear: left; float: left; width: 100%;}
	div#infocontainer img.specialsimage {float: right;}
	div#infocontainer ul#requestcheckboxes {margin: 0 0 5px 15px; padding: 0; list-style: none;}
	div#infocontainer input.submitbutton {display: block; float: none; clear: both; margin: 3px 0 3px 83px; width: auto;}
	#emailmessagealert {margin-left: 75px;}
	#requestattachment { margin: 5px 0; }
	iframe {height: 0px; width: 0px; border: none;}

	div#infocontainer form {margin: 0; padding: 0;}
	#emailmessage {display: block;}
	#requestmessage {display: block;}
	#requestsendcontainer {display: block; float: left; width: 100%;}
	div#infocontainer div.formfieldcontainer {padding: 1px 0; background-color: #fff;}
	div#infocontainer div.alertformfieldcontainer {padding: 1px 0; background-color: #ffe0e0;}
	span.requiredalert img {margin: 0 5px -3px 0;}
	span.requiredalert {font-size: 10px;}
	.alertformlabel {background-color: #ffe0e0;}
	.formlabel {background-color: transparent;}

	span.loading {margin: 30px 0 0 10px; font-size: 12px;}

/* ------------------------- [listing page listing area elements] ------------------------- */
	div#listings {z-index: 1; background: #fff url(http://mainerestaurant.com/bgimages/listingareabg.gif) left top repeat-y;}
	div.advertisement {clear: both; margin: 10px 0; text-align: center;}
	div.advertisement p {text-align: left;}
	div.advertisement p.adcaption {margin: 0; padding: 0; text-align: center; font-size: 9px;}
	div.advertisement a img {border: none;}

	h3.listingtype {clear: both; margin: 15px 15px 0 10px; padding: 0 0 0 5px; background: #cdcdcd url(http://mainerestaurant.com/bgimages/listingtypebg.png) left top repeat-x; font-size: 14px; font-weight: bold; text-align: center; text-transform: capitalize; line-height: 25px;}
	div.listing {display: block; clear: both; margin: 0 15px; border-top: 2px solid #fbfbfb; border-bottom: 2px solid #dddddd; background-color: #fff;}
	div.hoverlisting {background: #fbfbfb;}
	div.premiercurrentlisting {z-index: 99; position: relative; margin: 0 15px 0 1px; padding: 0 0 0 14px; background: #e6e6e6 url(http://mainerestaurant.com/associations/3663/buyersguide/premierelistingbg.png) left top repeat-y; border-top: 2px solid #999; border-bottom: 2px solid #999;}
	div.enhancedcurrentlisting {margin: 0 15px 0 1px; padding: 0 0 0 14px; background: #e6e6e6 url(http://mainerestaurant.com/associations/3663/buyersguide/premierelistingbg.png) left top repeat-y; border-top: 2px solid #999; border-bottom: 2px solid #999;}
	div.basiccurrentlisting {margin: 0 15px 0 1px; padding: 0 0 0 14px; background: #e6e6e6 url(http://mainerestaurant.com/associations/3663/buyersguide/premierelistingbg.png) left top repeat-y; border-top: 2px solid #999; border-bottom: 2px solid #999;}

	div.premier {clear: both; min-height: 90px;}
	* html div.premier {height: 90px;}
	div.premier h4.listingname {float: left; margin: 8px 0 5px 7px; padding: 0; font-size: 16px; font-weight: bold; letter-spacing: 1px;}

	div.enhanced {clear: both; min-height: 80px;}
	* html div.enhanced {height: 80px;}
	div.enhanced h4.listingname {float: left; margin: 8px 0 5px 7px; padding: 0; font-size: 14px; font-weight: bold; letter-spacing: 1px;}

	div.basic {clear: both; min-height: 30px;}
	* html div.basic {height: 30px;}
	div.basic h4.listingname {display: block; float: left; width: auto; margin: 8px 0 0px 5px; padding: 0; font-size: 11px; font-weight: bold;}

	div#listings h4.listingname a {color: #333;  text-decoration: none;}
	div#listings div.basiccurrentlisting h4.listingname a, div#listings div.enhancedcurrentlisting h4.listingname a, div#listings div.premiercurrentlisting h4.listingname a {color: #003366;  text-decoration: none;}

	small.membertag {display: block; float: left; margin: 10px 0 0 5px; padding: 12px 0 0 0; width: 53px; height: 0px !important; height: 12px; overflow: hidden; font-size: 9px; background: url(http://mainerestaurant.com/bgimages/membertag.gif) left top no-repeat;}
	div.premier h4.listingname {display: inline;}
	div.premier img.logo {float: right; margin: 3px 2px 0 0; padding-left: 5px;}
	div.premier div.description, div.enhanced div.description, div.basic div.description {clear: left; margin: 0 10px; padding: 0; font-size: 10px; font-weight: normal;}

	div.description p {margin: 3px 0; padding: 0;}