@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; top: 0px; left: 0px; width: 760px; margin-left: auto; margin-right: auto; text-align: left; z-index: 1; }
#content2{ margin-top:10px; width: 800px; margin-left: auto; margin-right: auto; text-align: left; z-index: 1; }
#logo{ position: absolute; top: 10px; left: 18px; width: 103px; z-index: 2; }
#pageContent{ position: absolute; top: 77px; left: 100px; width: 665px; z-index: 3; }
#pageContent2{ top: 70px; left: 0px; text-align: center; width: 665px; z-index: 3; }
#banner{ position: absolute; top: 29em; left: -50px; 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 Navigation Styles

*/

#topNavLeft{ position: absolute; top: 8px; left: 100px; 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: 100px; position: absolute; top: 53px; width: 665px; z-index: 100; }
#white #globalNavArea { border-top-color: #7a7a7a; }

#globalNavArea ul { list-style: none; padding: 0; margin: 0; }
#globalNav li { display: inline; float: left; padding-right: 5px; }
#globalNav li:last-child,
#globalNav li.last { padding-right: 0; }

#globalNav li a {
	text-decoration: none;
	color: #d6d6d6;
	display: block;
	padding: 4px 1px 5px 0;
	height: 23px;
	font-size: 13px;
	background-position: left top;
	background-repeat: no-repeat;
	border-bottom: 1px dotted: white;
	font-weight: bold;
}
#globalNav li a:hover { font-weight: bold; color: white;}
#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.over a, #globalNav li.hasSub:hover a { border-bottom: 1px solid #000; }
#white #globalNav li.over a, #white #globalNav li.hasSub:hover a { border-bottom-color: #fff; }

#globalNav li.globalNavColor a        { width: 75px;  }
#globalNav li.globalNavSkin a     		{ width: 65px; }
#globalNav li.globalNavAccessories a  { width: 120px; }
#globalNav li.globalNavHotcomings a        { width: 115px;  }
#globalNav li.globalNavFace a { width: 130px;  }
#globalNav li.globalNavBuzz a   { width: 85px;  }
#globalNav li.globalNavLooks a        { width: 90px;  }

#white #globalNav li.globalNavColor a        { background-image: url(/images/nav/global/global_color_white.gif); }
#white #globalNav li.globalNavNARSskin a     { background-image: url(/images/nav/global/global_narsskin_white.gif); }
#white #globalNav li.globalNavAccessories a  { background-image: url(/images/nav/global/global_accessories_white.gif); }
#white #globalNav li.globalNavGifts a        { background-image: url(/images/nav/global/global_gifts_white.gif); }
#white #globalNav li.globalNavCultFavorites a { background-image: url(/images/nav/global/global_favorites_white.gif); }
#white #globalNav li.globalNavLatest a   { background-image: url(/images/nav/global/global_latest_white.gif); }
#white #globalNav li.globalNavLooks a        { background-image: url(/images/nav/global/global_looks_white.gif); }

/*#globalNav li a span { display: none; }*/
#globalNav li li a span { display: inline; }

#globalNav .subnav {
	position: absolute;
	left: -999em;
	width: 13em;
	border-style: solid;
	border-color: #838383;
	border-width: 0 1px 1px 1px;
	z-index: 999999;
	background: #000;
	list-style: none;
	margin: -12px 0 0 -1px;
	padding: 0 0 0px 0;
}
#white #globalNav .subnav { background-color: #fff; border-color: #7a7a7a; }
#globalNav li.over .subnav, #globalNav li:hover .subnav { left: auto; }
#globalNav li.globalNavColor .subnav { margin-left: 0; }


#globalNav .subnav ul { clear: left; width: 100%; }
#globalNav .subnav li {
	background: url(../images/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;
}

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

#globalNav .subnav li a {
	padding: 6px 8px 2px 8px;
	display: block;
	background: none;
	width: 100%;
	height: auto;
	font-size: 11px;
}

#white #globalNav .subnav li a, #globalNav li:hover .subnav li a { background: none; border: 0; }
#white #globalNav .subnav li a { color: #7c7a7b; }
#white #globalNav .subnav li:last-child,
#white #globalNav .subnav li.last { background: none; }

