/* CSS Document */

body {
  background-color:#fff;
  margin:30px auto 30px auto;
  text-align:center;
  font:8pt Arial, Helvetica, Sans-serif;
  color:#000;
}

#page {
  width:800px;
  min-height:600px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  overflow:visible;
  /*border:solid white;*/
}

img {border:none;}

a { text-decoration:none; }
a:link { color: #28a5da; }
a:hover { color: #676767; text-decoration:underline; }
a:visited { color: #28a5da; }

#content {
  max-width:100%;
  min-height:400px;
  margin:0px;
  padding:0px;
  text-align:left;
  vertical-align:top;
  position:relative;
  overflow:hidden;
  /*border:solid white thin;*/
}

.std_align { padding:6px 50px 6px 66px; }

.comming_soon { 
  font-size:20pt;
  font-weight:bold;
  max-width:90%;
  height:300px;
  text-align:center;
  vertical-align:center;
  padding-top:50px;
  /*border:solid white thin;*/
}

/* header */
#header {
  width:100%;
  height:80px;
  /*border:solid white;*/
  position:relative;
}

  /* header follow */
  #header_follow {
    width:210px;
    height:30px;
    background: url(../img/header_follow.png);
    background-repeat:no-repeat;
    right:0;
    padding:0;
    margin:0;
    text-align:right;
    position:absolute;
    /*border:solid white;*/
  }
  
  #header_follow li {
    margin:0;
    padding:0;
    list-style:none;
    position:absolute;
    top:0;
    /*border:solid white thin;*/
  }
  
  #header_follow li, #header_follow a {
    height:100%;
    display:block;
  }
  
  #header_follow_text {
    left:0px;
    width:90px;
    /*border:solid white thin;*/
  }
  
  #header_follow_youtube {
    left:92px;
    width:24px;
  }
  
  #header_follow_facebook {
    left:118px;
    width:24px;
  }
  
  #header_follow_twitter {
    left:144px;
    width:24px;
  }
  
  #header_follow_myspace {
    left:170px;
    width:24px;
  }
  /* end header follow */
  
  #logo {
    width:204px;
    height:58px;
    position:absolute;
    left:0px;
    bottom:0;
  }
  
  /* header nav */
  #header_nav {
    width:562px;
    height:43px;
    background: url(../img/header_nav.png);
    margin:0;
    padding:0;
    position:absolute;
    right:0;
    bottom:0;
    /*border:solid white;*/
  }
  
  #header_nav li {
    margin:0;
    padding:0;
    list-style:none;
    position:absolute;
    top:0;
    /*border:solid white thin;*/
  }
  
  #header_nav li, #header_nav a {
    height:100%;
    display:block;
  }
  
  #header_nav_family {
    left:0px;
    width:80px;
  }
  
  #header_nav_product {
    left:81px;
    width:80px;
  }
  
  #header_nav_videos {
    left:162px;
    width:70px;
  }
  
  #header_nav_events {
    left:233px;
    width:70px;
  }
  
  #header_nav_retailers {
    left:304px;
    width:90px;
  }
  
  #header_nav_about {
    left:395px;
    width:64px;
  }
  
  #header_nav_downloads {
    left:460px;
    width:100px;
  }
  
  #header_nav_family a:hover {
    background:transparent url(../img/header_nav.png) 0px -42px no-repeat;
  }
  
  #header_nav_product a:hover {
    background:transparent url(../img/header_nav.png) -81px -42px no-repeat;
  }
  
  #header_nav_videos a:hover {
    background:transparent url(../img/header_nav.png) -162px -42px no-repeat;
  }
  
  #header_nav_events a:hover {
    background:transparent url(../img/header_nav.png) -233px -42px no-repeat;
  }
  
  #header_nav_retailers a:hover {
    background:transparent url(../img/header_nav.png) -304px -42px no-repeat;
  }
  
  #header_nav_about a:hover {
    background:transparent url(../img/header_nav.png) -395px -42px no-repeat;
  }
  
  #header_nav_downloads a:hover {
    background:transparent url(../img/header_nav.png) -460px -42px no-repeat;
  }

  #header_nav_family a.on {
    background:transparent url(../img/header_nav.png) 0px -84px no-repeat;
  }
  
  #header_nav_product a.on {
    background:transparent url(../img/header_nav.png) -81px -84px no-repeat;
  }
  
  #header_nav_videos a.on {
    background:transparent url(../img/header_nav.png) -162px -84px no-repeat;
  }
  
  #header_nav_events a.on {
    background:transparent url(../img/header_nav.png) -233px -84px no-repeat;
  }
  
  #header_nav_retailers a.on {
    background:transparent url(../img/header_nav.png) -304px -84px no-repeat;
  }
  
  #header_nav_about a.on {
    background:transparent url(../img/header_nav.png) -395px -84px no-repeat;
  }
  
  #header_nav_downloads a.on {
    background:transparent url(../img/header_nav.png) -460px -84px no-repeat;
  }
  
  /* end header nav */
