/**************************************/
/************ global styles ***********/
/**************************************/
* { margin: 0; padding: 0; }

body {
	background: url('images/NYIGFBg.jpg') center top repeat;
	font: normal 12px/18px Arial,Verdana,sans-serif;
	color: #464646;
	margin: 0;
	padding: 0;
}

a img { border: none; outline: none; }
hr { border: none; border-top: solid 1px #bfbfbf; margin: 15px 0 15px 0; }
small { font-style: italic; font-size: .85em; font-weight: bold; color: #888; }
div, p, span, td { font: normal 12px/16px Arial,Verdana,sans-serif; color: #464646; }
.side-content span, .side-content a { font-size: 1em; }
h1, .h1 { font-size: 18px; color: #990033; margin-bottom: 25px; margin-top: 5px; width: auto; }
h2, .h2 { font-size: 16px; color: #464646; margin-bottom: 5px; font-weight: bold; }
h4, .h4 { font-size: 14px; color: #464646; margin-bottom: 10px; font-weight: bold; font-style: italic; }
#wrapper a, .addthis_default_style a { color: #CC0033; text-decoration: underline; font-weight: bold; cursor: pointer; cursor: hand; }
#wrapper a:hover, .addthis_default_style a { color: #464646; text-decoration: none; }
.float-left { float: left; }
.float-right { float: right; }
.margin-right { margin-right: 15px }
.reports-results td, .reports-results th { padding: 5px; }
.reports-results { width: 100%; }
.matches { margin: 5px 0; margin-left: 10px; font-size: 10px; font-style: italic; color: #777; }
.matches-Hide { display:none;}
.hidden { display: none; }
iframe { border: none; overflow: hidden; width: 100%; height: 415px; }

#container, #container2 {
	overflow: hidden;
    width: 993px;
    margin: 0 auto;
    box-shadow: 0 0 87px #9a9c9c;
}

#container2 {
    background: #fff;
    border-bottom: 25px solid #fff;
}

#wrapper {
	height: auto;
	padding: 16px;
}

table#wrapper {
	width: 100%;
	float: none;
}

/**************************************/
/********* form element styles ********/
/**************************************/
input[type="button"], input[type="checkbox"], option, option.input-sideoption, .cursor-hand, #btnClearForm, #btnSendForm, 
#left-col-results img, input.btn-search, input.btn-submit, input.btn-reset, .cursor { 
	cursor: pointer;
	cursor: hand;
}

.autocomplete_completionListElement li, option, input[type="text"].input-textbox, input[type="text"].input-dates { text-transform: capitalize; }
#txtEmail, #txtPassword, #ctl00_ContentPlaceHolder1_txtEmail, #ctl00_ContentPlaceHolder1_txtPassword, textarea,#ctl00_ContentPlaceHolder1_txtEmailForgotPassword { text-transform: none; }

.input-textbox, input.input-sidekeyword, input.input-textbox, input.input-email, input.input-password, textarea, .input-dates {
	width: 235px;
	padding: 7px;
	background: #fff url('images/gradient.gif') repeat-x top left;
	font: normal 12px/15px Arial,Verdana,sans-serif;
	color: #888;
	border: solid 1px #afafaf;
}
.input-dates {
	width: 85px;
}

input.keyword {
	width: 235px;
	padding: 7px;
	background: #fff url('images/gradient.gif') repeat-x top left;
	font: normal 12px/15px Arial,Verdana,sans-serif;
	color: #888;
	border: solid 2px #cc0033;
	height: 19px;
}

input[type="text"].note-box {
	padding: 4px;
	background: transparent;
	font: italic 11px/14px Arial,Verdana,sans-serif;
	border: solid 0px #afafaf;
}

input[type="text"].note-box:focus {
	padding: 4px;
	background: #fff url('images/gradient.gif') repeat-x top left;
	font: italic 11px/14px Arial,Verdana,sans-serif;
	color: #555;
	border: solid 1px #afafaf;
}

input[type="text"].note-box:hover {
	color: #464646;
}

option{
	padding: 2px 7px;
	font: normal 12px/15px Arial,Verdana,sans-serif;
	color: #888;
	background: #fff;
}

select {
	width: auto;
	display: block;
	background: #fff url('images/gradient.gif') repeat-x top left;
	border: solid 1px #afafaf;
	color: #888;
	padding: 4px;
}

.inlineblock { display: inline-block; }
.btn-reset, .btn-submit, #btnSendEmail, #btnClearForm {
	padding: 7px 10px;
	height: 37px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #968C85;
	font: bold 14px/15px Arial,Verdana,sans-serif;
	text-transform: uppercase;
	color: #fff;
	border: none;
}

.btn-reset, #btnClearForm {
	background: #dfdfdf url('images/button-bg-gray.gif') repeat-x top left;
	border: solid 1px #999;
	color: #464646;
	text-shadow: none;
}

