/*
	Page Type Defaults
	
	This stylesheet file is included in all pages. It defines the general and initial styles, the
	page itself (header, main, navigation and so on), and styles that are reused because similar
	structures are located on more than one page.
	
	All page specific style files (e.g. pt_cart.css) can refine common styles.

	All display: inline before floats shall prevent the IE from its own stupidity (george).
	http://www.positioniseverything.net/explorer/doubled-margin.html
*/

HTML {
	overflow: -moz-scrollbars-vertical;
}

body {
	/*background: #fff url(../images/bg_bodyTop.gif) top left repeat-x;*/
	font-size: 9px;
}

#bar {
	background-color: #FFCCFF;
	position: absolute;
	top: 30px;
	left: 0px;
	z-index: -500;
	width: 100%;
	height: 72px;
}
/*#holiday_colors {
	position: relative;
	width: 869px;
	height: 88px;
	top: -8px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/holiday_bar.gif);
	background-repeat: no-repeat;
}
*/
/*  =======================================================================
	The Container wraps the complete page content inside the body. 
	It allows to give the page a visible margin and padding and
	have a different background color around the container.
*/
#container {
	display: block;
	width: 779px;
	position: relative;
	margin: 0 auto; /* to center */
}

/*
	Clear floats inside a div (W3C recommendation)
*/
.clear {
	clear: both;
	width: 0px;
	height: 0px;
}
.padTop { margin-top: 30px; }
/****************************************
	2 Column Styles (no nav)
*****************************************/
div.twoCol {
	width: 374px;
	float: left;
}

h2 {
	background: transparent url(../images/line-dots.gif) bottom left repeat-x;
	font-size: 9px;
	font-weight: bold;
	margin-bottom: 18px;
	padding-bottom: 5px;
}

.styled {
		padding: 0;
	}
.styled .row {
		width: 300px;
		float: left !important;
		margin: 0;
		padding: 0 0 10px 0 !important;
	}
	.styled .key {
		text-align: right;
		margin-right: 10px;
	}
.styled .row label {
		float: left !important;
		width: 110px;
		text-align: right;
		margin: 0 10px 0 0;
		padding-top: 2px;
	}
.styled .row .head{
	}
.styled .row input {
		border: 1px solid #d9d9d9;
		_border-color: #7B9EBD;
		margin: 0 !important;
		padding: 2px 0 0 3px;
	}
.styled .row .small {width: 48px;}
.styled .row .radio {border: 0 !important;}
.styled .row select {
		font-size: 10px !important;
	}
.styled .row .selectbox { float: left; margin-left: 3px; margin-bottom: 10px !important;  }
/*
	Global button layout
*/
.button {
	background-color: #e1ebf5;
	border: 1px solid #666;
	font-size: 10px;
	font-weight: bold;
	padding: 1px;
}

/*
	Global image button layout
*/
.imagebutton {
	border: none;
}

/*
	Default layout of input boxes
*/
.inputbox {
	padding: 2px;
	font-size: 9px !important;
	/*font-family: verdana, helvetica, sans-serif;*/
	font-weight: normal;
	vertical-align: middle;
	border: 1px solid #ccc;
}

/*
	Default layout of select boxes
*/
.selectbox {
	padding: 1px;
	font-size: 9px;
	font-weight: normal;
	font-family: verdana, arial, sans-serif;
	vertical-align: middle;
	border: 1px solid #ccc;
}

.required {
	font-weight: bold;
	color: #C90C0C;
}

/*
	Advanced behavior of input/select boxes to focus when a user is editing the content.
	This is clearly CSS 2.1 and therefore is ignored by IE 6.0 and all other 
	unsupportive browsers.
*/
input [type="text"]:focus,input [type="password"]:focus {
	background-color: #ffffc0 !important;
}

textarea:focus {
	background-color: #ffffc0 !important;
}

select:focus {
	background-color: #ffffc0 !important;
}

.labelfield {
	margin: 0px 0px 10px 0px;
}

.assetlisting {
	font-size: 10px;
	clear: both;
}

.assetlisting .asset {
	width: 180px;
	padding: 2px;
	display: inline;
	float: left;
}

.assetlisting .asset .name {
	margin: 5px auto;
	text-align: center;
}

.assetlisting .asset .seemore {
	margin: 5px auto;
	text-align: center;
}

.assetlisting .asset .seemore .seemoreimage {
	
}

.assetlisting .asset .seemore .seemorebutton {
	display: none;
}

/*
 Service Information Section
*/
.serviceinformation {
	
}

.serviceinformation h2 {
	
}

.serviceinformation .singleserviceinformation {
	padding: 10px;
}

.serviceinformation .singleserviceinformation h3 {
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}

.serviceinformation .singleserviceinformation p {
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	margin-top: 8px;
}

/*
	Search Refinements definitions
*/
#leftnavigation .searchrefinements {
	width: 120px;
}

