@import url('init.css');

body {
  background: #00828f url(../images/background_body-gradient.gif) 0px 0px repeat-x;
  font: 1.2em/normal "Helvetica Neue", Helvetica, Arial, sans-serif
}
img { behavior: url(../scripts/iepngfix.htc); }
a {
  text-decoration: none;
}
textarea {font-family: inherit; font-size: inherit;}
sup {
  font-size: .7em;
  vertical-align: top;
}
h3 sup { font-size: .5em; }

em {
  font-weight: inherit;
}
.align_left  { float: left;  }
.align_right { float: right; }

ul.fancy {
  padding: 0 15px 10px 15px;
}
ul.fancy li {
  background: transparent url(../images/bullet_fancy.gif) 0px 2px no-repeat;
  padding: 0 15px 5px 15px;
}
.error {
  color: #f00 !important;
}

#wrapper {
  background: #fff;
  margin: 9px auto 10px auto;
  width: 760px;
}
/**
 * Global Header
 * -----------------------------------------------------------------------------
 */
#header { background: transparent url(../images/background_header.gif) 0px 0px no-repeat; }
#logo {
  background: transparent url(../images/logo.gif) 0px 0px no-repeat;
  display: block;
  float: left;
  height: 68px;
  margin-top: 61px;
  text-indent: -9999px;
  width: 164px;
}

#content { background: #68004f; }
#login #content { background: #68004f url(../images/background_sign-in.gif) 0px 371px no-repeat; }

/**
 * Article and Inner Content Page Elements
 * -----------------------------------------------------------------------------
 */
.article .text_right { padding-right: 15px; }
.article .text_left { padding-left: 15px; }
.article .text_start { padding-top: 20px;}
.article .text_center { padding-left: 15px; padding-right: 15px;}
.article #content { background: #fff; }
.article #isi { border-bottom: 1px solid #94c8cb; }
.article #isi h3,
.article #isi strong { color : #3b9ca2;}
.article #isi p,
.article #isi ul li,
.article #isi strong.alt {color: #000; }
.article #isi strong.alt a strong {color: #fc9501;}
.article #signupCommand h1 {font-weight: normal; padding-top: 20px;}

#registration #signupCommand h1 { padding-top: 0px; }

.article #container {
  background: transparent url(../images/background_articles.gif) 0px 0px repeat-y;
}
.article #container_flourish {
 /* background: transparent url(../images/background_article-footer.gif) 0px 0px no-repeat;
  height: 20px;*/
}
.article #content_main {
  float: left;
  width: 597px;
}
.article #content_main h1 {
   color: #00707b;
   font-size: 2.8em;
   line-height: 1.2em;
}
.article #content_main h2 {
  color: #eb0bbe;
  font-size: 1.4em;
  line-height: 1.2em;
}
.article #content_main h3 {
  font-size: 1.4em;
  font-weight: bold;
  padding: 0 15px 10px 15px;
}
.article p {
  line-height: 1.5em;
  padding: 0 15px 10px 15px;
}
.article div.new_music p {
  padding: 5px 0 5px 0;
}
.article #content_secondary {
  float: right;
  padding: 0 0px 0 0;
  width: 163px;
}
.article cite {
  font-size: .919em;
  font-style: normal;
  font-weight: bold;
}
/**
 * Search Box
 * -----------------------------------------------------------------------------
 */
#search_form {
  float: right;
  height: 33px;
  width: 243px;
}
#search_form #search_box {
  border: 0;
  float: left;
  font-size: 0.9em;
  width: 120px;
  position: relative;
  top: -53px;
  background: transparent;
  left: 53px;
}
#search_form #search_button {
  position: relative;
  float: right;
  top: -57px;
  right: 2px;
}

#masthead_isi {
  position: relative;
  top: 42px;
  left: 96px;
  width: 656px;
  font-size: .9em;
}
#masthead_isi span {
  color: #01586e;
  font-size: 1.1em;
  display: block;
  padding: 0 0 5px 0;
  font-weight: bold;
}
#masthead_isi a { color: #FC9501; }
#masthead_isi span a {
  color: #01586e;
  font-weight: bold;
  text-decoration: underline;
  
}
/**
 * Toolbar and Top Image
 * -----------------------------------------------------------------------------
 */
#welcome_rotator {
  background: transparent url(../home/images/rotator1.jpg) 0px 0px no-repeat;
  height: 260px;
}
#works #welcome_rotator,
#front #welcome_rotator,
#tools #welcome_rotator,
#error #welcome_rotator {
  height: 165px;
}
#works #welcome_rotator { background: transparent url(../the_works/images/background_rotator.jpg) 0px 0px no-repeat; }

