/* @group Body Universal */
* { margin: 0; padding: 0; }
body { font-size: small; background-color: #fff; margin: 0; font-family: Verdana, Helvetica, Arial, sans-serif; }


/* @end */

/* @group Chrome */
#banner_overlay {position:absolute; z-index: 99999; left:0; margin:0 0 0 0; width:100%; text-align:center; padding:0;}
#banner_overlay * {padding:0; margin:0;}

#topBanner {position: relative; z-index: 9999; margin: 0 auto; padding: 5px 0; width: 960px; max-height: 180px; text-align: center;}

#wrapper { margin: 0 auto; width: 960px; background-color: #fff; position: relative;}
/* @end */

/* @group Header - logo, nav & site tools */
/*
##### Std. one-level main + one-level sub menus.
##### Pending WhiteAlbumization + move to base.css
##### CAS 9/12 2009
*/
#headerWrapper {width: 960px; margin: 0 auto 10px; padding-bottom: 10px; background-color: #fff; font-size: 10px; /* Temp. - remove upon WhiteAlbumization */}
	#header {
		position: relative; overflow: hidden;
		width: 960px;
		background: url(../../base/gfx/submenu_gradient_bg.jpg) repeat-x 0px 21px;
		border-bottom: 2px solid #ccc;
		}

#logo {
	position: absolute; top: 5px; left: 5px;
	width: 155px; height: 27px;
	background: url(../gfx/costume_logo.gif) no-repeat;
	text-indent: -9999px;
	}

/* @group Menu */
.menu {list-style: none; text-align: left;}
.menu, .menu * {float: left; display: inline;}
	.menu a {text-decoration: none; font-family: Georgia, Times, 'Times New Roman', serif; white-space: nowrap;}
	.menu li.current a {cursor: default;}