#leftnavigation .searchrefinements a:hover {
	color: #CC0001;
}

#leftnavigation .searchrefinements .searchrefine_head {
	
}

#leftnavigation .searchrefinements .searchrefine_subhead {
	font-weight: bold;
	margin: 0 0 7px 0;
	padding: 0 0 4px 0;
	background: transparent url(../images/line-dots.gif) bottom left repeat-x;
}

#leftnavigation .searchrefinements .searchrefine_items {
	margin-bottom: 21px;	
}

#leftnavigation .searchrefinements .selectbox {
	width: 120px;
}

#leftnavigation .searchrefinements h2 {
	font-size: 11px;
	margin: 0px;
	padding: 5px 0px;
}

#leftnavigation .searchrefinements .searchrefinement {
	/* margin-left:10px; */
	
}

#leftnavigation .searchrefinements .searchrefinement h3 {
	font-weight: bold;
	font-size: 11px;
}

#leftnavigation .searchrefinements ul {	
}

#leftnavigation .searchrefinements li {
	color: #333333;
	margin-bottom: 7px;
	list-style: none;
}

#leftnavigation .searchrefinements li.first {
	margin-bottom: 26px;
}

#leftnavigation .searchrefinements .searchrefinement .current {
	color: #000000;
	font-weight: normal;
}

#leftnavigation .searchrefinements .categorylisting {
	width: 120px;
}

#leftnavigation .searchrefinements .subcategorylisting {
	margin-left: 10px;
	width: 120px;
}

#leftnavigation .searchrefinements .categorylisting .top_category {
	text-transform: none;
}

#leftnavigation .top_category a {
	
}

#leftnavigation .searchrefinements .categorylisting .sub_category {
	margin-left: 9px;
	margin-top: 5px;
}

#leftnavigation .sub_category li {
	
}

#leftnavigation .searchrefinements .categorylisting .final_category {
	margin-left: 9px;
	margin-top: 5px;
}

#leftnavigation .final_category a {
}

#leftnavigation .searchrefinements .categorylisting h3 {
	padding: 3px;
	font-size: 16px;
	font-weight: normal;
}

#leftnavigation .searchrefinements .category {
	margin-bottom: 5px;
}

#leftnavigation .searchrefinements .categorylisting .incurrent {
	font-weight: bold;
	color: #000;
}
	#leftnavigation .searchrefinements .categorylisting .current,
	#leftnavigation .searchrefinements .categorylisting .current a {
		font-weight: bold;
		color: #DD4949;
	}
	#leftnavigation .searchrefinements .categorylisting .current ul a {
		color: #000000;
		font-weight: normal;
	}
.viewAllDesigner {
	margin-top: 10px;
}
/*  =======================================================================
	The header is on top of the page inside the container before any
	other page component.
*/
#header {
	width: 779px;
	position: relative;
	z-index: 500;
}

#header #logo {
	width: 121px;
	height: 72px;
	display: inline;
	float: left;
	background: url(../images/logo_bny.gif) top left no-repeat;
	margin: 30px 0 0 0;
}
#holiday_bar_bottom {
	background-color: #CC0000;
	margin: 0px;
	padding: 0px;
}
/* Create a clickable image by attaching a background to the anchor */
#header #logo a {
	background: url(../images/logo_bny.gif) top left no-repeat;
	display: block;
	width: 121px;
	height: 72px;
}

/* Make the text optional, hide it right now. */
#header #logo span {
	display: none;
}

#header #topline {
	font-size: 11px;
}

#header #topline .welcome {
	display: inline; /* ie hack */
	float: left;
	text-align: left;
	margin-left: 18px;
}

#header #topline .navigation {
	float: right;
	width: 658px;
	height: 30px;
	font-size: 9px;
	font-family: verdana, helvetica, sans-serif;
}

#header #topline .navigation ul {
	float: right;
	margin: 8px 0 0 0;
	padding: 0px;
}

#header #topline .navigation li {
	float: left;
	margin: 0 0 0 15px;
	padding: 0;
	list-style: none;
}

#header #topline .navigation .divider {
	margin-left: 3px;
}

#header #topline .navigation a {
	color: #000;
	font-weight: normal;
}

#header #topline .navigation a:hover {
	color: #DD4949;
	text-decoration: none;
}

#header #topline .navigation a.bag {
	color: #DD4949;
	font-weight: bold;
}

#header #topline .navigation a.bag span {
	font-weight: normal;
}

#header #freeshipping {
	display: none;
	clear: left;
	float: left;
	margin: 0px 0px 2px 20px;
	padding: 0px;
	text-align: left;
	font-size: 12px;
	width: 300px; /* to keep from wrapping */
	height: 15px;
}

#header #freeshipping a {
	font-style: italic;
}

#header #freeshipping a:hover {
	color: #000000;
	text-decoration: none;
	font-style: italic;
}