#submit-search, #btnSearch, input.btn-pinksearch {
	padding: 2px 8px;
	height: 31px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-shadow: #464646 1px 1px 1px;
	background: #ca504b url('images/button-bg-pink.gif') repeat-x top left;
	font: normal 12px/12px Arial,Verdana,sans-serif;
	text-transform: uppercase;
	color: #fff;
	border: none;
}

input.btn-action, a.btn-action {
	padding: 1px 3px;
	margin: 2px;
	height: 23px;
	background: #968C85;
	font: normal 11px/14px Arial,Verdana,sans-serif;
	color: #fff !important;
	text-transform: uppercase;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	outline: none;
	cursor:hand;
	cursor:pointer;
	width: auto !important;
	font-weight: bold;
}

a.btn-action {
	padding: 3px 5px;
	color: #fff !important;
	text-decoration: none !important;
	height: 15px;
}

input.dark-gray-bg, a.dark-gray-bg {
	background: #746862;
	color: #fff !important;
}

.btn-print { width: 60px; }
input.btn-addNotes{ width: 25px; background: #eee url('images/update.gif') no-repeat center center; }
input.btn-editNotes{ width: 25px; background: #eee url('images/edit.gif') no-repeat center center; }
input.btn-cancelNotes{ width: 25px; background: #eee url('images/cancel.gif') no-repeat center center; }
.btn-back, .btn-profile, .btn-map { width: 85px; }
.btn-addlist { width: 100px; }
.btn-addwlist { width: 125px; }
.btn-addallwlist { width: 180px; margin-left: 0 !important; }
.btn-addalltocurrentwlist { width: 220px; margin-left: 0 !important; }
.btn-disabled, .btn-addwlist-Disabled { width: 170px; border: 1px solid #CCC !important; color: #999 !important; cursor: auto !important; }
.btn-addwlist-Disabled { width: 125px ;}

/**************************************/
/************** header ****************/
/**************************************/
#ad, #ad iframe {
	height: 60px;
	float: left;
	background: #fff;
	width: 100%;
}

#ad iframe {
	border: none;
}

#header {
	width: inherit;
	height: 48px;
	float: left;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #aa2734;
	padding: 10px 0;
}

#logo{
	float: left;
	background: url('images/nyigfwayfinderlogo.png') no-repeat center left;
	padding: 16px;
	padding-left: 50px;
	margin-left: 16px;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

#hdr-info {
	float: left;
	padding: 16px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

#startbtn, .startbtn {
	float: right;
	height: 20px;
	background: none;
	padding: 14px;
	padding-right: 16px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
#walklist-btn, .walklist-btn {
	float: right;
	height: 20px;
	background: none;
	padding: 14px;
	padding-right: 16px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-right: dotted 1px #fff;
}

#startbtn:hover,.startbtn:hover, #walklist-btn:hover, .walklist-btn:hover {
	text-decoration: underline;
}