#works.article #welcome_rotator { background: transparent url(../the_works/images/background_article.jpg) 0px 0px no-repeat; }

#front #welcome_rotator,
#error #welcome_rotator  { background: transparent url(../images/generic_header.jpg) 0px 0px no-repeat; }
#front.article #welcome_rotator { background: transparent url(../front_row/images/background_article.jpg) 0px 0px no-repeat; }

#tools #welcome_rotator { background: transparent url(../yaz_tools/images/background_rotator.jpg) 0px 0px no-repeat; }
#tools.article #welcome_rotator { background: transparent url(../yaz_tools/images/background_article.jpg) 0px 0px no-repeat; }

#registration.profile #welcome_rotator,
#registration_thanks.profile #welcome_rotator   {
  background: transparent url(../images/generic_header.jpg) 0px 0px no-repeat;
  height: 200px;
}
#registration {
  margin-top: 9px !important;
}
#safety.article #welcome_rotator {
  background: transparent url(../images/header_isi.jpg) 0px 0px no-repeat;
  height: 165px;
}
#toolbar {
  background: #000;
  color: #fff;
  height: 20px;
  padding: 8px 15px 5px 15px;
}
#toolbar .welcome {float: left;}
#toolbar ul { float: right;}
#toolbar ul li { display: inline; }
#toolbar ul li a {
  color: #fff;
}

#toolbar .welcome strong {
  color: #ffcc00;
  font-weight: normal;
}
/**
 * Featured Content Area
 * -----------------------------------------------------------------------------
 */
#content_feature {
  background: transparent url(../home/images/background_no-flash.jpg) 0px 0px no-repeat;
  height: 315px;
}
#content_feature p {
  float: left;
  padding: 253px 0 0 15px;
}
#content_feature p a {
  display: block;
  float: left;
  height: 40px;
  text-indent: -9999px;
  width: 329px;
}
#content_feature ul {
  float: right;
  padding: 59px 15px 0 0
}
/**
 * Content Sections Area
 * -----------------------------------------------------------------------------
 */
#site_sections {
  background: #5f0047 url(../home/images/background_section.jpg) 0px 0px no-repeat;
  padding: 40px 0 5px 0;
}

#sections {
  padding: 0 0 20px 0;
}

/**
 * Media Box
 * -----------------------------------------------------------------------------
 */
.media {
  float: left;
  padding: 10px;
}
.media.second {
  padding-left: 12px;
}
.media li {
  background: #59042b;
  margin: 0 0 5px 0;
  width: 232px;
}
.media li img {
  float: left;
}
.media li h2 {
  color: #ffbc08;
  font-size: 1.167em;
  padding: 6px 5px 3px 0;
}
.media li p {
  padding: 0 5px 0 0;
}
.media li p a {
  color: #fff;
  font-size: 0.917em;
  padding: 0 0 0 1px;
}
.media li p a span {
  color: #ffbc08;
}
.media li p.smaller {
  color: #fff;
  font-size: 0.909em;
}
.media li.view_all {
  background: none;
  padding: 4px 0 0 0;
}
.media li.view_all a {
  color: #f7cf02;
  font-size: .833em;
  padding: 0 0 0 8px;
}
div.media {
  width: 234px;
}
div.media p {
  color: #f7cf02;
  font-size: 1.2em;
}
div.media p span {
  font-size: .6em;
  display: block;
}
div.media ul.media {
  padding-top: 15px;
  padding-left: 0px;
}

div.media ul.media li {
	display: block;
	position: relative;
	float: left;
  padding: 5px 0;
}
div.media ul.media li a {
  color: #fff;
  padding: 0 15px;
}
div.media ul.media li a span {
  color: #ffbc08;
}
div.media ul.media li.view_all {
  padding: 0;
}
div.media ul.media li.view_all a {
  color: #f7cf02;
  padding: 0 0 0 8px;
}
div.media.last {
  padding: 7px 0 0 12px;
}

li#yaztoolsfirst{
	display: block;
	position: relative;
	float: left;
	margin: 0px 0px 5px 0px;
	padding: 0px;

}
li#yaztoolsfirst a{
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
	float: left;
}
li#yaztoolsfirst a#img{
	display: block;
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
}
li#yaztoolsfirst p{
	color: #fff;
  font-size: 1em;
  padding: 0px;
	margin: 0px;
	float: left;
	width: 138px;
}
li#yaztoolsfirst p span{
	display: inline;
	font-size: 1em;
}

/**
 * Global Navigation
 * -----------------------------------------------------------------------------
 */
