@import "forms.css";

body
{
	margin: 0em;
	padding: 0em;
	background-color: white;
	color: rgb(75,75,75); /* A dark gray */
	font-size: 64%; /* Base font size */


	background-image: url(http://tnpv.us/i/nyta/background-page.gif);

	background-repeat: no-repeat;
}

/* 20050315 @ 1145am This sets the font-types */
body, h1, h2, h3, h4, h5, h6, td, p, a, li, input, select, textarea
{
	font-family: Arial, sans-serif;
}

/* This turns off borders around images */
img
{
	border-width: 0em;
}

/* Ordinary paragraphs and list-items */
p, ul, ol
{
	margin-top: 0em;
	margin-bottom: 0.5em;

	padding-top: 0em;
	padding-bottom: 0em;

	font-size: 1.0em;
}

/* Line height settings */
p, li
{
	line-height: 1.1em;
}

/* General font sizing -- which shouldn't be necessary -- but IE could become confused otherwise */
input, textarea, select, td, th
{
	font-size: 1.0em;
}

form
{
	margin: 0em;
	padding: 0em;
}

/* General table properties */
table
{
	border-collapse: collapse; /* cells meet */
	border-spacing: 0em;
	font-size: 1.0em;
}

table td, table th
{
	vertical-align: top;
}


/* This can be used to hide text from regular browsers while allowing it appear for text readers */
p.accessibility, li.accessibility
{
	position: absolute;
	font-size: 0;
	left: -1000px;
}


/* General link colors */

a
{
	text-decoration: underline;
}

a:link,
	a:visited,
	a:active
{
	color: rgb(120,120,120); /* A medium gray */
}

/* The hover states for general links happen to be the same as the
	"current section" colors for the primary-nav, secondary nav
	and tertiary-nav */
a:hover,
	a#current-primary-nav,
	a#current-secondary-nav,
	a#current-tertiary-nav
{
	color: rgb(0,0,0); /* black */
}

acronym, abbr
{
	border-bottom: 1px dotted rgb(90,90,90); /* A dark gray */
	cursor: help;
}

/* ======================================= Browser Upgrade ============================================ */

/* This provides an upgrade recommendation for non-modern browsers. And, it's hidden otherwise. */

div#browser-upgrade
{
	display: none;
}

/* ================================================ Page ================================================== */

/* This holds the entire page. This div could later be horizontally centered within
	the browser window if desired. */
div#page
{
	margin-left: 28px;
	width: 742px; /* 770 - 28 = 742 */


	/* This allows other child elements to be positioned with respect to this */
	position: relative;

	/* This pushes the H1 downwards */
	padding-top: 44px;
}

/* ========================================== Primary Nav ========================================== */

/* The primary nav contains the 1st-level navigation items such as "New York", "News" and "Sports" */
div#page ul#primary-nav
{
	display: block;
	margin: 0em;
	padding: 0em;

	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow: hidden;
	/* */

	position: absolute;
	top: 113px;
	left: 10px; /* Formerly 38 */

	/* Not that the primary-nav would likely be this long, but this ensures that
		weird things don't happen in the unlikely event that it does become really wide. */
	width: 720px;

	/* This ensures that the primary-nav remains within its container in the event that
		the user resizes the font size */
	height: 18px;
}

ul#primary-nav li
{
	margin: 0em;
	padding: 0em;

	display: inline;

}

ul#primary-nav li a
{
	font-weight: bold;
	color: white;
	font-size: 1.1em;
	text-decoration: none;
	padding-right: 15px;
}

ul#primary-nav li a:hover
{
	color: #CCCCCC;
}

/* ========================================== Secondary Nav ========================================== */

/* The secondary nav currently holds links such as "Contacts" , "My Lightbox" and "My Shopping Cart" */

div#page ul#secondary-nav
{
	background-color: rgb(127,127,127); /* A dark gray */

	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow: hidden;
	/* */

	position: absolute;
	top: 87px;
	right: 0px;

	width: 260px;

	/* This ensures that the secondary-nav remains within its container in the event that
		the user resizes the font size */
	height: 19px;
	color: red;

}

div#page ul#secondary-nav
{
	display: block;
	margin: 0em;
	padding: 0em;
}

ul#secondary-nav li
{
	margin: 0em;
	padding: 0em;

	display: inline;

	position: relative;
	top: 4px;
}

ul#secondary-nav li a
{
	font-weight: bold;
	color: white;
	font-size: 1.1em;
	text-decoration: none;
	padding-left: 10px;
}

ul#secondary-nav li a:hover
{
	color: rgb(210,210,210);
}

/* =========================================== Headers ============================================== */

/* Header key:
	H1: This is the primary logo (currently) at the top of the page
	H2: These are the generally-larger headers such as "Search and "Featured Packages"
	H3: These headers are mostly on the home page so far; they identify the major sections
	H4: This is in use on the popups such as for the bylines (and elsewhere within pages)
	H5: [Currently reserved for future use]
	H6: This is just used for the phone number, at the moment

	*/


/* General properties for image-replacement headers */
div#page h1,
	div#page h2,
	div#page h3,
	div#page h4,
	div#page h6
{
	margin: 0em;
	padding: 0em;
	position: relative;
	font-size: 1.0em;

	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow: hidden;
	/* */

}

/* General properties for image-replacement headers, continued */
div#page h1 span,
	div#page h2 span,
	div#page h6 span
{
	width: 100%;
	height: 100%;
	position: absolute;
	background-repeat: no-repeat; /* Just to be sure */
}

/* This is the primary logo (currently) at the top of the page */
div#page h1
{
	/* margin-top: 44px; */
	margin-left: 62px;
	margin-bottom: 50px;

	width: 336px;
	height: 51px;
	font-size: 1.0em;
}

div#page h1 a
{
	/* These properties providing styling in case something goes awry with the image */
	font-size: 2.2em;
	color: rgb(178,178,178); /* A medium gray */
	font-weight: normal;
	background-color: white;
}

div#page h1 span
{

	background-image: url(http://tnpv.us/i/nyta/headers/logo.png);

}

/* These are the generally-larger headers such as "Search and "Featured Packages" */
div#page h2
{
	/* These properties providing styling in case the image isn't displayed */
	font-size: 1.6em;
	color: rgb(150,150,150); /* A medium gray */
	font-weight: normal;
	background-color: white;
	letter-spacing: 1px;

	margin-bottom: 0.5em;
}

/* This is the header within the "Search" box (currently "Search", natch) */
div#page h2#search-header
{
	font-size: 1.1em;

	width: 75px;
	height: 15px;

	margin-bottom: 0em;
}

div#page h2#search-header span
{
	background-image: url(http://tnpv.us/i/nyta/headers/search.png);
}



div#page h2#feature-packages span
{
	text-indent: -5000px;
}

div#page h2#feature-packages
{
	font-size: 1.1em;
	width: 172px;
	height: 23px;
	margin-bottom: 6px;
	background: url(http://tnpv.us/i/nyta/headers/feature-packages-hover.png) no-repeat; /* on-state image */
}

div#page h2#feature-packages a
{
	background: url(http://tnpv.us/i/nyta/headers/feature-packages.png) no-repeat; /*off-state image */
	display: block;
	width: 100%;
	height: 100%;
}

div#page h2#feature-packages a:hover
{
	background-image: none;
}

/* these are old entries

div#page h2#features
{
	height: 25px;
	width: 124px;
}

div#page h2#features span
{
	background: url(http://tnpv.us/i/nyta/headers/features.png) no-repeat;
}

*/


/* These headers are mostly on the home page so far; they identify the major sections */
div#page h3
{ font-size: 1em; color: white; background-color: rgb(76,76,76); /* A muddy gray */
	text-align: center; margin-bottom: 0.5em; padding: 1px 4px 3px; }

/* This is in use on the popups such as for the bylines (and elsewhere within pages) */
div#page h4
{
	font-size: 1.1em;
	margin-bottom: 1.0em;
}

/* On popups in particular, emphasized text has its own properties */
div#page h4 em
{
	font-weight: normal;
	font-style: normal;
}

/* This is just used for the phone number, at the moment */
div#page h6
{
	position: absolute;

	top: 10px;
	right: 0px;

	width: 90px; /* changed from 84px to 90px */
	height: 10px;
}

div#page h6 a
 { color: rgb(178,178,178); font-size: 1.1em; font-weight: normal; background-color: white }

div#page h6 span
{

	/* background-image: url(http://tnpv.us/i/nyta/headers/phone-number.png); */

}

/* ========================================= Section =================================== */

/* A section just holds some content; generally, section divs also have an ID to apply
	more specifics */

div#page div.section
{
	border: 1px solid rgb(191,191,191); /* A light gray */
	margin-bottom: 1.85em;
}

/* This ensures that any floated elements within #content are automatically cleared,
	though using the easy clearing technique: http://www.positioniseverything.net/easyclearing.html */
div#page div.section:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div#page div.section {display: inline-block;}

/* Hides from IE-mac \*/
* html div#page div.section {height: 1%;}
div#page div.section {display: block;}
/* End hide from IE-mac */


/* =========================================== Content ======================================= */

/* #content holds the main content of the page */

div#page div#content
{
	/* This overrides the default margin-bottom for #section divs */
	margin-bottom: 1.0em;

	/* The content div has no border, at least not on non-home pages */
	border-width: 0em;

	float: right;
	width: 550px;
}

/* This ensures that any floated elements within the a thumbnails-container ul are automatically cleared,
	though using the easy clearing technique: http://www.positioniseverything.net/easyclearing.html */
div#page div#content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div#page div#content {display: inline-block;}

/* Hides from IE-mac \*/
* html div#page div#content {height: 1%;}
div#page div#content {display: block;}
/* End hide from IE-mac */

/* ======================================== Content: Icon Links ===================================== */

/* Some links, such as "more" and "view", have associated icons next to them */

div#page div#content a.view,
	div#search-container a.more
{
	background-repeat: no-repeat;
	background-position: right 4px;

	/* This leaves room for the background image */
	padding-right: 10px;
}



/* "More" links appear below the paragraph in the #search-container */
div#search-container a.more
{

	background-image: url(http://tnpv.us/i/nyta/icons/more.gif);

}

/* Visited & Unvisited properties for "more" links */
div#search-container a.more:link,
	div#search-container a.more:visited
{
	color: white;
}

/* hover & active properties for "more" links */
div#search-container a.more:hover,
	div#search-container a.more:active
{
	color: rgb(42,155,186); /* turquoise */
}

/* "View" links currently appear just on the home page */
div#page div#content a.view
{

	background-image: url(http://tnpv.us/i/nyta/icons/view.gif);

}

/* ======================================= Content: Display Options ============================= */

/* The display options list is currently at the top of each search results page */

div#content div#display-options
{
	margin-bottom: 0.7em;
	position: relative;
}

/* Currently just "Display Options", this header describest the section */
div#display-options p#display-options-header
{
	position: absolute;
	top: 0em;
	left: 0em;
	width: 8.0em;
}

div#display-options ul,
	div#display-options ul li
{
	margin: 0em;
	padding: 0em;
}

div#display-options ul
{
	/* Nothing here at the moment */
}

div#display-options ul li
{
	list-style-type: none;
	margin-bottom: 0.5em;
	margin-left: 8.0em;
}

div#display-options ul li ul,
	div#display-options ul li ul li
{
	margin: 0em;
	padding: 0em;
}

/* Only IE sees this */
* html div#display-options ul li ul
{
	width: 90%;
}

/* And, IE/Mac gets the original value */
* > html div#display-options ul li ul
{
	width: auto;
}

/* ======================================= Content: List of Links ============================= */

/* A list-of-links is a list, simply, of links */

div#page ul.list-of-links,
	div#page ul.list-of-links li
{
	margin: 0em;
	padding: 0em;
}

ul.list-of-links
{
	margin-bottom: 0.5em;
	float: none; /* Just to be sure */
}

ul.list-of-links li
{
	list-style-type: none;
	display: inline;
}

/* Dividing lines between list items (such as "|") have slightly different properties */
ul.list-of-links li em
{
	font-style: normal;
	color: rgb(5,42,87); /* A very dark blue */
}

/* ======================================= Content: Thumbnails Container ============================= */

/* The thumbnails-container holds all the thumbnail images on the home page */
div#content div#thumbnails-container
{
	padding-top: 1.0em;
}

/* This holds the page-links for additional pages of the search results */
div#thumbnails-container p.search-pages
{
	float: right;
	width: 20em;
	text-align: right;
}

div#thumbnails-container p.search-pages input {
	width: 2.0em;
}

div#thumbnails-container p.search-pages input.search-pages-navigation {
	width: 10px;
}

/* An unordered list holds the thumbnails and their descriptions */
div#thumbnails-container ul,
	div#thumbnails-container ul li
{
	margin: 0em;
	padding: 0em;
}

/* Hides from IE-mac \*/
div#thumbnails-container ul
{
	/* For some reason, IE/Mac really didn't like this line. */
	clear: both;
}
/* End hide from IE-mac */

/* This ensures that any floated elements within the a thumbnails-container ul are automatically cleared,
	though using the easy clearing technique: http://www.positioniseverything.net/easyclearing.html */
div#thumbnails-container ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div#thumbnails-container ul {display: inline-block;}

/* Hides from IE-mac \*/
* html div#thumbnails-container ul {height: 1%;}
div#thumbnails-container ul {display: block;}
/* End hide from IE-mac */


/* The list items hold each set of photo/headline/description */
div#thumbnails-container ul li
{
	float: left;

	/* This helps IE not be so stupid when it comes to applying margins
		to floated elements */
	display: inline;

	list-style-type: none;

	width: 128px; /* Formerly 116px */

	margin: 0em; /* Just to be sure */
	padding: 0em; /* Just to be sure */
	margin-right: 7px;
	margin-bottom: 1.0em; /* This provides a gap in case an item is highlighted */


	border: 1px solid white; /* This is overridden for in-cart items */
}

/* This can be applied to list-items which are in the user's cart */
div#thumbnails-container ul li.in-cart
{
	background-color: rgb(230,230,230); /* Very light gray */
	border: 1px solid rgb(190,190,190);  /* Medium-light gray */
}

/* This can be applied to list-items which are in the user's lightbox */
div#thumbnails-container ul li.in-lightbox
{
	background-color: rgb(250,250,250); /* Very light gray */
	border: 1px solid rgb(190,190,190);  /* Medium-light gray */
}


/* This is Dave Shea's min-height hack:
	http://www.mezzoblue.com/archives/2004/09/16/minheight_fi/ */

/* for Mozilla/Safari/Opera */
* > div#thumbnails-container ul li
{
	padding-top: 21em;   /* The "min-height" value */
	min-height: 1px;    /* This helps Opera along */
}

/* Only IE/Mac sees this */
* html div#thumbnails-container ul > li
{
	padding-top: 0em;
}

* > div#thumbnails-container ul li div.image-container
{ height: 130px; margin-top: -21em;   /* This needs to match the padding-top value above, but in reverse */
}

/* Only IE/Mac sees this */
* html div#thumbnails-container ul > li div.image-container
{
	margin-top: 0em;
}

/* for IE (both PC and Mac). Normally, Shea's technique would hide this step from
	IE/Mac, but it seemed to work out better this way (considering the floats and all) */
* html div#thumbnails-container ul li
{
	height: 21em;
}

/* Nested unordered list within the thumbnails-container represent
	lists within a "photo entry" */

div#thumbnails-container ul li ul
{
	clear: none;
	margin-bottom: 1.5em;
}

div#thumbnails-container ul li ul li
{
	/* These properties primarily undo cascaded properties from above */

	float: none;
	width: auto;
	margin: 0em;
	padding: 0em;
	height: auto;
	border: none;

}

/* This rule primarily affects the "Add to Lightbox"
	and "Add to Cart" links at the moment */
div#thumbnails-container ul li ul li a
{
	display: block;
	margin-bottom: 0.2em;
}

/* ========================================== Content: Shopping Cart bits ================================== */

div#content div#shopping-cart-items ul,
	div#content div#shopping-cart-items ul li
{
	margin: 0em;
	padding: 0em;
}

/* Each UL within the shopping-cart-items area holds the bits for an item */
div#content div#shopping-cart-items ul
{
	padding-bottom: 1.0em;
	margin-bottom: 1.5em;

	/* This is the same border as used on the home page */
	border-bottom: 2px solid rgb(199,199,199);
}

/* This ensures that any floated elements within the a shopping-cart-items ul are automatically cleared,
	though using the easy clearing technique: http://www.positioniseverything.net/easyclearing.html */
div#content  div#shopping-cart-items ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div#content  div#shopping-cart-items ul {display: inline-block;}

/* Hides from IE-mac \*/
* html div#content  div#shopping-cart-items ul {height: 1%;}
div#content  div#shopping-cart-items ul {display: block;}
/* End hide from IE-mac */


div#content div#shopping-cart-items ul li
{
	list-style-type: none;
	float: left;

}

/* This holds the photo for a shopping cart item */
div#content div#shopping-cart-items ul li.shopping-cart-photo
{
	width: 116px;
	margin-right: 20px;
}

/* This holds the description for a shopping cart item */
div#content div#shopping-cart-items ul li.shopping-cart-description
{
	width: 270px;
	margin-right: 20px;
}

/* This holds the links, currently "Move to Lightbox and "Remove Permanently",
	for a shopping cart item */
div#content div#shopping-cart-items ul li.shopping-cart-links
{
	width: 110px;
}

/* And, these properties primarily affect the links within the shopping-cart-links area */

div#content div#shopping-cart-items ul li ul,
	div#content div#shopping-cart-items ul li ul li
{
	margin: 0em; /* Just to be sure */
	padding: 0em; /* Just to be sure */
	float: none;
	border-width: 0em;
}

div#content div#shopping-cart-items ul li ul li
{
	/* This is necessary for IE's sake */
	display: inline;
}

div#content div#shopping-cart-items ul li ul li a
{
	display: block;
	padding-bottom: 0.2em;
}

/* And, this holds the shopping cart buttons below the items */

div#content div#shopping-cart-items ul#shopping-cart-buttons
{
	border-width: 0em;
	text-align: right;
}

div#content div#shopping-cart-items ul#shopping-cart-buttons
{
	float: none; /* Just to be sure */
	display: inline;
}


/* ============================================ Image Container ===================================== */

/* An image container holds photographs and, when used with veritcal photos,
	horizontally centers the image and applies a (currently ) gray background behind it. */

/* This holds the main image on the home page */
div#page div.image-container
{
	/* This horizontally centers the image for IE */
	text-align: center;

	background-color: #ebebeb; /* A very light gray */

	/* This matches the margin-bottom on H3 elements,
		but it's slightly higher to account for the optical
		illusion which makes this look a bit smaller. */
	margin-bottom: 0.6em;
}

div#page div.image-container img
{
	display: block; /* This prevents unexpected layout anomalies */

	/* This horizontally centers the image in standards compliant browsers */
	margin-left: auto;
	margin-right: auto;
}

/* ======================================== Footer ======================================= */


div#page div#footer
{
	/* This ensures that there's some whitespace at the bottom of the page */
	padding-bottom: 1.0em;

	/* The combination of these two declarations ensures that the footer will be below
		any other floated items. */
	float: left;
	width: 80%;
}

/* The list of links within the footer is held within an unordered list */

div#footer ul
{
	margin-bottom: 2.0em;
}

div#page div#footer ul,
	div#page div#footer ul li
{
	margin: 0em;
	padding: 0em;
}

div#footer ul li
{
	list-style-type: none;
	display: inline;
}

div#footer ul li a
{
	padding-right: 0.6em;
}

/* This holds the paragraph(s) within the footer area */
div#footer div#footer-paragraphs
{
	/* I would have normally just applied a margin-bottom to
		the ul, but that's ineffective since its children
		are display:inline */
	margin-top: 1.9em;
}

div#footer div#footer-paragraphs p
{
	color: rgb(191,191,191);  /* A light gray */
}

/* Only IE 5.x sees these rules */
@media tty {
 i{content:"\";/*" "*/}} @import 'global-ie55.css'; /*";}
}/* */