.menuMain {width: 755px; padding: 10px 0 0 205px; background: #000;}
	.menuMain li + li {margin-left: 5px;}
		.menuMain li a {padding: 5px 8px; color: #fff; text-transform: uppercase; font-size: 1.4em; letter-spacing: .1em;}
		.menuMain li a:hover {background: #222;}
		.menuMain li.current a {background: #fff; color: #000;}
		.menuMain li.current a:hover {background: #fff;}

.menuSub {width: 753px; padding: 5px 0 5px 205px; border: solid #ccc; border-width: 0 1px;}
	.menuSub li + li {margin-left: 20px;}
		.menuSub li a {padding: 0 5px; color: #585858; font-size: 1.3em;}
		.menuSub li a:hover {color: #000; text-decoration: underline;}
		.menuSub li.current a {background: #000; color: #fff;}
		.menuSub li.current a:hover {text-decoration: none;}

#fashionistaButton {
	position: absolute; top: 5px; right: 5px;
	width: 129px; height: 25px;
	background: url(../gfx/header_menu_fashionista_button.gif) no-repeat;
	text-indent: -9999px;
	}
/* @end */

#searchForm {position: absolute; top: 40px; left: 5px; width: 200px; text-align: left; font-size: 1em;}
	#searchForm #searchQ {
		float: left; display: inline;
		width: 128px;
		margin: 0 2px 0 0; padding: 1px 2px;
		border: 1px solid #666;
		}
	#searchForm button {
		padding: 0 5px;
		background: #000; color: #fff;
		font-weight: normal;
		border: 1px solid #333;
		-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
		cursor: pointer;
		
		/* IE specific */
		*width: auto; *overflow: visible; *padding: 0 5px; *border: 0;
		}	
/* @end */

/* @group Footer */
#footer { width: 940px; padding: 20px 10px; clear: both; font-size: small;}
	.footerContent { width: 220px; margin-right: 20px; float: left; }
	.lastFooterContent { margin-right: 0; }
	#contactInfo { clear: both; color: #ccc; font-size: 90%; text-align: center; padding: 20px 0 10px 0; }
		#contactInfo a { text-decoration: underline; }
		#contactInfo a:hover { text-decoration: none; }
/* @end */

/* @group Navigation */
/* =NAVIGATION */
.navigation { float: right; width: 715px; text-align: center; text-transform: uppercase; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; }
.navigation ul { }
.navigation ul li { display: inline; margin: 0; padding: 3px 10px 4px 10px; }
.navigation ul li a { color: #fff; text-decoration: none; }

.navigation ul#main { position: absolute; width: 715px; right: 0px; bottom: 0px; padding-bottom: 0.3em; color: #fff; }
	.navigation ul#main a:hover { padding-bottom: 0.3em; background: url(../images/bottomBorderTop.gif) bottom repeat-x; }
	.navigation ul#main li#selected { background: #fff; color: #000; } 
	.navigation ul#main li#selected a { color: #000; padding: 0.3em 0; }
	
.navigation ul#sub { margin-top: 1.2em; padding-bottom: 0.3em; font-size: 90%; }
	.navigation ul#sub a { color: #000; padding-bottom: 4px; }
	.navigation ul#sub a:hover, .navigation ul#sub li#selected { padding-bottom: 0.3em; background: url(../images/bottomBorder.gif) bottom repeat-x; }

a#staticAboLink { float: left; display: inline; margin-left: 10px; margin-top: 0.9em; color: #000; font-size: 85%; text-decoration: none; }

#subNaviLine { border-bottom: 1px solid #bfbfbf; clear: both; margin: 0 10px 10px;}
/* @end */


/* @group Tab Navigation */
/* =TAB NAVIGATION */
.tabNavigationRow { margin: -1em 0 10px 0; width: 660px; float: left; }
	.tabNavigationPosition { text-align: center; border-bottom: 1px solid #bfbfbf; margin-bottom: 10px; padding-bottom: 0.18em; padding-left: 259px; }
	ul.tabNavigation li { display: inline; } 
	ul.tabNavigation li a { color: #000; text-decoration: none; padding: 0 3px 0.3em 3px; font-size: 0.8em; }
	ul.tabNavigation li a:hover { padding-bottom: 0.3em; background: url(../images/bottomBorder.gif) bottom repeat-x; }
	ul.tabNavigation li.tabCurrent a { font-weight: bold; padding: 2px 3px 0.3em 3px; background: url(../images/bottomBorder.gif) bottom repeat-x; }
	ul.tabNavigation li.tabPrevious a, ul.tabNavigation li.tabNext a { font-weight: bold; padding-bottom: 0.3em; background: url(../images/bottomBorder.gif) bottom repeat-x; }

.navigationRelated { margin-bottom: 100px; }
	.navigationRelated h1 { border: none; }

.tabStandAlone { display: inline; padding: 2px 3px; text-decoration: none; color: #000; float: right; font-weight: bold; background: url(../images/bottomBorder.gif) bottom repeat-x; font-size: 80%; }
/* @end */

/* @group Navigational search */
	/* NB: These rules should match those in contentStylingV2.css !!! */
	#searchContainer { float: right; padding-right: 5px; font-size: 12px;}
	#searchContainer * {float: left; display: inline;}
		#searchContainer #searchQ {color: #939393; font-style: italic; margin: 0 5px 0 0; padding: 2px;}
		#searchContainer #searchQ:focus {color: #000; font-style: normal;}
		
		#searchContainer button {
			width: 64px; height: 21px;
			border: 0;
			background: url(../images/buttons/searchButton.gif); color: #fff;
			text-align: center; text-transform: uppercase;
			cursor: pointer;
			}
/* @end */

/* @group Inverted Tab */
/* =INVERTED TAB */
.invertedTab { clear: both;	padding: 10px 0; text-align: center; }
	.invertedTab ul { border-top: 1px solid #bfbfbf; padding-top: 0.2em; }
	.invertedTab ul li { display: inline; }
	.invertedTab ul li a { color: #000; text-decoration: none; padding: 0.3em 3px 0 3px; font-size: 0.8em; }
	.invertedTab ul li a:hover, .invertedTab ul li#current { padding-bottom: 0.3em; background: url(../images/bottomBorder.gif) top repeat-x; }
	li.invertedTabCurrent { font-weight: bold; font-size: 80%; padding: 0.3em 3px 0 3px; background: url(../images/bottomBorder.gif) top repeat-x; }
	li.invertedTabPrevious a, li.invertedTabNext a { font-weight: bold; padding-top: 0.3em; background: url(../images/bottomBorder.gif) top repeat-x; }
/* @end */