@import url(styles_nav.css);
@import url(styles_forms.css);


/*

Absolute Positioning Styles

*/

table, th, div, td, img{ padding: 0px; border-width: 0px; }

#content{
	position: relative;
	left: 0px;
	margin: 0 auto;
	text-align: left;
	top: 0px;
	width: 745px; /* Calliope 2 Oct 2009 */
	z-index: 1;
}

#pageContent {
	padding-left: 151px;
}
#home #pageContent {
	padding-left: 0;
}

#content2{ margin-top:10px; width: 800px; margin-left: auto; margin-right: auto; text-align: left; z-index: 1; }
#pageContent2{ top: 70px; left: 0px; text-align: center; width: 594px; z-index: 3; }
#banner{ position: absolute; top: 394px; left: 0px; text-align: left; }
#banner2{ position: absolute; top: 140px; left: 0px; align: left; }
#banner_collection{ position: absolute; top: 150px; left: 0px; text-align: left; }
#banner_collection2{ position: absolute; top: 300px; left: 0px; text-align: left; }


/*
Global Header
P. Gold / Calliope Studios
2 Oct 2009
*/
#pageHeader {
	padding: 0 0 0;
	position: relative;
	width: 745px;
}
#pageHeader:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

#logo {
    bottom: 6px;
    left: 0;
    position: absolute;
}

#logo a,
#logo {
     height: 87px;
     width: 205px;
}

#logo a {
		background: url(/images/nav/global/logo.gif) no-repeat left top;
		display: block;
		float: left;
		text-indent: -999em;
}
	
	.white #logo a {
		background-image: url(/images/white/nav/global/logo.gif);
	}
	.utilityNav,
	#globalNav {
		clear: right;
		float: right;
	}
	.utilityNav ul,
	#globalNav ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.utilityNav {
		margin: 0 0 6px;
	}
		.utilityNav li,
		.utilityNav li a {
			font-size: 9px;
		}
		.utilityNav li {
			float: left;
			padding: 10px 18px 0;
		}
			.utilityNav li a {
				background: url(/images/common/bullet0.gif) no-repeat 0 0;
				color: #CECECE;
				font-size: 9px;
				padding-left: 6px;
				text-decoration: none;
			}
			.utilityNav li a:hover {
				text-decoration: underline;
			}
			.white .utilityNav li a {
				color: #4c4c4c;
			}
		.utilityNav li.shoppingBag {
			background: url(/images/common/bg_dotted_v_9e9d99.gif) repeat-y left top;
			padding-left: 10px;
			padding-right: 0;
			position: relative;
		}
		.white .utilityNav li.shoppingBag {
			background-image: url(/images/common/bg_dotted_v_b7.gif);
		}
		.utilityNav li.shoppingBag a {
			background: url(/images/nav/global/ico_shopping_bag.gif) no-repeat left center;
			display: block;
			float: left;
			height: 20px;
			padding: 0 0 0 20px;
		}
		.white .utilityNav li.shoppingBag a {
			background-image: url(/images/white/nav/global/ico_shopping_bag.gif);
		}
		.utilityNav li.shoppingBag span {
			display: block;
			clear: left;
			bottom: -1.3em;
			position: absolute;
			padding-left: 20px;
		}

/*

Global Navigation Styles

*/

#topNavLeft{ position: absolute; top: 8px; left: 159px; width: 470px; z-index: 2; }
#topNavDivider{ position: absolute; top: 0px; left: 646px; width: 1px; z-index: 2; }
#topNavRight{ position: absolute; top: 7px; left: 656px; width: 97px; z-index: 2; }
#sidenav{ position: absolute; top: 130px; left: 0px; width: 146px; z-index: 3; }
#sidenavLP{ position: absolute; top: 130px; left: 0px; width: 146px; z-index: 3; }
#bottomNav{ width: 600px; text-align: center; font-size:11px;line-height:15px;}
#bottomNav a{ width: 600px; text-align: center; font-size:11px;line-height:15px;}


#globalNavArea {
	border-top: 1px solid #979797;
	height: 23px;
	left: 159px;
	position: absolute;
	top: 53px;
	width: 595px;
	z-index: 100;
}
.white #globalNavArea { border-top-color: #7a7a7a; }