#header #banner {
	position: absolute;
	top: 10px; /*baseline to align to "login" and "bag" text*/
	left: 265px;
	height:17px;
	width: 250px;
}

#header #searchbar {
}

#header #searchbar fieldset {
	position: absolute;
	top: 5px;
	left: 0;
	height: 17px;
}

#header #searchbar label {
	margin-right: 5px;
}

#header #searchbar a { /*text-decoration:underline;*/
	
}

#header #searchbar input {
	font-size: 10px;
	font-family: verdana, helvetica, sans-serif;
	font-weight: normal;
	vertical-align: middle;
	color: #333;
}

#header #searchbar .inputtextfield {
	padding: 0px;
	font-size: 11px;
	vertical-align: middle;
	height: 15px;
	width: 119px;
	border: 1px solid #E1E1E1;
	text-align: left;
	float: left;
}

#header #searchbar .searchbutton {
	display: none;
}

#header #searchbar .searchimage {
	margin: 0 0 0 2px;
	padding: 0;
	float: left;
}

#header #minicart {
	margin-bottom: 1px;

	display: block;
	float: right;
	/* text-align: center; */
	font-size: 10px;
	width: 231px;
	height: 22px;
	z-index: 1000;
}

#header #minicart img {
	padding-top: 2px;
	margin-right: 5px;
}

#header #minicart .cartstatustext {
	margin-left: 5px;
}

#header #minicart .text {
	margin-left: 5px;
}

#header #minicart .pricevalue {
	margin-left: 5px;
}

#header .categories {
	float: left;
	font-weight: normal;
	padding-left: 10px;
	width: 648px;
	height: 72px;
	background: #ffccff;
	margin: 0;
}

#header .categories ul {
	margin: 0px;
	padding: 0px;
	border: none;
}

#header .categories li {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#header .categories .departmentCategories {	
	display: inline;	
}

#header .categories .divider {
	display: none;
}

#header .categories a {
	float: left;	
	display: block;
	color: #FFFFFF;
}
	#header .categories a img {
		float: left;
		height: 72px;
	}

#header .categories a.selecteddepartment {	
	font-size: 10px;
	font-weight: bold;
	margin: 30px 12px 0px 0px;
	border-bottom: solid 2px #FFF;
	padding-bottom: 4px;
}

#header .categories a.unselecteddepartment {	
	font-size: 10px;
	margin: 30px 12px 0px 0px;
}


			
		
/*  =======================================================================
	Main contains the left- and right navigation, as well as the content part
	in the middle of the page
*/	
#main {
	clear: both;
	width: 779px;
	/*background-color: #FFFFFF; */
	
}
	/*
		The left navigation floats on the left site of the most pages.
	*/	
	#leftnavigation {
		display: inline;
		float: left;
		width: 150px !important;
		margin: 25px 0 50px 0;
		font-size: 9px;
		font-family: verdana, helvetica, sans-serif;
	}
		#leftnavigation a {
			color: #333333;
		}			
			#leftnavigation a:hover {
				color: #CC0001;
				text-decoration: none;
			}



/*
	The content section for pages with left and right navigation.
	A more general declaration.
*/	
#content {	
	display: inline;
	float:left;
	width: 629px !important;
	margin: 0px;
	padding: 0px;
}
#contentNoNav {	
	display: inline;
	float:left;
	width: 779px !important;
	margin: 0px;
	padding: 0px;
}
#contentLogin {	
	display: inline;
	float:left;
	width: 779px !important;
	margin: 0px;
	padding: 0px;
}
#homepageFlash {		
	float: left;
}
#homepage {
	width: 779px;
}
/*#contentwelcomepage {
	width: 500px;
	margin-left: 0px;
}
#content #contentwelcomepage {
	width: 500px;
	margin-left: 0px;
}*/
/*
	Text from the content management system. Not preformatted. Simple style.
*/
#content .text {
	margin: 20px;
}
	#content .text h1 {
		font-size: 30px;
		font-weight: normal;
		margin: 15px 0px 5px 0px;
	}
	#content .text h2
	{
		font-weight: bold;
		margin: 15px 0px 5px 0px;
	}
	#content .text h3
	{
		font-weight: bold;
		margin: 15px 0px 5px 0px;
	}
	#content .text h4
	{
		font-weight: bold;
		margin: 15px 0px 5px 0px;
	}
	#content .text p
	{
		margin: 5px 0px 15px 0px;
	}
	#content .text a
	{
		text-decoration: underline;
	}
	#content .text ul
	{
		margin: 20px 0px;
		list-style-position: inside;
		list-style-type : circle;	
	}
		#content .text ul li
		{
		}
	#content .text ol
	{
		margin: 20px 0px;
		list-style-position: inside;
	}
		#content .text ol li
		{
		}
	#content .text table
	{
		width: 70%;
		border: none;
	}
		#content .text table td
		{
			vertical-align: top;
			padding: 5px 0px;
		}
		#content .text table th
		{
			padding: 5px 0px;
			font-weight: bold;
		}
		#content .text table td.key
		{
			font-weight: bold;
		}

