/* Import the style sheet that resets all browsers. */
@import url("reset.css");
@import url("grids.css");

/* Updated 1/10/08 */

#jumpLink {display:none;}
.clearBoth {display:block; clear:both;}
hr.black {display:block; border:1px solid #999;}
blockquote {
	font-size: 2em;
	float: left;
	line-height: 1em;
	color: #005288;
	width: 225px;
	padding: 0;
	margin: 0 1em 1em 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
blockquote p {margin: .5em 0;}

/* Begin error/validation styles */
.labelERROR {
	color: #c00;
	padding-left: 5px;
	border-left: 5px solid #c00;
}
.elementERROR {
	color: #c00;
	border-color: #c00;
}
/* End error/validation styles */

/* Begin main layout columns and boxes */
#container {
	width: 976px;
	padding: 12px;
	margin: 50px 0 50px -500px;
	position: relative;
	left: 50%;	
	background-color: #fff;
}
#homePage #container {
	min-height: 775px;			/* These three lines establish */
	height: auto !important;	/* a min-height rule that all browsers, */
	height: 775px;				/* including IE6, will respect. */
}
#hoursSearch {
	width: 500px;
	float: right;
	margin-top: 22px;
	text-align: right;
}
#daform dt {
	/*width: 100px;*/ /*Adjusted on 5-8-08 by Marc Amos... new value on next line:*/
	width: 199px;
	float: left;
	text-align: right;
	margin: 0 10px 0 0;
	padding: 6px 0 0 0;
}
#navWrap {
	border: 1px solid #ccc;
	background: #fff url(../images/layout/bg-nav-wrap.gif) repeat-x left top;
	position: relative;
	top: 2em;
	padding-left: 22px;
	margin-bottom: 3em;
}
#contentWrap {
	margin-top: 1em;
}
#adsWrap {
	margin: 1em 0;
}
#footerWrap {
	border: 1px solid #ccc;
	padding: 1em;
	margin-top:10px;
}


/* End main layout columns and boxes */


/* Begin the header area */
#hoursSearch p {
	color: #999;
	margin: 0;
	padding: 1em 0 0;
}
#hoursSearch #searchInput {
	border: 1px solid #c0c0c0;
	font-size: 1em;
	padding: 1px 1px 2px;
	width: 120px;
	color: #555;
	position: relative;
	top: -5px;
}
/*#everyoneWins {
	position: relative;
	left: 40px;
	bottom: -10px;
}*/
#shopdineenjoy {
	position: relative;
	left: 40px;
	bottom: -10px;
}
/* End the header area */

.noChildrenListItem
{
    padding-left:13px;
}


/* Begin the navigation area */
#navWrap ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#navWrap li {
	float: left;
	position: relative;
	margin: 0;
	background-color: #fff;
}

.hide
{
    display:none;
    visibility:hidden;
}

.show
{
    display:block;
    visibility:visible;
}

/*
#leftCol ul ul 
{
	visibility: hidden;
	display:none;
}
*/



#navWrap ul ul {
	visibility: hidden;
	position: absolute;
	background: #b4cedc url(../images/layout/bg-nav-dropdown.gif) repeat-x left top;
	padding: 1.5em .9em .9em;
	width: 175px;
	top: 25px;
	left: 1px;
}
* html #navWrap ul ul {
	/*top: 30px;
	t\op: 31px;*/
	top: 24px;
	t\op: 25px;
}
#navWrap ul ul li {
	margin: 2px 0;
}
#navWrap table {
	position: absolute;
	top: 0;
	left: 0;
}
#navWrap ul li:hover ul,
#navWrap ul a:hover ul {
	visibility: visible; 
}
#navWrap a,
#navWrap a:visited {
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	border-left: 1px solid #ddd;
	color: #333;
	padding: .35em 1.5em .3em 1.5em;
	font: bold 1.2em "Trebuchet MS", Verdana, sans-serif;
}
#navWrap li.lastItem a,
#navWrap li.lastItem a:visited {
	border-right: 1px solid #e0eff8;
}
#navWrap a:hover {
	background-color: #005288;
	color: #fff;
}
#navWrap :hover > a {
	background-color: #005288;
	color: #fff;
}
.rowHeader{
	background: #fff url(../images/layout/bg-rowHeader.gif) repeat-x left top;
}
#navWrap ul ul a,
#navWrap ul ul a:visited {
	background: #e0eff8 url(../images/layout/bg-nav-dropdown-link.gif) repeat-x left top;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #333;
	text-transform: none;
	border-left: none;
	padding: 3px 4px;
	width: 167px;
	line-height: 1.1em;
}
#navWrap ul ul a:hover {
	background-color: #e0eff8;
	background-image: none;
	color: #333;
}
#navWrap ul ul :hover > a {
	background-color: #fff;
	background-image: none;
	color: #333;
}
#navWrap ul ul#lastNavDropdown {
	left: -113px;
}
/* End the navigation area */
#buttonWrap {
	height :35px;
	margin-top: -15px;
}
#buttonWrap ul {
	margin-left: 208px;
	list-style: none;
}
#buttonWrap li {
	float: left;
	position: relative;
	text-align: center; 
	background-color: #fff;
}
#buttonWrap li a, #buttonWrap li a:visited {
	color: #666666;
	background: #fff url(../images/layout/subNav-btn.gif) no-repeat left top;
	padding: .5em 0em 0em 0em;
	display: block;
	width: 155px;
	height: 20px;
	text-decoration: none;
}
#buttonWrap li a:hover{
	background: #fff url(../images/layout/subNav-btn-over.gif) no-repeat left top;
	color: #000;
	text-decoration: underline;
}