/**************************************/
/************ primary nav *************/
/**************************************/
#nav { 
    background: none repeat scroll 0 0 #968C85;
    float: left;
    text-transform: uppercase;
    width: 100%; }

#primary {
	list-style: none;
	margin-left: 6px;
}

#primary li {
	float: left;
	text-decoration: none;
	padding: 10px;
	border-right: dotted 1px #fff;
}

#primary li a{
	text-decoration: none;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}

#primary li a:hover, #nav li a.active { color: #464646; }
#primary li.last { border: none; }

/**************************************/
/********** secondary nav *************/
/**************************************/
#secondary {
	list-style: none;
	margin-right: 8px;
}

#secondary li {
	float: right;
	text-decoration: none;
	padding: 10px;
}

#secondary li a{
	text-decoration: none;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
}

#secondary li a:hover, #nav li a.active { color: #464646; }
#secondary li.last { border: none; font-weight: bold; }

/**************************************/
/********** content styles ************/
/**************************************/
.search-catalogs {
	float: right;
	margin-top: -40px;
}
.search-nyn {
	margin-top: 150px;
	position: absolute;
	margin-left: 766px;
	margin-top: -7px;
	display: block;
	height: 92px;
	width: 234px;
	background: url(images/nyn-banner.png) no-repeat center center;
}
.search-nyn:focus { outline: none; }
.search-nyn b { display: none; }

.pink-text, .results-booth  { color: #cc0033; }

#left-col { float: left; width: 435px; }
#right-col { float: right; width: 400px; }

table.search-criteria td { padding: 10px; }
table.search-criteria select { width: 250px; }
#profile-contact td { padding: 5px; }

#contact-form { width: 620px; margin-top: 25px; margin-left: 120px; }
#contact-form td { font-weight: bold; }

/**************************************/
/******** results page styles *********/
/**************************************/
#left-col-results { vertical-align: top; width: 220px; }
#right-col-results { vertical-align: top; width: 620px; background-color:Transparent; }

#sorting {
	float: left;
	font-size: 11px;
	margin-bottom: 15px;
}

#selected-filters ,div.selected-filters{ 
	float: left;
	width: 98%;
	margin: 0 0 20px 0;
	padding: 5px;
	background: #eee;
	border: solid 1px #ddd;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-weight: bold;
}
.selected-filters-SearchBar
{
width:190px !important;
margin: 0 0 5px 0 !important;
}
.ErrorPanel { 
	float: left;
	width: 610px;
	 display:inline;
	text-align:center;
	font-size: 11px;
}

#selected-filters strong,.selected-filters strong { 
    float: left;
	width: 100%;
	margin-bottom: 5px;
	font-size: 11px;
	margin: 1px 4px;
}

#selected-filters a,.selected-filters a { 
	float: left;
	margin: 3px;
	padding: 1px 4px;
	background: #ccc;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: #555 !important;
	text-decoration: none !important;
	font-size: 10px;
	font-weight: bold;
}

#selected-filters a:hover,.selected-filters a:hover { 
	background: #bbb;
	color: #464646;
}

.pagination {
	float: right;
	margin: 10px 0;
	width: 290px;
	text-align: right;
}

.pagination div {
	display: inline-block;
}

.pagination a {
	background: #968c85;
	color: #fff !important;
	display: inline-block;
	font-size: 11px;
	font-style: normal !important;
	margin-left: 1px;
	padding: 2px;
	text-align: center;
	text-decoration: none !important;
	width: 15px;
}

.pagination a.pag-prev, .pagination a.pag-next, .pagination a.pag-viewall, .pagination a.pag-viewall-active, .pagination a.pag-viewbypages {
	width: 35px;
	text-transform: lowercase;
}

.pagination a.pag-viewall {
	width: 54px;
}
.pagination a.pag-viewall-active {
	width: 54px;
	color:Gray !important;
	background: #ebe29d;
}
.pagination a.pag-viewbypages {
	width: 100px;
}

