* {margin: 0; padding: 0; border: 0;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; background: #fff url(../img/demo_bg.gif) top center repeat-y; text-align: center;}
img {display: block; border: 0;}
img.icon {display: inline;}
img.screen {margin-bottom: 1em;}
img.back {float: right; position: relative; z-index: 10; display: block; clear: both; padding-top: 12px;}
/* linkage */
a {color: #009; text-decoration: none;}
a:visited {color: #006;}
a:hover {color: #00c; text-decoration: underline;}

#header {display: none; text-indent: -999em; visibility: hidden;}

div.centerwrapper {width: 780px; margin: 0 auto;}

h1 {margin: 12px 0 .25em 0; font-size: 18px; border-bottom: 1px solid #e7e7e7; color: #333; padding: .35em .25em .15em 42px; position: relative;}
h1 span {font-size: 11px; font-weight: normal; color: #666;}
	h1.menutopia {padding-left: 0;}
	h1.finding {background: #fff url(../../img/search_icon.gif) 0 top no-repeat;}
	h1.account {background: #fff url(../../img/profile_icon.gif) 0 top no-repeat;}
	h1.review {background: #fff url(../../img/review_icon.gif) 0 top no-repeat;}
	h1.tagging {background: #fff url(../../img/feature_icon.gif) 0 top no-repeat;}
	h1.rewards {background: #fff url(../../img/rewards_icon.gif) 0 top no-repeat;}
	h1.favorites {background: #fff url(../../img/favorites_icon.gif) 0 top no-repeat;}
	h1.friends {background: #fff url(../../img/friend_icon.gif) 0 top no-repeat;}
	h1.lists {background: #fff url(../../img/list_icon.gif) 0 top no-repeat;}
	h1.seamless {background: #fff url(../../img/seamless_icon.gif) 0 top no-repeat;}
	h1.recentlyviewed {background: #fff url(../../img/history_icon.gif) 0 top no-repeat;}
	h1.top10 {background: #fff url(../../img/top10.gif) 0 top no-repeat; height: 22px; margin: 1em 0 0 0; text-indent: -999em;}
h2 {margin: 10px 0 0 0; padding-top: 10px; font-size: 16px;}
h3 {font-size: 12px; font-weight: normal; text-align: left; font-style: italic; border-bottom: 1px dotted #e7e7e7; margin-bottom: .25em; padding-bottom: .25em;}
	h3.boxtitle {font-size: 10px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; text-align: center; color: #666; padding: 1.5em 0 1em 0; border: 0; font-style: normal;}
	h3.nextstep {text-align: center; font-size: 14px; font-weight: bold; font-style: normal; border: 0; margin: 0 0 3em 0; padding: 0;}
h4 {font-size: 14px; font-weight: normal; text-align: left; margin: 0 0 1em 0;}
h5 {font-size: 11px; font-weight: normal; color: #666; margin: 0 0 0 12px;}
h5 a {font-size: 14px; font-weight: bold; padding-left: 40px; line-height: 40px;}
	h5.neighborhood {background: url(../../img/neighborhood_icon.gif) 0 0 no-repeat;}
	h5.cuisine {background: url(../../img/cuisine_icon.gif) 0 0 no-repeat;}
	h5.category {background: url(../../img/feature_icon.gif) 0 0 no-repeat;}
h5.questionsection {margin: 1em 0 0 0; background: #f7f7f7; padding: .25em 0;}
p {font-size: 12px; line-height: 150%; margin: 0 0 1em 0;}
	p.learnmoreabout {clear: both; font-size: 10px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; text-align: center; color: #666; padding: 1.5em 0 0 0; border: 0; border-top: 1px solid #e7e7e7; margin: 1em 0 0 0;}
	p.note {clear: both; font-size: 11px; font-style: italic; color: #666; border-top: 1px dotted #e7e7e7; padding-top: .5em;}
p strong {font-weight: bold; background: #ffc;}

#container {display: block; clear: both; width: 780px; margin: 0 auto; text-align: left;}
	
#maincol {width: 550px; float: left; margin: 0 0 0 12px; position: relative;}
* HTML #maincol {margin-left: 6px;}

#maincol ol {margin: .5em 0 1em 3em; padding: 0; position: relative;}
#maincol ol li {margin-bottom: .5em; padding-bottom: .5em; font-size: 12px; border-bottom: 1px dotted #e7e7e7;}
#maincol ul.content {list-style: none; margin: .5em 0 1em 3em; position: relative;}
#maincol ul.content li {border-bottom: 1px dotted #e7e7e7; padding-bottom: .5em; margin: 0 0 .5em 0; background: url(../../img/bullet_grey.gif) 3px 5px no-repeat; padding-left: 10px;}

#maincol ul.main {list-style: none; margin: .5em 0 1em 1em; padding: 0; position: relative;}
#maincol ul.main li {margin-bottom: .5em; padding-bottom: .5em; font-size: 12px; border-bottom: 1px dotted #e7e7e7;}
#maincol ul.main li a {padding-left: 18px;}
	#maincol ul.main li.search a {background: url(../../img/icon_search.gif) 0 2px no-repeat;}
	#maincol ul.main li.seamless a {background: url(../../img/icon_seamless.gif) 0 2px no-repeat;}
	#maincol ul.main li.account a {background: url(../../img/icon_profile.gif) 0 2px no-repeat;}
	#maincol ul.main li.reviews a {background: url(../../img/icon_reviews.gif) 0 2px no-repeat;}
	#maincol ul.main li.tagging a {background: url(../../img/icon_tagging.gif) 0 2px no-repeat;}
	#maincol ul.main li.rewards a {background: url(../../img/icon_rewards.gif) 0 2px no-repeat;}
	#maincol ul.main li.fave a {background: url(../../img/icon_fave.gif) 0 2px no-repeat;}
	#maincol ul.main li.list a {background: url(../../img/icon_list.gif) 0 2px no-repeat;}
	#maincol ul.main li.friends a {background: url(../../img/icon_friends.gif) 0 2px no-repeat;}
	#maincol ul.main li.history a {background: url(../../img/icon_history.gif) 0 2px no-repeat;}

img.demo {float: right; border: 1px solid #fff; padding: 1px; background: #e7e7e7; margin: 8px 0; border-left: 12px solid #fff;}
img.logoanim {float: right; border: 1px solid #e7e7e7; margin: 0 0 8px 20px;}
img.logoanim:hover {border: 1px solid #ccc;}

/* logo & tagline area */
#logobox {text-indent: -999em; visibility: hidden; display: none;}
#logo {margin: 0 6px .25em 0; width: 150px; height: 20px; float: left;}
	#logo a {border: 0; background: none; width: 150px; height: 20px; display: block;}
h2.pagename {padding: 0; font-size: 14px; letter-spacing: 1px; margin: 4px 0 0 0; width: auto; color: #333; float: left; position: relative; clear: none;} 

/* top links */
#logobox ul {text-align: right;}
#logobox ul li {display: inline; font-size: 11px; list-style: none; color: #999;}
#logobox ul li a {padding: .25em .55em .25em .2em; text-decoration: none; background: url(../../img/header_divider.gif) right center no-repeat;}
#logobox ul li.last a {background: none; padding-right: 0;}
#logobox ul li a:hover {text-decoration: underline;}


/* button rules */
h3.button {border: 0; background: none; padding: 0; margin: 1em 12px; text-align: center; display: block; clear: both; font-weight: bold; font-style: normal; font-size: 14px;}
h3.button a {line-height: 32px; background: #fff url(../../img/button_white_bg.gif) top left repeat-x; text-align: center; display: block; border: 1px solid #006abb; border-color: #AACDE8 #559CD2 #559CD2 #AACDE8;} 
* HTML h3.button a {height: 32px;}
h3.button a:hover {color: #0077e6 !important; text-decoration: none; border-color: #559CD2 #AACDE8 #AACDE8 #559CD2; background-position: bottom left;}
h3.big {margin: 1em 0; width: 330px;}

/* community column */
#communitycol {width: 180px; float: left; margin: 0 0 0 10px; border-top: 12px solid #fff; position: relative;}
* HTML #communitycol {margin: 0 7px 0 5px;}
#communitycol h3.boxtitle {padding: .25em 0; border-bottom: 1px solid #e7e7e7; text-align: left; margin: 0 20px .25em 10px;}
#communitycol ul {list-style: none; margin: .25em 8px .5em 3px; position: relative; line-height: normal;}
#communitycol ul li {margin: 0 12px .25em 12px; border-bottom: 1px dotted #d9e7cb; padding-bottom: .25em; }
#communitycol ul li a {font-size: 11px;}
#communitycol p {clear: both; font-size: 11px; padding: 0 1em 1em 0; text-align: right;}
	#communityarea h4 {color: #333; padding-top: .5em; position: relative;}
	#communityarea {padding: 12px 0 .25em 0; border-top: 1px solid #e7e7e7;}
#communitycol ul {padding-bottom: .5em; width: 160px;}
#communitycol ul li {background: url(../../img/bullet_grey.gif) 3px 5px no-repeat; font-size: 10px; padding-left: 11px; position: relative; color: #666;}
#communitycol ul li.current {background: url(../img/demo_current.gif) 100% 5px no-repeat; font-size: 12px; padding-left: 11px; font-weight: bold; color: #acb7a1;}
	#communityarea p.note {text-align: center; margin: .5em 12px;}
	#communityarea ol {margin: .5em 8px .5em 12px; position: relative; line-height: normal; color: #bac6ae;}
	#communityarea ol li {margin: 0 12px .5em 16px; border-bottom: 1px dotted #d9e7cb; padding-bottom: .5em; font-size: 11px;}
	#communityarea ol li span {color: #333;}

p.link {display: block; text-align: left; padding: 0 0 1em 0;}

p.backtotop {display: block; text-align: left; font-size: 11px; clear: both; padding: 0 0 10px 0; border-bottom: 1px dotted #e7e7e7;}
p.backtotop a {background: url(../../img/bullet_up.gif) 0 6px no-repeat; padding-left: 10px;}