#contentNoNav .text {
	margin: 20px;
}
	#contentNoNav .text h1 {
		font-size: 30px;
		font-weight: normal;
		margin: 15px 0px 5px 0px;
	}
	#contentNoNav .text h2
	{
		font-weight: bold;
		margin: 15px 0px 5px 0px;
	}
	#contentNoNav .text h3
	{
		font-weight: bold;
		margin: 15px 0px 5px 0px;
	}
	#contentNoNav .text h4
	{
		font-weight: bold;
		margin: 15px 0px 5px 0px;
	}
	#contentNoNav .text p
	{
		margin: 5px 0px 15px 0px;
	}
	#contentNoNav .text a
	{
		text-decoration: underline;
	}
	#contentNoNav .text ul
	{
		margin: 20px 0px;
		list-style-position: inside;
		list-style-type : circle;	
	}
		#contentNoNav .text ul li
		{
		}
	#contentNoNav .text ol
	{
		margin: 20px 0px;
		list-style-position: inside;
	}
		#contentNoNav .text ol li
		{
		}
	#contentNoNav .text table
	{
		width: 70%;
		border: none;
	}
		#contentNoNav .text table td
		{
			vertical-align: top;
			padding: 5px 0px;
		}
		#contentNoNav .text table th
		{
			padding: 5px 0px;
			font-weight: bold;
		}
		#contentNoNav .text table td.key
		{
			font-weight: bold;
		}

/*  =======================================================================
	Order History styles...since pt_cart.css isn't being loaded, we have to repeat the product description styles here.
*/
#content table tbody td.description {
	text-align: center;
}
#content table tbody td.description div {
	text-align: left;
	padding: 0px;
}
#content table tbody td.description div div span.key {
	font-weight:bold;
	width: auto;
	margin-right: 5px;
}
#content table tbody td.description .descriptionimage {
	width: 78px;
}
	#content table tbody td.description .descriptionimage a img {
		float:left;
		width: 48px;
		height: 48px;
	}
	#content table tbody td.description div.product {
		position: relative;
		width: 300px;	
		line-height: 15px;
	}
	#content table tbody td.description div.product .promo{
		color: red;
		font-weight: bold;
		text-transform: uppercase;
	}	
	#content table tbody td.description .stockstate {
		display: block;
		text-align: left;
		padding-top: 8px;
	}
	#content table tbody td.description .stockstate span.key {
		font-weight: normal;
	}




/*  =======================================================================
	The footer is located below all elements on the page and full width.
*/
#footer {
	display: inline;
	float: left;
	width: 779px;
	font-size: 9px;
	background-color: #CC0000;
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 60px 0px;
	background: transparent url(../images/line-dots.gif) top left repeat-x;
}
	#footer a {	
		color: #333;
	}
	#footer a:hover {	
		color: #dd4949;
		text-decoration:none;
	}
	#footer .assetlist {	
		float: left;	
		display: inline;	
		margin: -2px 0px 0px 30px;
		padding: 0px;
	}
		#footer .assetlist ul {	
			list-style: none;
			float: left;
			margin: 24px 0px 0px 0px;
			padding: 0px;				
		}
		#footer .assetlist li {
			float: left;
			margin: 12px 6px 0px 3px;
		}
		#footer .assetlist li.giftcard {
			margin: 0px;
		}
		#footer .assetlist li.giftcardTxt {
			margin-left: 0px;
		}
		#footer .assetlist li.giftcardTxt a {
			padding-left: 0px;
		}
		
		#footer .assetlist li a {
			padding: 2px;
		}
	
	#footer #newsletterbar {
		float: right;
		padding: 33px 0px 10px 0px;
		width: 155px;
	}	
		#footer #newsletterbar .inputtextfield {
			width: 127px;
			height: 15px;			
			padding: 1px 0px 0px 3px;
			border: 1px solid #CCC;
			font-size: 10px;
			float: left;
		}
		#footer #newsletterbar .newsletterimage {
			width: 17px;
			height: 17px;
			padding-left: 2px;
			vertical-align: middle;
		}
	#footer #legal {
		margin: 0px;
		text-align: right;
		float: left;
		font-size: 9px;
		width: 100%;
	}
		#footer #legal a {
			margin-left: 5px;
		}
		#footer #legal span {
			display: block;
			color: #AAADA8;
			padding-top: 10px;
		}
#poweredby	
{
	clear: both;
	display: none;
}