#navigation_main {
  float: left;
  height: 68px;
  margin-top: 28px;
  width: 596px;
}
#navigation_main li { float: left; }
#navigation_main li a {
  background: transparent url(../images/navigation_main.gif) 0px 0px no-repeat;
  display: block;
  height: 68px;
  text-indent: -9999px;
}
#navigation_main li.home a { width: 132px; }
#navigation_main li.works a {
  background-position: -132px 0px;
  width: 88px;
}
#navigation_main li.works a {
  background-position: -132px 0px;
  width: 88px;
}
#navigation_main li.front a {
  background-position: -220px 0px;
  width: 87px;
}
#navigation_main li.tools a {
  background-position: -307px 0px;
  width: 87px;
}
#navigation_main li.important a {
  background-position: -394px 0px;
  width: 202px;
}

#navigation_main li.home a:hover { background-position: 0px -67px; }
#navigation_main li.works a:hover { background-position: -132px -67px; }
#navigation_main li.front a:hover { background-position: -220px -67px;  }
#navigation_main li.tools a:hover { background-position: -307px -67px;  }
#navigation_main li.important a:hover { background-position: -394px -67px;  }

#home #navigation_main li.home a { background-position: 0px -135px;  }
#works #navigation_main li.works a { background-position: -132px -135px;  }
#front #navigation_main li.front a { background-position: -220px -135px;  }
#tools #navigation_main li.tools a { background-position: -307px -135px;  }
#safety #navigation_main li.important a { background-position: -394px -135px;  }

/**
 * ISI Settings
 * -----------------------------------------------------------------------------
 */

#isi {
  padding: 20px 15px 20px 15px;
}

#isi h3 {
  color: #fc9501;
  font-size: 1.636em;
  padding: 0 0 20px 0;
}

#isi p {
  color: #fff;
  padding: 0 0 10px 0;
}
#isi a {
  color: #fc9501;
  text-decoration: underline;
}
#isi strong { color: #fc9501; }
#isi strong.alt { color: #fff; }

#isi ul li {
  background: transparent url(../images/isi_bullet1.gif) 2px 5px no-repeat;
  color: #fff;
  padding: 0 0 10px 15px;
}
.article #isi ul li {
  background: transparent url(../../images/icons/icon_bullet01.gif) 2px 5px no-repeat;
}
#isi ul li ul li {
  background: transparent url(../images/isi_bullet2.gif) 0px 5px no-repeat;
  padding: 0 0 0 15px;
}
.article #isi ul li ul li {
  background: transparent url(../../images/icons/icon_bullet02.gif) 0px 5px no-repeat;
}
/**
 * Global Footer
 * -----------------------------------------------------------------------------
 */
#footer { padding: 10px 0 30px 0; }
#footer ul {
  padding: 5px 0 20px 0;
  text-align: center;
}
#footer a#logo_bayer {
  background: transparent url(../images/logo_bayer.gif) 0px 0px no-repeat;
  display: block;
  height: 41px;
  margin: 0px auto;
  text-indent: -9999px;
  width: 172px;
}
#footer ul li {
  color: #3b9ca2;
  display: inline;
}
#footer ul li a { color: #000; font-size: .919em;}
#footer ul li a:hover { text-decoration: underline; }
/**
 * Login Page
 * -----------------------------------------------------------------------------
 */
#login_area {
  background: transparent url(../images/stub_flash-sign-in.jpg) 0px 0px no-repeat;
  height: 474px;
}
#login_area #isi_top {
  color: #fff;
  position: absolute;
  float: right;
  padding: 5px 0 0 0;
  width: 749px;
  text-align: right;
  z-index: 1000;
}
#login_area #isi_top p {
  font-size: 1.1em;
  font-weight: bold;
}
#login_area #isi_top a {
  color: #f7cf02;
  font-weight: bold;
  text-decoration: underline;
}
#login_area #movie {
  z-index: 900;
  height: 470px;
  width: 568px;
}
#login_area #login_box {
  float: right;
  padding: 46px 0 0 0;
  width: 174px;
}
#login_area #login_box h1 {
  background: transparent url(../sign_in/images/header_login.gif) 0px 0px no-repeat;
  height: 25px;
  text-indent: -9999px;
  width: 100px;
}
#login_area #login_box h2 {
  background: transparent url(../sign_in/images/header_program.gif) 0px 0px no-repeat;
  height: 70px;
  text-indent: -9999px;
}
#login_area #login_box label {
  color: #fff;
  padding: 3px 0;
  display: block;
}
#login_area #login_box p a {
  color: #66ccff;
  text-decoration: underline;
}
#login_area #login_box p.inline label {
  display: inline;
}
/**
 * Boxes
 * -----------------------------------------------------------------------------
 */