#globalNav {
	padding-top: 11px;
}

#globalNav ul {
	border-top: 1px solid #979797;
	margin-top: 0px;
	position: relative;
	width: 516px;
	z-index: 101;
}
#globalNav ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#globalNav ul.secondary {
	z-index: 100;
}
#globalNav li {
	display: inline;
	float: left;
	padding: 0px 17px 0 0;
	position: relative;
}
#globalNav li.first,
#globalNav li:first-child {
	margin-left: -8px;
}
	#globalNav ul.secondary li {
		padding-right: 12px;
	}
	#globalNav ul.secondary li li { padding-right: 0; }
		#globalNav li a {
			border-bottom: 1px dotted: white;
			background-position: left top;
			background-repeat: no-repeat;
			color: #d6d6d6;
			display: block;
			float: left;
			font-size: 13px;
			line-height: 1em;
			height: 45px;
			/*padding: 4px 0px 5px 0;*/
			text-decoration: none;
			text-indent: -999em;
		}
		#globalNav li a:focus {
			outline: 0;
		}
		#globalNav li li a { text-indent: 0; }
		.white #globalNav li a { color: #4c4c4c; }

		#globalNav li.selected a,
		#globalNav li.over a,
		#globalNav li:hover a,
		#globalNav li a:hover {
			background-position: left bottom;
		}

		#globalNav li.globalNavColor      a   { width: 61px;  background-image: url(/images/nav/global/global_color.gif); }
		#globalNav li.globalNavComplexion a   { width: 114px; background-image: url(/images/nav/global/global_complexion.gif); }
		#globalNav li.globalNavLatest     a   { width: 87px;  background-image: url(/images/nav/global/global_latest.gif); }
		#globalNav li.globalNavLooks      a   { width: 86px;  background-image: url(/images/nav/global/global_looks.gif); }
		#globalNav li.globalNavGifts      a   { width: 54px;  background-image: url(/images/nav/global/global_gifts.gif); }

		#globalNav li.globalNavAbout         a { width: 100px;  background-image: url(/images/nav/global/global_about_nars.gif); }
		#globalNav li.globalNavNARSskin      a { width: 98px;  background-image: url(/images/nav/global/global_narsskin.gif); }
		#globalNav li.globalNavAccessories   a { width: 107px;  background-image: url(/images/nav/global/global_accessories.gif); }
		#globalNav li.globalNavCultFavorites a { width: 110px; background-image: url(/images/nav/global/global_favorites.gif); }
		#globalNav li.globalNavLocations     a { width: 80px;  background-image: url(/images/nav/global/global_locations.gif); }


		.white #globalNav li.globalNavColor      a { background-image: url(/images/white/nav/global/global_color.gif); }
		.white #globalNav li.globalNavComplexion a { background-image: url(/images/white/nav/global/global_complexion.gif); }
		.white #globalNav li.globalNavLatest     a { background-image: url(/images/white/nav/global/global_latest.gif); }
		.white #globalNav li.globalNavLooks      a { background-image: url(/images/white/nav/global/global_looks.gif); }
		.white #globalNav li.globalNavGifts      a { background-image: url(/images/white/nav/global/global_gifts.gif); }

		.white #globalNav li.globalNavAbout         a { background-image: url(/images/white/nav/global/global_about_nars.gif); }
		.white #globalNav li.globalNavNARSskin      a { background-image: url(/images/white/nav/global/global_narsskin.gif); }
		.white #globalNav li.globalNavAccessories   a { background-image: url(/images/white/nav/global/global_accessories.gif); }
		.white #globalNav li.globalNavCultFavorites a { background-image: url(/images/white/nav/global/global_favorites.gif); }
		.white #globalNav li.globalNavLocations     a { background-image: url(/images/white/nav/global/global_locations.gif); }


		/* ... SECOND LEVEL ... */
		#globalNav li .subnav {
			clear: both;
			float: left;
			left: -999em;
			position: absolute;
			top: -999em;
			z-index: 99999;
		}
		.white #globalNav li .subnav {
			border-color: #fff;
		}
		#globalNav li.over .subnav,
		#globalNav li:hover .subnav {
			left: auto;
			margin-left: 8px;
			top: 45px;
		}
		#globalNav .globalNavGifts:hover .subnav {
			right: 0px;
		}

		#globalNav li ul {
			background: #000;
			border-color: #838383;
			border-style: solid;
			border-width: 0 1px 1px 1px;
			list-style: none;
			margin: 0px 0 0 -1px;
			padding: 0 0 0px 0;
			width: 13em;
		}
		.white #globalNav li ul {
			background-color: #fff;
		}
			#globalNav li li {
				background: url(/images/nav/global/bg_dotted.gif) repeat-x left bottom;
				clear: left;
				display: block;
				float: left;
				font-size: 11px;
				line-height: 14px;
				padding: 0 0 1px 0;
				width: 100%;
			}
			#globalNav li li.first,
			#globalNav li li:first-child {
				margin: 0;
			}
			#globalNav li li.last,
			#globalNav li li:last-child {
				background: none;
				padding-bottom: 0;
			}
			#globalNav .subnav li,
			#globalNav .subnav li a {
				color: #b3b3b3;
			}
				.white #globalNav .subnav li a,
				#globalNav .subnav li a {
					background-image: none;
					display: block;
					padding: 6px 8px 4px 18px;
					font-size: 11px;
					height: auto;
					width: 100%;
				}
				#globalNav .subnav li a:hover {
					background: url(/images/nav/side/sidenav_active.gif) no-repeat 8px 0.9em;
					color: #fff;
				}
			#globalNav .subnav .subset {
				border-top: 1px solid #616161;
				margin-top: -1px;
				position: relative;
			}

		.white #globalNav .subnav {
			background-color: #fff;
			border-color: #7a7a7a;
		}
			.white #globalNav .subnav li {
				background-image: url(/images/nav/global/bg_dotted_61.gif);
			}
				.white #globalNav .subnav li a {
					color: #7c7a7b;
				}
				.white #globalNav .subnav li a:hover {
					background-image: url(/images/nav/side/sidenav_active_white.gif);
					color: #2f2f2f;
				}
			.white #globalNav .subnav .subset {
				border-top-color: #616161;
			}



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