/*
	Special message pan for displaying error messages
*/
#content #message
{
}
	#content #message h1
	{
		margin: 0px 2px 0px 2px;
		padding: 0px;
		text-transform: none;
		padding: 7px 7px 7px 10px;
		font-size: 22px;
	}
	#content #message h1:first-line
	{
		margin: 0px 2px 0px 2px;
		padding: 0px;
		text-transform: none;
		padding: 7px 7px 7px 10px;
		font-size: 22px;
	}
	#content #message p.problem
	{
		margin: 10px;
		font-size: 14px;
		font-weight: bold;	
	}
	#content #message p.recommendation
	{
		margin: 10px;
	}
	
.paging {
	border: none;	
	font-weight: normal;
	font-size: 1px; /* workaround to get rid off the whitespaces between the li's */
	float: left;
	width: 100%;
}
	.paging ul {
		width: 308px;
		margin: 0px;
		padding: 0px;
		border: none;
	}
	.paging li {
		display: inline;
		font-size: 9px;
		list-style: none;
	}
	.paging li a img {
		width: 6px;
		height: 7px;
	}
	.paging li.viewall {
	}
		.paging li.viewall img {
			width: 7px;
			height: 6px;		
		}
	.paging li.previous a {
		float: left;
	}
		.paging li.previous a img {
			margin: 1px 9px 0px 0px;
		}
	/*.paging li.next {
		margin-right: 10px;
	}*/
	.paging li.next a {
		/*background: transparent url(../images/arrow_right_red.gif) center right no-repeat;
		padding-right: 12px;*/
		float: right;
	}
		.paging li.viewall a img,
		.paging li.next a img {
			margin: 1px 0px 0px 9px;
		}
	.paging .divider
	{
		margin: 0px 5px;
		padding: 0px;
	}
	.paging .spacer {
		margin: 0px;
		padding: 0px;
	}
	.paging a {
	}
	.paging a:hover {
		color: #CC0001;
		text-decoration: none;
	}

	.paging li.current span {
		font-weight: bold;
	}
	.paging li.current span.divider
	{
		text-decoration: none;
	}

/*
	Common page element
*/
#pageservices {
	text-align: right;
	padding: 3px 5px 2px 3px;
	display: block;
}
	#pageservices span.printpage
	{
		margin: 0px 3px;
	}
	#pageservices span.tellafriend
	{
		margin: 0px 3px;
	}

.paymentoptions
{
	text-transform: uppercase;
	vertical-align: top;
	font-weight: bold;
	margin-left: 10px;
	padding: 0px;
}
	.paymentoptions .key
	{
		margin-right: 5px;
	}
	.paymentoptions img
	{
		vertical-align: middle;
		margin-left: 10px;
	}
	.paymentoptions .value
	{
	}

.navigationbuttons
{
	margin: 10px;
	padding: 10px;
}
	.navigationbuttons .rightimage
	{
		display: inline;	
		float:right;
	}
	.navigationbuttons .rightbutton
	{
		display: none;
		float:right;
	}
	.navigationbuttons .leftimage
	{
		float: left;
	}
	.navigationbuttons .leftbutton
	{
		display: none;
		float:left;
	}

/* Message pane */
.messagebox
{	
	border: 1px solid #c41b0b;
	margin: 5px 10px;
	padding: 10px;	
}
	.messagebox .buttons
	{
		text-align: right;
	}
	.messagebox .okbutton
	{
		display: none;
	}
	.messagebox .cancelbutton
	{
		display: none;
	}


.logintostorefront
{
	border: 1px solid #C0D4E8;
	width: 300px;
	padding: 10px;
	margin: 10px 10px 10px 20px;
}
	.loginstorefront h3
	{
	}
	.logintostorefront a
	{
		text-decoration: underline;
	}
	.logintostorefront .login
	{
		text-align: left;
		font-size: 12px;
		margin: 10px;
	}
		.logintostorefront .login p
		{
		}
		.logintostorefront .login .warning
		{
			color: red;
		}
		.logintostorefront .login .username
		{
			margin: 3px 0px;
		}
		.logintostorefront .login .password
		{
			margin: 3px 0px; 
		}
		.logintostorefront .login label
		{
			clear: left;
			display: inline;
			float: left;
			width: 8em;
			font-weight: normal;
		}
		.logintostorefront .login input
		{
		}
		.logintostorefront .login .loginbox 
		{
		}
		.logintostorefront .login .loginbutton
		{
			display: none;
		}
		.logintostorefront .login .loginimage
		{
			display: none;
		}
		.logintostorefront .login .rightimage
		{
			border: none;
		}


.accountcreation
{
	border: 1px solid #C0D4E8;
	width: 300px;
	padding: 10px;	
	margin: 10px 10px 10px 20px;
}
	.accountcreation .accountcreation-create
	{
		margin: 10px;
	}
		.accountcreation .accountcreation-create p
		{
			margin: 0px;
		}
.anonymouscheckout
{
	border: 1px solid #C0D4E8;
	width: 300px;
	padding: 10px;	
	margin: 10px 10px 10px 20px;
}
	.anonymouscheckout .anonymouscheckout-checkout
	{
		margin: 10px;
	}
		.anonymouscheckout .anonymouscheckout-checkout p
		{
			margin: 0px;
		}