#boxes {
  background: transparent url(../images/header_sign-in.gif) 0px 0px no-repeat;
  min-height: 34px;
}
#boxes ul li {
  float: left;
  padding: 34px 26px 2px 0;
}
#boxes ul li.first {
  padding-left: 15px;
  padding-right: 21px;
}
#boxes ul li.second {
  padding-right: 20px;
}
#boxes ul li a {
  background: #b6058a;
  color: #fff;
  display: block;
  padding: 10px;
  width: 144px;
}
#boxes ul li a:hover { background: #098398; }
#boxes ul li a span {
  color: #f7cf02;
}

/**
 * Buttons
 * -----------------------------------------------------------------------------
 */
.button {
  display: block;
  text-indent: -9999px;
  height: 20px;
}
.button:hover {
  background-position: 0px 100%;
}
.learn_how {
  background: transparent url(../images/btn_learn-how.jpg) 0px 0px no-repeat;
}
#home a.learn_how {
  background-position: 88% 0px;
}
.preview {
  background: transparent url(../email_article/images/btn_preview.gif) 0px 0px no-repeat;
  width: 90px;
}
.join_now {
  background: transparent url(../sign_in/images/btn_join-now.gif) 0px 0px no-repeat;
  height: 34px;
  width: 128px;
}
.continue {
   background: transparent url(../images/btn_continue.gif) 0px 0px no-repeat;
   width: 90px;
}
.log_in {
  background: transparent url(../images/btn_log-in.gif) 0px 0px no-repeat;
  height: 34px;
  width: 95px;
}
.cancel {
   background: transparent url(../images/btn_cancel.gif) 0px 0px no-repeat;
   width: 90px;
}
.savings {
  background: transparent url(../yaz_tools/images/btn_savings.gif) 0px 0px no-repeat;
  width: 153px;
}
.forgot {
  background: transparent url(../images/btn_forgot.gif) 0px 0px no-repeat;
  width: 170px;
}
.read_more {
  background: transparent url(../images/btn_read-more.gif) 0px 0px no-repeat;
  height: 22px;
}
.view_pdf {
  background: transparent url(../images/btn_pdf.gif) 0px 0px no-repeat;
  width: 80px;
}
.img_vote {
  background: transparent url(../images/btn_vote.gif) 0px 0px no-repeat;
  border: 0;
  cursor: pointer;
  height: 20px;
  width: 57px;
}
.img_button {
  background: transparent url(../sign_in/images/btn_login.gif) 0px 0px no-repeat;
  border: 0;
  cursor: pointer;
  height: 20px;
  width: 62px;
}
.img_login {
  background: transparent url(../images/btn_login.gif) 0px 0px no-repeat;
  border: 0;
  cursor: pointer;
  height: 20px;
  width: 62px;
}
.img_search {
  background: transparent url(../images/btn_go.gif) 0px 0px no-repeat;
  border: 0;
  cursor: pointer;
  float: right;
  height: 27px;
  width: 41px;
}
.img_submit {
  background: transparent url(../images/btn_submit.gif) 0px 0px no-repeat;
  border: 0;
  cursor: pointer;
  width: 87px;
}
/**
 * Internal Homepages Header Area
 * -----------------------------------------------------------------------------
 */
#header_content {
  background: transparent url(../images/background_internal-header.gif) 0px 100% no-repeat;
  min-height: 30px;
  height:auto !important;
  height:30px;

}

#header_content h1 {
  color: #fff;
  font-size: 1.917em;
  padding: 15px 15px 5px 17px;
}
#header_content p {
  color: #fff;
  font-size: 1.333em;
  line-height: 1.3em;
  padding: 5px 25px 30px 17px;
}
#header_content div.sorry {
  background: transparent url(../images/icon_sorry.gif) 15px 10px no-repeat;
  padding: 15px 15px 10px 40px;
  color: #eb0bbe;
  font-size: 1.167em;
  display: none;
}
#header_content div.sorry strong {
  font-size: 1.917em;
}
/**
 * Internal Homepages Poll and Photo Area
 * -----------------------------------------------------------------------------
 */