/* SIDE NAVIGATION */
#sideNavArea {
	position: absolute;
	top: 154px;
	left: 0px;
	width: 144px;
	z-index: 10;
	border: 1px solid #838383;
}


#sideNavArea ul { list-style: none; padding: 0; margin: 0; }
#sideNavArea li { position: relative; }

#sideNavArea li.selected li a,
#sideNavArea li a {
	text-decoration: none;
	color: #d6d6d6;
	line-height: 1.2em;
	padding: 6px 5px 3px 7px;
	display: block;
	background: none;
	width: 132px;
	height: auto;
	font-size: 11px;
}
.white #sideNavArea li.selected li a,
.white #sideNavArea li a { color: #7c7a7b; }

#sideNavArea .subnav {
	position: absolute;
	left: -999em;
	top: -1px;
	width: 15em;
	border-style: solid;
	border-color: #838383;
	border-width: 1px 1px 1px 0px;
	z-index: 999999;
	background: #000;
	list-style: none;
	padding: 0 0 0px 0;
}
.white #sideNavArea .subnav { background-color: #fff; border-color: #7a7a7a; }
#sideNavArea li:hover .subnav, #sideNavArea li.over .subnav { left: 144px; }

#sideNavArea .subnav ul { clear: left; width: 100%; }

#sideNavArea .subnav li { border-left: 1px solid #838383; }
#sideNavArea .subnav li.first { border-left: 0; }

#sideNavArea li {
	background: url(/images/nav/global/bg_dotted.gif) repeat-x left bottom;
	font-size: 11px;
	line-height: 14px;
	padding: 0 0 1px 0;
	float: left;
	clear: left;
	width: 100%;
	display: block;
}
#sideNavArea li:last-child { padding-bottom: 0; background: none; }

.white #sideNavArea li { background-image: url(/images/nav/global/bg_dotted_61.gif); }
.white #globalNav .subnav li:last-child,
.white #sideNavArea li.last,
#globalNav .subnav li.last,
#globalNav .subnav li:last-child,
#sideNavArea li.last {
	background-image: none;
	padding-bottom: 0;
}
#sideNavArea li, #sideNavArea li a { color: #b3b3b3; text-decoration: none; }

