@charset "UTF-8";
@import url(../adobe/screen/layout.css);
@import url(../adobe/screen/gfooter.css);

/*-------------------------------------------------------------------

	Shell Overrides

-------------------------------------------------------------------*/

html {
	border-top-style: none;
}

body { background: #222222; }

/*--- 
When the shade for xnav enables overflow hidden, content gets clipped. 
Since cs4 doesn't have a drop shadow, i'm moving the padding down to the next element to fix it.
---*/

#content-layout {
	padding-top: 0;
}

#globalfooter {
	background-color: #424242;
}

#globalnav a,
#globalnav a:hover,
#site-menu-dropdown .dropdown-tab { color: #fff; }
#globalnav .cart { background-image: url(/lib/com.adobe/template/gnav/cart_light.gif); }

/*-------------------------------------------------------------------

	Content

-------------------------------------------------------------------*/

#content-body .clip-sides {
	_height: 1em;
	*zoom:1;
	margin-right: -20px;
}

.intro {
	font-size: 130%;
}
.intro h2 {
	font-size: 140%;
	font-weight: bold;
	margin-bottom: .5ex;
}

#content-body {
	background-color: #FFFFFF;
	color: #444444;
}

/*-------------------------------------------------------------------

	Headers

-------------------------------------------------------------------*/

/*-------------------------------------------------------------------

	Content Header

-------------------------------------------------------------------*/

#content-header,
#content-header h1, /* useful until the SEO update is completed across all CS4 pages */
#brand-label {
	position: relative;
}

#content-header {
	background-position: top left;
	margin: 0;
	width: 100%; /* important for IE...loser */
}

#brand-label,
#content-header h1 /* useful until the SEO update is completed across all CS4 pages */
{
	width: auto;
	padding-right: 16px; /* this is overriden by some layouts like pocket */
	text-transform: uppercase;
	padding-right: 0;
	padding-bottom: 10px;
	padding-top: 24px;
	font-size: 30px;
}

#content-body h3 {
	font-weight: normal;
	font-size: 15px;
	border-bottom-style: none;
	padding-bottom: 0;
	margin-bottom: 12px;
}

h3 {
	text-transform: uppercase;
}

/*-------------------------------------------------------------------

	Member Nav

-------------------------------------------------------------------*/

#family-member-nav {
	height: 44px;
	width: 100%;
	position: relative;
}

#family-member-nav .family-member {
	display: block;
	position: absolute;
	top: 0;
	height: 30px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.1;
}

#family-member-nav .family-member:hover {
	background-color: transparent;
	text-decoration: none;
}