/* Begin the main content area */
#leftCol {
	width: 170px;
	float: left;
	margin-bottom: 3em;
}

#leftCol ul{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	font-size: 1.1em;
	text-transform: uppercase;
}
.noshow ul{
    display: none;
}
#leftCol ul li {
	margin: 0 0 .5em;
	/*padding: .25em;*/
	border-top: 1px solid #888;
	list-style: none;
}

.show ul 
{
    display:block;
    visibility:visible;
}

#leftCol ul li a,
#leftCol ul li a:visited {
	display: inline;
	color: #000;
}
#leftCol ul li a:hover {
	color: #c41130;
	text-decoration: none;
}
#leftCol ul li ul {
	margin: .5em 0 .5em .75em;
}
#leftCol ul li ul li {
	margin: 0;
	padding: .15em .25em;
	font-size: .8em;
	text-transform: capitalize;
	border-top: 1px solid #ddd;
}

#leftCol ul li a.active
{
    color: #c41130;
}

#rightCol {
	width: 200px;
	float: right;
	margin-bottom: 3em;
}
#rightCol h4 {
	margin: 0 0 .5em;
	padding: .25em;
	text-transform: uppercase;
	font-weight: normal;
	border-top: 1px solid #888;
}
#rightCol ul,
#rightCol ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#rightCol ul {
	margin: 0 0 20px 0;
}
#rightCol ul li {
	margin: 0px 0 5px 0;
	padding: .15em .25em;
	border-top: 1px solid #ddd;
}
#rightCol ul li a,
#rightCol ul li a:visited {
	display: block;
	font-size: 1.1em;
}
#rightCol ul li a:hover {
	color: #c41130;
	text-decoration: none;
}
#storeDirectoryList {
	height: 250px;
	overflow: auto;
}
#mainCol p.PageTitle {
	font-size: 1.5em;
	font-weight: normal;
	color: #005288;
}
#mainCol h3.PageTitle {
	color: #005288;
	font-size: 1.5em;
}
#mainCol,#mainColWide {
	font-size: 1.1em;
	color: #333;
	margin: 0 220px 3em 190px;
	padding-top: 0em;
}
#mainColWide {margin-left:0;} /* Some pages have no left sub-navigation... this is for them. */
#mainCol h2,
#mainColWide h2 {
	color: #c41130;
}

table.newsList ul.noBullets,
table.newsList ul.noBullets li{
	list-style-type: none;
}
.newsList,
.newsList li {
	/*list-style: none;
	margin: 1em 0;*/
	padding: 0;
}
.eventList,
.eventList li
{
	list-style: none;
	margin: 1em 0;
	padding: 0;
}
/*.eventList li,
.newsList li {
	margin: 1em 0;
}*/
.eventList .eventDay {
	float: left;
	font: italic bold 1.3em Georgia, "Times New Roman", Times, serif;
}
.eventList p {
	margin-left: 30px;
	margin-bottom: 2.6em;
}
table.newsList {
	width: 100%;
}
.newsList td h5 {
	margin-top: 10px;
	margin-bottom: 0;
}



#directoryList h3{
	border-top: 2px solid #999;
	padding-top:5px;
	margin-top:40px;
}
#directoryList h3.Dining{
	border-top: 0px solid #999;
	padding-top:5px;
	margin-top:0px;
}
#directoryList h3.Shopping{
	border-top: 0px solid #999;
	padding-top:5px;
	margin-top:0px;
}
#directoryList h3.Entertainment{
	border-top: 0px solid #999;
	padding-top:5px;
	margin-top:0px;
}
#directoryList h4{
	border-top: thin solid #999; 
	padding-top:5px;
	margin-top:25px;
	color: grey;
}
#directoryList .directoryTemp{
	padding-left:60px;
}
.directorycont{
	margin-top:20px;
}
.imageFloatLeftDirectory{
	display:block;
	float:left;
}

