@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: 62px; left: 18px; width: 103px; z-index: 2; }
#pageContent{ position: absolute; top: 77px; left: 159px; width: 594px; z-index: 3; }
#pageContent2{ top: 70px; left: 0px; align: center; width: 594px; z-index: 3; }
#banner{ position: absolute; top: 340px; left: 0px; align: left; }
#banner2{ position: absolute; top: 140px; left: 0px; align: left; }
#banner_collection{ position: absolute; top: 150px; left: 0px; align: left; }

/*

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; }
#nav{ position: absolute; top: 53px; left: 159px; width: 594px; z-index: 3; }
#sidenav{ 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 {
	position: absolute;
	top: 53px;
	left: 159px;
	width: 595px;
	z-index: 100;
	border-top: 1px solid #979797;
	height: 23px;
}
#white #globalNavArea { border-top-color: #7a7a7a; }

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

#globalNav li a {
	text-decoration: none;
	color: #d6d6d6;
	display: block;
	padding: 4px 1px 5px 0;
	height: 14px;
	font-size: 13px;
	background-position: left top;
	background-repeat: no-repeat;
	border-bottom: 1px dotted: 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: 45px; background-image: url(/images/nav/global/global_color.gif); }
#globalNav li.globalNavNARSskin a     { width: 76px; background-image: url(/images/nav/global/global_narsskin.gif); }
#globalNav li.globalNavAccessories a  { width: 92px; background-image: url(/images/nav/global/global_accessories.gif); }
#globalNav li.globalNavGifts a        { width: 40px; background-image: url(/images/nav/global/global_gifts.gif); }
#globalNav li.globalNavCultFavorites a { width: 107px; background-image: url(/images/nav/global/global_favorites.gif); }
#globalNav li.globalNavCollection a   { width: 77px; background-image: url(/images/nav/global/global_collection.gif); }
#globalNav li.globalNavLooks a        { width: 49px; background-image: url(/images/nav/global/global_looks.gif); }

#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.globalNavCollection a   { background-image: url(/images/nav/global/global_collection_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: 0 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/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;
}

#white #globalNav .subnav li { background-image: url(/images/nav/global/bg_dotted_61.gif); }
#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 { 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 {
/*	font-weight: bold;*/
/*	text-decoration: underline; */
/*	background: url(/images/nav/global/subnav_active.gif) no-repeat 100% 65%;*/
	cursor: pointer;
	zoom: 1; /* for IE - to reset haslayout and behave like inline-block */
	background: url(/images/nav/side/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/nav/side/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: 0px;
	width: 144px;
	_width: 132px;
	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: 100%;
	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;
}

#white #sideNavArea li { background-image: url(/images/nav/global/bg_dotted_61.gif); }
#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/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,verdana,sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #707070;
	}

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

a{
	font-family: helvetica,verdana,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,verdana,sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #000;
	TEXT-DECORATION: underline;
	}
	
a.top{
	font-family: helvetica,verdana,sans-serif;
	font-size: 9px;
	color: #cecece;
	TEXT-DECORATION: none;
	}
	
a.top:visited{
	font-family: helvetica,verdana,sans-serif;
	font-size: 9px;
	color: #cecece;
	TEXT-DECORATION: none;
	}
	
a.top:hover{
	font-family: helvetica,verdana,sans-serif;
	font-size: 9px;
	color: #cecece;
	TEXT-DECORATION: underline;
	}
	
a.topL{
	font-family: helvetica,verdana,sans-serif;
	font-size: 9px;
	color: #a5a5a5;
	TEXT-DECORATION: none;
	}
	
a.topL:visited{
	font-family: helvetica,verdana,sans-serif;
	font-size: 9px;
	color: #a5a5a5;
	TEXT-DECORATION: none;
	}
	
a.topL:hover{
	font-family: helvetica,verdana,sans-serif;
	font-size: 9px;
	color: #cecece;
	TEXT-DECORATION: underline;
	}

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

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

#white a{
	font-family: helvetica,verdana,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");
	}
	
.rowNormal{
	background-color: #fff;
	cursor: default;
	}

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

.rowHighlightNormal{
	background-color: #e5e5e5;
	}

table.rowHighlight td{
	color: black;
	}
	


/*

Character Styles

*/

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

.text10 td{
	font-size: 10px;
	line-height: 13px;
	}

.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;
	}

.productNameBold{
	font-weight: bold;
	}

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

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

#white .productDescription{
	color: #767676;
	}
	
.productPrice{
	font-size: 12px;
	font-weight: bold;
	}

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



/*

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; }