/* used for aol branded pages, circa April, 2009 
   included by hdr.php as part of the partner co-branding
   
   styles for the hat/header */
   
body {
  background-color:white;

}
table#cmh_cols { /* this overrides custom_home.css */
margin:0 auto;
  width: 994px;
}


div#content_area {
  background-color:white;
  padding-top:0px;
  border:0px!important;
  width: 994px;
}     


#aolHat {
  position:relative;
  height:200px;
  z-index:2;
  text-align:left;
}

#aolHeader {
  border:1px solid #CCC;
  position:relative;
}

#aolHeader img {
  border:0px;
  vertical-align:bottom;
}

/* top gray bar */
#aolTopBar {
  background-image:url('/images/aol/wrapper/tp-rail-bg.jpg');
  background-repeat:repeat-x;
  height:18px;
}

#aolTopBar a {
  height:18px;
  overflow:hidden;
}

#aolTopBar #aolLeftLinks{
  float:left;
}

#aolLeftLinks a {
  padding:4px 7px 0px 7px;
}

#aolLeftLinks a:hover {
  text-decoration:underline;
}

#aolLeftLinks a, #aolLeftLinks span {
  display:block;
  height:18px;
  overflow:hidden;
  float:left;
  color:#C3C3C3;
}

#aolTopBar #aolRightLinks{
  float:right;
}

#aolRightLinks a {
  display:block;
  float:left;
  height:18px;
  padding:4px 7px 0px 7px;
  overflow:hidden;
}

 
#aolTopBar a, #aolTopBar a:active, #aolTopBar a:visited #aolTopBar a:hover {
  font-size:9px;
  color:black;
  text-decoration:none;
}

a#aolLivingLogo {
  padding:0px !important;
  height:18px;
  width:65px;
  overflow:hidden;
  background-image:url(/images/aol/wrapper/aol-living-logo.jpg);
  background-repeat:no-repeat;
}

a#aolLivingLogo:hover {
  background-image:url(/images/aol/wrapper/aol-living-logo-w.jpg);
}


#aolNavOn {
  background-color:white;
  height:19px;
}

#aolRightLinks a:hover {
  background-color:white;
  text-decoration:underline;
}
/* middle search & logo row */

div#aolSearchRow {
  height:100px;
  text-align:left;
}

div#aolLogoLarge {
  clear:left;
  width:230px;
  text-align:left;
  float:left;
  padding-top:23px;
}

div#aolLogoLarge img {
  margin-left:10px;
}

div#aolSearchContainer {
  width:411px;
  height:64px;
  padding-top:15px;
  float:left;
}

div#aolSearchTabRow {
  padding-left:10px;
  height:17px;
}

/* tabs */
a.aolSearchTab {
  display:block;
  float:left;
  height:17px;
  padding-left:5px;
  padding-right:5px;
  margin-left:5px;
  text-decoration:none;
}

/* tab link color */
a.aolSearchTab, a.aolSearchTab:active, a.aolSearchTab:visited, a.aolSearchTab:hover {
  color:#5F5998;
}

a.aolSearchTabOn {
  background-image:url(/images/aol/wrapper/search-rail.jpg);
  background-repeat:repeat-x;
}

a.aolSearchTabOn, a.aolSearchTabOn:active, a.aolSearchTabOn:visited, a.aolSearchTabOn:hover {
  color:white;
}

/* decor is a bg image, form elements are transparent */
form#aolSearchForm {
  background-image:url(/images/aol/wrapper/search-box.jpg);
  background-repeat:no-repeat;
  background-position:-2px -3px; /* cropping the extra whitespace */
  width:411px;
  height:30px;
  overflow:hidden;
  margin:0px;
  clear:both;
}

/* search input field */
#aolSearchQ {
  border:0px;
  background-color:transparent;
  height:18px;
  width:315px;
  font-size:12px;
  margin:0px;
  padding:0px;
  position:relative;
  top:-4px;
  left:7px;
}

/* search submit button */
#aolSearchBtn {
  width:80px;
  height:24px;
  position:relative;
  left:6px;

}

div#tarotLogoAol {
  width:172px;
  float:right;
  padding-top:15px;
}

/* nav menus ************************/
div#aolMenuNavRow {
  text-align:left;
  position:absolute;
  top:100px;
  margin-left:5px;
  z-index:4;
}

div#aolMenuNavRow ul, div#aolMenuNavRow li {
  margin:0px;
  padding:0px;
  list-style:none;
}

/* always visible links, top row */
li.menuItem {
  display:block;
  float:left;
  position:relative;
  font-size:11px;
  border-left:1px solid #CCC;
}

li.menuItem a.topLevel, li.menuItem a.topLevel:active, li.menuItem a.topLevel:visited {
  color:black;
  padding:0px 8px 0px 8px!important;
  text-transform:uppercase;
  text-decoration:none;
}

li.activeMenu a.topLevel:active, li.menuItem a.topLevel:hover {
  color:white;
}