#sideNavArea li a span { padding: 0 10px; display: block; }
#sideNavArea li li a { padding-right: 10px; }

#sideNavArea li.selected li.selected a span,
#sideNavArea li.over li a:hover span,
#sideNavArea li:hover li:hover a span,
#sideNavArea li.selected a span,
#sideNavArea li.over a span,
#sideNavArea li:hover a span {
	font-weight: normal;
	cursor: pointer;
	background: url(/images/nav/side/sidenav_active.gif) no-repeat 0 0.25em;
	zoom: 1; /* for IE - to reset haslayout and behave like inline-block */
}
.white #sideNavArea li.selected li.selected a span,
.white #sideNavArea li.over li a:hover span,
.white #sideNavArea li:hover li:hover a span,
.white #sideNavArea li.selected a span,
.white #sideNavArea li.over a span,
.white #sideNavArea li:hover a span {
	background: url(/images/nav/side/sidenav_active_white.gif) no-repeat 0 0.25em;
}

.white #sideNavArea li.over li a span,
.white #sideNavArea li:hover li a span,
.white #sideNavArea li li a span,
#sideNavArea li.over li a span,
#sideNavArea li:hover li a span,
#sideNavArea li li a span {
	background: none;
}

#sideNavArea li.selected a { color: #fff; }
.white #sideNavArea li.selected a { color: #4c4c4c; }

#sideNavArea .subset { border-top: 1px solid #979797; clear: left; }
.white #sideNavArea .subset { border-top-color: #616161; }



/*

Home Styles

*/

/*#home #logo{ position: absolute; top: 22px; left: 10px; width: 103px; z-index: 2; }*/
/*#home #pageContent{ position: absolute; top: 77px; left: 8px; width: 745px; z-index: 3; }*/
#home #bottomNav{ text-align: center;font-size:11px;line-height:15px; }
#home #bottomNav a{ text-align: center;font-size:11px;line-height:15px; }	


/*

Global Styles

*/

body{
	background-color: #000;
	margin: 0px;
	}

body, td{
	font-family: helvetica,sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #707070;
	}

body#locations, #locations td,
body#events, #events td,
body#customer, #customer td,
body#checkout, #checkout td,
body#shopping, #shopping td,
body#signup, #signup td,
body#wishlist, #wishlist td,
body#myaccount, #myaccount td,
body#securityCode, #securityCode td{ color: #515151; }