.pagination a.pag-active, .pagination a:hover {
	background: #464646;
}

.results-addlist { float: left; margin: 10px 0; } 
.results-note { float: left; width: 100%; text-align: center; padding: 10px 0; margin: 10px 0; border: solid 1px #cc0033; background: #F6EAEA; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.results-note p { font-weight: bold; margin: 0; }

.results-total { float: right; clear: both; margin-top: 5px; font-size: 11px; font-style: italic; }
.results-total span, page-size { font-size: 11px; font-style: italic; }

#results-grid { float: left; clear: both; }

#results-grid tr {
	height: 80px;
	font: bold 12px/18px Arial,Verdana,sans-serif;
	color: #990033;
	background: #eeecea;
}

#results-grid tr.row-odd {
	background: transparent;
}
#ctl00_ContentPlaceHolder1_UPSearchResults
{
background: transparent;
}

#results-grid tr:hover{
	background: #e0dddb;
}

#results-grid td {
	vertical-align: top;
	padding: 10px;
}

.results-icons {
	margin-top: 15px;
}


IMG.bordered { margin: 0; border: solid 1px #000; } 
table.MouseOverInner { border: none; }

/**************************************/
/********** sidebar styles ************/
/**************************************/

.collapsibles,.collapsible  {
	width: 200px;
	padding: 5px;
	margin-top: 8px;
	font-size: 12px;
	background: url('images/panel-bg-green.gif') repeat-x top left;
	border: solid 1px #aaa;
	color: #888;
	cursor: pointer;
	cursor: hand;
}

#nav-section1 {
	background: url('images/panel-bg-pink.gif') repeat-x top left;
	color: #444;
}

.collapsible span {
	background: url('images/panel-arrow-green.gif') no-repeat top left;
	width: 10px;
	height: 8px;
	display: block;
	float: right;
	margin-top: 4px;
}

div.side-content {
	width: 200px;
	padding: 5px;
	margin-top: -1px;
	font-size: 11px;
	font-weight: normal;
	background: #fefefe;
	border: solid 1px #aaa;
}
div.section1{
	background: #f6eaea;
}

#nav-section1 span {
	background: url('images/panel-arrow-pink.gif') no-repeat top left;
}

input.input-sidekeyword { 
	border: solid 1px #999;
	margin-bottom: 5px;
	width: 190px;
	padding-left: 4px;
	padding-right: 4px;
}

select.input-sideselect {
	width: 200px;
	padding: 4px;
}

option.input-sideoption {
	padding: 2px;
	font: normal 11px/14px Arial,Verdana,sans-serif;
}

/**************************************/
/*********** profile styles ***********/
/**************************************/
#IframeProfile { height: 520px !important; overflow: hidden; }
.IframeCatalogFlipper { border: solid 1px #cfcfcf; }

body.profile, .wlistbody {
	background: #fff;
}

.profile #container, .wlistbody #container {
	overflow: hidden;
    width: 650px;
    margin: 15px auto;
    box-shadow: none;
}

.wlistbody #container {
	height: 445px;
	overflow-y: scroll;
}

.profile #wrapper, .wlistbody #wrapper {
	width: 640px;
	float: left;
	background: #fff;
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

.profile .float-left, .wlistbody .float-left { float: left; }
.profile .float-right .wlistbody .float-right { float: right; }

.profile #left-col, .wlistbody #left-col { float: left; width: 340px; }
.profile #right-col, .wlistbody #right-col { float: right; width: 275px; }

#exhibitor-desc { float: left; clear: both; border: solid 1px #968c85; padding: 10px; background: #eeecea; width: 318px; }
#exhibitor-contact { float: left; clear: both; border: solid 1px #968c85; padding: 5px; margin-top: 15px; }

/**************************************/
/******** walking list styles *********/
/**************************************/
#left-col-wlist { width: 615px; vertical-align: top; }
#right-col-wlist  { width: 230px; vertical-align: top; }