#content_area #content_photo {
  height: 283px;
  float: left;
  width: 567px;
}
#content_area .cosmo {
  background: #fff url(../the_works/images/photo_cosmo.jpg) 0px 0px no-repeat;
}
#content_area .bracelets {
  background: #fff url(../front_row/images/photo_newmusic.jpg) 0px 100% no-repeat;
}
#content_area .tools {
  background: #fff url(../yaz_tools/images/photo_savings.jpg) 0px 0px no-repeat;
}
#content_area #content_photo.cosmo a,
#content_area #content_photo.bracelets a,
#content_area #content_photo.tools a {
  display: block;
  height: 20px;
  position: relative;
  top: 229px;
  text-indent: -9999px;
  left: 380px;
  width: 90px;
}
#content_area #content_photo.bracelets a {
  top: 228px;
}
#content_area #content_photo.tools a { width: 153px; }
#content_area #content_poll {
  background: #fff url(../images/background_poll.gif) 0px 0px no-repeat;
  float: right;
  height: 284px;
  width: 193px;
}
#content_area #content_poll form.poll h2,
.article .poll h2 {
  color: #fff;
  font-size: 1.667em;
  padding: 10px 0 15px 0;
}
#content_area #content_poll form,
.article form.poll  {
  color: #fff;
  padding: 5px 10px 10px 15px;
}
.article form.poll { padding: 5px 5px 10px 13px; }

#content_area #content_poll p.question,
.article .poll p.question {
  color: #eb0bbe;
  font-size: 1.2em;
}
#content_area #content_poll p.question span,
.article .poll p.question span  {
   color: #ffcc00;
   display: block;
   font-size: 1.2em;
   padding: 0 0 5px 0;
}
.article .poll p  { padding: 2px 0; }
.article .poll p.clear { padding: 0; }
.article a { color: #00aab6; }
.article a:hover { text-decoration: underline; }
/**
 * Internal Homepage Article Callouts
 * -----------------------------------------------------------------------------
 */

#article_callouts {
  background: transparent url(../images/background_internal-article.gif) 0px 0px no-repeat;
  height: 234px;
}
#article_callouts .article_wrapper {
  float: left;
}
#article_callouts ul.media li { width: 262px; }
#article_callouts div.media {
  float: right;
  width: 160px;
}
#article_callouts div.media ul.standard li { width: 160px; padding: 0 0 0 1px;}
#article_callouts div.media.last ul.standard li {
  width: 150px;
}
#article_callouts h3 {
  color: #fff;
  padding: 15px 0 0 0;
  font-size: 0.917em;
  font-weight: bold;
}
/**
 * -----------------------------------------------------------------------------
 */
ul.standard {
  color: #ffcc00;
  font-size: 0.917em;
  list-style-type: disc;
  padding: 0 0 0 15px;
}
ul.standard li {
  background: transparent;
  color: #ffcc00;
  margin: 0;
}
ul.standard li span { color: #fff; }

/**
 * Email and Share Buttons
 * -----------------------------------------------------------------------------
 */
ul.email_share {
  float: right;
  position: relative;
  top: 268px;
}
ul.pink { position: inherit; }
ul.email_share li {
  float: left;
  font-size: 0.917em;
  width: 61px;
}
ul.email_share li a {
  color: #ffcc00;
}


.article ul.email_share {
  float: left;
  padding: 10px 0 20px 15px;
}
.article ul.email_share li { width: auto; }
.article ul.email_share li {
  color: #68004f;
}
.article ul.email_share li a {
  color: #68004f;
}
.eyes ul.email_share,
.girls ul.email_share {
  padding-left: 0px;
}
.ask ul.email_share {
  padding-left: 30px;
}
ul.pink { display: none; }
ul.gold { display: block; }

.article ul.pink { display: block; top: 0px;}
.article ul.gold { display: none; }

#registration #welcome_rotator {
  background: transparent url(../sign_up/images/background_xpress_header.jpg) 0px 0px no-repeat;
  height: 360px;
}
#registration_error #welcome_rotator {
  background: transparent url(../error/images/background_xpress_header.jpg) 0px 0px no-repeat;
  height: 189px;
}
#sign_up {
  float: right;
  width: 410px;
}
#sign_up p {
  float: left;
  padding: 0 15px 0 0;
}
#sign_up label {
  color: #fff;
  padding: 0 0 1px 0;
  display: block;
}
#sign_up label.check {
  display: inline;
}
.links_area {
  float: right;
  width: 378px;
}
.links_area p a{
  color: #66ccff;
  text-decoration: underline;
}
.links_area p {
  font-size: 0.917em;
}
/**
 * -----------------------------------------------------------------------------
 */
div.columns {
  background: transparent url(../the_works/images/background_columns.jpg) 0px 0px repeat-y;
  padding: 10px 0 0 0;
}
div.columns div.column {
  float: left;
  padding: 0 0 25px 0;
  width: 195px;
}
div.double_column div.column {
  float: left;
  width: 295px;
  padding: 0 0 25px 0;
}
/**
 * -----------------------------------------------------------------------------
 */
#irock {
  background: transparent url(../front_row/images/background_irock.gif) 0px 0px no-repeat;
}
#irock p {
  padding: 0 63px 30px 132px;
}

/**
 * -----------------------------------------------------------------------------
 */