/* highlighting top level nav item: 1st is for FF, 2nd for IE 
Needs to be convoluted like this so the top link stays highlighted 
when the mouse moves off of it, into the menu */
li.menuItem:hover a.topLevel, li.activeMenu a.topLevel, li.activeMenu a.topLevel:visited {
  background-color:#666;
  color:white;
}

/* menus */
li.menuItem ul.hiddenMenu {
  z-index:10000;
  left:-2000px; /* this hides them */
  top:14px;
  position:absolute;
  width:300px;
  background-color:white;
  border:1px solid #ccc;
}

/* showing menus */
li.activeMenu ul.hiddenMenu{
  left:0px;
}

/* base style for links in hidden menus */
li.menuItem ul.hiddenMenu a {
  text-decoration:none;
  text-transform:none;
  color:#4F4792;
}

li.menuItem ul.hiddenMenu a:hover {
  text-decoration:underline;
}

/* sub headers in menus*/ 
ul#aolMenuList li.subheader{
  background-color:#F2F1F7;
  color:#4F4792;
  font-weight:bold;
  padding:2px 5px 2px 7px;
  clear:left;
}

/* normal links in 2 columns */
li.twoCol ul {
  width:145px;
  float:left;
  margin-top:3px!important;
  
}


li.twoCol ul li {
  list-style-type:none!important;
  margin-left:1em!important;
  margin-bottom:4px!important;
  line-height:100%;
  color:#4F4792;
  background-image:url('/images/aol/wrapper/bullet.jpg');
  background-position:0px 5px;
  background-repeat:no-repeat;
  padding-left:8px!important;
}
/* end of nav menus ****************/


/* bottom bar 
this is a gray bar only, the content is outside & positioned over it.
*/
#aolBottomBar {
  background-image:url(/images/aol/wrapper/btm-rail-bg.jpg);
  background-repeat:repeat-x;
  border-top:1px solid #CCC;
  height:22px;
  overflow:hidden;
}

#aolBottomLinks {
  text-align:right;
  width:100%;
  position:absolute;
  top:124px;!important;
  font-size:12px;
  color:#5F5998;
}

#aolBottomLinks a, #aolBottomLinks a:active, #aolBottomLinks a.visited {
  color:#5F5998;
  text-decoration:none;
}

#aolBottomLinks a:hover {
  text-decoration:underline;
}

#aolBottomLinks span.sep {
  padding-left:5px;
  padding-right:5px;
}

/* more links menu */

a.topLevel2, a.topLevel2:active, a.topLevel2:visited {
  color:#5F5998;
  text-decoration:none;
}

/* over riding some very generic rules in product_tee.css */
a#moreLink {
  padding:0px 0px 0px 0px!important;
  vertical-align:baseline!important;
}

a.topLevel2:hover {
  color:#5F5998;
  text-decoration:none;
}

#aolMoreMenuContainer {
  text-align:right;
}

#aolMoreMenu {
  position:relative;
  top:-19px;
  left:-15px;
  z-index:4;
  /*width:125px;*/
  margin:0px;
  padding:0px;
  float:right;
  list-style-type:none;
}

#aolMoreMenu ul#aolHiddenMoreMenu {
  position:absolute;
  left:-2000px;
  background-color:#F2F1F7;
  width:125px;
  text-align:left;
  margin:0px;
  padding:0px;
  list-style-type:none;
  float:left;
  margin-top:0px!important;
}

ul#aolHiddenMoreMenu li {
  padding-left:8px!important;
  background-image:url('/images/aol/wrapper/bullet.jpg');
  background-position:0px 5px;
  background-repeat:no-repeat;
  margin-bottom:4px!important;
  margin-left:10px;
  line-height:100%;
}

ul#aolHiddenMoreMenu a, ul#aolHiddenMoreMenu a:active, ul#aolHiddenMoreMenu a:visited {
  color:#4F4792;
  text-decoration:none;
  font-size:11px;
}

ul#aolHiddenMoreMenu a:hover {
  text-decoration:underline;
}

/* show the menu 
class name is added onmouseover
*/ 
.activeMoreMenu ul {
  left:0px!important;
}

/* welcome msg */
#aolWelcomeBlock {
  text-align:left!important;
  color:black;
  font-size:12px!important;
  margin-left:14px;
  position:absolute;
  top:125px;
  z-index:2;
}

#aolWelcomeBlock .width {
  width:470px;
}

/* the welcome headline class name can vary */
#aolWelcomeBlock .headline,  #aolWelcomeBlock .welcomeheadline{
  color:#5F5998!important;
  font-weight:bold;
  font-size:12px!important;
  height:20px!important;
  width:430px;
  overflow:hidden;
  display:block;
}

#aolWelcomeBlock .smtxt {
  font-size:12px!imortant;
}

#aolWelcomeBlock a {
  white-space:nowrap;
}

#aolWelcomeBlock #welcome-c {
  padding:0px;
  font-size:inherit;
}

#footer_content {
	background-color:white;
	color:#666;
}
#footer_content a:link, #footer_content a:visited {
	color:#000000;
}