/* end header */

/* subheader */
#subheader {
  width:100%;
  height:43px;
  text-align:left;
  margin:24px 0px 4px 0px;
  padding:0px 0px 0px 66px;
  /*border:solid white;*/
}

  /* subheader nav */
  #subheader_nav {
    margin:0px;
    padding:0px;
    height:100%;
    width:100%;
    position:relative;
    vertical-align:middle;
    /*border:solid white thin;*/
  }
  
  #subheader_nav li {
    list-style:none;
    position:absolute;
    top:0;
    /*border:solid white;*/
  }
  
  #subheader_nav li, #subheader_nav a {
    margin:0px;
    padding:0px;
    height:100%;
    display:block;
  }
  
  /*  page-specific styles located in separate css file 
      named after file's containing folder */
  
  /* end subheader nav */
/* end subheader */

/* footer */
#footer {
  width:100%;
  height:24px;
  position:relative;
  text-align:left;
  /*border:solid white;*/
}

#launch_copyright {
  margin:4px 0px 4px 0px;
  position:absolute;
  top:0px;
  left:0px;
}

  /* footer nav */
  #footer_nav {
    margin:4px 0px 4px 0px;
    height:20px;
    width:100%;
    position:absolute;
    top:0px;
    left:10px;
    /*border:solid white thin;*/
  }
  
  #footer_nav li {
    list-style:none;
    position:absolute;
    top:0;
  }
  
  #footer_nav li, #footer_nav a {
    margin:0;
    padding:0;
    height:100%;
    display:block;
  }
  
  #footer_nav_title {
    left:16px;
    width:178px;
  }
  
  #footer_nav_girls {
    left:196px;
    width:62px;
  }
  
  #footer_nav_charity {
    left:260px;
    width:72px;
  }
  
  #footer_nav_environment {
    left:334px;
    width:106px;
    /*border:solid white thin;*/
  }
  
  #footer_nav_faq {
    left:442px;
    width:42px;
  }
  
  #footer_nav_support {
    left:486px;
    width:76px;
  }
  
  #footer_nav_newsletter {
    left:564px;
    width:100px;
  }
  
  #footer_nav_community {
    left:666px;
    width:100px;
  }
  
  #footer_nav_girls a:hover {
    background:transparent url(../img/footer_nav.png) 0px -84px no-repeat;
  }
  
  #footer_nav_charity a:hover {
    background:transparent url(../img/footer_nav.png) -81px -84px no-repeat;
  }
  
  #footer_nav_environment a:hover {
    background:transparent url(../img/footer_nav.png) -162px -84px no-repeat;
  }
  
  #footer_nav_faq a:hover {
    background:transparent url(../img/footer_nav.png) -233px -84px no-repeat;
  }
  
  #footer_nav_support a:hover {
    background:transparent url(../img/footer_nav.png) -304px -84px no-repeat;
  }
  
  #footer_nav_newsletter a:hover {
    background:transparent url(../img/footer_nav.png) -395px -84px no-repeat;
  }
  
  #footer_nav_community a:hover {
    background:transparent url(../img/footer_nav.png) -460px -84px no-repeat;
  }
  /* end footer nav */
/* end footer */

a.tooltip:after{  font:12px/1.4 Arial,Georgia,sans-serif;  content: attr(title);  display:none;  position:absolute;  padding:5px 10px;  top:0px;  margin:1em 0 3em;  color:#fff;  background:#075698;  left:-20px;   -moz-border-radius:4px;  -webkit-border-radius:4px;  border-radius:4px;   background:-webkit-gradient(linear, left  top, left bottom,  from(#075698), to(#2e88c4));  background:-moz-linear-gradient(top,  #075698, #2e88c4);  background:-o-linear-gradient(top,  #075698, #2e88c4);  background:linear-gradient(top,  #075698, #2e88c4);   -moz-box-shadow: 0px 0px 4px #000; /* FF3.5+ */  -webkit-box-shadow: 0px 0px 4px #000; /* Saf3.0+, Chrome */  box-shadow: 0px 0px 4px #000; /* Opera 10.5, IE 9.0 */  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#000'); /* IE6,IE7 */  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#000')";  /* IE8 */ }   /* creates triangle */ a.tooltip:before{  z-index:13;  position:absolute;  content:"\00a0";  display:none;  width:0;  height:0;  border-style:solid;   top:-3px;  left:0px;  border-width:15px 7px 15px 7px;  border-color:transparent transparent #075698; }   a.tooltip:hover::before{  display:block; }   a.tooltip:hover{  z-index:10;  position:relative; }   a.tooltip:hover::after{  width:200px;  display:block;  margin:25px 0 0 10px; }