.answerbox {
  margin: 0px auto;
  width: 541px;
}
.answerbox h2 {
  text-indent: -9999px;
}
.answerbox p {
  padding: 0 15px 20px;
}
.fashion {
  background: transparent url(../front_row/images/background_fashionistas.gif) 0px 0px repeat-y;
}
.fashion h2 {
  background: transparent url(../front_row/images/header_fashionistas.gif) 0px 0px no-repeat;
  height: 77px;
}
.fashion .footer {
  background: transparent url(../front_row/images/footer_fashionistas.gif) 0px 100% no-repeat;
  height: 10px;
}
.band {
  background: transparent url(../front_row/images/background_band.gif) 0px 0px repeat-y;
}
.band h2 {
  background: transparent url(../front_row/images/header_band.gif) 0px 0px no-repeat;
  height: 93px;
}
.band .footer {
  background: transparent url(../front_row/images/footer_band.gif) 0px 100% no-repeat;
  height: 14px;
}
/**
 * Registration Page Items
 * -----------------------------------------------------------------------------
 */
.reg_top {
  padding: 0 0 25px 0;
}
.big_column {
  float: left;
  padding: 85px 0 0 20px;
  width: 380px;
}

.big_column h1,
#registration_error h1 {
  color: #00707B;
  font-size: 2.5em;
}
#registration_error h1 {
  padding: 0 15px 20px 15px;
}
.big_column p {
  padding: 20px 0 0 0;
}
.little_column {
  float: right;
  padding: 123px 0 0 0;
  width: 303px;
}
.little_column h2 {
  background: transparent url(../images/header_line.gif) 0px 100% no-repeat;
  color: #600A48;
  font-size: 1.25em;
  font-weight:bold;
  padding: 0 0 3px 0;
}
.little_column ul {
  color: #eb0bbe;
  list-style-type: disc;
  padding: 10px 0 0 15px;
  font-size: .7em;
}
.little_column ul li span { color: #000; font-size: 1.4em;}

/**
 * Article Sidebar Elements
 * -----------------------------------------------------------------------------
 */
#articles_sidebar {
  border-bottom: 1px solid #a21480;
  padding: 0 0 10px 0 ;
  width: 150px;
}
#articles_sidebar li {padding: 0 0 5px 10px; }
#articles_sidebar li a {
  color: #ffcc00;
}
.best li.best,
.marc li.marc,
.eyes li.eyes,
.hottest li.hottest,
.bracelets li.bracelets,
.golden li.golden,
.ask li.ask,
.girls li.girls,
.new li.new,
.kate li.kate { display: none; }

/**
 * Error Page Elements
 * -----------------------------------------------------------------------------
 */

#error #content {
  padding: 0 0 25px 0;
}
/**
 * Registration and Profile Page Elements
 * -----------------------------------------------------------------------------
 */

 .columnL, .columnR {
   float: left;
   width: 325px;
 }
#signupCommand h1,
#signupCommand h2  {
  background: transparent url(../images/header_line.gif) 0px 56% no-repeat;
  color: #59042b;
  font-size: 2.5em;
  font-weight:bold;
  padding: 0 0 20px 15px;
  line-height: normal;
}
#signupCommand h2 {
  font-size: 1.8em;
}
#signupCommand .columnL label,
#signupCommand .columnR label {
  font-weight: bold;
  display: block;
}
#signupCommand .columnL input,
#signupCommand .columnR input  {
  width: 256px;
}

#signupCommand p.medium,
#signupCommand p.micro  {
  float: left;
}
#signupCommand p.medium {
  padding: 0;
}
#signupCommand p.medium input {
  width: 185px;
}

#signupCommand .opt-in {
  padding: 15px 15px 30px 15px;
}
#signupCommand .opt-in input {
  float: left;
}
#signupCommand .opt-in label {
  float: left;
  display: block;
  width: 575px;
  padding: 0 0 0 10px;
}
#signupCommand p.radio label {
  font-weight: bold;
}
#signupCommand p.radio label,
#signupCommand p.radio input {
  display: inline;
  width: auto;
}

p.radio {
  padding-bottom: 5px;
}

#signupCommand fieldset {
  padding: 10px 0;
}

#diary_download {
  background: transparent url(../yaz_tools/images/background_diary.jpg) 50% 0px no-repeat;
  height: 270px;
  padding: 0 0 20px 0;
}
#diary_download a {
  display: block;
  text-indent: -9999px;
  position: relative;
  float:left;
}
#diary_download a.begin {
  top: 214px;
  height: 33px;
  left: 70px;
  width: 154px;
}
#diary_download a.pc {
  height:20px;
  left:221px;
  top:225px;
  width:49px;
}
#diary_download a.mac {
  height:20px;
  left:240px;
  top:225px;
  width:53px;
}