#globalNav .subnav li a span {
	padding-left: 10px;
	display: block;
}

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

#white #globalNav .subnav li.selected a span,
#white #globalNav .subnav li a:hover span  {
	background: url(../images/sidenav_active_white.gif) no-repeat 0 0.25em;
}

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

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

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



/* SIDE NAVIGATION */
#sideNavArea {
	position: absolute;
	top: 130px;
	left: -50px;
	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/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/bg_dotted_61.gif); }
#white #globalNav .subnav li:last-child,
#white #sideNavArea li.last, #sideNavArea li.last { padding-bottom: 0; background-image: none; }
#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/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: 10px; left: 10px; width: 85px; z-index: 2; }
#home #pageContent{ position: absolute; top: 77px; left: 8px; width: 758px; 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{
	font-family: helvetica,sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #000;
	}

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

body#white, #white td{
	font-family: helvetica,sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #565656;
	}

#white a{
	font-family: helvetica,sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #565656;
	}


a{
	font-family: helvetica,sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #515151;
	TEXT-DECORATION: underline;
	}
	
a:visited{
	font-family: helvetica,verdana,sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #515151;
	TEXT-DECORATION: underline;
	}
	
a:hover{
	font-family: helvetica,sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #000;
	TEXT-DECORATION: underline;
	}
	
a.top{
	font-family: helvetica,sans-serif;
	font-size: 9px;
	color: #cecece;
	TEXT-DECORATION: none;
	}
	
a.top:visited{
	font-family: helvetica,sans-serif;
	font-size: 9px;
	color: #cecece;
	TEXT-DECORATION: none;
	}
	
a.top:hover{
	font-family: helvetica,sans-serif;
	font-size: 9px;
	color: #cecece;
	TEXT-DECORATION: underline;
	}
	
a.topL{
	font-family: arial,helvetica,sans-serif;
	font-size: 10px;
	color: #a5a5a5;
	TEXT-DECORATION: none;
	}
	
a.topL:visited{
	font-family: arial,helvetica,sans-serif;
	font-size: 10px;
	color: #a5a5a5;
	TEXT-DECORATION: none;
	}
	
a.topL:hover{
	font-family: arial,helvetica,sans-serif;
	font-size: 10px;
	color: #e6e6e6;
	TEXT-DECORATION: underline;
	}
	
a.topLI{
	font-family: arial,helvetica,sans-serif;
	font-size: .9em;
	color: #a5a5a5;
	TEXT-DECORATION: none;
	padding-right:10px;
	}
	
a.topLI:visited{
	font-family: arial,helvetica,sans-serif;
	font-size: .9em;
	color: #a5a5a5;
	TEXT-DECORATION: none;
	}
	
a.topLI:hover{
	font-family: arial,helvetica,sans-serif;
	font-size: .9em;
	color: #e6e6e6;
	TEXT-DECORATION: underline;
	}

a.ftr{
	font-family: arial,helvetica,sans-serif;
	font-size: 11px;
	color: #737373;
	TEXT-DECORATION: none;
	}
	
a.ftr:visited{
	font-family: arial,helvetica,sans-serif;
	font-size: 11px;
	color: #737373;
	TEXT-DECORATION: none;
	}
	
a.ftr:hover{
	font-family: arial,helvetica,sans-serif;
	font-size: 11px;
	color: #cecece;
	TEXT-DECORATION: underline;
	}

a.ftr2{
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	color: #a5a5a5;
	TEXT-DECORATION: none;
	}
	
a.ftr2:visited{
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	color: #a5a5a5;
	TEXT-DECORATION: none;
	}
	
a.ftr2:hover{
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	color: #cecece;
	TEXT-DECORATION: underline;
	}	
	
a.survey{
	font-family: arial,helvetica,sans-serif;
	font-size: 16px;
	color: #a51919;
	TEXT-DECORATION: underline;
	}
	
a.survey:visited{
	font-family: arial,helvetica,sans-serif;
	font-size: 16px;
	color: #a51919;
	TEXT-DECORATION: underline;
	}
	