.eventIcon {
	display: block;
	float: left;
	width: 45px;
	height: 45px;
	margin-right: 10px;
}

.eventBackToTop {
	font-size: 10px;
	line-height: 1;
	float: right;
	margin-top: -10px;
}

.imgFloatLeft {
	float: left;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	vertical-align: top;
}
.imgFloatRight {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}
/*.highlightedText {
	color: #005288;
}*/
#storeBasics {
	border: 1px solid #cfcfcf;
	padding: .5em .5em .5em 1em;
	font-size: 1.2em;
	min-height: 188px;			/* These three lines establish */
	height: auto !important;	/* a min-height rule that all browsers, */
	height: 188px;				/* including IE6, will respect. */
}
#storeBasics h3 {
	color: #5b0005;
	text-transform: uppercase;
	line-height: 1em;
}
#storeBasics ul {
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
}
#storeBasics .imgFloatRight {
	margin-bottom: 0;
}
#upcomingStoreEvents {
	border-top: 1px solid #888;
	width: 100%;
	margin-top: 2em;
}
#upcomingStoreEvents th {
	text-align: left;
	text-transform: uppercase;
	font-size: 1.1em;
	padding-bottom: 1em;
}
#upcomingStoreEvents td {
	font-weight: bold;
}
#upcomingStoreEvents .altRow {
	background-color: #f2f2f2;
}
.storeEventDate {
	display: block;
	color: #777;
	font-weight: normal;
}
#innerRightCol {
	width: 300px;
	float: right;
}
#innerLeftCol {
	margin-right: 324px;
}
#contactForm label {
	text-transform: capitalize;
}
#contactForm .textInput,
#contactForm .zipTextInput {
	border: 1px solid #bbb;
	width: 295px;
}
#formState {
	width: 70px;
	margin: 0;
	float: left;
}
#formState select {
	border: 1px solid #bbb;	
}
#formCity .textInput {
	width: 225px;
}
#contactForm .zipTextInput {
	width: 5em;
}
.inputError label {
	color: #c41130;
	font-weight: bold;
}
.requiredField {
	color: #c41130;
	font-weight: bold;
}
#contactForm .inputError input, #contactForm .inputError select, #contactForm .inputError textarea,
#contactForm .inputError .textInput, #contactForm .inputError .zipTextInput {
	border: 1px solid #c41130;
	background-color: #fcf2f4;
}
#newsEventsDirectoryList {
	max-height: 500px;
	overflow: auto;
}
#newsEventsDirectoryList .alignRt {
	text-align: right;
}
#innerSearchWrap {
	float: right;
}
.pagination a, .pagination a:visited,
.pagination .currentPage {
	padding: 1px 4px;
}
.pagination .currentPage {
	font-weight: bold;
}
/* End the main content area */

/* Begin the footer area */
#footerWrap ul {
	float: right;
	list-style: none;
	padding: 0;
	margin: 0;
}
#footerWrap ul li {
	float: left;
	margin: 0;
	padding: 0 1em;
	border-right: 1px solid #999;
}
#footerWrap ul li a, 
#footerWrap ul li a:visited {
	color: #999;
}
#footerWrap ul li.lastItem {
	border-right: none;
	padding-right: 0;
}
#footerWrap p {
	margin: 0;
}
#footerWrap .facebook {padding-left:5px;}
#footerWrap .twitter a, #footerWrap .facebook a {position:relative; top:-7px;}
/* End the footer area */