div.other_tools {
  background: transparent url(../yaz_tools/images/header_other-tools.gif) 0px 0px no-repeat;
  height: 100px;
}
#tools_content {
	position: relative;
	display: block;
	float: left;
	clear: both;
	overflow: hidden;
  background: transparent url(../yaz_tools/images/background_tools2.jpg) 0px 0px no-repeat;
  height: 238px;
	width: 760px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
#tools_content a {
  display: block;
  float: left;
  position: absolute;
  text-indent: -9999px;
}
a.user_guide {
  height:30px;
  left:95px;
  top:68px;
  width:140px;
}
a.user_guide_pic {
  height:64px;
  left:18px;
  top:46px;
  width:64px;
}
a.body_diary {
  height:30px;
  left:95px;
  top:146px;
  width:105px;
}
a.body_diary_pic {
  height:64px;
  left:18px;
  top:127px;
  width:64px;
}
a.welcome_brochure {
  height:30px;
  left:25px;
  top:147px;
  width:137px;
}
a.chart {
  height:13px;
  left:365px;
  top:82px;
  width:105px;
}
a.chart_pic {
  height:64px;
  left:288px;
  top:46px;
  width:64px;
}
a.reminders {
  height:13px;
  left:598px;
  top:82px;
  width:109px;
}
a.reminders_pic {
  height:64px;
  left:521px;
  top:46px;
  width:64px;
}
#registration_thanks h1,
#error h1 {
  color: #00707B;
  padding: 10px 15px;
  font-size: 2.8em;
}
h2.xpress_yourself {
  color: #fff;
  font-size: 1.8em;
  padding: 0;
}
.poll {
  padding: 10px;
  position: absolute;
  width: 157px;
}
.poll p.question { line-height: normal; padding: 0 0 5px 0;}
#content_secondary .poll {
  width: 141px;
}
.poll p.clear label {
  color: #fff;
  display: block;
  float: right;
  width: 136px;
  padding: 2px 0 0 0;
}
.article .poll p.clear label {
  width: 117px;
}
.poll p.clear input{
  float:left;
}
.poll p.clear {
  padding: 1px 0;
}
.poll p {
   color: #d0b6ca;
   font-size: .98em;
}
.poll p img {
  float: left;
}

/* =comparison chart
----------------------------------------------- */
#chartWrapperDiv {background-color:#fff; display:none; width:632px; margin-right:auto; margin-left:auto; background-image:url("../images/background_1.jpg"); background-repeat:repeat-x;}
#chartISIWrapperDiv {background-color:#fff; padding:25px 18px 8px 18px;}
#chartISI {/*font-size:.92em;*/ color:#000;}
#chartISI h3.subhd01 {color:#1e7984;}
/* =dialogs
----------------------------------------------- */
#mask01Div {position:absolute; display:none; top:0px; left:0px; width:100px; height:100px; z-index:475;}
#mask01Iframe {position:absolute; display:none; top:0px; left:0px; height:100px; width:100px; z-index:476; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=35);}

#bodyDiaryMessage1Div {position:absolute; top:90px; left:-1500px; width:470px; background-color:#fff; border:3px solid #de631d; padding:1px 1px 1px 1px; text-align:left; z-index:550;}
#bodyDiaryMessage1Div div.content {border:1px solid #38aec0; padding:12px 12px 12px 12px; line-height:1.6em;}
#bodyDiaryMessage1Div div.content p {margin-top:1em; margin-bottom:1em;}
#bodyDiaryMessage1Div div.content p.first {margin-top:0em; margin-bottom:1em;}
#bodyDiaryMessage1Div div.content img {margin-top:10px; margin-right:8px;}

#leavingSiteDiv {position:absolute; top:90px; left:-1500px; width:470px; background-color:#fff; border:3px solid #de631d; padding:1px 1px 1px 1px; text-align:left; z-index:551;}
#leavingSiteDiv div.content {border:1px solid #38aec0; padding:12px 12px 12px 12px; line-height:1.6em;}
#leavingSiteDiv div.content p {margin-top:1em; margin-bottom:1em;}
#leavingSiteDiv div.content img {margin-top:10px; margin-right:8px;}