.addresslisting
{
	margin: 0px 0px;
}
	.addresslisting .button
	{
		display: none;
	}
	.addresslisting .addressgrouping
	{
		display: inline;
		float: left;
		width: 150px;
		/* border: 1px dotted #ddd; */
	}
		.addresslisting .addressgrouping .miniaddress
		{
			display: inline;
			float: left;
			margin-right: 10px;
		}
		.addresslisting .addressgrouping .edit
		{
			text-align: right;
		}
			.addresslisting .addressgrouping .edit a
			{
				text-decoration: none;
			}
		.addresslisting .addressgrouping .remove
		{
			text-align: left;
		}
			.addresslisting .addressgrouping .remove a
			{
				text-decoration: none;
			}
		.addresslisting .addressgrouping .selectaddress
		{
			text-align: right;
		}
		.addresslisting .addressgrouping .addressinfo
		{
			font-size: 10px;
			text-align: right;
			display: block;
		}

	.maaddresstype {
		font-weight: bold;
		margin-bottom: 5px;
		text-transform: uppercase;
	}
			.miniaddress .address .location .city
			{
				display: inline;
			}
			.miniaddress .address .location .statedivider
			{
				display: inline;
				margin-right: 5px;
			}
			.miniaddress .address .location .state
			{
				display: inline;
				margin-right: 5px;
			}
			.miniaddress .address .location .zip
			{
				display: inline;
			}

.tsubmit {
	
	background-color: transparent;
	font-weight: bold;
	border: none;
	cursor: pointer;
	margin-top: 5px;
	padding: 0px;
}
.deliverydate
{
	font-weight: bold;
}
/*.matbar
{
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 22px;
	padding-left: 10px;
	padding-right:10px;
}*/
.matbar {
	font-weight: bold;
	padding-bottom: 10px;
	background: transparent url(../images/line-dots.gif) bottom left repeat-x;
	margin-bottom: 10px;
	font-size: 11px;
}
.loginScreen
{
	font-size: 9px;
	font-weight: bold;
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 10px 0px;
}

/*
	Registration form, used on many pages
*/
.registrationform 
{
}

	.registrationform .key {
			float: left !important;
			width: 110px;
			margin: 0px 10px 5px 0px;
			padding-top: 2px;
		}
	.registrationform table
	{
		margin: 5px 0px 5px 10px;
		padding: 0px 10px 10px 0px;
		width: 98%;
		font-size: 11px;
		border-bottom: 2px dotted #69c;
	}
		.registrationform table .warning
		{
			color: red;
		}
		.registrationform table td
		{
			padding-top: 3px;
			padding-bottom: 3px;
			white-space: nowrap;
			vertical-align: top;
		}
		.registrationform table td.key
		{
			padding-top: 5px;
			width: 10em;
			white-space: nowrap;
		}
			.registrationform table td.key strong
			{
				white-space: nowrap;
			}
		.registrationform table td.value
		{
			font-size: 9px;
			vertical-align: top;
			padding-right: 5px;
		}
		.registrationform table td.value input
		{
			width: 12em;
		}
		.registrationform table td.value input.zip
		{
			width: 6em;
		}
		.registrationform table td.value select
		{
			width: 14em;
			font-size: 12px;
			padding: 1px;
			font-weight: normal;
			vertical-align: middle;
			border: 1px solid #ccc;
		}
		.registrationform table td.value select.state
		{
			width: 4em;
		}
		.registrationform table td .required
		{
			color: Red;
		}
		.registrationform table td .notrequired
		{
			color: White;
		}
		.registrationform table td .caption
		{
			display: block;
		}
		.registrationform table td .errorcaption
		{
			display: block;
			color: Red;
		}

.orderoverview
{
	clear: both;
}
	.orderoverview table.orderitems {
		width: 100%;
		clear: left;
		margin: 15px 0px 0px 0px;
		border-spacing: 0px;
		border: none;
	}
		.orderoverview table.orderitems tr
		{
			/* border-bottom: solid 2px #8C898A; */
		}
		/*
		* html .orderoverview table.orderitems tr
		{
			border:2px solid black;
		}
		*/
		.orderoverview table.orderitems td {
			padding-top: 10px;
			vertical-align: top; 
			text-align: left;
		}
		.orderoverview table.orderitems td .priceadjustment{
			vertical-align: top; 
			text-align: left;
			color: red;
		}		
		.orderoverview table.orderitems td a {
			padding-top: 10px;
		}
		.orderoverview table.orderitems td a:hover {
			text-decoration: underline;
		}
		.orderoverview table.orderitems th {
			white-space: nowrap;
			text-align: left;
			font-size: 11px;
			padding-bottom: 10px;
			padding-right: 15px;
			background: transparent url(../images/line-dots.gif) bottom left repeat-x;
		}
		.orderoverview table.orderitems .tdstatus {
		}