#wlist-grid { margin: 15px 0; page-break-after:always ; }
#wlist-grid td , #wlist-grid th { height: 30px; text-align: left; padding: 5px; }
#wlist-grid tr.row-odd { background: #eeecea; }
#wlist-grid tr.row-Edit { background: #e0dddb; }
#wlist-grid th { background: #968C85; }
#wlist-grid th a { color: #fff; }
#wlist-grid th a:hover { color: #fff; }

#wlist-grid td.remove-x { text-align: center; }
.remove-x a { text-decoration: none !important; font-weight: bold; font-size: 16px; font-style: normal !important; padding: 5px 10px; text-transform: uppercase; }
.remove-x a:hover { color: #464646 !important; }

.notes-text { 
	border:0 solid #AAAAAA;
	color:#006498;
	font-size:0.95em;
	font-style:italic;
	margin:5px;
	overflow:hidden;
	width:200px;
}

/**************************************/
/********* jquery tab styles **********/
/**************************************/
ul.tabs {
	margin: 20px 0 0 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 20px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 99%;
}
ul.tabs li {
    text-align:center ;
    float: left;
	margin: 0;
	padding: 0 5px;
	height: 19px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 18px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0 url('images/button-bg-action.gif') repeat-x top left;
}
ul.tabs li a {
	text-decoration: none !important;
	font-style: normal !important;
	color: #555;
	display: block;
	font-size: 0.9em;
	padding: 0 5px;
	border: 0px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover, ul.tabs li.active a {
	color: #464646 !important;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	border-bottom: 1px solid transparent; /*--Makes the active tab look like it's connected with its content--*/
	background: #968c85;
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 98.90%;
	background: #fff;
	margin-bottom: 10px;
}
.tab_content {
	padding: 5px;
	font-size: 1em;
	height: 155px;
	background: #968c85;
	overflow-y: auto;
	overflow-x: hidden;
	color: #fff;
}
.tab_content * {
	color: #fff;
}
.tab_content a {
	color: #fff !important;
	border-left: 1px dotted #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 13px;
    margin-bottom: 8px;
    padding-left: 5px;
    text-decoration: none !important;
}
#ctl00_PageUpdateProgress
{
width:200px;  background-color: #FFC080;
  bottom: 10px; left: 40%; position: absolute;
  }

.ModalPopupBG
{
	background-color: #464646;
	filter: alpha(opacity=50);
	opacity: 0.7;
}

.popup_Container {
	background-color:#fffeb2;
	border:2px solid #000000;
	padding: 0px 0px 0px 0px;
	}

.popup_Body
{
	padding:15px 15px 15px 15px;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	color:#000000;
	line-height:15pt;
	clear:both;
	padding:20px;
	
}

.catalog-Cover-Image
{
     width: 64px;
     height: 81px;
     cursor: hand;
     cursor: pointer;
}
.IframeCatalogFlipper
{
margin:0px; width:272px; Height: 175px; overflow:hidden
}

/* Ajax Error Handler */
#Error {
  top: 45%;
  right: 40%;
  width: 370px;
  height:50px;
  background-color: #fffeb2;
  border: solid 1px Black;
  padding: 10px;
  font-family: Sans-Serif;
  font-size: 10pt;
  position: absolute;
  margin: 5px;
}
#CloseButton {
  float: right;
  cursor: pointer;
}

/* Ends Ajax Error Handler */
.dropDownPageSize
{
    width:50px;
}
.prductCatgory-Content { overflow-y: auto; overflow-x: hidden; }

.youSearchedFor_Header
{
 font-weight:bold;
}
.youSearchedFor_Contents
{

}


