/* @group MyStain */ #mystain-content.clear:after, #mystain-content .clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #mystain-content {width: 624px; padding: 22px 0px;} #mystain-content .stage { background: #bbdff8 url(../images/tab_bg.png) repeat-x left top; width: 618px; border: 1px solid #b8ddf6; position: relative; float: left; clear: both; border-bottom: none; border-top: none; } /* @end */ /* @group Nav */ #mystain-content .tabs {float: left; height: 44px; position: relative; overflow: visible; padding-bottom: 0px; width: 620px; background: url(../images/tab_top_bg.png) no-repeat center bottom;} /*#mystain-content.take-a-spin .tabs {background: url(../images/tab_top_takeaspin_bg.png) no-repeat center bottom;}*/ #mystain-content .tabs li{position: absolute; top: 2px; float: left; width: 120px; height: 32px; background: url(../images/tab_gray_bg.png) no-repeat center top;} #mystain-content .tabs .find-a-stain {left: 120px;} #mystain-content .tabs .find-a-stain {background: url(../images/tab_gray_blank_bg.png) no-repeat center top;} #mystain-content .tabs a {display: block; height: 32px; width: 100%; color: #ccc; line-height: 32px; text-align: center; font-size: 14px; color: #959595} #mystain-content.find-a-stain .tabs .find-a-stain {z-index:99; background: url(../images/tab_findastain_blue.png) no-repeat center top;} #mystain-content.find-a-stain .tabs .take-a-spin {height: 40px;} #mystain-content.take-a-spin .tabs .find-a-stain {height: 31px;} #mystain-content.take-a-spin .tabs .take-a-spin {z-index:999; height: 40px;background: url(../images/tab_takeaspin_blue.png) no-repeat center top;} #mystain-content.take-a-spin .tabs .take-a-spin a, #mystain-content.find-a-stain .tabs .find-a-stain a {color: #0140af;} /* @end */ /* @group Stain List */ #mystain-content .search {padding: 15px 20px;} #mystain-content .search p { font: 14px/20px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif; color: #666; margin-bottom: 10px;} #mystain-content .search #stain-search-btn {text-indent: -99999px; height: 33px; width: 67px; overflow:hidden; color: transparent; text-transform: capitalize;} #mystain-content .search #stain-search-text {width: 270px; height: 30px; border: 1px solid #ccc; font-size: 14px;} #mystain-content .search-results h3 {padding: 10px 20px;font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #333333;} #mystain-content #lists {width: 578px; background: url(../images/lists_bg.png) repeat-x left bottom; padding: 0 20px 30px;} #mystain-content #lists .list {margin:0 20px 0 0; float: left;} #mystain-content #lists .list li {width: 179px; border-bottom: 1px solid #ccc;} #mystain-content #lists .list.last {margin-right: 0px;} #mystain-content #lists .list a {padding: 5px 15px; width: 150px; color: #017ee2; font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; display: block;} #mystain-content #lists .list a:hover {background: #e7f4fe; text-decoration: none;} #mystain-content .stage.list {border-bottom: none;} #mystain-content .stage div.footer {width: 622px; height: 12px; background: url(../images/findastain_list_bottom.png); position: absolute; bottom: 0; left: -1px;} #mystain-content .stage .foot {width: 620px; height: 11px; background: url(../images/tab_bottom_mask.png); position: absolute; bottom: -1px; left: -1px;} /* @end */ /* @group Stain Detail */ #mystain-content .stage .single.stain {padding: 10px 20px 60px} #mystain-content .stage .single.stain h2 { color: #000; font: bold 24px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif; margin-bottom: 5px; } #mystain-content .cap {text-transform: capitalize;} .es #mystain-content .cap {text-transform: lowercase;} #mystain-content .stage .single.stain .info {width: 579px; height: 140px; background: #fff; border: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;margin-bottom: 10px;} #mystain-content .stage .single.stain .info img {float: left;} #mystain-content .stage .single.stain .hidden {display: none;} #mystain-content .stage .single.stain .info ul {float: left; width: 210px; padding: 20px 0 20px 345px;} #mystain-content .stage .single.stain .info ul li {display: block; float: left; margin-bottom: 10px;} #mystain-content .stage .single.stain .info ul li.facebook, #mystain-content .stage .single.stain .info ul li.email {padding-left: 30px; } #mystain-content .stage .single.stain .info ul a {float: left; color: #017ee2; font: bold 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;} #mystain-content .stage .single.stain .info ul .findanotherstain {height: 43px; width: 224px; display: block; text-indent: -99999px;} #mystain-content .stage .single.stain .info ul .facebook {background: url(../images/icon_facebook.png) no-repeat left top; padding: 0 0 0 20px;} #mystain-content .stage .single.stain .info ul .email {background: url(../images/icon_email.png) no-repeat left top} #mystain-content .stage .single.stain .description p {width: 325px; padding: 10px 0;font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #333333;} #mystain-content .stage .single.stain .tip li {width: 500px; padding: 10px 10px 10px 40px;} #mystain-content .stage .single.stain .tip li h4 {color: #017ee2; font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; display: block;} #mystain-content .stage .single.stain .tip li p, #mystain-content .stage .single.stain .tip li label {font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #333333;} #mystain-content .stage .single.stain .tip li.on-the-go {background: url(../images/onthego_bg.png) no-repeat -12px top;} #mystain-content .stage .single.stain .tip li.at-home {background: url(../images/athome_bg.png) no-repeat -12px top; border-bottom: 2px solid #a2b8c7; padding-bottom: 13px; margin-bottom: 4px;} #mystain-content .stage .single.stain .tip li.votes {padding-left: 60px; width: 490px; position: relative;} #mystain-content .stage .single.stain .tip li.votes .count {position: absolute; left: 0px; padding-top: 8px} #mystain-content .stage .single.stain .tip li.votes label {float: left; line-height: 35px;} #mystain-content .stage .single.stain .tip li.votes .submit {width: 65px; height: 35px; float: left; text-indent: -9999px; margin: 0 0 0 10px; color: transparent; text-transform: capitalize;} #mystain-content .stage .single.stain .tip li.votes .count div {width: 25px; padding-left: 25px; font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #017ee2; height: 20px;} #mystain-content .stage .single.stain .tip li.votes div.votes-for {background: url(../images/votesfor_bg.png) no-repeat left top; padding-bottom: 1px;} #mystain-content .stage .single.stain .tip li.votes div.votes-against {background: url(../images/votesagainst_bg.png) no-repeat left top;} /* @end */ /* @group Take A Spin */ #mystain-content.take-a-spin .stage {padding: 15px 23px 40px; width: 572px;} #mystain-content.take-a-spin .stage #description { float: left; width: 261px; height: 366px;background: url(../images/take-a-spin-leftimage.png) no-repeat center top; padding-top: 15px; } /*#mystain-content.take-a-spin .stage #description { float: left; width: 260px; height: 385px;background: url(../images/takeaspin_spaghetti.jpg) no-repeat center top; padding-top: 15px; } #mystain-content.take-a-spin .stage #description p { margin: 275px 0 30px 0; padding: 18px 15px 10px; background: url(../images/takeaspin_white_bg.png) no-repeat center bottom; font: 13px "Myriad Pro", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #333;}*/ #mystain-content.take-a-spin .stage embed {float: right;} /* @end */ /* @group email box */ # #TB_window iframe#TB_iframeContent {padding: 0; margin: 0;} #email-form {width: 530px; margin: 0; } #email-form h2 {font: bold 24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #017ee2; } #email-form p, #email-form ul label {font: 13px/20px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif; color: #666;} #email-form ul {padding: 0; list-style-type: none;} #email-form ul li {margin-bottom: 5px; display: block; float: left; position: relative;} #email-form ul label {width: 160px; float: left; line-height: 25px; font-weight: bold;} #email-form ul input[type='text'] {float: left; width: 260px; height: 25px; border: 1px solid #ccc; font-size: 14px;} #email-form ul textarea {width: 368px; border: 1px solid #ccc; font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; height: 125px;} #email-form input.vanadium-invalid {border: 1px solid red;} #email-form .vanadium-advice.vanadium-invalid { display: block; width: 300px; position: absolute; left: 0px; top: 20px;font: 10px "Lucida Grande", Lucida, Verdana, sans-serif; color: red; padding: 0;} #email-form input[type='text'].required {border-left: 3px solid #cb2e32;} #email-form .controls { background: #bbdff8; position: absolute; bottom: 0px; left: 0px; height: 90px; padding: 17px 20px 10px; width: 540px; } #email-form .controls input {float: left;width: 80px; height: 39px; text-indent: -99999px; border: none; color:transparent; overflow:hidden; text-indent:-99999px; text-transform:capitalize; margin-left: 180px;} #email-form .controls a.cancel {display: block; float: left; margin-left: 10px; width: 80px; height: 39px; line-height: 9999px; overflow: hidden; background: url(../images/btn_email_cancel.png);} #email-form .controls p {clear: both;} #email-form .controls a, #email-form .controls a:visited {color: #0140af; text-decoration: none;} #email-form li.recaptcha {background: url(../images/recaptcha-logo.png) no-repeat 40px center;} #email-form #recaptcha { margin-left: 160px;} #email-form li.recaptcha .vanadium-advice.vanadium-invalid { width: 140px; top: 40px; text-align: center;} #email-form #recaptcha #recaptcha_response_field {height: 15px; left: 0px;} #email-form #recaptcha_logo, #email-form #recaptcha_tagline {display: none;} /* @end */ /* @group English */ .en #mystain-content.take-a-spin .stage #description { background: url(../images/en/take-a-spin-leftimage.png) no-repeat center top;} .en #mystain-content .search #stain-search-btn {background: url(../images/en/btn_search.png);} .en #mystain-content .stage .single.stain .info ul .findanotherstain {background: url(../images/en/btn_findanotherstain.png) no-repeat left;} .en #email-form .controls input {background: url(../images/en/btn_email_submit.png);} .en #email-form .controls a.cancel {background: url(../images/en/btn_email_cancel.png);} .en #mystain-content .stage .single.stain .tip li.votes #vote-yes { background: url(../images/en/yes_btn.png);} .en #mystain-content .stage .single.stain .tip li.votes #vote-no { background: url(../images/en/no_btn.png);} .en h1.gotStain {background:url("/img/redesign/headlines/got_stain.gif") no-repeat scroll 0 0 transparent;} /* @end */ /* @group Espanol */ .es #mystain-content .search #stain-search-btn {background: url(../images/es/btn_search.png);} .es #mystain-content .stage .single.stain .info ul .findanotherstain {background: url(../images/es/btn_findanotherstain.png) no-repeat left;} .es #email-form .controls input {background: url(../images/es/btn_email_submit.png);} .es #email-form .controls a.cancel {background: url(../images/es/btn_email_cancel.png);} .es #mystain-content .stage .single.stain .tip li.votes #vote-yes { background: url(../images/es/yes_btn.png);} .es #mystain-content .stage .single.stain .tip li.votes #vote-no { background: url(../images/es/no_btn.png);} .es h1.gotStain {background:url("../images/es/se-mancho.gif") no-repeat scroll 0 0 transparent; width: 480px } .es #mystain-content.take-a-spin .stage #description { background: url(../images/es/take-a-spin-leftimage.png) no-repeat center top;} .es #mystain-content .tabs .find-a-stain {left: 120px; width: 150px} .es #mystain-content .tabs .find-a-stain {background: url(../images/es/tab_gray_blank_bg.png) no-repeat center top;} .es #mystain-content.busque-una-mancha .tabs .find-a-stain {z-index:99; background: url(../images/es/tab_findastain_blue.png) no-repeat center top;} .es #mystain-content .search #stain-search-btn {text-indent: -99999px; height: 33px; width: 85px; background: url(../images/es/btn_search.png); overflow:hidden; color: transparent; text-transform: capitalize;} .es #mystain-content .stage .single.stain .info ul {float: left; width: 210px; padding: 8px 0 20px 345px;} /* @end */