.offersapplied {
	width: 520px;
	display: inline;
	float: left;
}
.oatitle {
	font-weight: bold;
	margin-left:10px;
	
}
.otvalue
{
	padding-left: 30px;
}
#totaltable {
	width: 100%;
}
	#totaltable td {
		padding: 0px 0px 4px 0px;
	}
.ordertotal {
	width: 259px;
	display: inline;
	float: left;
}
.tdright
{
	text-align: right;
}
.billingoverview {
	display: inline;
	float: left;
	width: 220px;
	height: 160px;
	padding: 10px;
	margin: 0px 0px 15px 0px;
	background-color: #FF0000;
	color: #CCCCCC;
	line-height: 15px;
}
.billingoverview .addresslisting .addressgrouping
{
}
.formdataerrors
{
	border: 1px solid red; 
	margin: 10px 10px 10px 10px;
	padding: 6px;
	font-size: 11px;
}
	.formdataerrors h4
	{
		margin: 5px 0px 10px 0px;
		color: red; 
		font-weight: normal;
	}
	.formdataerrors ul
	{
		list-style-position : inside;
		margin-left: 10px;	
	}

.errormessage
{
	border: 1px solid red;
	padding: 10px;
	margin: 10px 10px;
}
	.errormessage h4
	{
		font-size: 12px;
		font-weight: normal;
	}
	.errormessage ul
	{
		list-style-position : inside;
		list-style-type: circle;
		margin-left: 10px;		
	}
	.errormessage li
	{
		color: Black;
	}	

#offerPopup 
{
	position: absolute;
	background-color: white;
    z-index: 10;
    width: 500px;
    height: 300px;
    padding-left:20px;
    border: 2px #6E6258 solid;
    
    
}

#offerPopup .freeshiplogo
{
	padding-top:14px;

}
#offerPopup .freeshipdetailsimage
{
	padding-top:14px;
	width: 298px;
    height: 33px;
    
}
#offerPopup .freeshipdetailstext
{
    font-size:11px;
	padding-top:10px;
}

#offerPopup .closepopup
{
	padding-top:16px;
}


/*
 Mini Cart
    
Some settings are overridden in tools.js to force correct display in IE
Make sure to adjust them too, when making changes here
*/ 
/*#cartpopup  {
	position: absolute;
    background-color: #CC0001;
    color: #FFF;
    width: 270px;    
    top: 30px;
    right: 0px;
    z-index: 10;
    font-size: 9px;
}
see below for the CSS fix for safari...had to add workarounds for IE6.
*/
#cartpopup {
	margin-top: -72px;
    margin-bottom: -10000px;
    float: right;
	z-index: 10;
    background-color: #CC0001;
    color: #FFF;
    width: 270px;    
    font-size: 9px;
    _position: absolute;
    _top: 30px; 
    _right: 0px;
    _margin: 0px;	
}
	#cartpopup a {
		text-decoration: underline;
		color: #FFF;
	}
#cartpopup #carthtml {
    background-color: #CC0001;
}
.bagtitle {
	padding: 10px 10px 0px 10px;
}
	.bagtitle img {
		width: 98px;
		height: 30px;
	}
		.bagtitle img.coopbag {
			display: none;
		}
.bagprice {
	font-weight: bold;
}
.bagmain {
	display: block;
	padding: 5px 10px 10px 10px;
}
.bagcheckout {
	padding: 5px 0px 0px 0px;
}
	#cartitemsbag {
		font-weight: bold;
	}
.bagcheckout a {
	text-transform: uppercase;
	font-weight: bold;
}
.checkout {
	text-align: right;
}
.bagborder {	
}
.bagitem {
	padding-bottom: 5px;
}
.bagitem a {
	text-decoration: underline;
}
.bagsubtotal td {
	font-weight: bold;
	padding: 5px 0px 5px 0px;
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
}
.bagclose {
	width: 100%;
	text-align: center;
	text-transform: uppercase;
}
	.bagclose a	{
		font-weight: bold;
	}

	
#breadcrumb {
	display: inline;
	float: left;
	color: #CC0001;
	font-size: 9px;
	margin: 10px 0px 0px 0px;  	
	padding: 0px 0px 10px 0px;
}
	#breadcrumb div.searchPhrase {
		float: left;
		padding: 19px 0px 0px 10px;
		color: #333;
	}
	/* 
	These headers are called from the Business Manager, since they map to categories.
	They are simply img tags inside of the h1 tags.	
	*/
	#breadcrumb h1 {
		float: left;
		display: block;
		height: 45px;
		margin: 10px 0px 10px 0px;
		font-size: 12px;
		font-weight: normal;
		line-height: 30px;
	}		
	#breadcrumb span {
		display: block;
		float: left;
		background-position: 0px 2px;
		background-repeat: no-repeat;
		font-size: 0px;
		line-height: 0px;
		text-indent: -5000em;
		white-space: nowrap;		
		width: 24px;
		height: 45px;
		margin: 10px 0px 10px 0px;
		background-image: url(../images/CAT_title-slash.gif);
	}