a { color: #515151; }
a:hover { color: #000; }
	
a.topLI {
	font-size: .9em;
	color: #a5a5a5;
	padding-right:10px;
}
a.topLI:hover{ color: #e6e6e6; }

a.ftr {
	font-size: 11px;
	color: #dbdbdb;
	text-decoration: none;
}
a.ftr:hover {
	color: #ffffff;
	text-decoration: underline;
}

a.ftr2 {
	font-size: 12px;
	color: #a5a5a5;
}

a.ftr2:hover {
	color: #cecece;
}
	
a.survey{
	font-size: 16px;
	color: #a51919;
	text-decoration: underline;
}
a.survey:hover { color: #000; }

a.vidSM,
a.vid {
	font-size: 14px;
	color: #e6e6e6;
	letter-spacing: -.01em;
}
a.vidSM:hover,
a.vid:hover { color: #fff; }
a.vidSM {
	font-size: 13px;
	line-height: 19px;
	padding-left: 10px;
}

a.md {
	font-family: helvetica,sans-serif;
	font-size: 16px;
	color: #e6e6e6;
	letter-spacing: -.01em;
}
a.md:hover {
	color: #fff;
	text-decoration: underline;
}
	
.white{
	background-color: #fff;
}

.white,
.white a,
.white td{
	color: #565656;
}




/*

List Styles

*/

ul{
	margin-left: 15px;
	margin-top: 5px;
	padding-left: 0px;
	}

ul li{
	padding: 0px 0px 2px 0px;
	}

#customer ul{
	margin-left: 15px;
	margin-top: 5px;
	padding-left: 0px;
	}

#customer ul li{
	padding: 0px 0px 4px 0px;
	}

#customer .grayArrows{
	list-style-image: url(../images/common/bullet_arrow0.gif);
	}
	
#myaccount .grayArrows{
	list-style-image: url(../images/common/bullet_arrow0.gif);
	}
	


/*

Page and Row Formatting Styles

*/

.pageBorder{
	background-color: #979797;
	}

.dottedBground{
	background-image: url("../images/common/divider_vert_dotted.gif");
	}
	
.dottedBground2 {
    background:transparent url(../images/common/divider_vert_dotted.gif) repeat-y scroll left top;
}

.HolidayDots{
	background-image: url("../images/common/divider_vert_dottedHOL.gif");
	}
	
.rowNormal{
	background-color: #fff;
	cursor: default;
	}

.rowHighlight{
	background-color: #f7f7f7;
	cursor: pointer;
	}

.rowHighlightHoliday{
	background-color: #f7f7f7;
	cursor: pointer;
	}

.rowHighlightNormal{
	background-color: #e5e5e5;
	}

table.rowHighlight td{
	color: black;
	}
	

h1 {
	font-family: arial,sans-serif;
	font-size: 1em;
	text-align: center;
	color: #565656;
	padding-top:0;
	margin-bottom:10;
}


/*

Character Styles

*/

.small, .small a{
	font-size: 10px;
	line-height: 14px;
	}
.med, .med a{
	font-size: 12px;
	line-height: 15px;
	}

.text10 td{
	font-size: 11.5px;
	line-height: 13.5px;
	}

.large{
	font-size: 13px;
	line-height: 18px;
	}

.headline{
	font-size: 17px;
	}

.smallNote a{
	font-size: 11px;
	font-style: italic;
	color: #000;
	}
	
.error{
	font-size: 12px;
	line-height: 14px;
	color: #951717;
	}

.callout{
	font-size: 10px;
	line-height: 11px;
	color: #951717;
	}

.cookieCrumb{
	font-weight: bold;
	color: #515151;
	}

.cookieCrumb a{
	color: #333;
	}



/*

Product Styles

*/

.productName{
	padding-top:10px;
	color:#fff;
	}

.productName2{
	padding-top:10px;
	color:#707070;
	}
	
.HolProdText{
	color:#710100;
	}

.productNameNEW{
	font-size: 12px;
	padding-top:4px;
	padding-bottom:8px;
	letter-spacing:-1px;
	}

.productNameBold{
	font-weight: bold;
	color:#fff;
	padding-top:10px;
	}
	
.productNameBold2{
	font-weight: bold;
	color:#707070;
	padding-top:10px;
	}

.productCallout{
	font-weight: normal;
	color:#951717;
	font-size:11px;
	vertical-align:bottom;
	}

.productNotes{
	font-size:11px;
	color:#951717;
	}

.white .productDescription{
	color: #767676;
	}
	
.productPrice{
	font-size: 12px;
	font-weight:bold;
	padding-top:8px;
	padding-bottom:6px;
	}
	
.productImage{
	vertical-align:top;
	padding-top:0px;
	padding-bottom:0px;
	}

.productPriceSmall{
	font-size:9px;
	font-weight:bold;
	}

.shadeDescrip{
	font-size:17px;
	font-weight:lighter;
	letter-spacing:-1px;
	}

/*

Product Rollover Styles

*/

.productRollTitle{
	font-size: 11px;
	font-weight: bold;
	color: #464646;
	}
	
.productRollDescription{
	font-size: 11px;
	color: #464646;
	}
	


/*

Events Styles

*/

.eventsTitle{
	font-size: 16px;
	}



/*

Looks Styles

*/

.looksTitle a{
	font-weight: bold;
	}




/*

Locations Styles

*/

.locationsTitle{
	font-size: 16px;
	}

#locations .rowHighlight{
	background-color: #e5e5e5;
	cursor: default;
	}
	


/*

Checkout Styles

*/

#checkout #title{ position: absolute; top: 14px; left: 300px; width: 222px; }
#checkout #nav{ position: absolute; top: 62px; left: 159px; width: 594px; z-index: 3; }
#checkout #pageContent{ position: absolute; top: 128px; left: 159px; width: 594px; z-index: 3; }