a.survey:hover{
	font-family: arial,helvetica,sans-serif;
	font-size: 16px;
	color: #000000;
	TEXT-DECORATION: underline;
	}
	
a.vid{
	font-family: arial,helvetica,sans-serif;
	font-size: 14px;
	color: #e6e6e6;
	TEXT-DECORATION: none;
	letter-spacing: -.01em;
	}
	
a.vid:visited{
	font-family: arial,helvetica,sans-serif;
	font-size: 14px;
	color: #e6e6e6;
	TEXT-DECORATION: none;
	letter-spacing: -.01em;
	}
	
a.vid:hover{
	font-family: arial,helvetica,sans-serif;
	font-size: 14px;
	color: #ffffff;
	TEXT-DECORATION: none;
	letter-spacing: -.01em;
	}
	
	
a.vidSM{
	font-family: helvetica neue,helvetica,sans-serif;
	font-size: 13px;
	color: #e6e6e6;
	TEXT-DECORATION: none;
	letter-spacing: -.01em;
	line-height: 19px;
	padding-left: 10px;
	}
	
a.vidSM:visited{
	font-family: helvetica neue,helvetica,sans-serif;
	font-size: 13px;
	color: #e6e6e6;
	TEXT-DECORATION: none;
	letter-spacing: -.01em;
	line-height: 19px;
	padding-left: 10px;
	}
	
a.vidSM:hover{
	font-family: helvetica neue,helvetica,sans-serif;
	font-size: 13px;
	color: #ffffff;
	TEXT-DECORATION: none;
	letter-spacing: -.01em;
	line-height: 19px;
	padding-left: 10px;
	}
	
	
a.md{
	font-family: helvetica,sans-serif;
	font-size: 16px;
	color: #e6e6e6;
	TEXT-DECORATION: none;
	letter-spacing: -.01em;
	}
	
a.md:visited{
	font-family: helvetica,sans-serif;
	font-size: 16px;
	color: #e6e6e6;
	TEXT-DECORATION: none;
	letter-spacing: -.01em;
	}
	
a.md:hover{
	font-family: helvetica,sans-serif;
	font-size: 16px;
	color: #ffffff;
	TEXT-DECORATION: underline;
	letter-spacing: -.01em;
	}
	
body#white{
	background-color: #fff;
	margin: 0px;
	}

body#white, #white td{
	font-family: helvetica,sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #565656;
	}

#white a{
	font-family: helvetica,sans-serif;
	font-size: 12px;
	line-height: 14px;
	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;
	}

.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{
	font-size: 11px;
	line-height: 13px;
	}
	
.productNameNEW{
	font-size: 12px;
	padding-top:4px;
	padding-bottom:8px;
	letter-spacing:-1px;
	}

.productNameBold{
	font-weight: bold;
	}

.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: 6px 0 10px 90px;
	padding: 0 10px;
	
}
	.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: 650px;
		}
	#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; }

/*stixs*/

.portlet {position:relative;  height:90px; clear:both; }

.portlet1 {
	position:absolute;
	width:252px;
	
	top: 0px;
	border: 1px solid #000000;
}

.portlet2 {
	position:absolute;
	width:252px;
	left: 252px;
	top: 0px;
	border: 1px solid #000000;
}

.portlet3 {
	position:absolute;
	width:252px;
	left: 504px;
	top: 0px;
    border: 1px solid #000000;}

#portlrt_bg { background:url(../images/bg_portlet_blk.gif); background-repeat: no-repeat; height:91px; width:252px;}


.portlet_text1{
	position:absolute;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-align:right;
	left: 17px;
	top: 46px;
	line-height:14px;
	width: 229px;
	height: 58px;
}

.portlet_text2{
	position:absolute;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	color:#FFFFFF;
	text-align:left;
	left: 23px;
	top: 43px;
	width: 232px;
	height: 81px;
}

.portlet_text3{
	position:absolute;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	line-height:14px;
	text-align:left;
	left: 33px;
	top: 44px;
	width: 215px;
	height: 58px;
}


/*felix*/
.subscribe {width:100%; color: #fff;}
#signupFields{display:inline;}
#componentSearch {float:right;}
.pictures-right {text-align:right;}