/* These headers use the CSS image-replacement technique. */
#login h1,
#orders h1,
#cart h1,
#pr1 h1,
#content #checkout h1,
h1.searchResults,
#orderconfirmation h1,
#order h1 {
	float: left;
	display: block;
	text-indent: -5000px;
	background-repeat: no-repeat;
	white-space: nowrap;
	height: 45px;
	margin: 10px 0px 10px 0px;
}	
		h1.BarneysBag		 			{ background-image: url(../images/h1-barneys_bag.gif); width: 126px; }
		h1.searchResults				{ background-image: url(../images/h1-search_results.gif); width: 158px; }
		h1.yourAccount 					{ background-image: url(../images/lbl_log_in.gif); }
		h1.login 						{ background-image: url(../images/lbl_log_in.gif); width: 779px; }
		h1.newReg 						{ background-image: url(../images/h1-newReg.gif); width: 255px; }
		h1.yourAccount					{ background-image: url(../images/h1-yourAccount.gif); width: 779px; }
		h1.passwordReminder				{ background-image: url(../images/h1-password_reminder.gif); width: 779px; }
		h1.billingAndShipping			{ background-image: url(../images/h1-billing_and_shipping.gif); width: 150px; }
		h1.shippingMethod				{ background-image: url(../images/h1-shipping_method.gif); width: 151px; }
		h1.payment						{ background-image: url(../images/h1-payment.gif); width: 245px; }
		h1.orderPurchase				{ background-image: url(../images/h1-order_purchase.gif); width: 160px; }
		h1.thankYou						{ background-image: url(../images/h1-thank_you.gif); width: 118px; }
	
		h2.barneysBag					{ background-image: url(../images/h2-barneys_bag.gif); width: 98px; height: 30px; margin: 0; }
		
.product {
	display: inline;
	float: left;
	text-align: center;	
	width: 154px;
	padding: 0px;
	margin: 0px 0px 0px 4px;
}
	.startrow {
		margin-left: 0px;
		clear: left;
	}
	.product img {
		width: 154px;
		height: 154px;
		margin: 0px;
		padding: 0px;
	}
	.product .price {
	}
	.product .saleprice	{
		color: #CC0001;
		font-weight: bold;
		margin-left: 5px;
	}
	.product .listprice
	{
		text-decoration: line-through;
	}
	.product .productinfo {		
		width: 150px;
		margin-bottom: 10px;
	}
	.product a {
	}
	.product a:hover {
		color: #000000;
	}
	.product a:hover .saleprice
	{
		color: #000000;
	}
	.productmanufacturer {
		font-weight: bold;
	}

.breadpage {
	display: inline;
	float: left;
	width: 100%;
}

#content #inventory
{
	margin: 50px 0px 0px 250px;
    background-color: white;
    width: 270px;
    font-size: 9px;
    
    border: solid 1px #000000;
}
	#content #inventory .bagtitle
	{
		padding: 4px 0px 0px 0px;
		height: 20px;
	}
	#content #inventory .navigationbuttons
	{
		margin: 0px;
		padding: 20px 00px 0px 0px;
		width: 100%;
	}


#inventorypopup
{
}
	#inventorypopup .inventoryitemgroup
	{
	}
		#inventorypopup .inventoryitemgroup .inventoryitem
		{
			margin: 5px;
		}
		#inventorypopup .inventoryitemgroup .inventoryitem select,
		#inventorypopup .inventoryitemgroup .inventoryitem .notavailable
		{
			width: 100px;
			float:left;
		}
		#inventorypopup .inventoryitemgroup .inventoryitem .description
		{
			margin-left: 5px;
			width: 115px;
			float:left;
		}
			#inventorypopup .inventoryitemgroup .inventoryitem .description .name
			{
				margin-left: 5px;	
			}

/* Biobabby Designers section styles */
.designers #content {
	width: 779px !important;		
}
.categorylist {
	list-style: none;
	float: left;
	width: 100%;
	margin-bottom: 50px;
}
	.categorylist li {
		float: left;
		margin-right: 18px;
	}
		.categorylist li a {	
		}
			.categorylist li a:hover {
			}
			.categorylist li a.selected {
				color: #DD4949;
				font-weight: bold;
			}
.resultoverview {
	color: #333;	
}
.subcategoryhits {
	float: left;
	width: 148px;
	width: 185px;
	margin: 0px 9px 18px 0px;
	display: inline;
}
	.subcategoryhits h2 {
		margin-bottom: 7px;
		background: none;
		padding-bottom: 0px;
	}
	.subcategoryhits ul {			
		list-style: none;
	}
		.subcategoryhits ul li {		
			margin-bottom: 7px;
		}