#securityCode #pageContent{ position: absolute; top: 0px; left: 0px; width: 555px; z-index: 3; }

	
	

/*

Customer Service Styles

*/

#customer .shippingTable{ width: 500px; border-collapse: collapse;font-size:10px;}
#customer .shippingTable td{
	vertical-align: top;
	padding: 2px;
	border: 1px solid #999;
	font-size:10px;
	}


#customer .shippingRates {
  	border: 0px;
  	font-size:10px;
  	}
#customer .shippingRates td{
  	border: 0px;
  	font-size:10px;
  	}

/*  	
#customer a{
	color: #525252;
	text-decoration: none;
	}

#customer a:hover{
	color: #525252;
	text-decoration: underline;
	}
*/
  
/* Additional Styles for 2005 Update */

.footerForm { padding: 0px; margin: 0px; }
.editLink { margin: 6px 0 20px 0; }
.wrapLink { margin: 6px 0 20px 5px; }
.resultsLinks a { font-weight: bold; color: #707070; line-height: 26px; }
.red { color: #f00; }

ul.benefits-list {
	padding-top : 4px;
	padding-bottom : 1px;
	padding-left : 2px;
	margin-bottom : 4px;
		}
		
ul.benefits-list li {
	list-style-image : url(../images/common/NARS_bullet.gif);
		}
		
		
	
/* #  Styles for footer signup component       # */


body.frameBody {
	background-color:#000;
	color: #A5A5A5;
	font-family: verdana,helvetica,sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.siteUtils {
	border: 1px solid #313131;
	margin: 0 0 10px;
	padding: 0 10px;
}
	.white .siteUtils {
		border-color: #7a7a7a;
	}
	.siteUtils .layoutTable,
	.footerUtils .layoutTable {
		border: 0;
		margin: 0 auto;
		padding: 0;
		width: 100%;
	}	
		.siteUtils .layoutTable td,
		.footerUtils .layoutTable td {
			height: 65px;
			text-align: left;
			vertical-align: middle;
		}
			#home .footerUtils .layoutTable td,
			#home .siteUtils .layoutTable td {
				height: 40px;
			}
		.siteUtils .layoutTable td form,
		.footerUtils .layoutTable td form { display: block; margin: 0; padding: 0; line-height: 1em; }
		#home #componentSignup .layoutTable td form { float: right; width: 275px; text-align: right; }
		#home #componentSignup .layoutTable td form.active { width: 370px; }
	.siteUtils h5,
	.footerUtils h5 {
		color: #a5a5a5;
		display: block;
		font-family: verdana,helvetica,sans-serif;
		font-size: 12px;
		line-height: 1.3em;
		font-weight: 500;
		margin: 0;
		padding: 0 4px 0 0;
		vertical-align: middle;
	}
		#home .siteUtils h5,
		#home .footerUtils h5 { font-size: 13px; }
		#home .siteUtils h5,
		#home .footerUtils .signupControl h5,
		#home .footerUtils .signupControl {
			float: left;
		}
	.siteUtils fieldset,
	.footerUtils fieldset {
		border: 0;
		font-size: 10px;
		margin: 2px 0 0 0;
		padding: 0;
	}
	#home .siteUtils fieldset,
	#home .footerUtils fieldset { margin: 0; }

	.siteUtils input.inputText,
	.footerUtils input.inputText {
		border: 0;
		font-family: verdana,helvetica,sans-serif;
		font-size: 9px;
		height: 14px;
		padding-left: 1px;
		width: 89px;
		vertical-align: top;
	}
	.siteUtils .submitBtn,
	.footerUtils .submitBtn {
		display: inline;
		margin-left: 7px;
		vertical-align: top;
	}
	.siteUtils #componentSignup .submitBtn,
	.footerUtils #componentSignup .submitBtn {
		margin-left: 3px;
	}
		.siteUtils .submitBtn input,
		.footerUtils .submitBtn input {
			margin-top: 0px;
			vertical-align: top;
		}
			.siteUtils .submitBtn input:focus,
			.footerUtils submitBtn input:focus {
				outline: none;
			}

		.siteUtils iframe,
		.footerUtils iframe { background-color: #000; }

		.white .siteUtils iframe,
		.white .footerUtils iframe { background-color: #fff; }

		body.white,
		.white .siteUtils,
		.white .footerUtils {
			background-color:#fff;
			color: #565656;
		}

		.white .siteUtils input.inputText,
		.white .footerUtils input.inputText { border: 1px solid #575757; }



	/* ..... SIGNUP COMPONENT ..... */
	iframe#signupFrame {
		width: 230px;
		height: 65px;
	}
		#home iframe#signupFrame {
			height: 40px;
			width: 400px;
		}
	#componentSignup form,
	#componentSignup fieldset input,
	#componentSignup h5 {
		cursor: pointer;
	}
	#componentSignup fieldset .inputText { margin: 0 2px; }
	#componentSignup form.active,
	#componentSignup .active fieldset input,
	#componentSignup .active h5 {
		cursor: auto;
	}

	#home #componentSignup .active .submitBtn input,
	#componentSignup .submitBtn input {
		/*position: relative;*/
	}

		#componentSignup .active .submitBtn {
			display: block;
			height: 17px;
			margin: 0 0 0 127px;
			padding: 0;
			position: relative;
			top: 5px;
			width: 59px;
		}
			#componentSignup .active .submitBtn input {
				position: absolute;
				margin: 0;
			}
			#home #componentSignup .active .submitBtn {
				display: inline;
				height: auto;
				margin: 0 0 0 3px;
				padding: 0;
				position: static;
				top: auto;
				width: auto;
			}