#leavingSiteSavingsCardDiv {position:absolute; top:90px; left:-1500px; width:470px; background-color:#fff; border:3px solid #de631d; padding:1px 1px 1px 1px; text-align:left; z-index:552;}
#leavingSiteSavingsCardDiv div.content {border:1px solid #38aec0; padding:12px 12px 12px 12px; line-height:1.6em;}
#leavingSiteSavingsCardDiv div.content span {color:#00838e; font-weight:bold; font-size:1.1em;}
#leavingSiteSavingsCardDiv div.content p {font-size:1em;}
#leavingSiteSavingsCardDiv div.content p.first {margin-top:1em; margin-bottom:5px;}
#leavingSiteSavingsCardDiv div.content img {margin-left:-12px;}
#leavingSiteSavingsCardDiv div.content p.last {margin-top:0px; margin-bottom:1em; color:#e4721d; font-weight:bold;}

#pdfMessageDiv {position:absolute; top:150px; left:-1500px; width:470px; background-color:#fff; border:3px solid #de631d; padding:1px 1px 1px 1px; text-align:left; z-index:555;}
#pdfMessageDiv div.content {border:1px solid #38aec0; padding:12px 12px 12px 12px;  line-height:1.6em;}
#pdfMessageDiv div.content img {margin-right:8px;}
#pdfMessageDiv img.pdfIcon {margin:4px 0px 0px 6px;}


/* =Action Tag
----------------------------------------------- */
div.actionTag {position:absolute; height:1px; width:1px; top:0px; left:-1000px;}


#mediaISI {font-size:.92em; padding:25px 18px 0px 18px; color:#000; text-align:left;}
#mediaISI h3.subhd01 {font-size:1.2em; line-height:normal; font-weight:bold; color:#1e7984;}

#mediaISIWrapper {width:632px; background: #fff;}
#mediaISIWrapper p { margin-bottom:1.4em; margin-top:1.4em;}
#mediaISIWrapper p a { color:#F87F2C; text-decoration:underline;}


ul.list01 {margin:1.4em 0em 1.4em 0em; padding:0em 0em 0em 0em; list-style-type:none;}
ul.list01 li {margin:0em 0em .3em 0em; padding:0em 0em 0em 0em; background-image:url("../images/icons/icon_bullet01.gif"); background-repeat:no-repeat; background-position:.1em .5em; padding-left:1.1em;}
ul.list01 li.level2 {margin:0em 0em .1em .9em; padding:0em 0em 0em 0em; background-image:url("../images/icons/icon_bullet02.gif"); background-repeat:no-repeat; background-position:.1em .5em; padding-left:1em;}
ul.list01 li.level3 {margin:0em 0em .1em .9em; padding:0em 0em 0em 0em; background-image:url("../images/icons/icon_bullet02.gif"); background-repeat:no-repeat; background-position:1.8em .5em; padding-left:2.7em;}

/* =miscellaneous
----------------------------------------------- */
.noMargTop {margin-top:0px;}
.noMargBottom {margin-bottom:0px;}
.noMargTB {margin-top:0px; margin-bottom:0px;}
.margTop01 {margin-top:.8em;}
.margTop02 {margin-top:1.4em;}
.margTop03 {margin-top:.6em;}
.margBottom01 {margin-bottom:3px;}
.margBottom02 {margin-bottom:1.4em;}
.margBottom03 {margin-bottom:8px;}
.margLeft01 {margin-left:10px;}
.color01 {color:#4d4d4d;}
.color02 {color:#1e7984;}
.color03 {color:#000;}
.color04 {color:#ea7427;}
div.line01 {margin:1.4em 0em; border-bottom:1px dotted #94c8cb; height:1px; overflow:hidden;}
.highlighter {background-color:#33FF00;}
.floatLeft {float:left;}
#widgetDownloads {display:none;}


#remember_label {
  font-size: .8em;
  display: block !important;
  width: 64px;
  *width: 72px;
  float: right;
  margin: 2px 0 0 0;
}

form#sms {
  padding-bottom: 20px;
}
a#get_adobe {
  position: relative;
  display: block;
  width: 241px;
  top: 280px;
  height: 30px;
  left: 146px;
  text-indent: -9999px;
}
a#join_now {
  position: relative;
  display: block;
  width: 83px;
  top: 162px;
  height: 21px;
  left: 343px;
  text-indent: -9999px;
}

#signinCommand #txt_username,
#signinCommand #txt_password  {
  width: 140px;
}

#pdfMessageDiv p,
#leavingSiteDiv p,
#leavingSiteSavingsCardDiv p {
  padding-left: 0px;
  padding-right: 0px;
}

#pdfMessageDiv p a,
#leavingSiteDiv p a,
#leavingSiteSavingsCardDiv p a {
  color: #FC9501;
  text-decoration: underline;
}
#obdDiv {
  min-height: 120px;
  height: auto !important;
  height: 120px;
  
}
#obdDiv a {
  display: block;
  padding: 20px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #search_form #search_button {
      top: -51px;
    }
    #search_form #search_box {
      top: -50px;
    }
}