/****************************************
MENU STRUCTURE, POSITIONING, VISIBILITY
****************************************/
.mainMenu { position: relative; top: 0; left: 0; }  /* Top UL */
.mainMenu, .mainMenu UL {                         /* All LIs. */
	list-style: none; margin: 0 10px 0 0; padding: 0;
}
.mainMenu UL { margin-left: 20px; }     /* Multi-level indent */
.mainMenu .closed UL {    /* Hide contents of closed folders. */
	display: none;
}
/****************************************
LINK SIZE & POSITION
****************************************/
.mainMenu A {
  display: block; width: 100%; /* Width:100% CRITICAL for IE */
  margin: 0; padding-left: 25px;    /* Indent text past icon. */
}
/****************************************
LINK ICONS
Background images for links which are part of menu - both 
items and folders
****************************************/
.mainMenu .open A {                         /* Open folder. */
   background-image: url(../images/open.gif);
   background-repeat: no-repeat; background-position: 0 3px;
}
.mainMenu .closed A {                     /* Closed folder. */
   background-image: url(../images/closed.gif);
   background-repeat: no-repeat;
	background-position: 3px 3px;
}
.mainMenu .popup A {        /* Item which opens new window. */
   background-image: url(../images/popup.gif);
   background-repeat: no-repeat;
   background-position: 2px 3px;
}
.mainMenu .doc A {               /* Item - not current page */
   background-image: url(../images/doc.gif);
   background-repeat: no-repeat;
   background-position: 4px 3px;
}
.mainMenu .current A { /* Item with “you are here” */
   background-image: url(../images/current.gif);
   background-repeat: no-repeat;
   background-position: 3px 1px;
}
/****************************************
LINK COLOURS, BG COLOURS, FONTS, TEXT DECORATION.
*  We change background color for all A:hover including As 
   which contain titles of folders - these are not clickable
   unless Javascript is enabled  AND the browser is supported
   (the Javascript decides this).
*  IE does not understand child selectors, only descendants. 
   So we must use "redundant" descendant selectors to control
   specificity.
****************************************/
.mainMenu A { text-decoration: none; }
/* Link colors & weight: folders. */
.mainMenu .open A, .mainMenu .closed A {
   font-weight: bold; color: green;
}
/* Link colors & weight: non-folder items - use LI classes 
   to raise specificity so that these neither inherit nor
   over-ride rules for the folder LIs which contain them.
   Must be AFTER the rules for folders, otherwise the folder
   rules would over-ride parts of these. */
.mainMenu .doc A, .mainMenu .current A, .mainMenu .popup A
   { font-weight: normal; }
.mainMenu .doc A:link, .mainMenu .current A:link,
      .mainMenu .popup A:link,
      .mainMenu .doc A:active, .mainMenu .current A:active,
      .mainMenu .popup A:active
	{ color: blue; }
.mainMenu .doc A:visited, .mainMenu .current A:visited,
      .mainMenu .popup A:visited
	{ color: purple; }
.mainMenu .doc A:hover, .mainMenu .current A:hover,
      .mainMenu .popup A:hover
	{ background-color: #ffffee; color: red; }
	


/**   Visa Rewards Page Styles     **/

#flashWrap .contentArea{
	margin-top:20px;
	background: #fff url('/images/visaRewards/rewards-Background.jpg') no-repeat;
	height:626px;
}
.textArea{
	width:770px;
	height:626px;
	background: url('/images/visaRewards/rewards-foreground.gif') no-repeat;
}
.spreeImg{
	position: absolute;
	left: 420px;
}
.copyField{
	width: 255px;
	font-size: .94em;
	float:right;
	text-align:left;
	margin-right: 14.4em;
	padding-top:.5em;
}
.navigation{
	padding-top:1.8em;
	margin-left:21.7em;
	float:left;
}
.navigation ul{
	list-style-type:none;
	padding:0;
}
.navigation li a, .navigation li a:visited{
	font-size: .8em;
	color:#666666;
}
.navigation li a:hover{
	font-size: .8em;
	color:#000;
	text-decoration:underline;
}
.rewardImg{
	text-align:center;
}
.rewardsBullet{
	text-align:center;
	font-weight:bold;
	font-size:1.1em;
	line-height:1.3em;
}
.navigation li.bold a, .navigation li.bold a:visited {
	color:#8e001f;
	font-weight:bold;
	line-height: 1.9em;
	font-size: 1em;
}
.navigation li.bold a:hover {
	color:#005197;
	text-decoration:underline;
	font-size: 1em;
}
.navigation li.spacing{
	padding-top: 1.4em;
}
.topImg{
	position:relative;
	left: -.5em;
	top: -10em;
}

#register:hover{
	background:transparent url(/images/visaRewards/registerNow.gif) no-repeat scroll 0 1px;
}
#register{
	background:transparent url(/images/visaRewards/registerNow.gif) no-repeat scroll 0 -29px;
	display:block;
	height:30px;
	text-indent:-9999px;
	width:129px;
	margin:1.5em auto;
}

/**   Sets the height to for tenant forms so longer titles will not wrap under the form fileds     **/
#daform dd {
	margin:1.7em;
}

/* Newsletter form updates  */

#danewletterform dl dt{margin-top:1.5em}
#danewletterform dl input, #danewletterform dl textarea{width:20em}
#danewletterform dl dd div input{float:left;width:30px}
#danewletterform dl dd select{margin-right:1em}
#danewletterform dl dd div label{padding-bottom:1em;padding-top:.3em}
#danewletterform dl input#submitID{width:6em;cursor:pointer}
#danewletterform span.b-day{float:left}
span.genDrop{clear:left;display:block;height:1em}

/*----------------------*/