/* #  Styles for product shades                # */


.subtitle {
	border-top: 1px solid #7f7f7f;
	background: url(/images/common/bg_dotted_cell_bottom.gif) left bottom repeat-x;
	margin: 0 0 5px 0;
	padding-bottom: 17px;
	padding-top: 2px;
}

.shadeSet {
	position: relative;
	z-index: 1;
}

.shadeSet .gridLayout {
	background: url(/images/common/bg_dotted_cell_bottom.gif) 0 22px repeat-x;
	margin-top: 0px;
	padding-top: 26px;
	width:100%;
}
	.gridLayout tr {
		padding: 0;
	}
		.gridLayout td {
			background: url(/images/common/bg_dotted_cell.gif) bottom right no-repeat;
			line-height: 1.3em;
			padding: 0px 5px 6px 0px;
			width:33%;
			vertical-align: top; /* if siblings stretch, keep content at top */
		}
			.gridLayout td.last{
				background: url(/images/common/bg_dotted_cell_bottom.gif) bottom center repeat-x;
				width: 34%
			}




.shadeSet .gridLayout .shade {
/*
   _height:52px;
   min-height:52px;
*/
   padding-right: 0px;
}

.shade {
	color:#666;
	float: left;
	font: 11px arial,helvetica,sans-serif;
	height: 100%;
	padding: 3px 0 0 10px;
	width: 96%;
	cursor: pointer;
}
	.shadeImg {
		float:left;
	}
	.outerShade {
		float: left;
		padding: 9px 0 0 10px;
		width: 120px;
	}
		.shadeName {
		   padding: 0;
		}
			.shadeName .secondaryName {
				position: absolute;
				left: -999em;
				top: 0;
				white-space: nowrap;
				z-index: 5;
			}
			.shadeSet div.over .secondaryName,
			.shade:hover .secondaryName {
				left: 16px;
			}
		.shadeAction {
			margin-top: 6px;
		}
		.shadeStatus {
			font-size: 10px;
			color: #f00;
		}
		.shadeCallout {
			color:#f00;
			font-size: 10px;
			line-height: 1em;
			margin-top: -10px;
		}
		.shadeAction a {
			background: url(/images/nav/side/sidenav_active_white.gif) no-repeat 0 0.2em;
			color:#484848;
			font-size: 11px;
			font-weight:bold;
			padding-left: 10px;
			text-decoration: none;
		}
		.shadeAction a:hover { color: #222; font-size: 11px; }



/* 21 Oct 2008 */
td div.productCell {
	width: 196px;
	#height: 1%;
	_height: 1%;
}
td div.productCell:after{/*clearfix*/content:".";display:block;height:0;clear:both;visibility:hidden;}
	td div.productCell table { float: left; clear: both; }