/* global */
* {margin: 0; padding: 0; border: 0;}
body {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555; background: #c2eca8 url(../../images/restaurantsites/background.png) top left repeat-x fixed; text-align: center;}

a {text-decoration: none;}

label {font-size: 12px; color: #555;}
input, textarea {border: 1px solid #559CD2; font-family: Arial, sans-serif; font-size: 14px; color: #333; margin: .25em 0; padding: .125em 0;}
select {border: 1px solid #559CD2; color: #333; padding: .125em 0;}

h1 {}
h2 {font-size: 14px; font-weight: normal; line-height: 1.4em; color: #555; margin-bottom: .5em;}
h2 a {font-weight: bold;}
h2 em a {background: #999;}
h2 a.dropdown {background: #EDEFD9 url(../../images/consumer/icon_dropdown.gif) 100% 50% no-repeat; padding: .25em 20px .25em .25em; margin: 0 0 0 .5em;}
h3 {font-size: 12px;}

br.clear {clear: both; line-height: 0; display: block;}

p {margin: 0 0 1em 0; font-size: 12px;}

img.button {border: 1px outset #fff; margin: .5em 0 0 0; display: block;}
img.button:hover {border: 1px inset #fff;}

#container {width: 950px; background: #f4ffc2 url(../../images/restaurantsites/container_bg.gif) top left repeat-y; border: 10px solid #51a121; border-top: 0; margin: 0 auto 1em auto; padding: 0 0 1em 0; display: block; position: relative; text-align: left;}

.linkarea {padding: 20px 20px 0 20px;}
.linkarea h3 {width: 600px; font-size: 16px; font-weight: normal; line-height: 1.5em; color: #c00; border-bottom: 1px dotted #ccc; padding-bottom: 12px;}
.linkarea ul {margin: 12px 0; list-style: none;}
.linkarea ul li {line-height: 1.5em; margin: 0 0 1.5em 0; background: url(../../images/consumer/bullet.gif) .35em .6em no-repeat; padding-left: 1em; width: 310px; float: left;}  
.linkarea ul li a {font-weight: bold; font-size: 14px;}
.linkarea ul li span {font-size: 11px;}
.linkarea ul li span a {font-weight: normal; font-size: 11px;}
.linkarea p {clear: both; margin: 0 0 1em 0;}
.linkarea p.footer {border-top: 1px dotted #ccc; padding-top: 1em; font-size: 10px; font-style: italic;}

/* HIDDEN ELEMENTS */
#header,
#logo,
ul#orderprogress,
p.dailyspecialfeed,
#sitemaplink,
#footer,
#menunav,
#tagcloud,
#vendorblock,
p.printable,
#welcomenote,
p.explanation,
#sidebar div.boxed h3.startover,
#restaurantinfo {display: none; visibility: hidden; text-indent: -999em;} 

/* unique to restaurant web site */
#poweredbysw {background: #c2eca8; width: 100%; padding: .5em 0; margin: 0;}
#poweredbysw p {display: block; width: 950px; margin: 0 auto; text-align: right; color: #fff; font-size: 11px;}
#poweredbysw p a {background: url(../../images/restaurantsites/swlogo_white.png) 0 50% no-repeat; padding-left: 18px; color: #fff !important; border: none !important;}
#poweredbysw p a:hover {background: #c2eca8 url(../../images/restaurantsites/swlogo_white.png) 0 50% no-repeat; text-decoration: underline;}

#restaurantsiteheader {width: 950px; height: 130px; margin: 1em auto 0 auto; text-align: center; background: #fff; border: 10px solid #51a121; position: relative; z-index: 2;}
#restaurantsiteheader .headercontainer {margin: 0 auto; text-align: left; padding: 1em; color: #555;}
#restaurantsiteheader img.logo {display: block; float: left; margin: .5em 0;}
#restaurantsiteheader div.infoblock {display: block; width: 290px; padding: .75em 0 .5em 20px; float: left;}
	#restaurantsiteheader div.infoblock h1 {margin: 0; padding: 0; font-size: 16px; color: #000;}
	#restaurantsiteheader div.infoblock p {margin: 0; line-height: 1.5em; font-size: 12px;}
	#restaurantsiteheader div.infoblock p strong {}
#restaurantsiteheader br {clear: both; border: 0; margin: 0; padding: 0;}
#restaurantsiteheader a {}
#restaurantsiteheader a:hover {background: transparent; border-bottom: 1px dotted #c1c2df;}

#restaurantsitefooter {width: 930px; margin: 1em auto 0 auto; clear: both; padding: 10px; border: 0; text-align: center; color: #fff;}

/* message area */
#AlertMessage {background: transparent; padding: 10px; margin: 0; border: 0; font-style: italic; font-size: 16px;}
#AlertMessage h2 {margin: 0; color: #c00;}
#AlertMessage h2.confirmation {color: #090;} 
#AlertMessage p {line-height: 150%; margin: 0;}
#AlertMessage p a {font-weight: bold;}

.subnav {margin: 0; height: auto; border: 0; display: block; width: 100%; background: #f4ffc2 url(../../images/restaurantsites/nav_bg.png) top right repeat-y; border: 0; border-bottom: 1px dotted #ccc;}
.subnav ul {margin: 0; padding: 0; list-style: none; overflow: hidden; font-size: 11px; position: relative; background: transparent;}
.subnav ul li {float: left; display: block; margin: 0; padding: 0; border: 0; background: transparent;}
.subnav ul li a {display: block; float: left; padding: 8px 10px; margin: 0; text-decoration: none !important; border: 0; text-transform: uppercase; background: transparent;}
.subnav li a:hover {margin: 0; border: 0; background: #e1ff55; text-decoration: underline;}
.subnav li a.active {display: block; float: left; text-transform: uppercase; letter-spacing: 1px; padding: 8px 10px; margin: 0; text-decoration: none !important; border: 0; color: #000; cursor: default; font-weight: bold;}

#menuplusnav {margin: 0; height: auto; border: 0; display: block; width: 100%; background: #f4ffc2 url(../../images/restaurantsites/nav_bg.png) top right repeat-y; border: 0; border-bottom: 1px dotted #ccc;}
#menuplusnav ul {margin: 0; padding: 0; list-style: none; overflow: hidden; font-size: 11px; position: relative; background: transparent;}
#menuplusnav ul li {float: left; display: block; margin: 0; padding: 0; background: transparent;}
#menuplusnav ul li a {display: block; float: left; padding: 8px 10px; margin: 0; text-decoration: none !important; border: 0; text-transform: uppercase; background: transparent;}
	#menuplusnav ul li.menuplustab a {background: transparent;}
#menuplusnav ul li a strong {color: #c00 !important;}
#menuplusnav li a:hover {margin: 0; border: 0; background: #e1ff55; text-decoration: underline;}
#menuplusnav ul span {display: block; float: left; text-transform: uppercase; letter-spacing: 1px; padding: 8px 10px; margin: 0; text-decoration: none !important; border: 0; color: #000; cursor: default; font-weight: bold;}

#sortreviews {padding: .5em 0;}

#categoryDropDown {padding: .5em 0 .5em 10px; margin: 0; list-style: none; line-height: normal; font-weight: bold; font-size: 12px; width: 170px; z-index: 5; position: relative;}
#categoryDropDown ul {padding: 0; margin: 0; list-style: none; line-height: normal;}
#categoryDropDown li ul {position: absolute; background: #ffc; width: 288px; left: -999em; border: 1px solid #ddd; padding: .25em 10px;}
#categoryDropDown li ul li {font-size: 11px; border-bottom: 1px dotted #ddd; padding: .5em 0 .25em 0;}
#categoryDropDown li:hover ul, #categoryDropDown li.sfhover ul {background-position: 0 0; left: auto;}
#categoryDropDown ul li ul li a {display: block; width: 20em;}
	#categoryDropDown li.dropdown {padding-top: .25em; display: block;}
	#categoryDropDown li.dropdown a {padding: .25em 0 .25em 24px; background: url(../../images/consumer/icon_dropdown.gif) 3px 50% no-repeat; cursor: pointer; display: block;}
	#categoryDropDown li.dropdown ul li a {padding: 0; background-image: none;}

.whatnow, .checkout, .thanks, .surveybox {border: 0; background: #fff;}

#sidebar div.boxed {border: 0; background: #fff; margin: 0 0 1em 0; padding: 5px 10px 15px 10px; color: #555;}
#sidebar div.boxed table tr td.promotion {background: transparent;}

/*---thickbox stylings---*/
#TB_overlay { position: absolute; z-index:100; width: 100%; height: 100%; top: 0; left: 0; min-height: 100%; background-color: #c33; filter: alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;}
#TB_window {position: absolute; background: #fff; z-index: 102; color:#555; display:none; border: 1px solid #333; text-align:left;}
#TB_window img {display:block; margin: 15px 0 0 15px;}
#TB_caption {padding:7px 30px 10px 25px; text-align: center; font-weight: bold; font-size: 14px; color: #333;}
#TB_closeWindow { padding: 0; margin: 0; position: absolute; top: 10px; right: 9px; z-index: 200;}
#TB_closeWindowButton img {padding: 0; margin: 0; display: block;}
#TB_closeAjaxWindow {padding:6px 10px 7px 0; margin-bottom:1px; text-align:right; float:right;}
#TB_ajaxWindowTitle {float:left; padding:7px 0 5px 10px; margin-bottom:1px; color: #999; font-style: italic; font-size: 10px;}
#TB_title{background-color:#eee; height:27px;}
#TB_ajaxContent {clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em;}
#TB_ajaxContent p {padding:5px 0px 5px 0px;}
#TB_load {position: absolute; display:none; height:100px; width:100px; z-index:101;}
#TB_HideSelect {z-index:99; position:absolute; top: 0; left: 0; width:100%; height:100%; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0;}
#TB_iframeContent {border:none; clear:both;}
#TB_secondLine {font-size: 11px; font-weight: normal; margin-top: .5em; color: #666;}
#TB_next, #TB_prev {margin: 0 5px;}
    
/* Header image ---*/
#restaurantsiteheader {background: #fff url(../../images/restaurantsites/header_bagels.jpg) center right no-repeat;}

/* CUSTOM FONT selection ---*/
body {font-family: Arial, Helvetica, sans-serif;} /* sans serif */
/*body {font-family: Cambria, "Times New Roman", Times, serif, sans-serif;}*/  /* serif */

/* CUSTOM COLOR #1 - Page background color ---*/
body {background-image: url(../../images/restaurantsites/background.png);}  /* light colors */
/*body {background-image: url(../../images/restaurantsites/background_dark.png);}*/  /* dark colors */
body,
#poweredbysw,
#poweredbysw p a:hover,
#TB_overlay {background-color: #f00 !important;}

/* CUSTOM COLOR #2 - Header section background color  ---*/
#menuplusnav li a:hover {background-color: #fff !important;}

/* CUSTOM COLOR #3 - Side column background color ---*/
.subnav,
#menuplusnav,
#container,
#sidebar div.boxed,
a:hover,
#menu table tbody tr:hover td,
#menu table tbody tr.popular:hover td,
#reviews .even,
#categoryDropDown li ul,
#sidebar div.boxed #OrderDetails ul li:hover,
#TB_title {background-color: #f7efe8 !important;}

/* CUSTOM COLOR #4 - Border color ---*/
#container,
#TB_window,
.announcement,
#restaurantsiteheader {border-color: #b70510 !important;}

/* CUSTOM COLOR #5 - Link color ---*/
a {color: #000 !important; border-bottom: 1px dotted #666;}

/* CUSTOM COLOR #6 - Headings and title text ---*/
#menu h5 a,
#sidebar h5,
#sidebar div.boxed #orderdetails h3,
#sidebar div.boxed table tr.subtotal td,
#restaurantsiteheader div.infoblock h1,
.linkarea h3,
.thanks h2,
.whatnow h2,
.surveybox h2,
.checkout h1,
.checkout h2,
.announcement p,
.doublecol h3,
.leftcol h3,
#popup h2 {color: #b70510 !important;}

/*button rules*/
h4.button a {color: #fff !important;} 
h4.button a:hover {text-decoration: none; color: #fff !important;}

/*---global settings needed for thickbox---*/
html, body {min-height: 100%; height: auto !important; height: 100%;}

/*---specific to landing page---*/
#container h3 {font-size: 16px; font-weight: bold; line-height: 1.5em; color: #000; border-bottom: 1px dotted #ccc; margin: 12px 15px; padding-bottom: .5em;}
#container h5 {font-size: 16px; font-weight: bold; line-height: 1.5em; color: #000; margin: 12px;}
#container p {clear: both; margin: 0 0 1em 0;}
#container p.intro {margin: 10px; font-size: 15px; line-height: 150%; font-style: italic;}
#container p.footer {border-top: 1px dotted #ccc; padding-top: 1em; font-size: 12px; font-style: italic;}
#container .leftcol {width: 620px; float: left; margin: 0 10px 0 0; padding-bottom: 40px;}
#container .leftcol p {margin: 10px 0 10px 20px; font-size: 15px; line-height: 150%; font-style: italic;}

#container .rightcol {width: 280px !important; float: right; margin: 0 10px;}
    * HTML #container .rightcol {width: 270px !important; float: right; margin: 0;}
#container .rightcol ul {margin: 12px 0; list-style: none; padding: 0 10px 0 0;}
#container .rightcol ul li {line-height: 1.5em; margin: 0 0 1em 0; padding: 0 0 1em 0; border-bottom: 1px dotted #ddd;}  
#container .rightcol ul li a {font-weight: bold; font-size: 14px;}
#container .rightcol ul li span {font-size: 11px;}
#container .rightcol ul li span a {font-weight: normal; font-size: 11px;}
#container .rightcol ul li h4 {font-weight: bold; font-size: 14px; display: block;}
#container .rightcol ul li h4 span, #container .rightcol ul li h4 span a {font-size: 11px; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; background: #ffa; padding: 0 2px; border-bottom: none !important;}
#container .rightcol ul li h4 span a:hover { text-decoration: underline; background: #ffa !important; }
#container .rightcol ul li .note {font-style: italic; color: #b70510;}
#container p.footer {clear: both; margin: 10px 20px;}

/* Simple Fading Slideshow */
#slideshow {position: relative; height: 300px; width: 600px; margin-bottom: 30px;}
#slideshow a:hover {background: #fff !important;}
#slideshow img {position: absolute; top: 0; left: 0; z-index: 8; margin: 20px; border: 1px solid #ddd;}
#slideshow img.active {z-index: 10;}
#slideshow img.last-active {z-index: 9;}