/************* app page ***************/
/**************************************/
.app-screenshots { float: left; width: 415px; margin: 25px 25px 0 25px; height: 591px; background: url(images/nyigf-app.png) center top no-repeat; }
.app-info, .more-info { float: right; width: 325px; margin-right: 42px; }
.app-info h1 { font-family: Arial, Helvetica, Sans-Serif; font-size: 28px; margin-top: 60px; line-height: 32px; text-shadow: #fff 1px 1px 1px; }
.app-info p { line-height: 20px; text-shadow: #fff 1px 1px 1px; margin-bottom: 30px; }

.app-store a, .app-store a.apple-coming {  background: url(images/app-store.png) 0 0 no-repeat; width: 247px; height: 52px; display: none; margin-top: 10px; }
.app-store a.droid-coming { background-position: -247px 0; }
.app-store a.blackberry-coming { background-position: -494px 0; }
.app-store a.apple-coming:hover, .app-store a.apple-coming:active { background-position: 0 -52px; }
.app-store a.droid-coming:hover, .app-store a.droid-coming:active { background-position: -247px -52px; }
.app-store a.blackberry-coming:hover, .app-store a.blackberry-coming:active { background-position: -494px -52px; }

.app-store a.apple { background-position: 0 -104px; display: block; }
.app-store a.droid { background-position: -247px -104px; display: block; }
.app-store a.blackberry { background-position: -494px -104px; display: block; }
.app-store a.apple:hover, .app-store a.apple:active { background-position: 0 -156px; }
.app-store a.droid:hover, .app-store a.droid:active { background-position: -247px -156px; }
.app-store a.blackberry:hover, .app-store a.blackberry:active { background-position: -494px -156px; }
.app-store a b { display: none; }

.more-info { width: 315px; margin-top: 30px; padding: 5px; text-align: center; background: #efefef; border: solid 1px #bbb; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.more-info p { font-size: 11px; color: #777; }
.more-info a { font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; }

a:focus { outline: none; }

/**************************************/
/*********** walking map **************/
/**************************************/
* { margin: 0; padding: 0; }
/*body { margin: 5px;}*/
.floorplan-title h1 { color: #444; margin: 0; padding: 0; font: bold 16px Helvetica, Arial, sans-serif; }
.floorplan-title h2 { font: normal 14px Helvetica, Arial, sans-serif; color:black; }

.floorplan, .quadrants, .quadrants-s { float: left; display: block; position: absolute; width: 1200px; /*height: 927px;*/ height: 750px; margin-top: 30px; }
.level1 { height:15px; }
.level3 .floorplan, .level3 .quadrants, .level3 .quadrants-s  { margin-top: 935px; }
.jnorth .floorplan, .jnorth .quadrants, .jnorth .quadrants-s { margin-top: 1650; }
.piers .floorplan, .piers .quadrants, .piers .quadrants-s { margin-top: 885px; padding-bottom: 80px; }

.floorplan-title { float: left; display: block; position: absolute; margin-top: 775px; width: 1200px; text-align: center; }
.level3 .floorplan-title { margin-top: 1650px;  }
.jnorth .floorplan-title { margin-top: 300px; margin-left: 900px; width: 300px; padding-bottom: 0px; }
.jnorth .floorplan-title .legend { margin-top: 50px; }
.piers .floorplan-title { margin-top: 1100px; margin-left: 900px; width: 300px; padding-bottom: 0px; }
.piers .floorplan-title .legend { margin-top: 50px; }
.level { color: #444; font: bold 25px Helvetica, Arial, sans-serif;  z-index:2600; padding-bottom: 20px; }
.level1 .level, .level3 .level, .piers .level { float: left; display: block; position: absolute; margin-top: 10px; width: 1200px; text-align: left;  }
.level3 .level  { margin-top: 910px; }
.jnorth .level   { margin-top: 1810px; padding-bottom: 20px;
	width: 1201px;
}
.piers .level   { margin-top: 850px; padding-bottom: 20px; }

/*LAYER 1*/
.floorplan { border: solid 0px #0000ff; z-index: 2000;  /*background: url('map-j1-mockup-trans.gif') top left no-repeat;*/ }

/*LAYER 2 - quadrant shading*/
.quadrants { border: solid 0px #00ff00; z-index: 1500; }
.quadrants div { float: left; display: block; position: absolute; z-index: 2100; border: solid 3px transparent; }
.quadrants div p { display: none; }

/*LAYER 3 - quadrant outline and text*/
.quadrants-s { border: solid 0px #00ff00; z-index: 2500; }
.quadrants-s div { float: left; display: block; position: absolute; border: solid 3px #ff0000; }
.quadrants-s div p { color: #000; font: bold 24px Helvetica, Arial, sans-serif; text-align: center; position: relative; top: 40%; }

.quadrants-s .categories  { border: none;  }
.quadrants-s .categories div { border: none; width: 250px; }
.quadrants-s .categories div p { font-size: 10px; text-transform:capitalize; top: 0; }

.baby { margin: 370px 0 0 50px; }
.handmade { margin: 305px 0 0 290px; }
.general { margin: 224px 0 0 510px; }
.extracts { margin: 224px 0 0 640px; }
.athome { margin: 224px 0 0 720px; }
.accessories { margin: 224px 0 0 920px; }
.general2, .extracts2, .athome2, .accessories2 { margin-top: 413px; }
.details { margin: 413px 0 0 800px; }
.general3 { margin: 251px 0 0 46px; }
.general4 { margin: 475px 0 0 46px; }
.general5 { margin-left: 500px; }
.general6 { margin: 475px 0 0 500px; }
.tabletop { margin: 467px 0 0 730px; }
.tabletop2 { margin: 239px 0 0 730px; }
.accent { margin: 467px 0 0 905px; }
.accent2 { margin: 200px 0 0 905px; }
.studio { margin: 475px 0 0 1000px; }
.studio2 { margin: 200px 0 0 1000px; }
.handmadedesigner { margin: 387px 0 0 575px; }
.nynewest { margin: 42px 0 0 508px; } 
.athome3 { margin: 412px 0 0 535px; }
.legend { float: right; width: 280px; height: auto; margin-top: -48px; border: solid 1px #999; padding: 5px; }
.legend div { width: 135px; }
.legend div div { float: left; width: 30px; height: 14px; margin-bottom: 3px; }
.legend p { float: right; width: 95px; height: 14px; margin-bottom: 3px; text-align: left; color: #000; font: normal 12px Helvetica, Arial, sans-serif; border: solid 1px #fff; }
.legend h2 { text-align: left; font-weight: bold; }
.legend .shade0 { border: solid 1px #464646; background: #fff; }
.legend .shade1 { border: solid 1px #464646; background: #ffcccc; }
.legend .shade2 { border: solid 1px #464646; background: #ff8888; }
.legend .shade3 { border: solid 1px #464646; background: #ff4444; }
.legend .shade4 { border: solid 1px #464646; background: #bb0000; }


/*assign quadrant background colors*/
/*
.J1Q6, .J1Q8 { background: .FFEEEE; }
.J1Q12 { background: .FFAAAA; }
.J1Q4, .J1Q13, .J1Q14 { background: .FF7777; }
.J1Q9 { background: .FF4646463; }
.J1Q7 { background: .FF0000; }
*/

/*quadrant positioning - level 1*/
.J1Q1, .J1Q1-s { margin: 305px 0 0 72px; width: 193px; height: 317px; }
.J1Q2, .J1Q2-s { margin: 291px 0 0 300px; width: 225px; height: 205px; }
.J1Q3, .J1Q3-s { margin: 424px 0 0 562px; width: 195px; height: 168px; }
.J1Q4, .J1Q4-s { margin: 424px 0 0 771px; width: 185px; height: 168px; }
.J1Q5, .J1Q5-s { margin: 424px 0 0 968px; width: 172px; height: 168px; }
.J1Q6, .J1Q6-s { margin: 234px 0 0 562px; width: 195px; height: 175px; }
.J1Q7, .J1Q7-s { margin: 234px 0 0 771px; width: 185px; height: 175px; }
.J1Q8, .J1Q8-s { margin: 212px 0 0 968px; width: 172px; height: 197px; }
.J1Q9, .J1Q9-s { margin: 108px 0 0 562px; width: 195px; height: 112px; }
.J1Q10, .J1Q10-s { margin: 108px 0 0 771px; width: 185px; height: 112px; }
.J1Q11, .J1Q11-s { margin: 108px 0 0 968px; width: 72px; height: 101px; }

/*quadrant positioning - level 3*/
.J3Q1, .J3Q1-s { margin: 478px 0 0 85px; width: 166px; height: 105px; }
.J3Q2, .J3Q2-s { margin: 478px 0 0 583px; width: 182px; height: 104px; }
.J3Q3, .J3Q3-s { margin: 478px 0 0 779px; width: 182px; height: 95px; }
.J3Q4, .J3Q4-s { margin: 478px 0 0 971px; width: 175px; height: 110px; }
.J3Q5, .J3Q5-s { margin: 366px 0 0 85px; width: 166px; height: 97px; }
.J3Q6, .J3Q6-s { margin: 366px 0 0 254px; width: 141px; height: 97px; }
.J3Q7, .J3Q7-s { margin: 366px 0 0 583px; width: 182px; height: 97px; }
.J3Q8, .J3Q8-s { margin: 366px 0 0 779px; width: 182px; height: 97px; }
.J3Q9, .J3Q9-s { margin: 366px 0 0 971px; width: 175px; height: 97px; }
.J3Q10, .J3Q10-s { margin: 250px 0 0 85px; width: 166px; height: 105px; }
.J3Q11, .J3Q11-s { margin: 250px 0 0 254px; width: 141px; height: 105px; }
.J3Q12, .J3Q12-s { margin: 250px 0 0 583px; width: 182px; height: 105px; }
.J3Q13, .J3Q13-s { margin: 250px 0 0 779px; width: 182px; height: 105px; }
.J3Q14, .J3Q14-s { margin: 189px 0 0 971px; width: 175px; height: 166px; }
.J3Q15, .J3Q15-s { margin: 93px 0 0 85px; width: 166px; height: 142px; }
.J3Q16, .J3Q16-s { margin: 93px 0 0 254px; width: 141px; height: 142px; }
.J3Q17, .J3Q17-s { margin: 93px 0 0 583px; width: 182px; height: 142px; }
.J3Q18, .J3Q18-s { margin: 93px 0 0 779px; width: 182px; height: 142px; }
.J3Q19, .J3Q19-s { margin: 93px 0 0 971px; width: 79px; height: 93px; }
.J3Q20, .J3Q20-s { margin: 485px 0 0 278px; width: 292px; height: 92px; }
.J3Q21, .J3Q21-s { margin: 366px 0 0 398px; width: 172px; height: 116px; }
.J3Q22, .J3Q22-s { margin: 250px 0 0 398px; width: 172px; height: 105px; }
.J3Q23, .J3Q23-s { margin: 93px 0 0 398px; width: 172px; height: 142px; }


/*quadrant positioning - javits north*/
.JNQ1, .JNQ1-s { margin: 593px 0 0 220px; width: 310px; height: 40px; }
.JNQ2, .JNQ2-s { margin: 44px 0 0 575px; width: 230px; height: 560px; }

/*quadrant positioning - piers*/
.P92Q1, .P92Q1-s { margin: 40px 0 0 272px; width: 712px; height: 95px; }
.P94Q1, .P94Q1-s { margin: 581px 0 0 345px; width: 270px; height: 138px; }
.P94Q2, .P94Q2-s { margin: 581px 0 0 625px; width: 203px; height: 138px; }
.P94Q3, .P94Q3-s { margin: 148px 0 0 609px; width: 98px; height: 430px; }
.P92Q1-s p { margin-top: 20px; }